diff --git a/.gitignore b/.gitignore index a77fa96..8e8ab40 100644 --- a/.gitignore +++ b/.gitignore @@ -24,3 +24,5 @@ cover.png .vs/tranga-website/FileContentIndex/91a465d3-1190-42e0-95eb-fa3694744e58.vsidx .vs/tranga-website/v17/.wsuo .vs/VSWorkspaceState.json +/node_modules/ +/.vite/ diff --git a/README.md b/README.md index fed1b32..3df7b89 100644 --- a/README.md +++ b/README.md @@ -57,7 +57,9 @@ This repo makes HTTP-requests to the [Tranga-API](https://github.com/C9Glax/tran ### Built With - nginx -- HTML, CSS, and barebones Javascript +- vite +- react +- typescript - 💙 Blåhaj 🦈

(back to top)

@@ -73,16 +75,6 @@ There is a single release: Download [docker-compose.yaml](https://github.com/C9Glax/tranga-website/blob/cuttingedge/docker-compose.yaml) and configure to your needs. The `docker-compose` also includes [Tranga](https://github.com/C9Glax/tranga) as backend. For its configuration refer to the repo README. - -## Roadmap - -- [ ] ❓ - -See the [open issues](https://github.com/C9Glax/tranga-website/issues) for a full list of proposed features (and known issues). - -

(back to top)

- - ## Contributing diff --git a/Screenshots/Screenshot 2023-09-08 at 20-03-13 Tranga.png b/Screenshots/Screenshot 2023-09-08 at 20-03-13 Tranga.png deleted file mode 100644 index c30b3a8..0000000 Binary files a/Screenshots/Screenshot 2023-09-08 at 20-03-13 Tranga.png and /dev/null differ diff --git a/Screenshots/Screenshot 2023-09-08 at 20-03-37 Tranga.png b/Screenshots/Screenshot 2023-09-08 at 20-03-37 Tranga.png deleted file mode 100644 index 670743c..0000000 Binary files a/Screenshots/Screenshot 2023-09-08 at 20-03-37 Tranga.png and /dev/null differ diff --git a/Screenshots/Screenshot 2023-09-08 at 20-03-45 Tranga.png b/Screenshots/Screenshot 2023-09-08 at 20-03-45 Tranga.png deleted file mode 100644 index 2f38769..0000000 Binary files a/Screenshots/Screenshot 2023-09-08 at 20-03-45 Tranga.png and /dev/null differ diff --git a/Screenshots/Screenshot 2023-09-08 at 20-03-58 Tranga.png b/Screenshots/Screenshot 2023-09-08 at 20-03-58 Tranga.png deleted file mode 100644 index a287f41..0000000 Binary files a/Screenshots/Screenshot 2023-09-08 at 20-03-58 Tranga.png and /dev/null differ diff --git a/Screenshots/Screenshot 2023-09-08 at 20-04-41 Tranga.png b/Screenshots/Screenshot 2023-09-08 at 20-04-41 Tranga.png deleted file mode 100644 index 68c191f..0000000 Binary files a/Screenshots/Screenshot 2023-09-08 at 20-04-41 Tranga.png and /dev/null differ diff --git a/Website/App.tsx b/Website/App.tsx new file mode 100644 index 0000000..1788095 --- /dev/null +++ b/Website/App.tsx @@ -0,0 +1,132 @@ +import React, {useEffect, useState} from 'react'; +import Footer from "./modules/Footer"; +import Search from "./modules/Search"; +import Header from "./modules/Header"; +import MonitorJobsList from "./modules/MonitorJobsList"; +import './styles/index.css' +import IFrontendSettings, {LoadFrontendSettings} from "./modules/interfaces/IFrontendSettings"; +import {useCookies} from "react-cookie"; + +export default function App(){ + const [, setCookie] = useCookies(['apiUri', 'jobInterval']); + const [connected, setConnected] = React.useState(false); + const [showSearch, setShowSearch] = React.useState(false); + const [frontendSettings, setFrontendSettings] = useState(LoadFrontendSettings()); + const [updateInterval, setUpdateInterval] = React.useState(); + const [updateMonitorList, setUpdateMonitorList] = React.useState(new Date()); + + const apiUri = frontendSettings.apiUri; + + useEffect(() => { + checkConnection(apiUri).then(res => setConnected(res)).catch(() => setConnected(false)); + if(updateInterval === undefined){ + setUpdateInterval(setInterval(() => { + checkConnection(apiUri).then(res => setConnected(res)).catch(() => setConnected(false)); + }, 500)); + }else{ + clearInterval(updateInterval); + setUpdateInterval(undefined); + } + }, [frontendSettings]); + + function ChangeSettings(settings: IFrontendSettings) { + setFrontendSettings(settings); + setCookie('apiUri', settings.apiUri); + setCookie('jobInterval', settings.jobInterval); + } + + const UpdateList = () => {setUpdateMonitorList(new Date())} + + return(
+
+ {connected + ? <> + {showSearch + ? <> + setShowSearch(false)} /> +
+ + : <>} + setShowSearch(true)} onJobsChanged={UpdateList} connectedToBackend={connected} /> + + : <> +

No connection to the Backend.

+

Check the Settings ApiUri.

+ } +
+
) +} + +export function getData(uri: string) : Promise { + return fetch(uri, + { + method: 'GET', + headers : { + 'Content-Type': 'application/json', + 'Accept': 'application/json' + } + }) + .then(function(response){ + if(!response.ok) throw new Error("Could not fetch data"); + return response.json(); + }) + .catch(function(err){ + console.error(`Error GETting Data ${uri}\n${err}`); + return Promise.reject(); + }); +} + +export function postData(uri: string, content: object) : Promise { + return fetch(uri, + { + method: 'POST', + headers : { + 'Content-Type': 'application/json', + 'Accept': 'application/json' + }, + body: JSON.stringify(content) + }) + .then(function(response){ + if(!response.ok) + throw new Error("Could not fetch data"); + let json = response.json(); + return json.then((json) => json).catch(() => null); + }) + .catch(function(err){ + console.error(`Error POSTing Data ${uri}\n${err}`); + return Promise.reject(); + }); +} + +export function deleteData(uri: string) : Promise { + return fetch(uri, + { + method: 'DELETE', + headers : { + 'Content-Type': 'application/json', + 'Accept': 'application/json' + } + }) + .then(() =>{ + return Promise.resolve(); + }) + .catch(function(err){ + console.error(`Error DELETEing Data ${uri}\n${err}`); + return Promise.reject(); + }); +} + +export function isValidUri(uri: string) : boolean{ + try { + new URL(uri); + return true; + } catch (err) { + return false; + } +} + +export const checkConnection = async (apiUri: string): Promise =>{ + return getData(`${apiUri}/v2/Ping`).then((result) => { + return result != null; + }).catch(() => Promise.reject()); +} \ No newline at end of file diff --git a/Website/apiConnector.js b/Website/apiConnector.js deleted file mode 100644 index 64dca93..0000000 --- a/Website/apiConnector.js +++ /dev/null @@ -1,346 +0,0 @@ -let apiUri = `${window.location.protocol}//${window.location.host.split(':')[0]}:6531` - -if(getCookie("apiUri") != ""){ - apiUri = getCookie("apiUri"); -} -setCookie("apiUri", apiUri); - -function setCookie(cname, cvalue) { - const d = new Date(); - d.setTime(d.getTime() + (365*24*60*60*1000)); - let expires = "expires="+ d.toUTCString(); - document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/;samesite=strict"; -} - -function getCookie(cname) { - let name = cname + "="; - let decodedCookie = decodeURIComponent(document.cookie); - let ca = decodedCookie.split(';'); - for(let i = 0; i < ca.length; i++) { - let c = ca[i]; - while (c.charAt(0) == ' ') { - c = c.substring(1); - } - if (c.indexOf(name) == 0) { - return c.substring(name.length, c.length); - } - } - return ""; -} - -async function GetData(uri){ - let request = await fetch(uri, { - method: 'GET', - headers: { - 'Accept': 'application/json' - } - }); - let json = await request.json(); - return json; -} - -async function PostData(uri){ - let request = await fetch(uri, { - method: 'POST' - }); - //console.log(request); -} - -function DeleteData(uri){ - fetch(uri, { - method: 'DELETE' - }); -} - -async function Ping(){ - let ret = await GetData(`${apiUri}/Ping`); - return ret; -} - -async function GetAvailableControllers(){ - var uri = apiUri + "/Connectors"; - let json = await GetData(uri); - return json; -} - -async function GetPublicationFromConnector(connector, title){ - var uri; - if(title.includes("http")){ - uri = `${apiUri}/Manga/FromConnector?connector=${connector}&url=${title}`; - }else{ - uri = `${apiUri}/Manga/FromConnector?connector=${connector}&title=${title}`; - } - let json = await GetData(uri); - return json; -} - -async function GetChapters(connector, internalId, language){ - var uri = `${apiUri}/Manga/Chapters?connector=${connector}&internalId=${internalId}&translatedLanguage=${language}`; - let json = await GetData(uri); - return json; -} - -function GetCoverUrl(internalId){ - return `${apiUri}/Manga/Cover?internalId=${internalId}`; -} - -async function GetAllJobs(){ - var uri = `${apiUri}/Jobs`; - let json = await GetData(uri); - return json; -} - -async function GetRunningJobs(){ - var uri = `${apiUri}/Jobs/Running`; - let json = await GetData(uri); - return json; -} - -async function GetWaitingJobs(){ - var uri = `${apiUri}/Jobs/Waiting`; - let json = await GetData(uri); - return json; -} - -async function GetMonitorJobs(){ - var uri = `${apiUri}/Jobs/MonitorJobs`; - let json = await GetData(uri); - return json; -} - -async function GetProgress(jobId){ - var uri = `${apiUri}/Jobs/Progress?jobId=${jobId}`; - let json = await GetData(uri); - return json; -} - -async function GetSettings(){ - var uri = `${apiUri}/Settings`; - let json = await GetData(uri); - return json; -} - -async function GetAvailableNotificationConnectors(){ - var uri = `${apiUri}/NotificationConnectors/Types`; - let json = await GetData(uri); - return json; -} - -async function GetNotificationConnectors(){ - var uri = `${apiUri}/NotificationConnectors`; - let json = await GetData(uri); - return json; -} - -async function GetAvailableLibraryConnectors(){ - var uri = `${apiUri}/LibraryConnectors/Types`; - let json = await GetData(uri); - return json; -} - -async function GetLibraryConnectors(){ - var uri = `${apiUri}/LibraryConnectors`; - let json = await GetData(uri); - return json; -} - -async function GetRateLimits() { - var uri = `${apiUri}/Settings/customRequestLimit` - let json = await GetData(uri); - return json; -} - -function CreateMonitorJob(connector, internalId, language){ - var uri = `${apiUri}/Jobs/MonitorManga?connector=${connector}&internalId=${internalId}&interval=03:00:00&translatedLanguage=${language}`; - PostData(uri); -} - -function CreateDownloadNewChaptersJob(connector, internalId, language){ - var uri = `${apiUri}/Jobs/DownloadNewChapters?connector=${connector}&internalId=${internalId}&translatedLanguage=${language}`; - PostData(uri); -} - -function StartJob(jobId){ - var uri = `${apiUri}/Jobs/StartNow?jobId=${jobId}`; - PostData(uri); -} - -function UpdateDownloadLocation(downloadLocation){ - var uri = `${apiUri}/Settings/UpdateDownloadLocation?downloadLocation=${downloadLocation}`; - PostData(uri); -} - -function RefreshLibraryMetadata() { - var uri = `${apiUri}/Jobs/UpdateMetadata`; - PostData(uri); -} - -async function DownloadLogs() { - var uri = `${apiUri}/LogFile`; - - //Below taken from https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream - fetch(uri) - .then((response) => response.body) - .then((rb) => { - const reader = rb.getReader(); - - return new ReadableStream({ - start(controller) { - // The following function handles each data chunk - function push() { - // "done" is a Boolean and value a "Uint8Array" - reader.read().then(({ done, value }) => { - // If there is no more data to read - if (done) { - console.log("done", done); - controller.close(); - return; - } - // Get the data and send it to the browser via the controller - controller.enqueue(value); - // Check chunks by logging to the console - console.log(done, value); - push(); - }); - } - - push(); - }, - }); - }) - .then((stream) => - // Respond with our stream - new Response(stream, { headers: { "Content-Type": "text/html" } }).text(), - ) - .then((result) => { - // Do things with result - //console.log(result); - - //Below download taken from https://stackoverflow.com/questions/3665115/how-to-create-a-file-in-memory-for-user-to-download-but-not-through-server - var element = document.createElement('a'); - element.setAttribute('href', 'data:text/plain;charset-utf-8,' + encodeURIComponent(result)); - var newDate = new Date(); - var filename = "Tranga_Logs_" + newDate.today() + "_" + newDate.timeNow() + ".log"; - element.setAttribute('download', filename); - element.click(); - }); -} - -//Following date-time code taken from: https://stackoverflow.com/questions/10211145/getting-current-date-and-time-in-javascript -// For todays date; -Date.prototype.today = function () { - return ((this.getDate() < 10)?"0":"") + this.getDate() +"/"+(((this.getMonth()+1) < 10)?"0":"") + (this.getMonth()+1) +"/"+ this.getFullYear(); -} - -// For the time now -Date.prototype.timeNow = function () { - return ((this.getHours() < 10)?"0":"") + this.getHours() +"_"+ ((this.getMinutes() < 10)?"0":"") + this.getMinutes() +"_"+ ((this.getSeconds() < 10)?"0":"") + this.getSeconds(); -} - -//Komga -function UpdateKomga(komgaUrl, komgaAuth){ - var uri = `${apiUri}/LibraryConnectors/Update?libraryConnector=Komga&komgaUrl=${komgaUrl}&komgaAuth=${komgaAuth}`; - PostData(uri); -} - -function ResetKomga(){ - var uri = `${apiUri}/LibraryConnectors/Reset?libraryConnector=Komga`; - PostData(uri); -} - -function TestKomga(komgaUrl, komgaAuth){ - var uri = `${apiUri}/LibraryConnectors/Test?libraryConnector=Komga&komgaUrl=${komgaUrl}&komgaAuth=${komgaAuth}`; - PostData(uri); -} - - -//Kavita -function UpdateKavita(kavitaUrl, kavitaUsername, kavitaPassword){ - var uri = `${apiUri}/LibraryConnectors/Update?libraryConnector=Kavita&kavitaUrl=${kavitaUrl}&kavitaUsername=${kavitaUsername}&kavitaPassword=${kavitaPassword}`; - PostData(uri); -} - -function ResetKavita(){ - var uri = `${apiUri}/LibraryConnectors/Reset?libraryConnector=Kavita`; - PostData(uri); -} - -function TestKavita(kavitaUrl, kavitaUsername, kavitaPassword){ - var uri = `${apiUri}/LibraryConnectors/Test?libraryConnector=Kavita&kavitaUrl=${kavitaUrl}&kavitaUsername=${kavitaUsername}&kavitaPassword=${kavitaPassword}`; - PostData(uri); -} - -//Gotify -function UpdateGotify(gotifyUrl, gotifyAppToken){ - var uri = `${apiUri}/NotificationConnectors/Update?notificationConnector=Gotify&gotifyUrl=${gotifyUrl}&gotifyAppToken=${gotifyAppToken}`; - PostData(uri); -} - -function ResetGotify(){ - var uri = `${apiUri}/NotificationConnectors/Reset?notificationConnector=Gotify`; - PostData(uri); -} - -function TestGotify(gotifyUrl, gotifyAppToken){ - var uri = `${apiUri}/NotificationConnectors/Test?notificationConnector=Gotify&gotifyUrl=${gotifyUrl}&gotifyAppToken=${gotifyAppToken}`; - PostData(uri); -} - -//LunaSea -function UpdateLunaSea(lunaseaWebhook){ - var uri = `${apiUri}/NotificationConnectors/Update?notificationConnector=LunaSea&lunaseaWebhook=${lunaseaWebhook}`; - PostData(uri); -} - -function ResetLunaSea(){ - var uri = `${apiUri}/NotificationConnectors/Reset?notificationConnector=LunaSea`; - PostData(uri); -} - -function TestLunaSea(lunaseaWebhook){ - var uri = `${apiUri}/NotificationConnectors/Test?notificationConnector=LunaSea&lunaseaWebhook=${lunaseaWebhook}`; - PostData(uri); -} - -//Ntfy -function UpdateNtfy(ntfyEndpoint, ntfyAuth){ - var uri = `${apiUri}/NotificationConnectors/Update?notificationConnector=Ntfy&ntfyUrl=${ntfyEndpoint}&ntfyAuth=${ntfyAuth}`; - PostData(uri); -} - -function ResetNtfy(){ - var uri = `${apiUri}/NotificationConnectors/Reset?notificationConnector=Ntfy`; - PostData(uri); -} - -function TestNtfy(ntfyEndpoint, ntfyAuth){ - var uri = `${apiUri}/NotificationConnectors/Test?notificationConnector=Ntfy&ntfyUrl=${ntfyEndpoint}&ntfyAuth=${ntfyAuth}`; - PostData(uri); -} - -function UpdateUserAgent(userAgent){ - var uri = `${apiUri}/Settings/userAgent?userAgent=${userAgent}`; - PostData(uri); -} - -function UpdateRateLimit(byteValue, rateLimit) { - var uri = `${apiUri}/Settings/customRequestLimit?requestType=${byteValue}&requestsPerMinute=${rateLimit}`; - PostData(uri); -} - -function RemoveJob(jobId){ - var uri = `${apiUri}/Jobs?jobId=${jobId}`; - DeleteData(uri); -} - -function CancelJob(jobId){ - var uri = `${apiUri}/Jobs/Cancel?jobId=${jobId}`; - PostData(uri); -} - -async function GetLogmessages(count){ - var uri = `${apiUri}/LogMessages?count=${count}`; - let json = await GetData(uri); - console.log(json); - return json; -} \ No newline at end of file diff --git a/Website/index.html b/Website/index.html index 1bb8c4c..d0145cc 100644 --- a/Website/index.html +++ b/Website/index.html @@ -1,301 +1,13 @@ - + - - Tranga - - - + + Tranga + + - - - - - website image is Blahaj - Tranga - - - filterFunnel - settingscog - - - - - Filter by: - × - - -
- NAME: -
- -
-
-
- CONNECTOR: -
-
-
-
- STATUS: -
-
-
- - Clear Filter - - - - -
- -
-

Check your Settings > API-URI

-
- -
-

+

-
- - cover - - Sample - Best Manga there is - - - - - - -
- - -
-
- - - - - - - Settings - × - - - -
- TRANGA -
-
- API Settings - - - - Refresh Library Metadata - Download Logs - -
-
- Rate Limits - - - - -
-
- Appearance - -
-
-
- -
- MANGA SOURCES -
- - -
- MangaDex - - - -
- - - - -
- -
- -
- LIBRARY CONNECTORS -
-
- Komga - - - -
- Test - Reset - Apply -
-
-
- Kavita - - - -
- Test - Reset - Apply -
-
-
-
- -
- NOTIFICATION CONNECTORS -
-
- Gotify - - -
- Test - Reset - Apply -
-
-
- LunaSea - -
- Test - Reset - Apply -
-
-
- Ntfy - - -
- Test - Reset - Apply -
-
-
-
- - - -
- Apply Settings -
- - - - - - - - - cover - - Best Manga there is - A Manga - Glax - - An interesting description. The description is very intriguing, yet wholesome. - - - Start Job ▶️ - Cancel Job ❌ - Delete Job 🗑️ - Monitor ➕ - Download Chapter 📥 - - - - - - - - - - Jobs - × - - - -
- RUNNING JOBS -
- -
-
- -
- QUEUED JOBS -
- -
-
- - - - - - - - - - -
-
- running
0
-
-
- queue
0
-
-

Made with Blåhaj 🦈

-
- - - - +
+ \ No newline at end of file diff --git a/Website/index.jsx b/Website/index.jsx new file mode 100644 index 0000000..de60bc4 --- /dev/null +++ b/Website/index.jsx @@ -0,0 +1,7 @@ +import React from 'react'; +import { createRoot } from 'react-dom/client'; +import App from './App.tsx'; + +const domNode = document.getElementById('app'); +const root = createRoot(domNode); +root.render(); \ No newline at end of file diff --git a/Website/interaction.js b/Website/interaction.js deleted file mode 100644 index 889ade9..0000000 --- a/Website/interaction.js +++ /dev/null @@ -1,885 +0,0 @@ -let monitoringJobsCount = 0; -let runningJobs = []; -let waitingJobs = []; -let notificationConnectorTypes = []; -let libraryConnectorTypes = []; -let selectedManga; -let selectedJob; -let searchMatch; - -let connectorMatch = []; -let connectorNameMatch; -let statusMatch = []; -let statusNameMatch = []; - -const searchBox = document.querySelector("#searchbox"); -const settingsPopup = document.querySelector("#settingsPopup"); -const filterBox = document.querySelector("#filterBox"); -const settingsCog = document.querySelector("#settingscog"); -const filterFunnel = document.querySelector("#filterFunnel"); -const tasksContent = document.querySelector("content"); -const createMonitorTaskButton = document.querySelector("#createMonitoJobButton"); -const createDownloadChapterTaskButton = document.querySelector("#createDownloadChapterJobButton"); -const startJobButton = document.querySelector("#startJobButton"); -const cancelJobButton = document.querySelector("#cancelJobButton"); -const deleteJobButton = document.querySelector("#deleteJobButton"); - -//Manga viewer popup -const mangaViewerPopup = document.querySelector("#publicationViewerPopup"); -const mangaViewerWindow = document.querySelector("publication-viewer"); -const mangaViewerDescription = document.querySelector("#publicationViewerDescription"); -const mangaViewerName = document.querySelector("#publicationViewerName"); -const mangaViewerTags = document.querySelector("#publicationViewerTags"); -const mangaViewerAuthor = document.querySelector("#publicationViewerAuthor"); -const mangaViewCover = document.querySelector("#pubviewcover"); - -//General Rate Limits -const defaultRL = document.querySelector("#defaultRL"); -const coverRL = document.querySelector("#coverRL"); -const imageRL = document.querySelector("#imageRL"); -const infoRL = document.querySelector("#infoRL"); - -//MangaDex Rate Limits -const mDexAuthorRL = document.querySelector("#mDexAuthorRL"); -const mDexFeedRL = document.querySelector("#mDexFeedRL"); -const mDexImageRL = document.querySelector("#mDexImageRL"); - -//Komga -const settingKomgaUrl = document.querySelector("#komgaUrl"); -const settingKomgaUser = document.querySelector("#komgaUsername"); -const settingKomgaPass = document.querySelector("#komgaPassword"); - -//Kavita -const settingKavitaUrl = document.querySelector("#kavitaUrl"); -const settingKavitaUser = document.querySelector("#kavitaUsername"); -const settingKavitaPass = document.querySelector("#kavitaPassword"); - -//Gotify -const settingGotifyUrl = document.querySelector("#gotifyUrl"); -const settingGotifyAppToken = document.querySelector("#gotifyAppToken"); - -//Lunasea -const settingLunaseaWebhook = document.querySelector("#lunaseaWebhook"); - -//Ntfy -const settingNtfyEndpoint = document.querySelector("#ntfyEndpoint"); -const settingNtfyAuth = document.querySelector("#ntfyAuth"); - -//Connector Configured -const settingKomgaConfigured = document.querySelector("#komgaConfigured"); -const settingKavitaConfigured = document.querySelector("#kavitaConfigured"); -const settingGotifyConfigured = document.querySelector("#gotifyConfigured"); -const settingLunaseaConfigured = document.querySelector("#lunaseaConfigured"); -const settingNtfyConfigured = document.querySelector("#ntfyConfigured"); - -const settingUserAgent = document.querySelector("#userAgent"); -const settingApiUri = document.querySelector("#settingApiUri"); -const settingCSSStyle = document.querySelector('#cssStyle'); -const newMangaPopup = document.querySelector("#newMangaPopup"); -const newMangaConnector = document.querySelector("#newMangaConnector"); -const newMangaTitle = document.querySelector("#newMangaTitle"); -const newMangaResult = document.querySelector("#newMangaResult"); -const newMangaTranslatedLanguage = document.querySelector("#newMangaTranslatedLanguage"); - -//Jobs -const jobsRunningTag = document.querySelector("#jobsRunningTag"); -const jobsQueuedTag = document.querySelector("#jobsQueuedTag"); -const loaderdiv = document.querySelector('#loaderdiv'); -const jobStatusView = document.querySelector("#jobStatusView"); -const jobStatusRunning = document.querySelector("#jobStatusRunning"); -const jobStatusWaiting = document.querySelector("#jobStatusWaiting"); - -function Setup(){ - Ping().then((ret) => { - loaderdiv.style.display = 'none'; - - GetAvailableNotificationConnectors().then((json) => { - //console.log(json); - json.forEach(connector => { - notificationConnectorTypes[connector.Key] = connector.Value; - }); - }); - - GetAvailableLibraryConnectors().then((json) => { - //console.log(json); - json.forEach(connector => { - libraryConnectorTypes[connector.Key] = connector.Value; - }); - }); - - GetAvailableControllers().then((json) => { - //console.log(json); - newMangaConnector.replaceChildren(); - connectorFilterBox = document.querySelector("#connectorFilterBox"); - connectorFilterBox.replaceChildren(); - json.forEach(connector => { - //Add the connector to the New Manga dropdown - var option = document.createElement('option'); - option.value = connector; - option.innerText = connector; - newMangaConnector.appendChild(option); - - //Add the connector to the filter box - connectorFilter = document.createElement('connector-name'); - connectorFilter.innerText = connector; - connectorFilter.className = "pill"; - connectorFilter.style.backgroundColor = stringToColour(connector); - - connectorFilter.addEventListener("click", (event) => { - ToggleFilterConnector(connector, event); - }); - connectorFilterBox.appendChild(connectorFilter); - }); - }); - - //Add the publication status options to the filter bar - publicationStatusOptions = ["Ongoing", "Completed", "On Hiatus", "Cancelled", "Upcoming", "Status Unavailable"]; - statusFilterBox = document.querySelector("#statusFilterBox"); - statusFilterBox.replaceChildren(); - publicationStatusOptions.forEach(publicationStatus => { - var releaseStatus = document.createElement('status-filter'); - releaseStatus.innerText = publicationStatus; - releaseStatus.setAttribute("release-status", publicationStatus); - releaseStatus.addEventListener("click", (event) => { - ToggleFilterStatus(publicationStatus, event); - }); - - statusFilterBox.appendChild(releaseStatus); - }); - - ResetContent(); - UpdateJobs(); - GetSettings().then((json) => { - //console.log(json); - settingApiUri.placeholder = apiUri; - }); - GetRateLimits().then((json) => { - defaultRL.placeholder = json.Default + ' Requests/Minute'; - coverRL.placeholder = json.MangaCover + ' Requests/Minute'; - imageRL.placeholder = json.MangaImage + ' Requests/Minute'; - infoRL.placeholder = json.MangaInfo + ' Requests/Minute'; - mDexAuthorRL.placeholder = json.MangaDexAuthor + ' Requests/Minute'; - mDexFeedRL.placeholder = json.MangaDexFeed + ' Requests/Minute'; - mDexImageRL.placeholder = json.MangaDexImage + ' Requests/Minute'; - }); - - //If the cssStyle key isn't in the local storage of the browser, then set the css style to the default and load the page - //Otherwise get the style key from storage and set it. - if (!localStorage.getItem('cssStyle')) { - localStorage.setItem('cssStyle', 'card_compact'); - document.getElementById('librarystyle').setAttribute('href', 'styles/' + localStorage.getItem('cssStyle') + '.css'); - document.getElementById('card_compact').selected = true; - } else { - css_style = localStorage.getItem('cssStyle'); - document.getElementById('librarystyle').setAttribute('href', 'styles/' + css_style + '.css'); - document.getElementById(css_style).selected = true; - } - setInterval(() => { - UpdateJobs(); - }, 1000); - }); - //Clear the previous values if any exist. - searchBox.value = ""; - connectorMatch.length = 0; - statusMatch.length = 0; -} -Setup(); - -function ToggleFilterConnector(connector, event) { - //console.log("Initial Array:"); - //console.log(connectorMatch); - if (connectorMatch.includes(connector)) { - idx = connectorMatch.indexOf(connector); - connectorMatch.splice(idx, 1); - event.target.style.outline = 'none'; - event.target.style.outlineOffset = "0px"; - } else { - connectorMatch.push(connector); - event.target.style.outline = '4px solid var(--secondary-color)'; - event.target.style.outlineOffset = '3px'; - } - //console.log("Final Array"); - //console.log(connectorMatch); - FilterResults(); -} - -function ToggleFilterStatus(status, event) { - //console.log("Initial Array:"); - //console.log(statusMatch); - if (statusMatch.includes(status)) { - idx = statusMatch.indexOf(status); - statusMatch.splice(idx, 1); - event.target.style.outline = 'none'; - event.target.style.outlineOffset = "0px"; - } else { - statusMatch.push(status); - event.target.style.outline = '4px solid var(--secondary-color)'; - event.target.style.outlineOffset = '3px'; - } - //console.log("Final Array"); - //console.log(statusMatch); - FilterResults(); -} - -function ClearFilter() { - searchBox.value = ""; - statusMatch.length = 0; - connectorMatch.length = 0; - FilterResults(); - - //Get rid of the outlines - connectorFilterBox = document.querySelector("#connectorFilterBox"); - connectorFilterBox.childNodes.forEach(connector => { - if (connector.nodeName.toLowerCase() == 'connector-name') { - connector.style.outline = 'none'; - connector.style.outlineOffset = "0px"; - } - }); - - statusFilterBox = document.querySelector("#statusFilterBox"); - statusFilterBox.childNodes.forEach(publicationStatus => { - if (publicationStatus.nodeName.toLowerCase() == 'status-filter') { - publicationStatus.style.outline = 'none'; - publicationStatus.style.outlineOffset = "0px"; - } - }); -} - -settingCSSStyle.addEventListener("change", (event) => { - localStorage.setItem('cssStyle', settingCSSStyle.value); - document.getElementById('librarystyle').setAttribute('href', 'styles/' + localStorage.getItem('cssStyle') + '.css'); -}); - -function ResetContent(){ - //Delete everything - tasksContent.replaceChildren(); - - //Add "Add new Task" Button - var add = document.createElement("div"); - add.setAttribute("id", "addPublication") - var plus = document.createElement("p"); - plus.innerText = "+"; - add.appendChild(plus); - add.addEventListener("click", () => ShowNewMangaSearch()); - tasksContent.appendChild(add); - - //Populate with the monitored mangas - GetMonitorJobs().then((json) => { - //console.log(json); - json.forEach(job => { - var mangaView = CreateManga(job.manga, job.mangaConnector.name); - mangaView.addEventListener("click", (event) => { - ShowMangaWindow(job, job.manga, event, false); - }); - tasksContent.appendChild(mangaView); - }); - monitoringJobsCount = json.length; - }); -} - -function ShowNewMangaSearch(){ - newMangaTitle.value = ""; - newMangaPopup.style.display = "block"; - newMangaResult.replaceChildren(); -} - -newMangaTitle.addEventListener("keypress", (event) => { if(event.key === "Enter") GetNewMangaItems();}); - - - - -function GetNewMangaItems(){ - if(newMangaTitle.value.length < 4) - return; - - newMangaResult.replaceChildren(); - newMangaConnector.disabled = true; - newMangaTitle.disabled = true; - newMangaTranslatedLanguage.disabled = true; - GetPublicationFromConnector(newMangaConnector.value, newMangaTitle.value).then((json) => { - //console.log(json); - if(json.length > 0) - newMangaResult.style.display = "flex"; - json.forEach(result => { - var mangaElement = CreateManga(result, newMangaConnector.value) - newMangaResult.appendChild(mangaElement); - mangaElement.addEventListener("click", (event) => { - ShowMangaWindow(null, result, event, true); - }); - }); - - newMangaConnector.disabled = false; - newMangaTitle.disabled = false; - newMangaTranslatedLanguage.disabled = false; - }); -} - -//Returns a new "Publication" Item to display in the jobs section -function CreateManga(manga, connector){ - //Create a new publication and set an internal ID - var mangaElement = document.createElement('publication'); - mangaElement.id = GetValidSelector(manga.internalId); - - //Append the cover image to the publication - var mangaImage = document.createElement('img'); - mangaImage.src = GetCoverUrl(manga.internalId); - mangaElement.appendChild(mangaImage); - -//Append the publication information to the publication - //console.log(manga); - var info = document.createElement('publication-information'); - var connectorName = document.createElement('connector-name'); - connectorName.innerText = connector; - connectorName.className = "pill"; - connectorName.style.backgroundColor = stringToColour(connector); - info.appendChild(connectorName); - - var mangaName = document.createElement('publication-name'); - mangaName.innerText = manga.sortName; - - //Create the publication status indicator - var releaseStatus = document.createElement('publication-status'); - releaseStatus.setAttribute("release-status", manga.releaseStatus); - switch(manga.releaseStatus){ - case 0: - releaseStatus.setAttribute("release-status", "Ongoing"); - break; - case 1: - releaseStatus.setAttribute("release-status", "Completed"); - break; - case 2: - releaseStatus.setAttribute("release-status", "On Hiatus"); - break; - case 3: - releaseStatus.setAttribute("release-status", "Cancelled"); - break; - case 4: - releaseStatus.setAttribute("release-status", "Upcoming"); - break; - default: - releaseStatus.setAttribute("release-status", "Status Unavailable"); - break; - } - - info.appendChild(mangaName); - mangaElement.appendChild(info); - mangaElement.appendChild(releaseStatus); //Append the release status indicator to the publication element - return mangaElement; -} - -createMonitorJobButton.addEventListener("click", () => { - CreateMonitorJob(newMangaConnector.value, selectedManga.internalId, newMangaTranslatedLanguage.value); - UpdateJobs(); - mangaViewerPopup.style.display = "none"; -}); -startJobButton.addEventListener("click", () => { - StartJob(selectedJob.id); - mangaViewerPopup.style.display = "none"; -}); -cancelJobButton.addEventListener("click", () => { - CancelJob(selectedJob.id); - mangaViewerPopup.style.display = "none"; -}); -deleteJobButton.addEventListener("click", () => { - RemoveJob(selectedJob.id); - UpdateJobs(); - mangaViewerPopup.style.display = "none"; -}); - -function ShowMangaWindow(job, manga, event, add){ - selectedManga = manga; - selectedJob = job; - //Show popup - mangaViewerPopup.style.display = "block"; - - //Set position to mouse-position - if(event.clientY < window.innerHeight - mangaViewerWindow.offsetHeight) - mangaViewerWindow.style.top = `${event.clientY}px`; - else - mangaViewerWindow.style.top = `${event.clientY - mangaViewerWindow.offsetHeight}px`; - - if(event.clientX < window.innerWidth - mangaViewerWindow.offsetWidth) - mangaViewerWindow.style.left = `${event.clientX}px`; - else - mangaViewerWindow.style.left = `${event.clientX - mangaViewerWindow.offsetWidth}px`; - - //Edit information inside the window - mangaViewerName.innerText = manga.sortName; - mangaViewerTags.innerText = manga.tags.join(", "); - mangaViewerDescription.innerText = manga.description; - mangaViewerAuthor.innerText = manga.authors.join(','); - mangaViewCover.src = GetCoverUrl(manga.internalId); - toEditId = manga.internalId; - - //Check what action should be listed - if(add){ - createMonitorJobButton.style.display = "initial"; - createDownloadChapterJobButton.style.display = "none"; - cancelJobButton.style.display = "none"; - startJobButton.style.display = "none"; - deleteJobButton.style.display = "none"; - } - else{ - createMonitorJobButton.style.display = "none"; - createDownloadChapterJobButton.style.display = "none"; - cancelJobButton.style.display = "initial"; - startJobButton.style.display = "initial"; - deleteJobButton.style.display = "initial"; - } -} - -function HidePublicationPopup(){ - publicationViewerPopup.style.display = "none"; -} - -searchBox.addEventListener("keyup", () => FilterResults()); -//Filter shown jobs -function FilterResults(){ - //For each publication - tasksContent.childNodes.forEach(publication => { - //If the search box isn't empty check that the title contains the searchbox content. If it does then - //'searchMatch' is true and the manga is shown. If the search box is empty, then consider this field - //to be true anyways. - if (searchBox.value.length > 0) { - publication.childNodes.forEach(item => { - if (item.nodeName.toLowerCase() == "publication-information"){ - item.childNodes.forEach(information => { - if (information.nodeName.toLowerCase() == "publication-name") { - if (information.textContent.toLowerCase().includes(searchBox.value.toLowerCase())){ - searchMatch = 1; - } else { - searchMatch = 0; - } - } - }); - } - }); - } else { - searchMatch = 1; - } - - //If the array connectorMatch isn't empty then check that the connector matches one of the ones - //in the array - if (connectorMatch.length > 0) { - publication.childNodes.forEach(item => { - if (item.nodeName.toLowerCase() == "publication-information"){ - item.childNodes.forEach(information => { - if (information.nodeName.toLowerCase() == "connector-name") { - if (connectorMatch.includes(information.textContent)){ - connectorNameMatch = 1; - } else { - connectorNameMatch = 0; - } - } - }); - } - }); - } else { - connectorNameMatch = 1; - } - - //If the array statusMatch isn't empty then check that the status matches one of the ones - //in the array - if (statusMatch.length > 0) { - publication.childNodes.forEach(item => { - if (item.nodeName.toLowerCase() == "publication-status"){ - if (statusMatch.includes(item.getAttribute('release-status'))) { - statusNameMatch = 1; - } else { - statusNameMatch = 0; - } - } - }); - } else { - statusNameMatch = 1; - } - - //If all of the filtering conditions are met then show the manga, otherwise hide it. - if (searchMatch && connectorNameMatch && statusNameMatch) { - publication.style.display = 'initial'; - } else { - publication.style.display = 'none'; - } - }); -} - -settingsCog.addEventListener("click", () => { - OpenSettings(); - settingsPopup.style.display = "flex"; -}); - -filterFunnel.addEventListener("click", () => { - filterBox.classList.toggle("animate"); -}); - -settingKomgaUrl.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingKomgaUser.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingKomgaPass.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingKavitaUrl.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingKavitaUser.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingKavitaPass.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingGotifyUrl.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingGotifyAppToken.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingLunaseaWebhook.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingNtfyEndpoint.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingNtfyAuth.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingUserAgent.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); -settingApiUri.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); - -defaultRL.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings();}); -coverRL.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings();}); -imageRL.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings();}); -infoRL.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings();}); -mDexAuthorRL.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings();}); -mDexFeedRL.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings();}); -mDexImageRL.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings();}); - - -function OpenSettings(){ - settingGotifyConfigured.setAttribute("configuration", "Not Configured"); - settingLunaseaConfigured.setAttribute("configuration", "Not Configured"); - settingNtfyConfigured.setAttribute("configuration", "Not Configured"); - settingKavitaConfigured.setAttribute("configuration", "Not Configured"); - settingKomgaConfigured.setAttribute("configuration", "Not Configured"); - settingKomgaUrl.value = ""; - settingKomgaUser.value = ""; - settingKomgaPass.value = ""; - settingKavitaUrl.value = ""; - settingKavitaUser.value = ""; - settingKavitaPass.value = ""; - settingGotifyUrl.value = ""; - settingGotifyAppToken.value = ""; - settingLunaseaWebhook.value = ""; - settingNtfyAuth.value = ""; - settingNtfyEndpoint.value = ""; - settingUserAgent.value = ""; - settingApiUri.value = ""; - defaultRL.value = ""; - coverRL.value = ""; - imageRL.value = ""; - infoRL.value = ""; - mDexAuthorRL.value = ""; - mDexFeedRL.value = ""; - mDexImageRL.value = ""; - - GetSettings().then((json) => { - //console.log(json); - settingApiUri.value = apiUri; - settingUserAgent.value = json.userAgent; - //console.log(json.styleSheet); - }); - GetRateLimits().then((json) => { - defaultRL.placeholder = json.Default + ' Requests/Minute'; - coverRL.placeholder = json.MangaCover + ' Requests/Minute'; - imageRL.placeholder = json.MangaImage + ' Requests/Minute'; - infoRL.placeholder = json.MangaInfo + ' Requests/Minute'; - mDexAuthorRL.placeholder = json.MangaDexAuthor + ' Requests/Minute'; - mDexFeedRL.placeholder = json.MangaDexFeed + ' Requests/Minute'; - mDexImageRL.placeholder = json.MangaDexImage + ' Requests/Minute'; - }); - GetLibraryConnectors().then((json) => { - //console.log(json); - json.forEach(connector => { - switch(libraryConnectorTypes[connector.libraryType]){ - case "Kavita": - settingKavitaConfigured.setAttribute("configuration", "Active"); - settingKavitaUrl.value = connector.baseUrl; - settingKavitaUser.value = "***"; - settingKavitaPass.value = "***"; - break; - case "Komga": - settingKomgaConfigured.setAttribute("configuration", "Active"); - settingKomgaUrl.value = connector.baseUrl; - settingKomgaUser.value = "***"; - settingKomgaPass.value = "***"; - break; - default: - console.log("Unknown type"); - console.log(connector); - break; - } - }); - }); - GetNotificationConnectors().then((json) => { - json.forEach(connector => { - switch(notificationConnectorTypes[connector.notificationConnectorType]){ - case "Gotify": - settingGotifyUrl.value = connector.endpoint; - settingGotifyAppToken.value = "***"; - settingGotifyConfigured.setAttribute("configuration", "Active"); - break; - case "LunaSea": - settingLunaseaConfigured.setAttribute("configuration", "Active"); - settingLunaseaWebhook.value = connector.id; - break; - case "Ntfy": - settingNtfyConfigured.setAttribute("configuration", "Active"); - settingNtfyEndpoint.value = connector.endpoint; - settingNtfyAuth.value = "***"; - break; - default: - console.log("Unknown type"); - console.log(connector); - break; - } - }); - }); -} - -//Functions for clearing/resetting connectors in the settings pop-up -function ClearKomga(){ - settingKomgaUrl.value = ""; - settingKomgaUser.value = ""; - settingKomgaPass.value = ""; - settingKomgaConfigured.setAttribute("configuration", "Not Configured"); - ResetKomga(); -} - -function ClearKavita(){ - settingKavitaUrl.value = ""; - settingKavitaUser.value = ""; - settingKavitaPass.value = ""; - settingKavitaConfigured.setAttribute("configuration", "Not Configured"); - ResetKavita(); -} - -function ClearGotify(){ - settingGotifyUrl.value = ""; - settingGotifyAppToken.value = "" - settingGotifyConfigured.setAttribute("configuration", "Not Configured"); - ResetGotify(); -} - -function ClearLunasea(){ - settingLunaseaWebhook.value = ""; - settingLunaseaConfigured.setAttribute("configuration", "Not Configured"); - ResetLunaSea(); -} - -function ClearNtfy(){ - settingNtfyEndpoint.value = ""; - settingNtfyAuth.value = ""; - settingNtfyConfigured.setAttribute("configuration", "Not Configured"); - ResetNtfy(); -} - -function UpdateSettings(){ - if(settingApiUri.value != ""){ - apiUri = settingApiUri.value; - setCookie("apiUri", apiUri); - Setup(); - } - - if(settingKomgaUrl.value != "" && - settingKomgaUser.value != "" && - settingKomgaPass.value != ""){ - UpdateKomga(settingKomgaUrl.value, utf8_to_b64(`${settingKomgaUser.value}:${settingKomgaPass.value}`)); - } - - if(settingKavitaUrl.value != "" && - settingKavitaUser.value != "" && - settingKavitaPass.value != ""){ - UpdateKavita(settingKavitaUrl.value, settingKavitaUser.value, settingKavitaPass.value); - } - - if(settingGotifyUrl.value != "" && - settingGotifyAppToken.value != ""){ - UpdateGotify(settingGotifyUrl.value, settingGotifyAppToken.value); - } - - if(settingLunaseaWebhook.value != ""){ - UpdateLunaSea(settingLunaseaWebhook.value); - } - - if(settingNtfyEndpoint.value != "" && - settingNtfyAuth.value != ""){ - UpdateNtfy(settingNtfyEndpoint.value, settingNtfyAuth.value); - } - - if(settingUserAgent.value != ""){ - UpdateUserAgent(settingUserAgent.value); - } - - if (defaultRL.value != "") { - UpdateRateLimit(0, defaultRL.value); - } - - if (coverRL.value != "") { - UpdateRateLimit(3, coverRL.value); - } - - if (imageRL.value != "") { - UpdateRateLimit(2, imageRL.value); - } - - if (infoRL.value != "") { - UpdateRateLimit(6, infoRL.value); - } - - if (mDexAuthorRL.value != "") { - UpdateRateLimit(5, mDexAuthorRL.value); - } - - if (mDexFeedRL.value != "") { - UpdateRateLimit(1, mDexFeedRL.value); - } - - if (mDexImageRL.value != "") { - UpdateRateLimit(5, mDexImageRL.value); - } - - setTimeout(() => { - OpenSettings(); - Setup(); - }, 100) -} - -function utf8_to_b64(str) { - return window.btoa(unescape(encodeURIComponent( str ))); -} - -function UpdateJobs(){ - - GetMonitorJobs().then((json) => { - if(monitoringJobsCount != json.length){ - ResetContent(); - monitoringJobsCount = json.length; - } - }); - - //Get the jobs that are waiting in the queue - GetWaitingJobs().then((json) => { - jobsQueuedTag.innerText = json.length; - - var nowWaitingJobs = []; - - json.forEach(job => { - if(!waitingJobs.includes(GetValidSelector(job.id))){ - var jobDom = createJob(job); - jobStatusWaiting.appendChild(jobDom); - } - nowWaitingJobs.push(GetValidSelector(job.id)); - }); - waitingJobs = nowWaitingJobs; - }); - - jobStatusWaiting.childNodes.forEach(child => { - if(!waitingJobs.includes(child.id)) - jobStatusWaiting.removeChild(child); - }); - - //Get currently running jobs - GetRunningJobs().then((json) => { - jobsRunningTag.innerText = json.length; - - var nowRunningJobs = []; - - json.forEach(job => { - if(!runningJobs.includes(GetValidSelector(job.id))){ - var jobDom = createJob(job); - jobStatusRunning.appendChild(jobDom); - } - nowRunningJobs.push(GetValidSelector(job.id)); - UpdateJobProgress(job.id); - }); - - runningJobs = nowRunningJobs; - }); - - jobStatusRunning.childNodes.forEach(child => { - if(!runningJobs.includes(child.id)) - jobStatusRunning.removeChild(child); - }); -} - -function createJob(jobjson){ - var manga; - if(jobjson.chapter != null) - manga = jobjson.chapter.parentManga; - else if(jobjson.manga != null) - manga = jobjson.manga; - else return null; - - - var wrapper = document.createElement("div"); - wrapper.className = "section-item"; - wrapper.id = GetValidSelector(jobjson.id); - - var image = document.createElement("img"); - image.className = "jobImage"; - image.src = GetCoverUrl(manga.internalId); - wrapper.appendChild(image); - - var details = document.createElement("div"); - details.className = 'jobDetails'; - - var title = document.createElement("span"); - title.className = "jobTitle"; - if(jobjson.chapter != null) - title.innerText = `${manga.sortName} - ${jobjson.chapter.fileName}`; - else if(jobjson.manga != null) - title.innerText = manga.sortName; - details.appendChild(title); - - var progressBar = document.createElement("progress"); - progressBar.className = "jobProgressBar"; - progressBar.id = `jobProgressBar${GetValidSelector(jobjson.id)}`; - details.appendChild(progressBar); - - var progressSpan = document.createElement("span"); - progressSpan.className = "jobProgressSpan"; - progressSpan.id = `jobProgressSpan${GetValidSelector(jobjson.id)}`; - progressSpan.innerText = "Pending..."; - details.appendChild(progressSpan); - - var cancelSpan = document.createElement("span"); - cancelSpan.className = "jobCancel"; - cancelSpan.innerText = "Cancel"; - cancelSpan.addEventListener("click", () => CancelJob(jobjson.id)); - details.appendChild(cancelSpan); - - wrapper.appendChild(details); - - return wrapper; -} - -function ShowJobQueue(){ - jobStatusView.style.display = "initial"; -} - -function UpdateJobProgress(jobId){ - GetProgress(jobId).then((json) => { - var progressBar = document.querySelector(`#jobProgressBar${GetValidSelector(jobId)}`); - var progressSpan = document.querySelector(`#jobProgressSpan${GetValidSelector(jobId)}`); - if(progressBar != null && json.progress != 0){ - progressBar.value = json.progress; - } - if(progressSpan != null){ - var percentageStr = "0%"; - var timeleftStr = "00:00:00"; - if(json.progress != 0){ - percentageStr = Intl.NumberFormat("en-US", { style: "percent"}).format(json.progress); - timeleftStr = json.timeRemaining.split('.')[0]; - } - progressSpan.innerText = `${percentageStr} ${timeleftStr}`; - } - }); -} - -function GetValidSelector(str){ - var clean = [...str.matchAll(/[a-zA-Z0-9]*-*_*/g)]; - return clean.join(''); -} - -const stringToColour = (str) => { - let hash = 0; - str.split('').forEach(char => { - hash = char.charCodeAt(0) + ((hash << 5) - hash) - }) - let colour = '#' - for (let i = 0; i < 3; i++) { - const value = (hash >> (i * 8)) & 0xff - colour += value.toString(16).padStart(2, '0') - } - return colour -} \ No newline at end of file diff --git a/Website/media/connector-icons/bato.ico b/Website/media/connector-icons/bato.ico new file mode 100644 index 0000000..42c201a Binary files /dev/null and b/Website/media/connector-icons/bato.ico differ diff --git a/Website/media/connector-icons/gotify-logo.png b/Website/media/connector-icons/gotify-logo.png new file mode 100644 index 0000000..5d29004 Binary files /dev/null and b/Website/media/connector-icons/gotify-logo.png differ diff --git a/Website/media/connector-icons/kavita.png b/Website/media/connector-icons/kavita.png new file mode 100644 index 0000000..00a4ba7 Binary files /dev/null and b/Website/media/connector-icons/kavita.png differ diff --git a/Website/media/connector-icons/komga.svg b/Website/media/connector-icons/komga.svg new file mode 100644 index 0000000..e8b3f56 --- /dev/null +++ b/Website/media/connector-icons/komga.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + diff --git a/Website/media/connector-icons/lunasea.png b/Website/media/connector-icons/lunasea.png new file mode 100644 index 0000000..868e849 Binary files /dev/null and b/Website/media/connector-icons/lunasea.png differ diff --git a/Website/media/connector-icons/mangadex-logo.svg b/Website/media/connector-icons/mangadex-logo.svg new file mode 100644 index 0000000..696dd8b --- /dev/null +++ b/Website/media/connector-icons/mangadex-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Website/media/connector-icons/mangakatana.png b/Website/media/connector-icons/mangakatana.png new file mode 100644 index 0000000..2d3e044 Binary files /dev/null and b/Website/media/connector-icons/mangakatana.png differ diff --git a/Website/media/connector-icons/mangalife.png b/Website/media/connector-icons/mangalife.png new file mode 100644 index 0000000..af14c64 Binary files /dev/null and b/Website/media/connector-icons/mangalife.png differ diff --git a/Website/media/connector-icons/manganato.png b/Website/media/connector-icons/manganato.png new file mode 100644 index 0000000..0df9c28 Binary files /dev/null and b/Website/media/connector-icons/manganato.png differ diff --git a/Website/media/connector-icons/mangasee.png b/Website/media/connector-icons/mangasee.png new file mode 100644 index 0000000..7965217 Binary files /dev/null and b/Website/media/connector-icons/mangasee.png differ diff --git a/Website/media/connector-icons/mangaworld.png b/Website/media/connector-icons/mangaworld.png new file mode 100644 index 0000000..04b30e5 Binary files /dev/null and b/Website/media/connector-icons/mangaworld.png differ diff --git a/Website/media/connector-icons/ntfy.svg b/Website/media/connector-icons/ntfy.svg new file mode 100644 index 0000000..8530901 --- /dev/null +++ b/Website/media/connector-icons/ntfy.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Website/media/link.svg b/Website/media/link.svg new file mode 100644 index 0000000..e73cfdd --- /dev/null +++ b/Website/media/link.svg @@ -0,0 +1,7 @@ + + + + external link + + + diff --git a/Website/media/queue.svg b/Website/media/queue.svg deleted file mode 100644 index 30b9620..0000000 --- a/Website/media/queue.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/Website/media/running.svg b/Website/media/running.svg deleted file mode 100644 index ddde0a6..0000000 --- a/Website/media/running.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Website/media/tasks.svg b/Website/media/tasks.svg deleted file mode 100644 index 6e64e66..0000000 --- a/Website/media/tasks.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/Website/modules/Footer.tsx b/Website/modules/Footer.tsx new file mode 100644 index 0000000..d0d9a44 --- /dev/null +++ b/Website/modules/Footer.tsx @@ -0,0 +1,48 @@ +import React, {useEffect} from 'react'; +import '../styles/footer.css'; +import Job from './Job'; +import Icon from '@mdi/react'; +import { mdiRun, mdiCounter, mdiEyeCheck, mdiTrayFull } from '@mdi/js'; +import QueuePopUp from "./QueuePopUp"; + +export default function Footer({connectedToBackend, apiUri} : {connectedToBackend: boolean, apiUri: string}) { + const [MonitoringJobsCount, setMonitoringJobsCount] = React.useState(0); + const [AllJobsCount, setAllJobsCount] = React.useState(0); + const [RunningJobsCount, setRunningJobsCount] = React.useState(0); + const [StandbyJobsCount, setStandbyJobsCount] = React.useState(0); + const [countUpdateInterval, setCountUpdateInterval] = React.useState(); + + function UpdateBackendState(){ + Job.GetMonitoringJobs(apiUri).then((jobs) => setMonitoringJobsCount(jobs.length)); + Job.GetAllJobs(apiUri).then((jobs) => setAllJobsCount(jobs.length)); + Job.GetRunningJobs(apiUri).then((jobs) => setRunningJobsCount(jobs.length)); + Job.GetStandbyJobs(apiUri).then((jobs) => setStandbyJobsCount(jobs.length)); + } + + useEffect(() => { + if(connectedToBackend){ + UpdateBackendState(); + setCountUpdateInterval(setInterval(() => { + UpdateBackendState(); + }, 2000)); + }else{ + clearInterval(countUpdateInterval); + setCountUpdateInterval(undefined); + } + }, [connectedToBackend]); + + return ( +
+
{MonitoringJobsCount}
+ + + +
{RunningJobsCount} +
+ + +
{StandbyJobsCount}
+ + = +
{AllJobsCount}
+

Made with Blåhaj 🦈

+
) +} \ No newline at end of file diff --git a/Website/modules/Header.tsx b/Website/modules/Header.tsx new file mode 100644 index 0000000..bdd76ea --- /dev/null +++ b/Website/modules/Header.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import '../styles/header.css' +import Settings from "./Settings"; +import IFrontendSettings from "./interfaces/IFrontendSettings"; + +export default function Header({backendConnected, apiUri, settings, changeSettings} : {backendConnected: boolean, apiUri: string, settings: IFrontendSettings, changeSettings(settings: IFrontendSettings): void}){ + return ( +
+
+ website image is Blahaj + Tranga +
+ +
) +} \ No newline at end of file diff --git a/Website/modules/Job.tsx b/Website/modules/Job.tsx new file mode 100644 index 0000000..09709b7 --- /dev/null +++ b/Website/modules/Job.tsx @@ -0,0 +1,142 @@ +import {deleteData, getData, postData} from '../App'; +import IJob from "./interfaces/IJob"; +import IProgressToken from "./interfaces/IProgressToken"; + +export default class Job +{ + static IntervalStringFromDate(date: Date) : string { + let x = new Date(date); + return `${x.getDay()}.${x.getHours()}:${x.getMinutes()}:${x.getSeconds()}`; + } + + static async GetAllJobs(apiUri: string): Promise { + //console.info("Getting all Jobs"); + return getData(`${apiUri}/v2/Jobs`) + .then((json) => { + //console.info("Got all Jobs"); + const ret = json as string[]; + //console.debug(ret); + return (ret); + }); + } + + static async GetRunningJobs(apiUri: string): Promise { + //console.info("Getting all running Jobs"); + return getData(`${apiUri}/v2/Jobs/Running`) + .then((json) => { + //console.info("Got all running Jobs"); + const ret = json as string[]; + //console.debug(ret); + return (ret); + }); + } + + static async GetWaitingJobs(apiUri: string): Promise { + //console.info("Getting all waiting Jobs"); + return getData(`${apiUri}/v2/Jobs/Waiting`) + .then((json) => { + //console.info("Got all waiting Jobs"); + const ret = json as string[]; + //console.debug(ret); + return (ret); + }); + } + + static async GetStandbyJobs(apiUri: string): Promise { + //console.info("Getting all standby Jobs"); + return getData(`${apiUri}/v2/Jobs/Standby`) + .then((json) => { + //console.info("Got all standby Jobs"); + const ret = json as string[]; + //console.debug(ret); + return (ret); + }); + } + + static async GetMonitoringJobs(apiUri: string): Promise { + //console.info("Getting all monitoring Jobs"); + return getData(`${apiUri}/v2/Jobs/Monitoring`) + .then((json) => { + //console.info("Got all monitoring Jobs"); + const ret = json as string[]; + //console.debug(ret); + return (ret); + }); + } + + static async GetJob(apiUri: string, jobId: string): Promise{ + if(jobId === undefined || jobId === null || jobId.length < 1) { + console.error(`JobId was not provided`); + return Promise.reject(); + } + //console.info(`Getting Job ${jobId}`); + return getData(`${apiUri}/v2/Job/${jobId}`) + .then((json) => { + //console.info(`Got Job ${jobId}`); + const ret = json as IJob; + //console.debug(ret); + return (ret); + }); + } + + static async GetJobs(apiUri: string, jobIds: string[]): Promise { + if(jobIds === undefined || jobIds === null || jobIds.length < 1) { + console.error(`JobIds was not provided`); + return Promise.reject(); + } + let reqStr = jobIds.join(","); + //console.info(`Getting Jobs ${reqStr}`); + return getData(`${apiUri}/v2/Job?jobIds=${reqStr}`) + .then((json) => { + //console.info(`Got Jobs ${reqStr}`); + const ret = json as IJob[]; + //console.debug(ret); + return (ret); + }); + } + + static async GetJobProgress(apiUri: string, jobId: string): Promise { + //console.info(`Getting Job ${jobId} Progress`); + return getData(`${apiUri}/v2/Job/${jobId}/Progress`) + .then((json) => { + //console.info(`Got Job ${jobId} Progress`); + const ret = json as IProgressToken; + //console.debug(ret); + return (ret); + }); + } + + static async CreateJobDateInterval(apiUri: string, internalId: string, jobType: string, interval: Date) : Promise { + return this.CreateJob(apiUri, internalId, jobType, this.IntervalStringFromDate(interval)); + } + + static async CreateJob(apiUri: string, internalId: string, jobType: string, interval: string): Promise { + const validate = /(?:[0-9]{1,2}\.)?[0-9]{1,2}:[0-9]{1,2}(?::[0-9]{1,2})?/ + //console.info(`Creating Job for Manga ${internalId} at ${interval} interval`); + if(!validate.test(interval)){ + console.error("Interval was in incorrect format."); + return Promise.reject(); + } + const data = { + internalId: internalId, + interval: interval + }; + return postData(`${apiUri}/v2/Job/Create/${jobType}`, data) + .then((json) => { + //console.info(`Created Job for Manga ${internalId} at ${interval} interval`); + return null; + }); + } + + static DeleteJob(apiUri: string, jobId: string) : Promise { + return deleteData(`${apiUri}/v2/Job/${jobId}`); + } + + static StartJob(apiUri: string, jobId: string) : Promise { + return postData(`${apiUri}/v2/Job/${jobId}/StartNow`, {}); + } + + static CancelJob(apiUri: string, jobId: string) : Promise { + return postData(`${apiUri}/v2/Job/${jobId}/Cancel`, {}); + } +} \ No newline at end of file diff --git a/Website/modules/LibraryConnector.tsx b/Website/modules/LibraryConnector.tsx new file mode 100644 index 0000000..219e48a --- /dev/null +++ b/Website/modules/LibraryConnector.tsx @@ -0,0 +1,135 @@ +import {deleteData, getData, postData} from "../App"; +import ILibraryConnector from "./interfaces/ILibraryConnector"; + +export default abstract class LibraryConnector +{ + static async GetLibraryConnectors(apiUri: string) : Promise { + //console.info("Getting Library Connectors"); + return getData(`${apiUri}/v2/LibraryConnector`) + .then((json) => { + //console.info("Got Library Connectors"); + const ret = json as ILibraryConnector[]; + //console.debug(ret); + return (ret); + }) + .catch(Promise.reject); + } + public url = ""; + + protected constructor(url: string) { + this.url = url; + } + + public SetUrl(url: string){ + this.url = url; + } + + public abstract Test(apiUri: string) : Promise; + public abstract Reset(apiUri: string) : Promise; + public abstract Create(apiUri: string) : Promise; + protected abstract CheckConnector() : boolean; + + protected async TestConnector(apiUri: string, connectorType: string, data: object): Promise { + if(!this.CheckConnector()) + return Promise.reject("Connector not fully configured."); + //console.info(`Testing ${connectorType}`); + return postData(`${apiUri}/v2/LibraryConnector/${connectorType}/Test`, data) + .then((json) => { + //console.info(`Successfully tested ${connectorType}`); + return true; + }) + .catch(Promise.reject); + } + + protected async ResetConnector(apiUri: string, connectorType: string): Promise { + //console.info(`Deleting ${connectorType}`); + return deleteData(`${apiUri}/v2/LibraryConnector/${connectorType}`) + .then((json) => { + //console.info(`Successfully deleted ${connectorType}`); + return true; + }) + .catch(Promise.reject); + } + + protected async CreateConnector(apiUri: string, connectorType: string, data: object): Promise { + if(!this.CheckConnector()) + return Promise.reject("Connector not fully configured."); + //console.info(`Creating ${connectorType}`); + return postData(`${apiUri}/v2/LibraryConnector/${connectorType}`, data) + .then((json) => { + //console.info(`Successfully created ${connectorType}`); + return true; + }) + .catch(Promise.reject); + } +} + +export class Komga extends LibraryConnector +{ + private username = ""; + private password = ""; + + constructor({url, username, password} : {url: string, username: string, password: string}){ + super(url); + this.username = username; + this.password = password; + } + + public async Test(apiUri: string) : Promise { + return this.TestConnector(apiUri, "Komga", {url: this.url, username: this.username, password: this.password}).then(() => true).catch(() => false); + } + + public async Reset(apiUri: string) : Promise { + return this.ResetConnector(apiUri, "Komga").then(() => true).catch(() => false); + } + + public async Create(apiUri: string) : Promise { + return this.CreateConnector(apiUri, "Komga", {url: this.url, username: this.username, password: this.password}).then(() => true).catch(() => false); + } + + protected CheckConnector(): boolean { + try{ + new URL(this.url) + }catch{ + return false; + } + if(this.username.length < 1 || this.password.length < 1) + return false; + return true; + } +} + +export class Kavita extends LibraryConnector +{ + private username = ""; + private password = ""; + + constructor({url, username, password} : {url: string, username: string, password: string}) { + super(url); + this.username = username; + this.password = password; + } + + public async Test(apiUri: string) : Promise { + return this.TestConnector(apiUri, "Kavita", {url: this.url, username: this.username, password: this.password}).then(() => true).catch(() => false); + } + + public async Reset(apiUri: string) : Promise { + return this.ResetConnector(apiUri, "Kavita").then(() => true).catch(() => false); + } + + public async Create(apiUri: string) : Promise { + return this.CreateConnector(apiUri, "Kavita", {url: this.url, username: this.username, password: this.password}).then(() => true).catch(() => false); + } + + protected CheckConnector(): boolean { + try{ + new URL(this.url) + }catch{ + return false; + } + if(this.username.length < 1 || this.password.length < 1) + return false; + return true; + } +} \ No newline at end of file diff --git a/Website/modules/Manga.tsx b/Website/modules/Manga.tsx new file mode 100644 index 0000000..2e0e419 --- /dev/null +++ b/Website/modules/Manga.tsx @@ -0,0 +1,54 @@ +import IManga from './interfaces/IManga'; +import { getData } from '../App'; + +export default class Manga +{ + static async GetAllManga(apiUri: string): Promise { + //console.info("Getting all Manga"); + return getData(`${apiUri}/v2/Mangas`) + .then((json) => { + //console.info("Got all Manga"); + const ret = json as IManga[]; + //console.debug(ret); + return (ret); + }); + } + + static async SearchManga(apiUri: string, name: string): Promise { + //console.info(`Getting Manga ${name} from all Connectors`); + return await getData(`${apiUri}/v2/Manga/Search?title=${name}`) + .then((json) => { + //console.info(`Got Manga ${name}`); + const ret = json as IManga[]; + //console.debug(ret); + return (ret); + }); + } + + static async GetMangaById(apiUri: string, internalId: string): Promise { + //console.info(`Getting Manga ${internalId}`); + return await getData(`${apiUri}/v2/Manga/${internalId}`) + .then((json) => { + //console.info(`Got Manga ${internalId}`); + const ret = json as IManga; + //console.debug(ret); + return (ret); + }); + } + + static async GetMangaByIds(apiUri: string, internalIds: string[]): Promise { + //console.debug(`Getting Mangas ${internalIds.join(",")}`); + return await getData(`${apiUri}/v2/Manga?mangaIds=${internalIds.join(",")}`) + .then((json) => { + //console.debug(`Got Manga ${internalIds.join(",")}`); + const ret = json as IManga[]; + //console.debug(ret); + return (ret); + }); + } + + static GetMangaCoverUrl(apiUri: string, internalId: string, ref: HTMLElement): string { + //console.debug(`Getting Manga Cover-Url ${internalId}`); + return `${apiUri}/v2/Manga/${internalId}/Cover?dimensions=${ref.clientWidth*1.5}x${ref.clientHeight*1.5}`; + } +} \ No newline at end of file diff --git a/Website/modules/MangaConnector.tsx b/Website/modules/MangaConnector.tsx new file mode 100644 index 0000000..25637f0 --- /dev/null +++ b/Website/modules/MangaConnector.tsx @@ -0,0 +1,33 @@ +import IMangaConnector from './interfaces/IMangaConnector'; +import IManga from './interfaces/IManga'; +import { getData } from '../App'; + +export class MangaConnector +{ + static async GetAllConnectors(): Promise { + //console.info("Getting all MangaConnectors"); + return getData("http://127.0.0.1:6531/v2/Connector/Types") + .then((json) => { + //console.info("Got all MangaConnectors"); + return (json as IMangaConnector[]); + }); + } + + static async GetMangaFromConnectorByTitle(connector: IMangaConnector, name: string): Promise { + //console.info(`Getting Manga ${name}`); + return await getData(`http://127.0.0.1:6531/v2/Connector/${connector.name}/GetManga?title=${name}`) + .then((json) => { + //console.info(`Got Manga ${name}`); + return (json as IManga[]); + }); + } + + static async GetMangaFromConnectorByUrl(connector: IMangaConnector, url: string): Promise { + //console.info(`Getting Manga ${url}`); + return await getData(`http://127.0.0.1:6531/v2/Connector/${connector.name}/GetManga?url=${url}`) + .then((json) => { + //console.info(`Got Manga ${url}`); + return (json as IManga); + }); + } +} \ No newline at end of file diff --git a/Website/modules/MonitorJobsList.tsx b/Website/modules/MonitorJobsList.tsx new file mode 100644 index 0000000..2d1c11b --- /dev/null +++ b/Website/modules/MonitorJobsList.tsx @@ -0,0 +1,100 @@ +import React, {EventHandler, MouseEventHandler, ReactElement, useEffect, useState} from 'react'; +import Job from './Job'; +import '../styles/monitorMangaList.css'; +import IJob from "./interfaces/IJob"; +import IManga, {CoverCard} from "./interfaces/IManga"; +import Manga from './Manga'; +import '../styles/MangaCoverCard.css' +import Icon from '@mdi/react'; +import { mdiTrashCanOutline, mdiPlayBoxOutline } from '@mdi/js'; + +export default function MonitorJobsList({onStartSearch, onJobsChanged, connectedToBackend, apiUri, updateList} : {onStartSearch() : void, onJobsChanged: EventHandler, connectedToBackend: boolean, apiUri: string, updateList: Date}) { + const [MonitoringJobs, setMonitoringJobs] = useState([]); + const [AllManga, setAllManga] = useState([]); + const [joblistUpdateInterval, setJoblistUpdateInterval] = React.useState(); + + useEffect(() => { + //console.debug("Updating display list."); + //Remove all Manga that are not associated with a Job + setAllManga(AllManga.filter(manga => MonitoringJobs.find(job => job.mangaInternalId == manga.internalId))); + //Fetch Manga that are missing (from Jobs) + if(MonitoringJobs === null) + return; + MonitoringJobs.forEach(job => { + if(AllManga.find(manga => manga.internalId == job.mangaInternalId)) + return; + Manga.GetMangaById(apiUri, job.mangaInternalId != undefined ? job.mangaInternalId : job.chapter != undefined ? job.chapter.parentManga.internalId : ""). + then((manga: IManga) => setAllManga([...AllManga, manga])); + }); + }, [MonitoringJobs]); + + useEffect(() => { + if(connectedToBackend){ + UpdateMonitoringJobsList(); + setJoblistUpdateInterval(setInterval(() => { + UpdateMonitoringJobsList(); + }, 1000)); + }else{ + clearInterval(joblistUpdateInterval); + setJoblistUpdateInterval(undefined); + } + }, [connectedToBackend]); + + useEffect(() => { + UpdateMonitoringJobsList(); + }, [updateList]); + + function UpdateMonitoringJobsList(){ + if(!connectedToBackend) + return; + //console.debug("Updating MonitoringJobsList"); + Job.GetMonitoringJobs(apiUri) + .then((jobs) => { + if(jobs.length > 0) + return Job.GetJobs(apiUri, jobs) + return []; + }) + .then((jobs) => setMonitoringJobs(jobs)); + } + + function StartSearchMangaEntry() : ReactElement { + return (
+
+ Blahaj +
+

Add new Manga

+

+

+
+
+
); + } + + const DeleteJob : MouseEventHandler = (e) => { + const jobId = e.currentTarget.id.slice(e.currentTarget.id.indexOf("-")+1); + //console.info(`Pressed ${e.currentTarget.id} => ${jobId}`); + Job.DeleteJob(apiUri, jobId).then(() => onJobsChanged(jobId)); + } + + const StartJob : MouseEventHandler = (e) => { + const jobId = e.currentTarget.id.slice(e.currentTarget.id.indexOf("-")+1); + //console.info(`Pressed ${e.currentTarget.id} => ${jobId}`); + Job.StartJob(apiUri, jobId); + } + + return ( +
+ {StartSearchMangaEntry()} + {AllManga.map((manga: IManga) => { + const job = MonitoringJobs.find(job => job.mangaInternalId == manga.internalId); + if (job === undefined || job == null) + return
Error. Could not find matching job for {manga.internalId}
+ return
+ {CoverCard(apiUri, manga)} +
+
+
+
+
; + })} +
) +} \ No newline at end of file diff --git a/Website/modules/NotificationConnector.tsx b/Website/modules/NotificationConnector.tsx new file mode 100644 index 0000000..6223653 --- /dev/null +++ b/Website/modules/NotificationConnector.tsx @@ -0,0 +1,164 @@ +import INotificationConnector from "./interfaces/INotificationConnector"; +import {deleteData, getData, postData} from "../App"; + +export default abstract class NotificationConnector { + + static async GetNotificationConnectors(apiUri: string) : Promise { + //console.info("Getting Notification Connectors"); + return getData(`${apiUri}/v2/NotificationConnector`) + .then((json) => { + //console.info("Got Notification Connectors"); + const ret = json as INotificationConnector[]; + //console.debug(ret); + return (ret); + }) + .catch(Promise.reject); + } + + protected constructor() { + + } + + public abstract Test(apiUri: string) : Promise; + public abstract Reset(apiUri: string) : Promise; + public abstract Create(apiUri: string) : Promise; + protected abstract CheckConnector() : boolean; + + protected async TestConnector(apiUri: string, connectorType: string, data: object): Promise { + if(!this.CheckConnector()) + return Promise.reject("Connector not fully configured."); + //console.info(`Testing ${connectorType}`); + return postData(`${apiUri}/v2/NotificationConnector/${connectorType}/Test`, data) + .then((json) => { + //console.info(`Successfully tested ${connectorType}`); + return true; + }) + .catch(Promise.reject); + } + + protected async ResetConnector(apiUri: string, connectorType: string): Promise { + if(!this.CheckConnector()) + return Promise.reject("Connector not fully configured."); + //console.info(`Deleting ${connectorType}`); + return deleteData(`${apiUri}/v2/NotificationConnector/${connectorType}`) + .then((json) => { + //console.info(`Successfully deleted ${connectorType}`); + return true; + }) + .catch(Promise.reject); + } + + protected async CreateConnector(apiUri: string, connectorType: string, data: object): Promise { + if(!this.CheckConnector()) + return Promise.reject("Connector not fully configured."); + //console.info(`Creating ${connectorType}`); + return postData(`${apiUri}/v2/NotificationConnector/${connectorType}`, data) + .then((json) => { + //console.info(`Successfully created ${connectorType}`); + return true; + }) + .catch(Promise.reject); + } +} + +export class Gotify extends NotificationConnector +{ + public url = ""; + private appToken = ""; + + constructor({url, appToken} : {url: string, appToken:string}){ + super(); + this.url = url; + this.appToken = appToken; + } + + public async Test(apiUri: string) : Promise { + return this.TestConnector(apiUri, "Gotify", {url: this.url, appToken: this.appToken}).then(() => true).catch(() => false); + } + + public async Reset(apiUri: string) : Promise { + return this.ResetConnector(apiUri, "Gotify").then(() => true).catch(() => false); + } + + public async Create(apiUri: string) : Promise { + return this.CreateConnector(apiUri, "Gotify", {url: this.url, appToken: this.appToken}).then(() => true).catch(() => false); + } + + protected CheckConnector(): boolean { + try{ + new URL(this.url) + }catch{ + return false; + } + if(this.appToken.length < 1 || this.appToken.length < 1) + return false; + return true; + } +} + +export class Lunasea extends NotificationConnector +{ + private webhook = ""; + + constructor({webhook} : {webhook: string}){ + super(); + this.webhook = webhook; + } + + public async Test(apiUri: string) : Promise { + return this.TestConnector(apiUri, "LunaSea", {webhook: this.webhook}).then(() => true).catch(() => false); + } + + public async Reset(apiUri: string) : Promise { + return this.ResetConnector(apiUri, "LunaSea").then(() => true).catch(() => false); + } + + public async Create(apiUri: string) : Promise { + return this.CreateConnector(apiUri, "LunaSea", {webhook: this.webhook}).then(() => true).catch(() => false); + } + + protected CheckConnector(): boolean { + if(this.webhook.length < 1 || this.webhook.length < 1) + return false; + return true; + } +} + +export class Ntfy extends NotificationConnector +{ + public url = ""; + private username = ""; + private password = ""; + public topic:string | undefined = undefined; + + constructor({url, username, password, topic} : {url: string, username: string, password: string, topic : string | undefined}){ + super(); + this.url = url; + this.username = username; + this.password = password; + this.topic = topic; + } + + public async Test(apiUri: string) : Promise { + return this.TestConnector(apiUri, "Ntfy", {url: this.url, username: this.username, password: this.password, topic: this.topic}).then(() => true).catch(() => false); + } + + public async Reset(apiUri: string) : Promise { + return this.ResetConnector(apiUri, "Ntfy").then(() => true).catch(() => false); + } + + public async Create(apiUri: string) : Promise { + return this.CreateConnector(apiUri, "Ntfy", {url: this.url, username: this.username, password: this.password, topic: this.topic}).then(() => true).catch(() => false); + } + + protected CheckConnector(): boolean { + try{ + new URL(this.url) + }catch{ + return false; + } + if(this.username.length < 1 || this.password.length < 1) + return false; + return true; + } +} \ No newline at end of file diff --git a/Website/modules/QueuePopUp.tsx b/Website/modules/QueuePopUp.tsx new file mode 100644 index 0000000..f9e4b57 --- /dev/null +++ b/Website/modules/QueuePopUp.tsx @@ -0,0 +1,120 @@ +import React, {useEffect, useState} from 'react'; +import IJob from "./interfaces/IJob"; +import '../styles/queuePopUp.css'; +import '../styles/popup.css'; +import Job from "./Job"; +import IManga, {QueueItem} from "./interfaces/IManga"; +import Manga from "./Manga"; + +export default function QueuePopUp({connectedToBackend, children, apiUri} : {connectedToBackend: boolean, children: JSX.Element[], apiUri: string}) { + + const [StandbyJobs, setStandbyJobs] = React.useState([]); + const [StandbyJobsManga, setStandbyJobsManga] = React.useState([]); + const [RunningJobs, setRunningJobs] = React.useState([]); + const [RunningJobsManga, setRunningJobsManga] = React.useState([]); + const [showQueuePopup, setShowQueuePopup] = useState(false); + const [queueListInterval, setQueueListInterval] = React.useState(); + + useEffect(() => { + if(!showQueuePopup) + return; + UpdateMonitoringJobsList(); + }, [showQueuePopup]); + + useEffect(() => { + if(connectedToBackend){ + UpdateMonitoringJobsList(); + setQueueListInterval(setInterval(() => { + UpdateMonitoringJobsList(); + }, 2000)); + }else{ + clearInterval(queueListInterval); + setQueueListInterval(undefined); + } + }, [connectedToBackend]); + + function UpdateMonitoringJobsList(){ + Job.GetStandbyJobs(apiUri) + .then((jobs:string[]) => { + if(jobs.length > 0) + return Job.GetJobs(apiUri, jobs); + return []; + }) + .then((jobs:IJob[]) => { + //console.debug("Removing Metadata Jobs"); + //console.log(StandbyJobs) + setStandbyJobs(jobs.filter(job => job.jobType <= 2)); + //console.log(StandbyJobs) + }); + Job.GetRunningJobs(apiUri) + .then((jobs:string[]) => { + if(jobs.length > 0) + return Job.GetJobs(apiUri, jobs); + return []; + }) + .then((jobs:IJob[]) =>{ + //console.debug("Removing Metadata Jobs"); + setRunningJobs(jobs.filter(job => job.jobType <= 2)); + }); + } + + useEffect(() => { + if(StandbyJobs.length < 1) + return; + const mangaIds = StandbyJobs.filter(job => job.jobType<=2).map((job) => job.mangaInternalId != undefined ? job.mangaInternalId : job.chapter != undefined ? job.chapter.parentManga.internalId : ""); + //console.debug(`Waiting mangaIds: ${mangaIds.join(",")}`); + Manga.GetMangaByIds(apiUri, mangaIds) + .then(setStandbyJobsManga); + }, [StandbyJobs]); + + useEffect(() => { + if(RunningJobs.length < 1) + return; + //console.log(RunningJobs); + const mangaIds = RunningJobs.filter(job => job.jobType<=2).map((job) => job.mangaInternalId != undefined ? job.mangaInternalId : job.chapter != undefined ? job.chapter.parentManga.internalId : ""); + //console.debug(`Running mangaIds: ${mangaIds.join(",")}`); + Manga.GetMangaByIds(apiUri, mangaIds) + .then(setRunningJobsManga); + }, [RunningJobs]); + + return (<> +
setShowQueuePopup(true)}> + {children} +
+ {showQueuePopup + ?
+
+

Queue Status

+ Close Search setShowQueuePopup(false)}/> +
+
+
+

Running

+
+ {RunningJobs.map((job: IJob) => { + const manga = RunningJobsManga.find(manga => manga.internalId == job.mangaInternalId || manga.internalId == job.chapter?.parentManga.internalId); + if (manga === undefined || manga === null) + return
Error. Could not find matching manga for {job.id}
+ return QueueItem(apiUri, manga, job, UpdateMonitoringJobsList); + })} +
+
+
+

Standby

+
+ {StandbyJobs.map((job: IJob) => { + const manga = StandbyJobsManga.find(manga => manga.internalId == job.mangaInternalId || manga.internalId == job.chapter?.parentManga.internalId); + if (manga === undefined || manga === null) + return
Error. Could not find matching manga for {job.id}
+ return QueueItem(apiUri, manga, job, UpdateMonitoringJobsList); + })} +
+
+
+
+ : <> + } + + ); +} \ No newline at end of file diff --git a/Website/modules/Search.tsx b/Website/modules/Search.tsx new file mode 100644 index 0000000..f0d1c0a --- /dev/null +++ b/Website/modules/Search.tsx @@ -0,0 +1,111 @@ +import React, {ChangeEventHandler, EventHandler, useEffect, useState} from 'react'; +import {MangaConnector} from "./MangaConnector"; +import IMangaConnector from "./interfaces/IMangaConnector"; +import {isValidUri} from "../App"; +import IManga, {SearchResult} from "./interfaces/IManga"; +import '../styles/search.css'; +import '../styles/MangaSearchResult.css' + +export default function Search({apiUri, jobInterval, onJobsChanged, closeSearch} : {apiUri: string, jobInterval: Date, onJobsChanged: (internalId: string) => void, closeSearch(): void}) { + const [mangaConnectors, setConnectors] = useState(); + const [selectedConnector, setSelectedConnector] = useState(); + const [selectedLanguage, setSelectedLanguage] = useState(); + const [searchBoxValue, setSearchBoxValue] = useState(""); + const [searchResults, setSearchResults] = useState(); + + const pattern = /https:\/\/([a-z0-9.]+\.[a-z0-9]{2,})(?:\/.*)?/i + + useEffect(() => { + if(mangaConnectors === undefined) { + MangaConnector.GetAllConnectors().then(setConnectors); + return; + } + }, [mangaConnectors]); + + const selectedConnectorChanged : ChangeEventHandler = (event) => { + event.preventDefault(); + if(mangaConnectors === undefined) + return; + const selectedConnector = mangaConnectors.find((con: IMangaConnector) => con.name == event.target.value); + if(selectedConnector === undefined) + return; + setSelectedConnector(selectedConnector); + setSelectedLanguage(selectedConnector.SupportedLanguages[0]); + } + + const searchBoxValueChanged : ChangeEventHandler = (event) => { + event.currentTarget.style.width = event.target.value.length + "ch"; + if(mangaConnectors === undefined) + return; + var str : string = event.target.value; + setSearchBoxValue(str); + if(isValidUri(str)) + setSelectedConnector(undefined); + const match = str.match(pattern); + if(match === null) + return; + let baseUri = match[1]; + const selectCon = mangaConnectors.find((con: IMangaConnector) => { + return con.BaseUris.find(uri => uri == baseUri); + }); + if(selectCon != undefined){ + setSelectedConnector(selectCon); + setSelectedLanguage(selectCon.SupportedLanguages[0]); + } + } + + const ExecuteSearch : EventHandler = () => { + if(searchBoxValue.length < 1 || selectedConnector === undefined || selectedLanguage === ""){ + console.error("Tried initiating search while not all fields where submitted.") + return; + } + //console.info(`Searching Name: ${searchBoxValue} Connector: ${selectedConnector.name} Language: ${selectedLanguage}`); + if(isValidUri(searchBoxValue) && !selectedConnector.BaseUris.find((uri: string) => { + const match = searchBoxValue.match(pattern); + if(match === null) + return false; + return match[1] == uri + })) + { + console.error("URL in Searchbox detected, but does not match selected connector."); + return; + } + if(!isValidUri(searchBoxValue)){ + MangaConnector.GetMangaFromConnectorByTitle(selectedConnector, searchBoxValue) + .then((mangas: IManga[]) => { + setSearchResults(mangas); + }); + }else{ + MangaConnector.GetMangaFromConnectorByUrl(selectedConnector, searchBoxValue) + .then((manga: IManga) => { + setSearchResults([manga]); + }); + } + } + + const changeSelectedLanguage : ChangeEventHandler = (event) => setSelectedLanguage(event.target.value); + + return () +} \ No newline at end of file diff --git a/Website/modules/Settings.tsx b/Website/modules/Settings.tsx new file mode 100644 index 0000000..6c16302 --- /dev/null +++ b/Website/modules/Settings.tsx @@ -0,0 +1,318 @@ +import React, {ChangeEventHandler, KeyboardEventHandler, MouseEventHandler, useEffect, useState} from 'react'; +import IFrontendSettings from "./interfaces/IFrontendSettings"; +import '../styles/settings.css'; +import IBackendSettings from "./interfaces/IBackendSettings"; +import {getData, postData} from "../App"; +import LibraryConnector, {Kavita, Komga} from "./LibraryConnector"; +import NotificationConnector, {Gotify, Lunasea, Ntfy} from "./NotificationConnector"; +import ILibraryConnector from "./interfaces/ILibraryConnector"; +import INotificationConnector from "./interfaces/INotificationConnector"; +import Toggle from 'react-toggle'; +import '../styles/react-toggle.css'; + +export default function Settings({backendConnected, apiUri, settings, changeSettings} : {backendConnected: boolean, apiUri: string, settings: IFrontendSettings, changeSettings: (settings: IFrontendSettings) => void}) { + const [frontendSettings, setFrontendSettings] = useState(settings); + const [backendSettings, setBackendSettings] = useState(); + const [showSettings, setShowSettings] = useState(false); + const [libraryConnectors, setLibraryConnectors] = useState(); + const [notificationConnectors, setNotificationConnectors] = useState(); + const [komgaSettings, setKomgaSettings] = useState<{url: string, username: string, password: string}>({url: "", username: "", password: ""}); + const [kavitaSettings, setKavitaSettings] = useState<{url: string, username: string, password: string}>({url: "", username: "", password: ""}); + const [gotifySettings, setGotifySettings] = useState<{url: string, appToken: string}>({url: "", appToken: ""}); + const [lunaseaSettings, setLunaseaSettings] = useState<{webhook: string}>({webhook: ""}); + const [ntfySettings, setNtfySettings] = useState<{url: string, username: string, password: string, topic: string | undefined}>({url: "", username: "", password: "", topic: undefined}); + + useEffect(() => { + console.debug(`${showSettings ? "Showing" : "Not showing"} settings.`); + if(!showSettings || !backendConnected) + return; + UpdateBackendSettings(); + LibraryConnector.GetLibraryConnectors(apiUri).then(setLibraryConnectors).catch(console.error); + NotificationConnector.GetNotificationConnectors(apiUri).then(setNotificationConnectors).catch(console.error); + }, [showSettings]); + + useEffect(() => { + changeSettings(frontendSettings); + }, [frontendSettings]); + + async function GetSettings(apiUri: string) : Promise { + //console.info("Getting Settings"); + return getData(`${apiUri}/v2/Settings`) + .then((json) => { + //console.info("Got Settings"); + const ret = json as IBackendSettings; + //console.debug(ret); + return (ret); + }) + .catch(Promise.reject); + } + + function UpdateBackendSettings() { + GetSettings(apiUri).then(setBackendSettings).catch(console.error); + } + + const GetKomga = () : ILibraryConnector | undefined => + libraryConnectors?.find(con => con.libraryType == 0); + + const KomgaConnected = () : boolean => GetKomga() != undefined; + + const GetKavita = () : ILibraryConnector | undefined => + libraryConnectors?.find(con => con.libraryType == 1); + + const KavitaConnected = () : boolean => GetKavita() != undefined; + + const GetGotify = () : INotificationConnector | undefined => + notificationConnectors?.find(con => con.notificationConnectorType == 0); + + const GotifyConnected = () : boolean => GetGotify() != undefined; + + const GetLunasea = () : INotificationConnector | undefined => + notificationConnectors?.find(con => con.notificationConnectorType == 1); + + const LunaseaConnected = () : boolean => GetLunasea() != undefined; + + const GetNtfy = () : INotificationConnector | undefined => + notificationConnectors?.find(con => con.notificationConnectorType == 2); + + const NtfyConnected = () : boolean => GetNtfy() != undefined; + + const SubmitApiUri : KeyboardEventHandler = (e) => { + if(e.currentTarget.value.length < 1) + return; + if(e.key == "Enter"){ + setFrontendSettings({...frontendSettings, apiUri: e.currentTarget.value}); + RefreshInputs(); + } + } + + const SubmitUserAgent: KeyboardEventHandler = (e) => { + if(e.currentTarget.value.length < 1 || backendSettings === undefined) + return; + if(e.key == "Enter"){ + //console.info(`Updating Useragent ${e.currentTarget.value}`); + postData(`${apiUri}/v2/Settings/UserAgent`, {value: e.currentTarget.value}) + .then((json) => { + //console.info(`Successfully updated Useragent ${e.currentTarget.value}`); + UpdateBackendSettings(); + RefreshInputs(); + }) + .catch(() => alert("Failed to update Useragent.")); + } + } + + const ResetUserAgent: MouseEventHandler = () => { + //console.info(`Resetting Useragent`); + postData(`${apiUri}/v2/Settings/UserAgent`, {value: undefined}) + .then((json) => { + //console.info(`Successfully reset Useragent`); + UpdateBackendSettings(); + RefreshInputs(); + }) + .catch(() => alert("Failed to update Useragent.")); + } + + const SetAprilFoolsMode : ChangeEventHandler = (e) => { + //console.info(`Updating AprilFoolsMode ${e.target.checked}`); + postData(`${apiUri}/v2/Settings/AprilFoolsMode`, {value: e.target.checked}) + .then((json) => { + //console.info(`Successfully updated AprilFoolsMode ${e.currentTarget.value}`); + UpdateBackendSettings(); + }) + } + + const SetCompressImages : MouseEventHandler = (e) => { + //console.info(`Updating ImageCompression ${e.currentTarget.value}`); + postData(`${apiUri}/v2/Settings/CompressImages`, {value: e.currentTarget.value}) + .then((json) => { + //console.info(`Successfully updated ImageCompression ${e.currentTarget.value}`); + UpdateBackendSettings(); + }) + } + + const SetBWImages : ChangeEventHandler = (e) => { + //console.info(`Updating B/W Images ${e.target.checked}`); + postData(`${apiUri}/v2/Settings/BWImages`, {value: e.target.checked}) + .then((json) => { + //console.info(`Successfully updated B/W Images ${e.target.checked}`); + UpdateBackendSettings(); + }) + } + + function RefreshInputs(){ + alert("Saved."); + setShowSettings(false); + } + + return ( +
+ cogwheel setShowSettings(true)}/> + {showSettings + ?
+
+

Settings

+ Close Settings setShowSettings(false)}/> +
+
+
+ TRANGA +
+
+ API Settings + + + + + Reset + + + + + + +
+
+ Rate Limits + + + + + + + + +
+
+ Appearance + + +
+
+
+ +
+ Sources +
+
+ + Mangadex Logo + MangaDex + + + + + +
+
+
+ +
+ LIBRARY CONNECTORS +
+
+ + Komga Logo + Komga + + + setKomgaSettings(s => ({...s, url: e.target.value}))} /> + + setKomgaSettings(s => ({...s, username: e.target.value}))} /> + + setKomgaSettings(s => ({...s, password: e.target.value}))} /> +
+ new Komga(komgaSettings).Test(apiUri).then(()=>alert("Test successful"))}>Test + new Komga(komgaSettings).Reset(apiUri).then(RefreshInputs)}>Reset + new Komga(komgaSettings).Create(apiUri).then(RefreshInputs)}>Apply +
+
+
+ + Kavita Logo + Kavita + + + setKavitaSettings(s => ({...s, url: e.target.value}))} /> + + setKavitaSettings(s => ({...s, username: e.target.value}))} /> + + setKavitaSettings(s => ({...s, password: e.target.value}))} /> +
+ new Kavita(kavitaSettings).Test(apiUri).then(()=>alert("Test successful"))}>Test + new Kavita(kavitaSettings).Reset(apiUri).then(RefreshInputs)}>Reset + new Kavita(kavitaSettings).Create(apiUri).then(RefreshInputs)}>Apply +
+
+
+
+ +
+ NOTIFICATION CONNECTORS +
+
+ + Gotify Logo + Gotify + + + setGotifySettings(s => ({...s, url: e.target.value}))} /> + + setGotifySettings(s => ({...s, appToken: e.target.value}))} /> +
+ new Gotify(gotifySettings).Test(apiUri).then(()=>alert("Test successful"))}>Test + new Gotify(gotifySettings).Reset(apiUri).then(RefreshInputs)}>Reset + new Gotify(gotifySettings).Create(apiUri).then(RefreshInputs)}>Apply +
+
+
+ + Lunasea Logo + LunaSea + + + setLunaseaSettings(s => ({...s, webhook: e.target.value}))} /> +
+ new Lunasea(lunaseaSettings).Test(apiUri).then(()=>alert("Test successful"))}>Test + new Lunasea(lunaseaSettings).Reset(apiUri).then(RefreshInputs)}>Reset + new Lunasea(lunaseaSettings).Create(apiUri).then(RefreshInputs)}>Apply +
+
+
+ + ntfy Logo + Ntfy + + + setNtfySettings(s => ({...s, url: e.target.value}))} /> + + setNtfySettings(s => ({...s, username: e.target.value}))} /> + + setNtfySettings(s => ({...s, password: e.target.value}))} /> + + setNtfySettings(s => ({...s, topic: e.target.value}))} /> +
+ new Ntfy(ntfySettings).Test(apiUri).then(()=>alert("Test successful"))}>Test + new Ntfy(ntfySettings).Reset(apiUri).then(RefreshInputs)}>Reset + new Ntfy(ntfySettings).Create(apiUri).then(RefreshInputs)}>Apply +
+
+
+
+
+
+ : <> + } +
+ ); +} \ No newline at end of file diff --git a/Website/modules/interfaces/IBackendSettings.tsx b/Website/modules/interfaces/IBackendSettings.tsx new file mode 100644 index 0000000..a4edf2a --- /dev/null +++ b/Website/modules/interfaces/IBackendSettings.tsx @@ -0,0 +1,20 @@ +export default interface IBackendSettings { + "downloadLocation": string; + "workingDirectory": string; + "apiPortNumber": number; + "userAgent": string; + "bufferLibraryUpdates": boolean; + "bufferNotifications": boolean; + "version": number; + "aprilFoolsMode": boolean; + "compression": number; + "bwImages": boolean; + "requestLimits": { + "MangaInfo": number; + "MangaDexFeed": number; + "MangaDexImage": number; + "MangaImage": number; + "MangaCover": number; + "Default": number + } +} \ No newline at end of file diff --git a/Website/modules/interfaces/IChapter.tsx b/Website/modules/interfaces/IChapter.tsx new file mode 100644 index 0000000..5d4eb41 --- /dev/null +++ b/Website/modules/interfaces/IChapter.tsx @@ -0,0 +1,10 @@ +import IManga from "./IManga"; + +export default interface IChapter{ + parentManga: IManga; + name: string | undefined; + volumeNumber: string; + chapterNumber: string; + url: string; + fileName: string; +} \ No newline at end of file diff --git a/Website/modules/interfaces/IFrontendSettings.tsx b/Website/modules/interfaces/IFrontendSettings.tsx new file mode 100644 index 0000000..1b56ab4 --- /dev/null +++ b/Website/modules/interfaces/IFrontendSettings.tsx @@ -0,0 +1,18 @@ +import {Cookies} from "react-cookie"; + +export default interface IFrontendSettings { + jobInterval: Date; + apiUri: string; +} + +export function LoadFrontendSettings(): IFrontendSettings { + const cookies = new Cookies(); + return { + jobInterval: cookies.get('jobInterval') === undefined + ? new Date(0,0,0,3) + : cookies.get('jobInterval'), + apiUri: cookies.get('apiUri') === undefined + ? `${window.location.protocol}//${window.location.host}/api` + : cookies.get('apiUri') + } +} \ No newline at end of file diff --git a/Website/modules/interfaces/IJob.tsx b/Website/modules/interfaces/IJob.tsx new file mode 100644 index 0000000..85baf23 --- /dev/null +++ b/Website/modules/interfaces/IJob.tsx @@ -0,0 +1,28 @@ +import IMangaConnector from "./IMangaConnector"; +import IProgressToken from "./IProgressToken"; +import IChapter from "./IChapter"; + +export default interface IJob{ + progressToken: IProgressToken; + recurring: boolean; + recurrenceTime: string; + lastExecution: Date; + nextExecution: Date; + id: string; + jobType: number; + parentJobId: string | null; + mangaConnector: IMangaConnector; + mangaInternalId: string | undefined; //only on DownloadNewChapters + translatedLanguage: string | undefined; //only on DownloadNewChapters + chapter: IChapter | undefined; //only on DownloadChapter +} + +export function JobTypeFromNumber(n: number): string { + switch(n) { + case 0: return "Download Chapter"; + case 1: return "Download New Chapters"; + case 2: return "Update Metadata"; + case 3: return "Monitor"; + } + return ""; +} \ No newline at end of file diff --git a/Website/modules/interfaces/ILibraryConnector.tsx b/Website/modules/interfaces/ILibraryConnector.tsx new file mode 100644 index 0000000..c1520c6 --- /dev/null +++ b/Website/modules/interfaces/ILibraryConnector.tsx @@ -0,0 +1,13 @@ +export default interface ILibraryConnector { + libraryType: number; + baseUrl: string; + auth: string; +} + +export function GetLibraryConnectorNameFromNumber(n: number): string { + switch(n){ + case 0: return "Komga"; + case 1: return "Kavita"; + } + return ""; +} \ No newline at end of file diff --git a/Website/modules/interfaces/IManga.tsx b/Website/modules/interfaces/IManga.tsx new file mode 100644 index 0000000..eba776c --- /dev/null +++ b/Website/modules/interfaces/IManga.tsx @@ -0,0 +1,130 @@ +import IMangaConnector from "./IMangaConnector"; +import KeyValuePair from "./KeyValuePair"; +import Manga from "../Manga"; +import React, {EventHandler, ReactElement, ReactEventHandler} from "react"; +import Icon from '@mdi/react'; +import { mdiTagTextOutline, mdiAccountEdit } from '@mdi/js'; +import MarkdownPreview from '@uiw/react-markdown-preview'; +import IJob, {JobTypeFromNumber} from "./IJob"; +import Job from "../Job"; +import ProgressBar from "@ramonak/react-progress-bar"; + +export default interface IManga{ + "sortName": string, + "authors": string[], + "altTitles": KeyValuePair[], + "description": string, + "tags": string[], + "coverUrl": string, + "coverFileNameInCache": string, + "links": KeyValuePair[], + "year": number, + "originalLanguage": string, + "releaseStatus": number, + "folderName": string, + "publicationId": string, + "internalId": string, + "ignoreChaptersBelow": number, + "latestChapterDownloaded": number, + "latestChapterAvailable": number, + "websiteUrl": string, + "mangaConnector": IMangaConnector +} + +export function ReleaseStatusFromNumber(n: number): string { + switch(n) { + case 0: return "Ongoing"; + case 1: return "Completed"; + case 2: return "OnHiatus"; + case 3: return "Cancelled"; + case 4: return "Unreleased"; + } + return ""; +} + + + +export function CoverCard(apiUri: string, manga: IManga) : ReactElement { + const MangaCover : ReactEventHandler = (e) => { + if(e.currentTarget.src != Manga.GetMangaCoverUrl(apiUri, manga.internalId, e.currentTarget)) + e.currentTarget.src = Manga.GetMangaCoverUrl(apiUri, manga.internalId, e.currentTarget); + } + + return( +
+ Manga Cover +
+

{manga.mangaConnector.name}

+
+

{manga.sortName}

+
+
); +} + +export function SearchResult(apiUri: string, manga: IManga, interval: Date, onJobsChanged: (internalId: string) => void) : ReactElement { + const MangaCover : ReactEventHandler = (e) => { + if(e.currentTarget.src != Manga.GetMangaCoverUrl(apiUri, manga.internalId, e.currentTarget)) + e.currentTarget.src = Manga.GetMangaCoverUrl(apiUri, manga.internalId, e.currentTarget); + } + + return( +
+ Manga Cover +

{manga.mangaConnector.name}

+
+

{manga.sortName}

+
+ {manga.authors.map(author =>

+ {author}

)} + {manga.tags.map(tag =>

{tag}

)} +
+ + +
); +} + +function ProgressbarStr(job: IJob): string { + return job.progressToken.timeRemaining.substring(0,job.progressToken.timeRemaining.indexOf(".")).concat(" ", ToPercentString(job.progressToken.progress)); +} + +function ToPercentString(n: number): string { + return n.toString().substring(2,4).concat("%"); +} + +export function QueueItem(apiUri: string, manga: IManga, job: IJob, triggerUpdate: () => void){ + const MangaCover : ReactEventHandler = (e) => { + if(e.currentTarget.src != Manga.GetMangaCoverUrl(apiUri, manga.internalId, e.currentTarget)) + e.currentTarget.src = Manga.GetMangaCoverUrl(apiUri, manga.internalId, e.currentTarget); + } + + return ( +
+ Manga Cover +

{manga.sortName}

+

{JobTypeFromNumber(job.jobType)}

+

{job.jobType == 0 ? `Vol.${job.chapter?.volumeNumber} Ch.${job.chapter?.chapterNumber}` : ""}

+ {job.progressToken.state === 0 + ? + :
} +
+ + {job.parentJobId != null + ? + : <> + } +
+
+ ); +} \ No newline at end of file diff --git a/Website/modules/interfaces/IMangaConnector.tsx b/Website/modules/interfaces/IMangaConnector.tsx new file mode 100644 index 0000000..94fd237 --- /dev/null +++ b/Website/modules/interfaces/IMangaConnector.tsx @@ -0,0 +1,5 @@ +export default interface IMangaConnector { + SupportedLanguages: string[]; + name: string; + BaseUris: string[]; +} \ No newline at end of file diff --git a/Website/modules/interfaces/INotificationConnector.tsx b/Website/modules/interfaces/INotificationConnector.tsx new file mode 100644 index 0000000..a3ff39d --- /dev/null +++ b/Website/modules/interfaces/INotificationConnector.tsx @@ -0,0 +1,8 @@ +export default interface INotificationConnector { + "notificationConnectorType": number; //see NotificationConnectorType + "endpoint": string | undefined;//only on Ntfy, Gotify + "appToken": string | undefined;//only on Gotify + "auth": string | undefined;//only on Ntfy + "topic": string | undefined;//only on Ntfy + "id": string | undefined;//only on LunaSea +} \ No newline at end of file diff --git a/Website/modules/interfaces/IProgressToken.tsx b/Website/modules/interfaces/IProgressToken.tsx new file mode 100644 index 0000000..f33a507 --- /dev/null +++ b/Website/modules/interfaces/IProgressToken.tsx @@ -0,0 +1,21 @@ +export default interface IProgressToken{ + cancellationRequested: boolean; + increments: number; + incrementsCompleted: number; + progress: number; + lastUpdate: Date; + executionStarted: Date; + timeRemaining: string; + state: number; +} + +export function GetProgressStateFromNumber(n: number): string { + switch (n){ + case 0: return "Running"; + case 1: return "Complete"; + case 2: return "Standby"; + case 3: return "Cancelled"; + case 4: return "Waiting"; + } + return ""; +} \ No newline at end of file diff --git a/Website/modules/interfaces/KeyValuePair.tsx b/Website/modules/interfaces/KeyValuePair.tsx new file mode 100644 index 0000000..165ba57 --- /dev/null +++ b/Website/modules/interfaces/KeyValuePair.tsx @@ -0,0 +1,4 @@ +export default interface KeyValuePair { + key: string; + value: string; +} \ No newline at end of file diff --git a/Website/styles/card_compact.css b/Website/styles/MangaCoverCard.css similarity index 59% rename from Website/styles/card_compact.css rename to Website/styles/MangaCoverCard.css index 74a6648..bdbe35e 100644 --- a/Website/styles/card_compact.css +++ b/Website/styles/MangaCoverCard.css @@ -1,24 +1,3 @@ -#addPublication { - cursor: pointer; - background-color: var(--secondary-color); - width: 180px; - height: 300px; - border-radius: 5px; - margin: 10px 10px; - padding: 15px 20px; - position: relative; -} - -#addPublication p{ - width: 100%; - text-align: center; - font-size: 150pt; - vertical-align: middle; - line-height: 300px; - margin: 0; - color: var(--accent-color); -} - .pill { flex-grow: 0; height: 14pt; @@ -27,64 +6,40 @@ background-color: var(--primary-color); padding: 2pt 17px; color: black; + width: fit-content; + margin: 10px 0; } -publication{ +.Manga{ cursor: pointer; background-color: var(--secondary-color); width: 180px; height: 300px; border-radius: 5px; margin: 10px 10px; - padding: 15px 19px; + padding: 14px 20px; position: relative; flex-shrink: 0; } -publication::after{ +.Manga::after{ content: ''; position: absolute; left: 0; top: 0; border-radius: 5px; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0.8), rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2)); + z-index: 0; } -publication-information { - display: flex; - flex-direction: column; - justify-content: start; -} - -publication-details { - display: flex; - flex-direction: column; - justify-content: start; -} - -publication-information * { - z-index: 1; - color: var(--accent-color); -} - -publication-details * { - z-index: 1; - color: var(--accent-color); -} - -connector-name{ - width: fit-content; - margin: 10px 0; -} - -publication-name{ +.Manga-name{ width: fit-content; font-size: 16pt; font-weight: bold; color: white; } -publication-status { +.Manga-status { display:block; height: 10px; width: 10px; @@ -97,7 +52,7 @@ publication-status { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 10px, rgb(51, 51, 51) 0px 0px 10px 3px; } -publication-status::after { +.Manga-status::after { content: attr(release-status); position: absolute; top: 0; @@ -118,42 +73,55 @@ publication-status::after { background-color: inherit; } -publication-status:hover::after{ +.Manga-status:hover::after{ visibility:visible; } -publication-status[release-status="Ongoing"]{ +.Manga-status[release-status="Ongoing"]{ background-color: limegreen; } -publication-status[release-status="Completed"]{ +.Manga-status[release-status="Completed"]{ background-color: blueviolet; } -publication-status[release-status="On Hiatus"]{ +.Manga-status[release-status="On Hiatus"]{ background-color: darkorange; } -publication-status[release-status="Cancelled"]{ +.Manga-status[release-status="Cancelled"]{ background-color: firebrick; } -publication-status[release-status="Upcoming"]{ +.Manga-status[release-status="Upcoming"]{ background-color: aqua; } -publication-status[release-status="Status Unavailable"]{ +.Manga-status[release-status="Status Unavailable"]{ background-color: gray; } -publication img { +.Manga img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; - z-index: 0; border-radius: 5px; + z-index: 0; +} + +.Manga p { + margin: 2px 0; +} + +.Manga > div { + position: relative; + z-index: 1; + width: 100%; + height: 100%; + left: 0; + top: 0; } \ No newline at end of file diff --git a/Website/styles/MangaSearchResult.css b/Website/styles/MangaSearchResult.css new file mode 100644 index 0000000..3b22ddd --- /dev/null +++ b/Website/styles/MangaSearchResult.css @@ -0,0 +1,119 @@ +.SearchResult { + background-color: var(--second-background-color); + border-radius: 2px; + padding: 5px 5px 9px 5px; + position: relative; + max-width: 100%; + width: fit-content; + height: 328px; + display: grid; + grid-template-columns: 220px 600px 80px; + grid-template-rows: 55px 55px 190px auto; + column-gap: 10px; + grid-template-areas: + "cover header header" + "cover alltags alltags" + "cover description description" + "cover footer button"; +} + +.SearchResult p { + margin: 2px 0; +} + +.SearchResult > img { + grid-area: cover; + position: relative; + height: 100%; + width: 100%; + z-index: 0; + border: 2px solid var(--primary-color); + border-radius: 4px; +} + +.SearchResult > .connector-name { + grid-area: cover; + position: absolute; + z-index: 1; + left: 2px; + top: 2px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + width: 100%; + background-color: var(--accent-color); + margin: 0; + padding: 2px 0; + text-align: center; + color: var(--secondary-color); +} + +.SearchResult > .Manga-status { + grid-area: header; +} + +.SearchResult > .Manga-name { + grid-area: header; + color: black; + padding: 0 30px 0 0; +} + +.SearchResult > .Manga-tags { + display: flex; + flex-direction: row; + flex-wrap: wrap; + grid-area: alltags; + color: white; + padding: 0; + margin: 0; + white-space: nowrap; +} + +.SearchResult > .Manga-tags p { + margin: 0 2px; + padding: 5px; + font-size: 10pt; + height: fit-content; + width: min-content; +} + +.SearchResult .Manga-author { + background-color: green; +} + +.SearchResult .Manga-tag { + background-color: blue; +} + +.SearchResult > .Manga-description { + grid-area: description; + color: black; + overflow-y: scroll; +} + +.SearchResult > .Manga-AddButton { + grid-area: button; + background-color: white; + border: 1px solid var(--primary-color); + border-radius: 4px; + width: fit-content; + height: fit-content; + padding: 5px 10px; +} + +.SearchResult > .Manga-AddButton:hover { + background-color: #eee; +} + +.SearchResult a, .SearchResult a:visited { + color: initial; +} + +.SearchResult a img { + filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7480%) hue-rotate(141deg) brightness(111%) contrast(99%); + position: relative; + bottom: 7px; +} + +.monitorMangaEntry { + position: relative; +} \ No newline at end of file diff --git a/Website/styles/base.css b/Website/styles/base.css deleted file mode 100644 index ee80fc5..0000000 --- a/Website/styles/base.css +++ /dev/null @@ -1,960 +0,0 @@ -:root{ - --background-color: #030304; - --second-background-color: white; - --primary-color: #f5a9b8; - --secondary-color: #5bcefa; - --blur-background: rgba(245, 169, 184, 0.58); - --accent-color: #fff; - /* --primary-color: green; - --secondary-color: gold; - --blur-background: rgba(86, 131, 36, 0.8); - --accent-color: olive; */ - --topbar-height: 60px; - box-sizing: border-box; -} - -body{ - padding: 0; - margin: 0; - height: 100vh; - background-color: var(--background-color); - font-family: "Inter", sans-serif; - overflow-x: hidden; -} - -wrapper { - display: flex; - flex-flow: column; - flex-wrap: nowrap; - height: 100vh; -} - -background-placeholder{ - background-color: var(--second-background-color); - opacity: 1; - position: absolute; - width: 100%; - height: 100%; - border-radius: 0 0 5px 0; - z-index: -1; -} - -topbar { - display: flex; - align-items: center; - height: var(--topbar-height); - background-color: var(--secondary-color); - z-index: 100; - box-shadow: 0 0 20px black; -} - -titlebox { - position: relative; - display: flex; - margin: 0 0 0 40px; - height: 100%; - align-items:center; - justify-content:center; -} - -titlebox span{ - cursor: default; - font-size: 24pt; - font-weight: bold; - background: linear-gradient(150deg, var(--primary-color), var(--accent-color)); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - margin-left: 20px; -} - -titlebox img { - height: 100%; - cursor: grab; -} - -spacer{ - flex-grow: 1; -} - -filter-box { - display: none; - align-self: center; - flex-direction: column; - position: relative; - - margin: 10px; - background-color: var(--second-background-color); - border-style: solid; - border-color: var(--primary-color); - border-width: 2px; - border-radius: 15px; - min-width: 300px; - width: 50%; - overflow: hidden; - max-height: 50%; - height: 600px; -} - -filter-box.animate { - display: flex; -} - -filter-box border-bar popup-title{ - font-size: 12pt; -} - -filter-box border-bar popup-close { - height: 20px; - width: 20px; - font-size: 12pt; - -webkit-user-select: none; /* Safari */ - -ms-user-select: none; /* IE 10 and IE 11 */ - user-select: none; /* Standard syntax */ -} - -border-bar-button.clearFilter{ - font-weight: bold; - margin: 0px 10px 10px 10px; - border-color: lightgray; - color: gray; - align-content: center; - justify-content: center; -} - -border-bar-button.clearFilter:hover { - background-color: red; - border-color: var(--second-background-color); - color: var(--second-background-color); -} - -status-filter { - display: block; - margin: 10px; - - /*Text Properties*/ - font-size:10pt; - font-weight:bold; - color:white; - text-align: center; - - /*Size*/ - padding: 3px 8px; - border-radius: 6px; - border: 0px; - background-color: inherit; - - cursor: pointer; - -webkit-user-select: none; /* Safari */ - -ms-user-select: none; /* IE 10 and IE 11 */ - user-select: none; /* Standard syntax */ -} - -status-filter[release-status="Ongoing"]{ - background-color: limegreen; -} - -status-filter[release-status="Completed"]{ - background-color: blueviolet; -} - -status-filter[release-status="On Hiatus"]{ - background-color: darkorange; -} - -status-filter[release-status="Cancelled"]{ - background-color: firebrick; -} - -status-filter[release-status="Upcoming"]{ - background-color: aqua; -} - -status-filter[release-status="Status Unavailable"]{ - background-color: gray; -} - - -searchdiv{ - display: flex; - width: 100%; -} - -#searchbox { - display: flex; - padding: 3px 5px; - margin: 5px; - border-style: solid; - border-width: 2px; - border-radius: 10px; - font-size: 12pt; - outline: none; - border-color: lightgray; - flex-grow: 1; - flex-shrink: 1; -} - -#searchbox:focus { - border-color: var(--secondary-color); -} - -.pill { - flex-grow: 0; - height: 14pt; - font-size: 12pt; - border-radius: 9pt; - background-color: var(--primary-color); - padding: 2pt 17px; - color: black; -} - -#connectorFilterBox .pill { - margin: 10px; - cursor: pointer; - -webkit-user-select: none; /* Safari */ - -ms-user-select: none; /* IE 10 and IE 11 */ - user-select: none; /* Standard syntax */ -} - -#settingscog { - cursor: pointer; - margin: 0px 30px; - margin-left: 15px; - height: 50%; - filter: invert(100%) sepia(0%) saturate(7465%) hue-rotate(115deg) brightness(116%) contrast(101%); -} - -#filterFunnel { - cursor: pointer; - margin: 0px 15px; - height: 50%; - filter: invert(100%) sepia(0%) saturate(7465%) hue-rotate(115deg) brightness(116%) contrast(101%); -} - -viewport { - position: relative; - display: flex; - flex-flow: row; - flex-wrap: nowrap; - flex-grow: 1; - height: 100%; - overflow-y: scroll; - scrollbar-color: var(--accent-color) var(--primary-color); - scrollbar-width: thin; -} - -footer { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - width: 100%; - height: 40px; - align-items: center; - justify-content: center; - background-color: var(--primary-color); - align-content: center; -} - -footer > div { - height: 100%; - margin: 0 30px; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - align-items: center; - cursor: pointer; -} - -footer > div > *{ - height: 40%; - margin: 0 5px; -} - -#madeWith { - flex-grow: 1; - text-align: right; - margin-right: 20px; - cursor: url("media/blahaj.png"), grab; -} - -content { - position: relative; - flex-grow: 1; - border-radius: 5px; - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: start; - align-content: start; -} - -#settingsPopup{ - z-index: 300; -} - -popup{ - display: none; - width: 100%; - min-height: 100%; - top: 0; - left: 0; - position: fixed; - z-index: 2; - flex-direction: column; -} - -border-bar { - display: flex; - flex-direction: row; - background-color: var(--primary-color); - color: var(--accent-color); - font-weight: bolder; - padding: 7px 5px; - margin:0; - align-items: center; - position: relative; - width: 100%; -} - -popup-title { - font-size: 14pt; - display: flex; - margin-top: 3px; - margin-left: 5px; - color: var(--second-background-color); -} - -popup-close { - border: none; - background-color: inherit; - color: var(--second-background-color);; - font-weight: inherit; - font-size: 27px; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; - display: flex; - cursor: pointer; - margin-left: auto; - margin-right: 15px; - height: 32px; - width: 32px; - border-radius: 16px; - align-content: center; - justify-content: center; -} - -popup-close:hover { - background-color: var(--secondary-color); -} - -border-bar > .button-container { - display: flex; - flex-direction: row; - align-items: center; - flex-wrap: wrap; - margin-right: 0; - margin-left: auto; -} - -border-bar-button { - border-style: solid; - border-width: 2px; - background-color: inherit; - color: var(--second-background-color); - font-weight: inherit; - font-size: inherit; - font-family: inherit; - display: flex; - cursor: pointer; - margin: 0px 5px; - padding: 5px 20px; - border-radius: 20px; - height: 20px; - align-items: center; - border-color: var(--accent-color); - -webkit-user-select: none; /* Safari */ - -ms-user-select: none; /* IE 10 and IE 11 */ - user-select: none; /* Standard syntax */ -} - -border-bar-button:hover { - border-color: var(--secondary-color); -} - -border-bar-button.primary { - background-color: var(--secondary-color); - color: var(--accent-color); - border-color: var(--primary-color); - margin-right: 10px; -} - -border-bar-button.primary:hover { - border-color: var(--accent-color); -} - -border-bar-button.section { - font-weight: bold; - color: darkgray; - border-color: darkgray; - text-align: center; - padding: 5px; - flex-grow: 1; - justify-content: center; -} - -border-bar-button.section:hover { - color: var(--secondary-color); - border-color: var(--secondary-color); -} - - -popup popup-window { - position: absolute; - z-index: 3; - left: 10%; - top: 10%; - height: 80%; - width: 80%; - display: flex; - flex-direction: column; - background-color: var(--second-background-color); - border-radius: 15px; - overflow: hidden; -} - -popup#jobStatusView popup-window { - left: 20%; - top: 20%; - height: 60%; - width: 60%; -} - -popup-content{ - display: flex; - flex-direction: column; - align-items: left; - height: calc(100% - 60px); - overflow-y: auto; - overflow-x: hidden; - scrollbar-width: thin; - scrollbar-color: var(--secondary-color) var(--second-background-color); -} - -popup-content > .popup-section { - margin: 5px; - margin-bottom: 10px; - font-size: 10pt; - font-weight: 100; - display: block; - border-top-style: solid; - border-top-width: 1px; - border-top-color: lightgray; - width: calc(100%-10px); - padding: 10px; -} - -.section-content { - display: flex; - flex-direction: row; - width: 100%; - flex-wrap: wrap; -} - -.section-item { - display: flex; - flex-direction: column; - width: 22%; - min-width: 300px; - height: auto; - border-radius: 10px; - border-style: solid; - border-width: 1px; - border-color: lightgray; - margin: 7px; - padding: 5px; -} - -.section-item.dyn-height { - height: fit-content; -} - -.section-item > .title { - font-weight: bold; - vertical-align: bottom; - line-height: 32px; - font-size: 12pt; - width: 100%; -} - -a:link { - color: inherit; - text-decoration: none; -} - -a:visited { - color: inherit; - text-decoration: none; -} - -a:hover { - color: inherit; - text-decoration: underline solid var(--secondary-color) 3px; -} - -a:active { - color: inherit; - text-decoration: none; -} - -.section-item > .title > img { - width: auto; - height: 32px; - margin: 5px; - vertical-align: middle; - border-radius: 5px; -} - -.section-item > .title > connector-configured { - display:block; - height: 10px; - width: 10px; - border-radius: 50%; - margin: 5px; - float: right; - top: 5px; - right: 5px; -} - -.section-item > .title > connector-configured::after { - display: block; - content: attr(configuration); - float: right; - width: max-content; - width: -webkit-max-content; - width: -mox-max-content; - width: intrinsic; - - visibility: hidden; - - /*Text Properties*/ - font-size:8pt; - font-weight:bold; - color:white; - text-align: right; - - /*Size*/ - padding: 0px 8px; - border-radius: 6px; - border: 0px; - background-color: inherit; -} - -.section-item > .title > connector-configured:hover::after{ - visibility:visible; -} - -.section-item > .title > connector-configured[configuration="Active"] { - background-color: limegreen; -} - -.section-item > .title > connector-configured[configuration="Not Configured"] { - background-color: gray; -} - -.section-item > input { - margin: 2px; - padding: 5px; - height: 20px; - border-radius: 10px; - border-style: solid; - outline: none; -} -.section-item > input:focus { - border-color: var(--secondary-color); -} - -.section-item > row { - width: calc(100%-20px); - display: flex; - flex-direction: row; - align-items: center; - margin-left: 5px; - margin-bottom: 5px; -} - -.section-item > row > input { - margin-left: auto; - margin-right: 2px; - padding: 5px; - height: 20px; - border-radius: 10px; - border-style: solid; - outline: none; - flex-grow: 0; - text-align: end; - float: right; - width: 200px; -} -.section-item > row > input:focus { - border-color: var(--secondary-color); -} - -.section-item > row > select { - margin-left: auto; - margin-right: 2px; - padding: 2px; - height: 30px; - border-radius: 10px; - border-style: solid; - outline: none; - flex-grow: 0; - text-align: end; - float: right; - width: 200px; -} - -.section-item > row > select:focus { - border-color: var(--secondary-color); -} - -.section-buttons-container { - display: flex; - flex-direction: row; - align-items: center; - position: relative; - margin-left: auto; - margin-top: auto; - margin-bottom: 0; - margin-right: 0; -} - -.section-buttons-container > .section-button { - font-size: 12px; - padding: 3px 10px; - margin: 3px; - border-radius: 5px; - border-style: solid; - border-width: 1px; - border-color: lightgray; - font-weight: bold; - color: gray; - cursor: pointer; - -webkit-user-select: none; /* Safari */ - -ms-user-select: none; /* IE 10 and IE 11 */ - user-select: none; /* Standard syntax */ -} - -.section-button#reset:hover { - color: red; - border-color: red; -} -.section-buttons-container > .section-button:hover { - border-color: var(--secondary-color); - color: var(--secondary-color); -} - -#newMangaPopup > div { - z-index: 3; - position: relative; -} - -#newMangaPopup > #newMangaPopupSelector { - width: 600px; - height: 40px; - margin: 80px auto 0; -} - -#newMangaPopup > div > #newMangaConnector, #newMangaTitle, #newMangaTranslatedLanguage { - margin: 0; - display: inline-block; - height: 40px; -} - -#newMangaPopup #newMangaConnector { - width: 100px; - padding: 0 0 0 5px; - border-radius: 5px 0 0 5px; - border: 0; - border-right: 1px solid darkgray; -} - -#newMangaPopup #newMangaTitle{ - width: 445px; - padding: 0 5px 0 5px; - border: 0; -} - -#newMangaPopup #newMangaTranslatedLanguage { - width: 45px; - border-radius: 0 5px 5px 0; - border: 0; - border-left: 1px solid darkgray; - margin-left: -5px; -} - -#newMangaResult { - display: none; - flex-direction: row; - justify-content: flex-start; - margin: 5px auto 0; - border-radius: 5px; - padding: 5px; - width: min-content; - max-width: 98%; - max-height: 400px; - overflow-x: scroll; - overflow-y: hidden; -} - -blur-background { - width: 100%; - height: 100%; - position: absolute; - left: 0; - background: var(--blur-background); - box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); - backdrop-filter: blur(4.5px); - -webkit-backdrop-filter: blur(4.5px); -} - -#publicationViewerPopup{ - z-index: 5; -} - -publication-viewer{ - display: block; - width: 460px; - position: absolute; - top: 200px; - left: 400px; - background-color: var(--accent-color); - border-radius: 5px; - overflow: hidden; - padding: 15px; -} - -publication-viewer::after{ - content: ''; - position: absolute; - left: 0; top: 0; - border-radius: 5px; - width: 100%; - height: 100%; - background: rgba(0,0,0,0.8); - backdrop-filter: blur(3px); -} - -publication-viewer img { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - object-fit: cover; - border-radius: 5px; - z-index: 0; -} - -publication-viewer publication-details > * { - margin: 5px 0; -} - -publication-viewer publication-details publication-name { - width: initial; - overflow-x: scroll; - white-space: nowrap; - scrollbar-width: none; -} - -publication-viewer publication-details publication-tags::before { - content: "Tags"; - display: block; - font-weight: bolder; -} - -publication-viewer publication-details publication-tags { - overflow-x: scroll; - white-space: nowrap; - scrollbar-width: none; -} - -publication-viewer publication-details publication-author::before { - content: "Author: "; - font-weight: bolder; -} - -publication-viewer publication-details publication-description::before { - content: "Description"; - display: block; - font-weight: bolder; -} - -publication-viewer publication-details publication-description { - font-size: 12pt; - margin: 5px 0; - height: 145px; - overflow-x: scroll; -} - -publication-viewer publication-details publication-interactions { - display: flex; - flex-direction: row; - justify-content: end; - align-items: start; - width: 100%; -} - -publication-viewer publication-details publication-interactions > * { - margin: 0 10px; - font-size: 16pt; - cursor: pointer; -} - -publication-viewer publication-details publication-interactions publication-starttask { - color: var(--secondary-color); -} - -publication-viewer publication-details publication-interactions publication-delete { - color: red; -} - -publication-view publication-details publication-interactions publication-canceltask { - color: yellow; -} - -publication-viewer publication-details publication-interactions publication-add { - color: limegreen; -} - -footer-tag-popup { - display: none; - padding: 2px 4px; - position: fixed; - bottom: 58px; - left: 20px; - background-color: var(--second-background-color); - z-index: 8; - border-radius: 5px; - max-height: 400px; -} - -footer-tag-content{ - position: relative; - max-height: 400px; - display: flex; - flex-direction: column; - flex-wrap: nowrap; - overflow-y: scroll; -} - -footer-tag-content > * { - margin: 2px 5px; -} - -footer-tag-popup::before{ - content: ""; - width: 0; - height: 0; - position: absolute; - border-right: 10px solid var(--second-background-color); - border-left: 10px solid transparent; - border-top: 10px solid var(--second-background-color); - border-bottom: 10px solid transparent; - left: 0; - bottom: -17px; - border-radius: 0 0 0 5px; -} - -#loaderdiv { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - z-index: 200; -} - -#loader { - border: 16px solid transparent; - border-top: 16px solid var(--secondary-color); - border-bottom: 16px solid var(--primary-color); - border-radius: 50%; - width: 120px; - height: 120px; - animation: spin 2s linear infinite; - position: absolute; - left: calc(50% - 60px); - top: calc(50% - 120px); - z-index: 201; -} - -#loaderText { - position: relative; - margin: 0 auto; - top: calc(50% + 80px); - z-index: 201; - text-align: center; - color: var(--second-background-color); - font-size: 20pt; -} - -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -} - -#jobStatusRunning > .section-item { - flex-direction: row; - height: 150px; - padding: 0; - overflow: hidden; -} - -#jobStatusWaiting > .section-item { - flex-direction: row; - height: 150px; - padding: 0; - overflow: hidden; -} - -.section-item > .jobImage { - height: 100%; - width: auto; - left: 0; - top: 0; - border-radius: 10px; -} - -.jobDetails { - display: flex; - flex-direction: column; - height: 100%; - width: 100%; -} - -.section-item > .jobDetails > .jobTitle { - margin: 5px; - font-size: 11pt; - font-weight: bold; - text-wrap: wrap; -} - -.section-item > .jobDetails > .jobProgressBar { - margin: 5px; - height: 10px; - border-radius: 7px; -} - -.section-item > .jobDetails > .jobProgressSpan { - margin: 5px; - margin-left: auto; - margin-right: 5px; -} - -.section-item > .jobDetails > .jobCancel { - margin-top: auto; - margin-bottom: 5px; - margin-left: auto; - margin-right: 5px; - font-size: 12pt; - color: var(--secondary-color); - cursor: pointer; -} \ No newline at end of file diff --git a/Website/styles/card_hover.css b/Website/styles/card_hover.css deleted file mode 100644 index 6d830ed..0000000 --- a/Website/styles/card_hover.css +++ /dev/null @@ -1,172 +0,0 @@ -#addPublication { - cursor: pointer; - background-color: var(--secondary-color); - width: 180px; - height: 300px; - border-radius: 5px; - margin: 10px 10px; - padding: 15px 20px; - position: relative; -} - -#addPublication p{ - width: 100%; - text-align: center; - font-size: 150pt; - vertical-align: middle; - line-height: 300px; - margin: 0; - color: var(--accent-color); -} - -.pill { - flex-grow: 0; - height: 14pt; - font-size: 12pt; - border-radius: 9pt; - background-color: var(--primary-color); - padding: 2pt 17px; - color: black; -} - -publication{ - cursor: pointer; - background-color: var(--secondary-color); - width: 180px; - height: 300px; - border-radius: 5px; - margin: 10px 10px; - padding: 15px 19px; - position: relative; - flex-shrink: 0; -} - -publication:hover { - background-color: black; -} - -publication:hover::after{ - background: linear-gradient(rgba(0,0,0,0.8), rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2)); -} - -publication:hover > publication-information { - display: flex; - opacity:1; -} - -publication::after{ - content: ''; - position: absolute; - left: 0; top: 0; - border-radius: 5px; - width: 100%; height: 100%; - background: none; -} - -publication-information { - display: none; - flex-direction: column; - justify-content: start; -} - -publication-information * { - z-index: 1; - color: white; -} - -connector-name{ - width: fit-content; - margin: 10px 0; -} - -publication-name{ - width: fit-content; - font-size: 16pt; - font-weight: bold; -} - -publication-status { - display:block; - height: 10px; - width: 10px; - border-radius: 50%; - margin: 5px; - position: absolute; - top: 5px; - right: 5px; - z-index: 2; - box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 10px, rgb(51, 51, 51) 0px 0px 10px 3px; -} - -publication-status::after { - content: attr(release-status); - position: absolute; - top: 0; - right: 0; - - visibility: hidden; - - /*Text Properties*/ - font-size:10pt; - font-weight:bold; - color:white; - text-align: center; - - /*Size*/ - padding: 3px 8px; - border-radius: 6px; - border: 0px; - background-color: inherit; -} - -publication-status:hover::after{ - visibility:visible; -} - - -publication-status[release-status="Ongoing"]{ - background-color: limegreen; -} - -publication-status[release-status="Completed"]{ - background-color: blueviolet; -} - -publication-status[release-status="On Hiatus"]{ - background-color: darkorange; -} - -publication-status[release-status="Cancelled"]{ - background-color: firebrick; -} - -publication-status[release-status="Upcoming"]{ - background-color: aqua; -} - -publication-status[release-status="Status Unavailable"]{ - background-color: gray; -} - - -publication-details { - display: flex; - flex-direction: column; - justify-content: start; -} - -publication-details * { - z-index: 1; - color: var(--accent-color); -} - -publication img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - object-fit: cover; - z-index: 0; - border-radius: 5px; -} \ No newline at end of file diff --git a/Website/styles/footer.css b/Website/styles/footer.css new file mode 100644 index 0000000..54f5818 --- /dev/null +++ b/Website/styles/footer.css @@ -0,0 +1,42 @@ +footer { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + width: 100%; + height: 40px; + align-items: center; + justify-content: center; + background-color: var(--primary-color); + align-content: center; + position: fixed; + bottom: 0; + color: white; + z-index: 10; +} + +#madeWith { + flex-grow: 1; + text-align: right; + margin-right: 20px; + cursor: url("Website/media/blahaj.png"), grab; +} + +footer .statusBadge { + margin: 0 10px; + display: flex; + align-items: center; + justify-items: center; + background-color: rgba(255,255,255, 0.3); + border-radius: 10px; + padding: 2px 5px; +} + +footer > div { + display: flex; + align-items: center; + justify-items: center; +} + +footer .hoverHand { + cursor: pointer; +} \ No newline at end of file diff --git a/Website/styles/header.css b/Website/styles/header.css new file mode 100644 index 0000000..3e5a26f --- /dev/null +++ b/Website/styles/header.css @@ -0,0 +1,33 @@ +header { + display: flex; + align-items: center; + justify-content: space-between; + height: var(--topbar-height); + background-color: var(--secondary-color); + z-index: 100; + box-shadow: 0 0 20px black; +} + +header > #titlebox { + position: relative; + display: flex; + margin: 0 0 0 40px; + height: 100%; + align-items:center; + justify-content:center; +} + +header > #titlebox > span{ + cursor: default; + font-size: 24pt; + font-weight: bold; + background: linear-gradient(150deg, var(--primary-color), var(--accent-color)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-left: 20px; +} + +header > #titlebox > img { + height: 100%; + cursor: grab; +} \ No newline at end of file diff --git a/Website/styles/index.css b/Website/styles/index.css new file mode 100644 index 0000000..3e577b6 --- /dev/null +++ b/Website/styles/index.css @@ -0,0 +1,42 @@ +:root{ + --background-color: #030304; + --second-background-color: white; + --primary-color: #f5a9b8; + --secondary-color: #5bcefa; + --blur-background: rgba(245, 169, 184, 0.58); + --accent-color: #fff; + /* --primary-color: green; + --secondary-color: gold; + --blur-background: rgba(86, 131, 36, 0.8); + --accent-color: olive; */ + --topbar-height: 60px; + box-sizing: border-box; +} + +body{ + padding: 0; + margin: 0; + height: 100vh; + background-color: var(--background-color); + font-family: "Inter", sans-serif; + overflow-x: hidden; + color: var(--primary-color); +} + +.tooltip { + position: relative; +} + +.tooltip:hover:before { + display: block; + content: attr(data-tooltip, "tooltip"); + background-color: var(--second-background-color); + color: var(--secondary-color); + border: 1px solid var(--secondary-color); + border-radius: 6px; + bottom: 1em; + max-width: 90%; + position: absolute; + padding: 3px 7px 1px; + z-index: 999; +} \ No newline at end of file diff --git a/Website/styles/monitorMangaList.css b/Website/styles/monitorMangaList.css new file mode 100644 index 0000000..9343c51 --- /dev/null +++ b/Website/styles/monitorMangaList.css @@ -0,0 +1,39 @@ +#MonitorMangaList { + position: relative; + display: flex; + flex-flow: row; + flex-wrap: nowrap; + flex-grow: 1; + height: 100%; + overflow-y: scroll; + scrollbar-color: var(--accent-color) var(--primary-color); + scrollbar-width: thin; +} + +.MangaActionButtons { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.MangaActionButtons > div { + position: absolute; + margin: 10px; + border: 0; + background: none; + cursor: pointer; +} + +.DeleteJobButton { + bottom: 0; + left: 0; + filter: invert(21%) sepia(63%) saturate(7443%) hue-rotate(355deg) brightness(93%) contrast(118%); +} + +.StartJobNowButton { + bottom: 0; + right: 0; + filter: invert(58%) sepia(16%) saturate(4393%) hue-rotate(103deg) brightness(102%) contrast(103%); +} \ No newline at end of file diff --git a/Website/styles/popup.css b/Website/styles/popup.css new file mode 100644 index 0000000..c41a4f8 --- /dev/null +++ b/Website/styles/popup.css @@ -0,0 +1,43 @@ +.popup { + position: fixed; + left: 10%; + top: 7.5%; + width: 80%; + height: 80%; + margin: auto; + z-index: 100; + background-color: var(--second-background-color); + border-radius: 10px; + overflow: hidden; +} + +.popup .popupHeader { + position: absolute; + top: 0; + left: 0; + height: 40px; + width: 100%; + background-color: var(--primary-color); + color: var(--accent-color); +} + +.popup .popupHeader h1 { + margin: 4px 10px; + font-size: 20pt; +} + +.popup .close { + position: absolute; + top: 0; + right: 0; + height: 100%; + cursor: pointer; +} + +.popup .popupBody { + position: absolute; + top: 40px; + left: 0; + width: 100%; + height: calc(100% - 40px); +} \ No newline at end of file diff --git a/Website/styles/queuePopUp.css b/Website/styles/queuePopUp.css new file mode 100644 index 0000000..f2abf91 --- /dev/null +++ b/Website/styles/queuePopUp.css @@ -0,0 +1,81 @@ +#QueuePopUp #QueuePopUpBody { + display: flex; +} + +#QueuePopUp #QueuePopUpBody > * { + padding: 20px; + width: calc(50% - 40px); + height: calc(100% - 40px); + overflow-y: scroll; +} + +#QueuePopUp #QueuePopUpBody h1 { + padding: 0; + margin: 0 0 5px 0; + color: var(--primary-color); +} + +#QueuePopUp #QueuePopUpBody > *:first-child { + border-right: 1px solid var(--primary-color); +} + +#QueuePopUp #QueuePopUpBody .JobQueue { + display: flex; + flex-direction: column; +} + +.QueueJob { + color: black; + margin: 5px 0; + position: relative; + height: 200px; + display: grid; + grid-template-columns: 150px auto; + grid-template-rows: 25% 20% auto 15% 12%; + column-gap: 10px; + grid-template-areas: + "cover name" + "cover jobType" + "cover additionalInfo" + "cover progress" + "cover actions" +} + +.QueueJob p { + margin: 2px 0; +} + +.QueueJob img{ + grid-area: cover; + height: 100%; + max-width: 100%; +} + +.QueueJob .QueueJob-Name{ + grid-area: name; + font-weight: bold; + font-size: 14pt; +} + +.QueueJob .JobType{ + grid-area: jobType; +} + +.QueueJob .QueueJob-additionalInfo { + grid-area: additionalInfo; +} + +.QueueJob .QueueJob-actions { + grid-area: actions; + display: flex; + justify-content: space-evenly; +} + +.QueueJob .QueueJob-Cancel { + grid-area: actions; + width: 150px; +} + +.QueueJob .QueueJob-Progressbar { + grid-area: progress; +} \ No newline at end of file diff --git a/Website/styles/react-toggle.css b/Website/styles/react-toggle.css new file mode 100644 index 0000000..1a139ba --- /dev/null +++ b/Website/styles/react-toggle.css @@ -0,0 +1,143 @@ +/* https://raw.githubusercontent.com/instructure-react/react-toggle/master/style.css */ + +.react-toggle { + touch-action: pan-x; + + display: inline-block; + position: relative; + cursor: pointer; + background-color: transparent; + border: 0; + padding: 0; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-tap-highlight-color: transparent; +} + +.react-toggle-screenreader-only { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.react-toggle--disabled { + cursor: not-allowed; + opacity: 0.5; + -webkit-transition: opacity 0.25s; + transition: opacity 0.25s; +} + +.react-toggle-track { + width: 50px; + height: 24px; + padding: 0; + border-radius: 30px; + background-color: #4D4D4D; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + transition: all 0.2s ease; +} + +.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track { + background-color: #000000; +} + +.react-toggle--checked .react-toggle-track { + background-color: #19AB27; +} + +.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { + background-color: #128D15; +} + +.react-toggle-track-check { + position: absolute; + width: 14px; + height: 10px; + top: 0px; + bottom: 0px; + margin-top: auto; + margin-bottom: auto; + line-height: 0; + left: 8px; + opacity: 0; + -webkit-transition: opacity 0.25s ease; + -moz-transition: opacity 0.25s ease; + transition: opacity 0.25s ease; +} + +.react-toggle--checked .react-toggle-track-check { + opacity: 1; + -webkit-transition: opacity 0.25s ease; + -moz-transition: opacity 0.25s ease; + transition: opacity 0.25s ease; +} + +.react-toggle-track-x { + position: absolute; + width: 10px; + height: 10px; + top: 0px; + bottom: 0px; + margin-top: auto; + margin-bottom: auto; + line-height: 0; + right: 10px; + opacity: 1; + -webkit-transition: opacity 0.25s ease; + -moz-transition: opacity 0.25s ease; + transition: opacity 0.25s ease; +} + +.react-toggle--checked .react-toggle-track-x { + opacity: 0; +} + +.react-toggle-thumb { + transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms; + position: absolute; + top: 1px; + left: 1px; + width: 22px; + height: 22px; + border: 1px solid #4D4D4D; + border-radius: 50%; + background-color: #FAFAFA; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + + -webkit-transition: all 0.25s ease; + -moz-transition: all 0.25s ease; + transition: all 0.25s ease; +} + +.react-toggle--checked .react-toggle-thumb { + left: 27px; + border-color: #19AB27; +} + +.react-toggle--focus .react-toggle-thumb { + -webkit-box-shadow: 0px 0px 3px 2px #0099E0; + -moz-box-shadow: 0px 0px 3px 2px #0099E0; + box-shadow: 0px 0px 2px 3px #0099E0; +} + +.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb { + -webkit-box-shadow: 0px 0px 5px 5px #0099E0; + -moz-box-shadow: 0px 0px 5px 5px #0099E0; + box-shadow: 0px 0px 5px 5px #0099E0; +} diff --git a/Website/styles/search.css b/Website/styles/search.css new file mode 100644 index 0000000..270a58f --- /dev/null +++ b/Website/styles/search.css @@ -0,0 +1,58 @@ +#Search{ + position: relative; + width: 98vw; + margin: auto; +} + +#SearchBox{ + display: flex; + align-content: center; + justify-content: center; + margin: 10px 0; +} + +#SearchResults { + width: 100%; +} + +#SearchBox select, #SearchBox button, #SearchBox input { + border-color: var(--primary-color); + border-style: solid; + border-width: 0; + border-bottom-width: 2px; + border-top-width: 2px; + padding: 2px 5px; + font-size: 12pt; +} + +#Searchbox-Manganame { + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-left-width: 2px !important; + min-width: 300px; + max-width: 50vw; +} + +#Searchbox-connector { + width: max-content; +} + +#Searchbox-language { + width: 90px; +} + +#Searchbox-button { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-right-width: 2px !important; + width: 90px; +} + +#closeSearch { + position: absolute; + top: 0; + right: 0; + width: 30px; + height: 30px; + filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(20deg) brightness(103%) contrast(101%); +} \ No newline at end of file diff --git a/Website/styles/settings.css b/Website/styles/settings.css new file mode 100644 index 0000000..85a515f --- /dev/null +++ b/Website/styles/settings.css @@ -0,0 +1,101 @@ +#Settings { + position: relative; + height: 100%; +} + +#SettingsIcon { + height: calc(100% - 26px); + margin: 13px; + filter: invert(100%) sepia(65%) saturate(2%) hue-rotate(215deg) brightness(113%) contrast(101%); +} + +#settingsPopupBody { + display: flex; + flex-direction: column; + overflow-y: scroll; +} + +.settings-section { + margin: 5px 5px 10px; + font-size: 10pt; + font-weight: 100; + display: block; + border-top-style: solid; + border-top-width: 1px; + border-top-color: lightgray; + width: calc(100% - 30px); + padding: 10px; +} + +.settings-section-content { + display: flex; + flex-direction: row; + width: 100%; + flex-wrap: wrap; + +} + +.section-item { + position: relative; + display: flex; + flex-direction: column; + width: 22%; + min-width: 300px; + height: auto; + border-radius: 10px; + border-style: solid; + border-width: 1px; + border-color: lightgray; + margin: 7px; + padding: 5px 5px 35px; +} + +.section-item > * { + margin: 2px 0; +} + +.section-item[connector-status="Not Configured"]{ + border-color: var(--primary-color); +} + +.section-item[connector-status="Configured"]{ + border-color: green; +} + +.section-item > .settings-section-title { + font-weight: bold; + vertical-align: bottom; + line-height: 32px; + font-size: 12pt; + width: 100%; +} + +.section-item > .settings-section-title > img { + width: auto; + height: 32px; + margin: 5px; + vertical-align: middle; + border-radius: 5px; +} + +.section-item .section-actions { + position: absolute; + bottom: 0; + display: flex; + justify-content: space-around; + margin: 5px; + width: calc(100% - 20px); +} + +.section-actions > span, #resetUserAgent { + border: 1px solid lightgray; + padding: 3px 5px 2px; + width: 10ch; + text-align: center; + border-radius: 3px; +} + +#resetUserAgent{ + align-self: flex-end; + margin-top: 3px; +} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..b151042 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3213 @@ +{ + "name": "tranga-website", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "@ramonak/react-progress-bar": "^5.3.0", + "@uiw/react-markdown-preview": "^5.1.3" + }, + "devDependencies": { + "@mdi/js": "^7.4.47", + "@mdi/react": "^1.6.1", + "@types/react": "^18.2.0", + "@types/react-toggle": "^4.0.5", + "react": "^18.3.1", + "react-cookie": "^7.2.1", + "react-dom": "^18.3.1", + "react-toggle": "^4.1.3", + "typescript": "^5.6.3", + "vite": "^5.4.9" + } + }, + "node_modules/@babel/runtime": { + "version": "7.25.7", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz", + "integrity": "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==", + "license": "MIT", + "dependencies": { + "regenerator-runtime": "^0.14.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", + "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz", + "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz", + "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", + "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz", + "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz", + "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz", + "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz", + "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", + "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz", + "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", + "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz", + "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", + "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz", + "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz", + "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", + "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz", + "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", + "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", + "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz", + "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", + "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz", + "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz", + "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@mdi/js": { + "version": "7.4.47", + "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.4.47.tgz", + "integrity": "sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==", + "dev": true, + "license": "Apache-2.0" + }, + "node_modules/@mdi/react": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/@mdi/react/-/react-1.6.1.tgz", + "integrity": "sha512-4qZeDcluDFGFTWkHs86VOlHkm6gnKaMql13/gpIcUQ8kzxHgpj31NuCkD8abECVfbULJ3shc7Yt4HJ6Wu6SN4w==", + "dev": true, + "license": "MIT", + "dependencies": { + "prop-types": "^15.7.2" + } + }, + "node_modules/@ramonak/react-progress-bar": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/@ramonak/react-progress-bar/-/react-progress-bar-5.3.0.tgz", + "integrity": "sha512-PjpOcSBAVSQNyx2cvYyBCI14Tg2eFM0psC9m2ic33PYBIdOzO9/DieWndq9BUQTSjIIarhSpa/lqJ33W/mFJMw==", + "license": "MIT", + "peerDependencies": { + "react": "^16.0.0 || ^17 || ^18", + "react-dom": "^16.0.0 || ^17 || ^18" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.0.tgz", + "integrity": "sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.0.tgz", + "integrity": "sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.0.tgz", + "integrity": "sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.0.tgz", + "integrity": "sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.0.tgz", + "integrity": "sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.0.tgz", + "integrity": "sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.0.tgz", + "integrity": "sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.0.tgz", + "integrity": "sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.0.tgz", + "integrity": "sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.0.tgz", + "integrity": "sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.0.tgz", + "integrity": "sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.0.tgz", + "integrity": "sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.0.tgz", + "integrity": "sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.0.tgz", + "integrity": "sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.0.tgz", + "integrity": "sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.0.tgz", + "integrity": "sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@types/cookie": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/debug": { + "version": "4.1.12", + "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz", + "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==", + "license": "MIT", + "dependencies": { + "@types/ms": "*" + } + }, + "node_modules/@types/estree": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", + "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", + "license": "MIT" + }, + "node_modules/@types/estree-jsx": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz", + "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==", + "license": "MIT", + "dependencies": { + "@types/estree": "*" + } + }, + "node_modules/@types/hast": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz", + "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==", + "license": "MIT", + "dependencies": { + "@types/unist": "*" + } + }, + "node_modules/@types/hoist-non-react-statics": { + "version": "3.3.5", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz", + "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0" + } + }, + "node_modules/@types/mdast": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz", + "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==", + "license": "MIT", + "dependencies": { + "@types/unist": "*" + } + }, + "node_modules/@types/ms": { + "version": "0.7.34", + "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.34.tgz", + "integrity": "sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==", + "license": "MIT" + }, + "node_modules/@types/prismjs": { + "version": "1.26.4", + "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.4.tgz", + "integrity": "sha512-rlAnzkW2sZOjbqZ743IHUhFcvzaGbqijwOu8QZnZCjfQzBqFE3s4lOTJEsxikImav9uzz/42I+O7YUs1mWgMlg==", + "license": "MIT" + }, + "node_modules/@types/prop-types": { + "version": "15.7.13", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz", + "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==", + "license": "MIT" + }, + "node_modules/@types/react": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.0.tgz", + "integrity": "sha512-0FLj93y5USLHdnhIhABk83rm8XEGA7kH3cr+YUlvxoUGp1xNt/DINUMvqPxLyOQMzLmZe8i4RTHbvb8MC7NmrA==", + "license": "MIT", + "dependencies": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-toggle": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/@types/react-toggle/-/react-toggle-4.0.5.tgz", + "integrity": "sha512-MHHEDe7GnF/EhLtI5sT70Dqab8rwlgjRZtu/u6gmfbYd+HeYxWiUSRog16+1BCfkz7Wy2VU6+TPU2oCsDtqDzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/react": "*" + } + }, + "node_modules/@types/scheduler": { + "version": "0.23.0", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.23.0.tgz", + "integrity": "sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw==", + "license": "MIT" + }, + "node_modules/@types/unist": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz", + "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==", + "license": "MIT" + }, + "node_modules/@uiw/copy-to-clipboard": { + "version": "1.0.17", + "resolved": "https://registry.npmjs.org/@uiw/copy-to-clipboard/-/copy-to-clipboard-1.0.17.tgz", + "integrity": "sha512-O2GUHV90Iw2VrSLVLK0OmNIMdZ5fgEg4NhvtwINsX+eZ/Wf6DWD0TdsK9xwV7dNRnK/UI2mQtl0a2/kRgm1m1A==", + "license": "MIT", + "funding": { + "url": "https://jaywcjlove.github.io/#/sponsor" + } + }, + "node_modules/@uiw/react-markdown-preview": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/@uiw/react-markdown-preview/-/react-markdown-preview-5.1.3.tgz", + "integrity": "sha512-jV02wO4XHWFk54kz7sLqOkdPgJLttSfKLyen47XgjcyGgQXU2I4WJBygmdpV2AT9m/MiQ8qrN1Y+E5Syv9ZDpw==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.17.2", + "@uiw/copy-to-clipboard": "~1.0.12", + "react-markdown": "~9.0.1", + "rehype-attr": "~3.0.1", + "rehype-autolink-headings": "~7.1.0", + "rehype-ignore": "^2.0.0", + "rehype-prism-plus": "2.0.0", + "rehype-raw": "^7.0.0", + "rehype-rewrite": "~4.0.0", + "rehype-slug": "~6.0.0", + "remark-gfm": "~4.0.0", + "remark-github-blockquote-alert": "^1.0.0", + "unist-util-visit": "^5.0.0" + }, + "funding": { + "url": "https://jaywcjlove.github.io/#/sponsor" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, + "node_modules/@ungap/structured-clone": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz", + "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==", + "license": "ISC" + }, + "node_modules/bail": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz", + "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/bcp-47-match": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/bcp-47-match/-/bcp-47-match-2.0.3.tgz", + "integrity": "sha512-JtTezzbAibu8G0R9op9zb3vcWZd9JF6M0xOYGPn0fNCd7wOpRB1mU2mH9T8gaBGbAAyIIVgB2G7xG0GP98zMAQ==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", + "license": "ISC" + }, + "node_modules/ccount": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz", + "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/character-entities": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz", + "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/character-entities-html4": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz", + "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/character-entities-legacy": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz", + "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/character-reference-invalid": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz", + "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", + "dev": true, + "license": "MIT" + }, + "node_modules/comma-separated-tokens": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz", + "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/cookie": { + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz", + "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/css-selector-parser": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-3.0.5.tgz", + "integrity": "sha512-3itoDFbKUNx1eKmVpYMFyqKX04Ww9osZ+dLgrk6GEv6KMVeXUhUnp4I5X+evw+u3ZxVU6RFXSSRxlTeMh8bA+g==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/mdevils" + }, + { + "type": "patreon", + "url": "https://patreon.com/mdevils" + } + ], + "license": "MIT" + }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "license": "MIT" + }, + "node_modules/debug": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/decode-named-character-reference": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz", + "integrity": "sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==", + "license": "MIT", + "dependencies": { + "character-entities": "^2.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/devlop": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz", + "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==", + "license": "MIT", + "dependencies": { + "dequal": "^2.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/direction": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/direction/-/direction-2.0.1.tgz", + "integrity": "sha512-9S6m9Sukh1cZNknO1CWAr2QAWsbKLafQiyM5gZ7VgXHeuaoUwffKN4q6NC4A/Mf9iiPlOXQEKW/Mv/mh9/3YFA==", + "license": "MIT", + "bin": { + "direction": "cli.js" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/esbuild": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", + "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.21.5", + "@esbuild/android-arm": "0.21.5", + "@esbuild/android-arm64": "0.21.5", + "@esbuild/android-x64": "0.21.5", + "@esbuild/darwin-arm64": "0.21.5", + "@esbuild/darwin-x64": "0.21.5", + "@esbuild/freebsd-arm64": "0.21.5", + "@esbuild/freebsd-x64": "0.21.5", + "@esbuild/linux-arm": "0.21.5", + "@esbuild/linux-arm64": "0.21.5", + "@esbuild/linux-ia32": "0.21.5", + "@esbuild/linux-loong64": "0.21.5", + "@esbuild/linux-mips64el": "0.21.5", + "@esbuild/linux-ppc64": "0.21.5", + "@esbuild/linux-riscv64": "0.21.5", + "@esbuild/linux-s390x": "0.21.5", + "@esbuild/linux-x64": "0.21.5", + "@esbuild/netbsd-x64": "0.21.5", + "@esbuild/openbsd-x64": "0.21.5", + "@esbuild/sunos-x64": "0.21.5", + "@esbuild/win32-arm64": "0.21.5", + "@esbuild/win32-ia32": "0.21.5", + "@esbuild/win32-x64": "0.21.5" + } + }, + "node_modules/escape-string-regexp": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", + "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/estree-util-is-identifier-name": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz", + "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", + "license": "MIT" + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/github-slugger": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz", + "integrity": "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==", + "license": "ISC" + }, + "node_modules/hast-util-from-html": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz", + "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "devlop": "^1.1.0", + "hast-util-from-parse5": "^8.0.0", + "parse5": "^7.0.0", + "vfile": "^6.0.0", + "vfile-message": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-from-parse5": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz", + "integrity": "sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "@types/unist": "^3.0.0", + "devlop": "^1.0.0", + "hastscript": "^8.0.0", + "property-information": "^6.0.0", + "vfile": "^6.0.0", + "vfile-location": "^5.0.0", + "web-namespaces": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-from-parse5/node_modules/hast-util-parse-selector": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz", + "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-from-parse5/node_modules/hastscript": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-8.0.0.tgz", + "integrity": "sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "comma-separated-tokens": "^2.0.0", + "hast-util-parse-selector": "^4.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-has-property": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/hast-util-has-property/-/hast-util-has-property-3.0.0.tgz", + "integrity": "sha512-MNilsvEKLFpV604hwfhVStK0usFY/QmM5zX16bo7EjnAEGofr5YyI37kzopBlZJkHD4t887i+q/C8/tr5Q94cA==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-heading-rank": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/hast-util-heading-rank/-/hast-util-heading-rank-3.0.0.tgz", + "integrity": "sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-is-element": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz", + "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-parse-selector": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-3.1.1.tgz", + "integrity": "sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==", + "license": "MIT", + "dependencies": { + "@types/hast": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-parse-selector/node_modules/@types/hast": { + "version": "2.3.10", + "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz", + "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==", + "license": "MIT", + "dependencies": { + "@types/unist": "^2" + } + }, + "node_modules/hast-util-parse-selector/node_modules/@types/unist": { + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz", + "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==", + "license": "MIT" + }, + "node_modules/hast-util-raw": { + "version": "9.0.4", + "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.0.4.tgz", + "integrity": "sha512-LHE65TD2YiNsHD3YuXcKPHXPLuYh/gjp12mOfU8jxSrm1f/yJpsb0F/KKljS6U9LJoP0Ux+tCe8iJ2AsPzTdgA==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "@types/unist": "^3.0.0", + "@ungap/structured-clone": "^1.0.0", + "hast-util-from-parse5": "^8.0.0", + "hast-util-to-parse5": "^8.0.0", + "html-void-elements": "^3.0.0", + "mdast-util-to-hast": "^13.0.0", + "parse5": "^7.0.0", + "unist-util-position": "^5.0.0", + "unist-util-visit": "^5.0.0", + "vfile": "^6.0.0", + "web-namespaces": "^2.0.0", + "zwitch": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-select": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/hast-util-select/-/hast-util-select-6.0.3.tgz", + "integrity": "sha512-OVRQlQ1XuuLP8aFVLYmC2atrfWHS5UD3shonxpnyrjcCkwtvmt/+N6kYJdcY4mkMJhxp4kj2EFIxQ9kvkkt/eQ==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "@types/unist": "^3.0.0", + "bcp-47-match": "^2.0.0", + "comma-separated-tokens": "^2.0.0", + "css-selector-parser": "^3.0.0", + "devlop": "^1.0.0", + "direction": "^2.0.0", + "hast-util-has-property": "^3.0.0", + "hast-util-to-string": "^3.0.0", + "hast-util-whitespace": "^3.0.0", + "nth-check": "^2.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0", + "unist-util-visit": "^5.0.0", + "zwitch": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-to-jsx-runtime": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.2.tgz", + "integrity": "sha512-1ngXYb+V9UT5h+PxNRa1O1FYguZK/XL+gkeqvp7EdHlB9oHUG0eYRo/vY5inBdcqo3RkPMC58/H94HvkbfGdyg==", + "license": "MIT", + "dependencies": { + "@types/estree": "^1.0.0", + "@types/hast": "^3.0.0", + "@types/unist": "^3.0.0", + "comma-separated-tokens": "^2.0.0", + "devlop": "^1.0.0", + "estree-util-is-identifier-name": "^3.0.0", + "hast-util-whitespace": "^3.0.0", + "mdast-util-mdx-expression": "^2.0.0", + "mdast-util-mdx-jsx": "^3.0.0", + "mdast-util-mdxjs-esm": "^2.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0", + "style-to-object": "^1.0.0", + "unist-util-position": "^5.0.0", + "vfile-message": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-to-parse5": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz", + "integrity": "sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "comma-separated-tokens": "^2.0.0", + "devlop": "^1.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0", + "web-namespaces": "^2.0.0", + "zwitch": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-to-string": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-3.0.1.tgz", + "integrity": "sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-whitespace": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz", + "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hastscript": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-7.2.0.tgz", + "integrity": "sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==", + "license": "MIT", + "dependencies": { + "@types/hast": "^2.0.0", + "comma-separated-tokens": "^2.0.0", + "hast-util-parse-selector": "^3.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hastscript/node_modules/@types/hast": { + "version": "2.3.10", + "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz", + "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==", + "license": "MIT", + "dependencies": { + "@types/unist": "^2" + } + }, + "node_modules/hastscript/node_modules/@types/unist": { + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz", + "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==", + "license": "MIT" + }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "react-is": "^16.7.0" + } + }, + "node_modules/html-url-attributes": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz", + "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/html-void-elements": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz", + "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/inline-style-parser": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz", + "integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==", + "license": "MIT" + }, + "node_modules/is-alphabetical": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz", + "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/is-alphanumerical": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz", + "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==", + "license": "MIT", + "dependencies": { + "is-alphabetical": "^2.0.0", + "is-decimal": "^2.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/is-decimal": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz", + "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/is-hexadecimal": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz", + "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/is-plain-obj": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz", + "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "license": "MIT" + }, + "node_modules/longest-streak": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz", + "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "license": "MIT", + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, + "node_modules/markdown-table": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz", + "integrity": "sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/mdast-util-find-and-replace": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.1.tgz", + "integrity": "sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "escape-string-regexp": "^5.0.0", + "unist-util-is": "^6.0.0", + "unist-util-visit-parents": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-from-markdown": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.1.tgz", + "integrity": "sha512-aJEUyzZ6TzlsX2s5B4Of7lN7EQtAxvtradMMglCQDyaTFgse6CmtmdJ15ElnVRlCg1vpNyVtbem0PWzlNieZsA==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "@types/unist": "^3.0.0", + "decode-named-character-reference": "^1.0.0", + "devlop": "^1.0.0", + "mdast-util-to-string": "^4.0.0", + "micromark": "^4.0.0", + "micromark-util-decode-numeric-character-reference": "^2.0.0", + "micromark-util-decode-string": "^2.0.0", + "micromark-util-normalize-identifier": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0", + "unist-util-stringify-position": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-gfm": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.0.0.tgz", + "integrity": "sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==", + "license": "MIT", + "dependencies": { + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-gfm-autolink-literal": "^2.0.0", + "mdast-util-gfm-footnote": "^2.0.0", + "mdast-util-gfm-strikethrough": "^2.0.0", + "mdast-util-gfm-table": "^2.0.0", + "mdast-util-gfm-task-list-item": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-gfm-autolink-literal": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz", + "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "ccount": "^2.0.0", + "devlop": "^1.0.0", + "mdast-util-find-and-replace": "^3.0.0", + "micromark-util-character": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-gfm-footnote": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.0.0.tgz", + "integrity": "sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "devlop": "^1.1.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0", + "micromark-util-normalize-identifier": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-gfm-strikethrough": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz", + "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-gfm-table": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz", + "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "devlop": "^1.0.0", + "markdown-table": "^3.0.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-gfm-task-list-item": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz", + "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "devlop": "^1.0.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-mdx-expression": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz", + "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==", + "license": "MIT", + "dependencies": { + "@types/estree-jsx": "^1.0.0", + "@types/hast": "^3.0.0", + "@types/mdast": "^4.0.0", + "devlop": "^1.0.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-mdx-jsx": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.3.tgz", + "integrity": "sha512-bfOjvNt+1AcbPLTFMFWY149nJz0OjmewJs3LQQ5pIyVGxP4CdOqNVJL6kTaM5c68p8q82Xv3nCyFfUnuEcH3UQ==", + "license": "MIT", + "dependencies": { + "@types/estree-jsx": "^1.0.0", + "@types/hast": "^3.0.0", + "@types/mdast": "^4.0.0", + "@types/unist": "^3.0.0", + "ccount": "^2.0.0", + "devlop": "^1.1.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0", + "parse-entities": "^4.0.0", + "stringify-entities": "^4.0.0", + "unist-util-stringify-position": "^4.0.0", + "vfile-message": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-mdxjs-esm": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz", + "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==", + "license": "MIT", + "dependencies": { + "@types/estree-jsx": "^1.0.0", + "@types/hast": "^3.0.0", + "@types/mdast": "^4.0.0", + "devlop": "^1.0.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-phrasing": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz", + "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "unist-util-is": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-to-hast": { + "version": "13.2.0", + "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz", + "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "@types/mdast": "^4.0.0", + "@ungap/structured-clone": "^1.0.0", + "devlop": "^1.0.0", + "micromark-util-sanitize-uri": "^2.0.0", + "trim-lines": "^3.0.0", + "unist-util-position": "^5.0.0", + "unist-util-visit": "^5.0.0", + "vfile": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-to-markdown": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.0.tgz", + "integrity": "sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "@types/unist": "^3.0.0", + "longest-streak": "^3.0.0", + "mdast-util-phrasing": "^4.0.0", + "mdast-util-to-string": "^4.0.0", + "micromark-util-decode-string": "^2.0.0", + "unist-util-visit": "^5.0.0", + "zwitch": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/mdast-util-to-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz", + "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.0.tgz", + "integrity": "sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "@types/debug": "^4.0.0", + "debug": "^4.0.0", + "decode-named-character-reference": "^1.0.0", + "devlop": "^1.0.0", + "micromark-core-commonmark": "^2.0.0", + "micromark-factory-space": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-chunked": "^2.0.0", + "micromark-util-combine-extensions": "^2.0.0", + "micromark-util-decode-numeric-character-reference": "^2.0.0", + "micromark-util-encode": "^2.0.0", + "micromark-util-normalize-identifier": "^2.0.0", + "micromark-util-resolve-all": "^2.0.0", + "micromark-util-sanitize-uri": "^2.0.0", + "micromark-util-subtokenize": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-core-commonmark": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.1.tgz", + "integrity": "sha512-CUQyKr1e///ZODyD1U3xit6zXwy1a8q2a1S1HKtIlmgvurrEpaw/Y9y6KSIbF8P59cn/NjzHyO+Q2fAyYLQrAA==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "decode-named-character-reference": "^1.0.0", + "devlop": "^1.0.0", + "micromark-factory-destination": "^2.0.0", + "micromark-factory-label": "^2.0.0", + "micromark-factory-space": "^2.0.0", + "micromark-factory-title": "^2.0.0", + "micromark-factory-whitespace": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-chunked": "^2.0.0", + "micromark-util-classify-character": "^2.0.0", + "micromark-util-html-tag-name": "^2.0.0", + "micromark-util-normalize-identifier": "^2.0.0", + "micromark-util-resolve-all": "^2.0.0", + "micromark-util-subtokenize": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-extension-gfm": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz", + "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==", + "license": "MIT", + "dependencies": { + "micromark-extension-gfm-autolink-literal": "^2.0.0", + "micromark-extension-gfm-footnote": "^2.0.0", + "micromark-extension-gfm-strikethrough": "^2.0.0", + "micromark-extension-gfm-table": "^2.0.0", + "micromark-extension-gfm-tagfilter": "^2.0.0", + "micromark-extension-gfm-task-list-item": "^2.0.0", + "micromark-util-combine-extensions": "^2.0.0", + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark-extension-gfm-autolink-literal": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz", + "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==", + "license": "MIT", + "dependencies": { + "micromark-util-character": "^2.0.0", + "micromark-util-sanitize-uri": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark-extension-gfm-footnote": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz", + "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==", + "license": "MIT", + "dependencies": { + "devlop": "^1.0.0", + "micromark-core-commonmark": "^2.0.0", + "micromark-factory-space": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-normalize-identifier": "^2.0.0", + "micromark-util-sanitize-uri": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark-extension-gfm-strikethrough": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz", + "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==", + "license": "MIT", + "dependencies": { + "devlop": "^1.0.0", + "micromark-util-chunked": "^2.0.0", + "micromark-util-classify-character": "^2.0.0", + "micromark-util-resolve-all": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark-extension-gfm-table": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.0.tgz", + "integrity": "sha512-Ub2ncQv+fwD70/l4ou27b4YzfNaCJOvyX4HxXU15m7mpYY+rjuWzsLIPZHJL253Z643RpbcP1oeIJlQ/SKW67g==", + "license": "MIT", + "dependencies": { + "devlop": "^1.0.0", + "micromark-factory-space": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark-extension-gfm-tagfilter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz", + "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==", + "license": "MIT", + "dependencies": { + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark-extension-gfm-task-list-item": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz", + "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==", + "license": "MIT", + "dependencies": { + "devlop": "^1.0.0", + "micromark-factory-space": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/micromark-factory-destination": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.0.tgz", + "integrity": "sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-factory-label": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.0.tgz", + "integrity": "sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "devlop": "^1.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-factory-space": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.0.tgz", + "integrity": "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-character": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-factory-title": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.0.tgz", + "integrity": "sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-factory-space": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-factory-whitespace": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.0.tgz", + "integrity": "sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-factory-space": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-util-character": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.0.tgz", + "integrity": "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-util-chunked": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.0.tgz", + "integrity": "sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-symbol": "^2.0.0" + } + }, + "node_modules/micromark-util-classify-character": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.0.tgz", + "integrity": "sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-util-combine-extensions": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.0.tgz", + "integrity": "sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-chunked": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-util-decode-numeric-character-reference": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.1.tgz", + "integrity": "sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-symbol": "^2.0.0" + } + }, + "node_modules/micromark-util-decode-string": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.0.tgz", + "integrity": "sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "decode-named-character-reference": "^1.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-decode-numeric-character-reference": "^2.0.0", + "micromark-util-symbol": "^2.0.0" + } + }, + "node_modules/micromark-util-encode": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.0.tgz", + "integrity": "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT" + }, + "node_modules/micromark-util-html-tag-name": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.0.tgz", + "integrity": "sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT" + }, + "node_modules/micromark-util-normalize-identifier": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.0.tgz", + "integrity": "sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-symbol": "^2.0.0" + } + }, + "node_modules/micromark-util-resolve-all": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.0.tgz", + "integrity": "sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-util-sanitize-uri": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.0.tgz", + "integrity": "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "micromark-util-character": "^2.0.0", + "micromark-util-encode": "^2.0.0", + "micromark-util-symbol": "^2.0.0" + } + }, + "node_modules/micromark-util-subtokenize": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.1.tgz", + "integrity": "sha512-jZNtiFl/1aY73yS3UGQkutD0UbhTt68qnRpw2Pifmz5wV9h8gOVsN70v+Lq/f1rKaU/W8pxRe8y8Q9FX1AOe1Q==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT", + "dependencies": { + "devlop": "^1.0.0", + "micromark-util-chunked": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + } + }, + "node_modules/micromark-util-symbol": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.0.tgz", + "integrity": "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT" + }, + "node_modules/micromark-util-types": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.0.tgz", + "integrity": "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==", + "funding": [ + { + "type": "GitHub Sponsors", + "url": "https://github.com/sponsors/unifiedjs" + }, + { + "type": "OpenCollective", + "url": "https://opencollective.com/unified" + } + ], + "license": "MIT" + }, + "node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "license": "MIT" + }, + "node_modules/nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/nth-check": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "license": "BSD-2-Clause", + "dependencies": { + "boolbase": "^1.0.0" + }, + "funding": { + "url": "https://github.com/fb55/nth-check?sponsor=1" + } + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/parse-entities": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.1.tgz", + "integrity": "sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==", + "license": "MIT", + "dependencies": { + "@types/unist": "^2.0.0", + "character-entities": "^2.0.0", + "character-entities-legacy": "^3.0.0", + "character-reference-invalid": "^2.0.0", + "decode-named-character-reference": "^1.0.0", + "is-alphanumerical": "^2.0.0", + "is-decimal": "^2.0.0", + "is-hexadecimal": "^2.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/parse-entities/node_modules/@types/unist": { + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz", + "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==", + "license": "MIT" + }, + "node_modules/parse-numeric-range": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/parse-numeric-range/-/parse-numeric-range-1.3.0.tgz", + "integrity": "sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ==", + "license": "ISC" + }, + "node_modules/parse5": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.0.tgz", + "integrity": "sha512-ZkDsAOcxsUMZ4Lz5fVciOehNcJ+Gb8gTzcA4yl3wnc273BAybYWrQ+Ks/OjCjSEpjvQkDSeZbybK9qj2VHHdGA==", + "license": "MIT", + "dependencies": { + "entities": "^4.5.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/postcss": { + "version": "8.4.47", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz", + "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.7", + "picocolors": "^1.1.0", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "dev": true, + "license": "MIT", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, + "node_modules/property-information": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz", + "integrity": "sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/react": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", + "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.1.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-cookie": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/react-cookie/-/react-cookie-7.2.1.tgz", + "integrity": "sha512-UcE6njAy5UmKzU9RywIvvtbHIQydhh6JP55yVbGwQ8Tp/wSPp2HOYVZdRI55zfbkW6zQv9SEs42mS3a9cIUQ0g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/hoist-non-react-statics": "^3.3.5", + "hoist-non-react-statics": "^3.3.2", + "universal-cookie": "^7.0.0" + }, + "peerDependencies": { + "react": ">= 16.3.0" + } + }, + "node_modules/react-dom": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", + "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.2" + }, + "peerDependencies": { + "react": "^18.3.1" + } + }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/react-markdown": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-9.0.1.tgz", + "integrity": "sha512-186Gw/vF1uRkydbsOIkcGXw7aHq0sZOCRFFjGrr7b9+nVZg4UfA4enXCaxm4fUzecU38sWfrNDitGhshuU7rdg==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "devlop": "^1.0.0", + "hast-util-to-jsx-runtime": "^2.0.0", + "html-url-attributes": "^3.0.0", + "mdast-util-to-hast": "^13.0.0", + "remark-parse": "^11.0.0", + "remark-rehype": "^11.0.0", + "unified": "^11.0.0", + "unist-util-visit": "^5.0.0", + "vfile": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + }, + "peerDependencies": { + "@types/react": ">=18", + "react": ">=18" + } + }, + "node_modules/react-toggle": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/react-toggle/-/react-toggle-4.1.3.tgz", + "integrity": "sha512-WoPrvbwfQSvoagbrDnXPrlsxwzuhQIrs+V0I162j/s+4XPgY/YDAUmHSeWiroznfI73wj+MBydvW95zX8ABbSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "classnames": "^2.2.5" + }, + "peerDependencies": { + "prop-types": ">= 15.3.0 < 19", + "react": ">= 15.3.0 < 19", + "react-dom": ">= 15.3.0 < 19" + } + }, + "node_modules/refractor": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/refractor/-/refractor-4.8.1.tgz", + "integrity": "sha512-/fk5sI0iTgFYlmVGYVew90AoYnNMP6pooClx/XKqyeeCQXrL0Kvgn8V0VEht5ccdljbzzF1i3Q213gcntkRExg==", + "license": "MIT", + "dependencies": { + "@types/hast": "^2.0.0", + "@types/prismjs": "^1.0.0", + "hastscript": "^7.0.0", + "parse-entities": "^4.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/refractor/node_modules/@types/hast": { + "version": "2.3.10", + "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz", + "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==", + "license": "MIT", + "dependencies": { + "@types/unist": "^2" + } + }, + "node_modules/refractor/node_modules/@types/unist": { + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz", + "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==", + "license": "MIT" + }, + "node_modules/regenerator-runtime": { + "version": "0.14.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", + "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==", + "license": "MIT" + }, + "node_modules/rehype-attr": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/rehype-attr/-/rehype-attr-3.0.3.tgz", + "integrity": "sha512-Up50Xfra8tyxnkJdCzLBIBtxOcB2M1xdeKe1324U06RAvSjYm7ULSeoM+b/nYPQPVd7jsXJ9+39IG1WAJPXONw==", + "license": "MIT", + "dependencies": { + "unified": "~11.0.0", + "unist-util-visit": "~5.0.0" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://jaywcjlove.github.io/#/sponsor" + } + }, + "node_modules/rehype-autolink-headings": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/rehype-autolink-headings/-/rehype-autolink-headings-7.1.0.tgz", + "integrity": "sha512-rItO/pSdvnvsP4QRB1pmPiNHUskikqtPojZKJPPPAVx9Hj8i8TwMBhofrrAYRhYOOBZH9tgmG5lPqDLuIWPWmw==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "@ungap/structured-clone": "^1.0.0", + "hast-util-heading-rank": "^3.0.0", + "hast-util-is-element": "^3.0.0", + "unified": "^11.0.0", + "unist-util-visit": "^5.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/rehype-ignore": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/rehype-ignore/-/rehype-ignore-2.0.2.tgz", + "integrity": "sha512-BpAT/3lU9DMJ2siYVD/dSR0A/zQgD6Fb+fxkJd4j+wDVy6TYbYpK+FZqu8eM9EuNKGvi4BJR7XTZ/+zF02Dq8w==", + "license": "MIT", + "dependencies": { + "hast-util-select": "^6.0.0", + "unified": "^11.0.0", + "unist-util-visit": "^5.0.0" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://jaywcjlove.github.io/#/sponsor" + } + }, + "node_modules/rehype-parse": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/rehype-parse/-/rehype-parse-9.0.1.tgz", + "integrity": "sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "hast-util-from-html": "^2.0.0", + "unified": "^11.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/rehype-prism-plus": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/rehype-prism-plus/-/rehype-prism-plus-2.0.0.tgz", + "integrity": "sha512-FeM/9V2N7EvDZVdR2dqhAzlw5YI49m9Tgn7ZrYJeYHIahM6gcXpH0K1y2gNnKanZCydOMluJvX2cB9z3lhY8XQ==", + "license": "MIT", + "dependencies": { + "hast-util-to-string": "^3.0.0", + "parse-numeric-range": "^1.3.0", + "refractor": "^4.8.0", + "rehype-parse": "^9.0.0", + "unist-util-filter": "^5.0.0", + "unist-util-visit": "^5.0.0" + } + }, + "node_modules/rehype-raw": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-7.0.0.tgz", + "integrity": "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "hast-util-raw": "^9.0.0", + "vfile": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/rehype-rewrite": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/rehype-rewrite/-/rehype-rewrite-4.0.2.tgz", + "integrity": "sha512-rjLJ3z6fIV11phwCqHp/KRo8xuUCO8o9bFJCNw5o6O2wlLk6g8r323aRswdGBQwfXPFYeSuZdAjp4tzo6RGqEg==", + "license": "MIT", + "dependencies": { + "hast-util-select": "^6.0.0", + "unified": "^11.0.3", + "unist-util-visit": "^5.0.0" + }, + "engines": { + "node": ">=16.0.0" + }, + "funding": { + "url": "https://jaywcjlove.github.io/#/sponsor" + } + }, + "node_modules/rehype-slug": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/rehype-slug/-/rehype-slug-6.0.0.tgz", + "integrity": "sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "github-slugger": "^2.0.0", + "hast-util-heading-rank": "^3.0.0", + "hast-util-to-string": "^3.0.0", + "unist-util-visit": "^5.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/remark-gfm": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.0.tgz", + "integrity": "sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "mdast-util-gfm": "^3.0.0", + "micromark-extension-gfm": "^3.0.0", + "remark-parse": "^11.0.0", + "remark-stringify": "^11.0.0", + "unified": "^11.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/remark-github-blockquote-alert": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/remark-github-blockquote-alert/-/remark-github-blockquote-alert-1.2.1.tgz", + "integrity": "sha512-qNf2mSAoZgh3Cl23/9Y1L7S4Kbf9NsdHvYK398ab/52yEsDPDU5I4cuTcgDRrdIX7Ltc6RK+KCLRtWkbFnL6Dg==", + "license": "MIT", + "dependencies": { + "unist-util-visit": "^5.0.0" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://jaywcjlove.github.io/#/sponsor" + } + }, + "node_modules/remark-parse": { + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz", + "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "mdast-util-from-markdown": "^2.0.0", + "micromark-util-types": "^2.0.0", + "unified": "^11.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/remark-rehype": { + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.1.tgz", + "integrity": "sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==", + "license": "MIT", + "dependencies": { + "@types/hast": "^3.0.0", + "@types/mdast": "^4.0.0", + "mdast-util-to-hast": "^13.0.0", + "unified": "^11.0.0", + "vfile": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/remark-stringify": { + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz", + "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==", + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "mdast-util-to-markdown": "^2.0.0", + "unified": "^11.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/rollup": { + "version": "4.24.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.0.tgz", + "integrity": "sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.6" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.24.0", + "@rollup/rollup-android-arm64": "4.24.0", + "@rollup/rollup-darwin-arm64": "4.24.0", + "@rollup/rollup-darwin-x64": "4.24.0", + "@rollup/rollup-linux-arm-gnueabihf": "4.24.0", + "@rollup/rollup-linux-arm-musleabihf": "4.24.0", + "@rollup/rollup-linux-arm64-gnu": "4.24.0", + "@rollup/rollup-linux-arm64-musl": "4.24.0", + "@rollup/rollup-linux-powerpc64le-gnu": "4.24.0", + "@rollup/rollup-linux-riscv64-gnu": "4.24.0", + "@rollup/rollup-linux-s390x-gnu": "4.24.0", + "@rollup/rollup-linux-x64-gnu": "4.24.0", + "@rollup/rollup-linux-x64-musl": "4.24.0", + "@rollup/rollup-win32-arm64-msvc": "4.24.0", + "@rollup/rollup-win32-ia32-msvc": "4.24.0", + "@rollup/rollup-win32-x64-msvc": "4.24.0", + "fsevents": "~2.3.2" + } + }, + "node_modules/scheduler": { + "version": "0.23.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", + "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.1.0" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/space-separated-tokens": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz", + "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/stringify-entities": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz", + "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==", + "license": "MIT", + "dependencies": { + "character-entities-html4": "^2.0.0", + "character-entities-legacy": "^3.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/style-to-object": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.8.tgz", + "integrity": "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==", + "license": "MIT", + "dependencies": { + "inline-style-parser": "0.2.4" + } + }, + "node_modules/trim-lines": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz", + "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/trough": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz", + "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/typescript": { + "version": "5.6.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz", + "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/unified": { + "version": "11.0.5", + "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz", + "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "bail": "^2.0.0", + "devlop": "^1.0.0", + "extend": "^3.0.0", + "is-plain-obj": "^4.0.0", + "trough": "^2.0.0", + "vfile": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/unist-util-filter": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/unist-util-filter/-/unist-util-filter-5.0.1.tgz", + "integrity": "sha512-pHx7D4Zt6+TsfwylH9+lYhBhzyhEnCXs/lbq/Hstxno5z4gVdyc2WEW0asfjGKPyG4pEKrnBv5hdkO6+aRnQJw==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "unist-util-is": "^6.0.0", + "unist-util-visit-parents": "^6.0.0" + } + }, + "node_modules/unist-util-is": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz", + "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/unist-util-position": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz", + "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/unist-util-stringify-position": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz", + "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/unist-util-visit": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz", + "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "unist-util-is": "^6.0.0", + "unist-util-visit-parents": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/unist-util-visit-parents": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz", + "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "unist-util-is": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/universal-cookie": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-7.2.1.tgz", + "integrity": "sha512-GEKneQ0sz8qbobkYM5s9elAx6l7GQDNVl3Siqmc7bt/YccyyXWDPn+fht3J1qMcaLwPrzkty3i+dNfPGP2/9hA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/cookie": "^0.6.0", + "cookie": "^0.7.2" + } + }, + "node_modules/vfile": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz", + "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "vfile-message": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/vfile-location": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz", + "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "vfile": "^6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/vfile-message": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz", + "integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==", + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "unist-util-stringify-position": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/vite": { + "version": "5.4.9", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.9.tgz", + "integrity": "sha512-20OVpJHh0PAM0oSOELa5GaZNWeDjcAvQjGXy2Uyr+Tp+/D2/Hdz6NLgpJLsarPTA2QJ6v8mX2P1ZfbsSKvdMkg==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.21.3", + "postcss": "^8.4.43", + "rollup": "^4.20.0" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || >=20.0.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "sass-embedded": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/web-namespaces": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz", + "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, + "node_modules/zwitch": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz", + "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..fa7913b --- /dev/null +++ b/package.json @@ -0,0 +1,23 @@ +{ + "devDependencies": { + "@mdi/js": "^7.4.47", + "@mdi/react": "^1.6.1", + "@types/react": "^18.2.0", + "@types/react-toggle": "^4.0.5", + "react": "^18.3.1", + "react-cookie": "^7.2.1", + "react-dom": "^18.3.1", + "react-toggle": "^4.1.3", + "typescript": "^5.6.3", + "vite": "^5.4.9" + }, + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "dependencies": { + "@ramonak/react-progress-bar": "^5.3.0", + "@uiw/react-markdown-preview": "^5.1.3" + } +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..231dd12 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,15 @@ +{ + "compilerOptions": { + "target": "es2020", + "module": "commonjs", + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "strict": true, + "skipLibCheck": true, + "lib": [ + "es2020", + "dom" + ], + "jsx": "react-jsx" + } +} diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..267cee6 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,9 @@ +// vite.config.js +import { defineConfig } from 'vite' + +export default defineConfig({ + server: { + port: '8080' + }, + root: 'Website' +}) \ No newline at end of file