// ==UserScript== // @name FanFiction Enhancements // @namespace https://tiger.rocks/ // @version 0.8.5+28.c339ecb // @description FanFiction.net Enhancements // @author Arne 'TigeR' Linck // @copyright 2018-2024, Arne 'TigeR' Linck // @license MIT, https://github.com/amur-tiger/fanfiction-enhancements/blob/master/LICENSE // @homepageURL https://github.com/amur-tiger/fanfiction-enhancements // @supportURL https://github.com/amur-tiger/fanfiction-enhancements/issues // @require https://unpkg.com/jszip@3.9.1/dist/jszip.min.js // @match *://www.fanfiction.net/* // @grant GM.getValue // @grant GM.setValue // @grant GM.deleteValue // @grant GM.listValues // @grant GM.xmlHttpRequest // @grant GM_addStyle // @grant GM_addValueChangeListener // @grant GM_removeValueChangeListener // @connect self // @connect fanfiction.net // @connect accounts.google.com // @downloadURL none // ==/UserScript== "use strict"; (() => { var __defProp = Object.defineProperty; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __publicField = (obj, key, value) => { __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); return value; }; // src/signal/scope.ts var _Scope = class _Scope extends EventTarget { constructor(callback, options) { super(); __publicField(this, "callback"); __publicField(this, "parent"); __publicField(this, "onChange"); this.callback = callback; this.parent = options?.parent ?? _Scope.getCurrent(); this.onChange = options?.onChange; if (this.parent) { this.parent.addEventListener( _Scope.EVENT_DISPOSE, () => { this.parent = void 0; this.dispatchEvent(new Event(_Scope.EVENT_DISPOSE)); }, { once: true } ); } } static runExecutionQueue() { const scopes = _Scope.executionQueue.filter((s1) => !_Scope.executionQueue.some((s2) => s1.hasParent(s2))); _Scope.executionQueue.splice(0); _Scope.isQueued = false; scopes.forEach((scope) => { scope.dispatchEvent(new Event(_Scope.EVENT_DISPOSE)); const next = scope.execute(); scope.onChange?.(next); }); } static getCurrent() { return _Scope.stack[_Scope.stack.length - 1]; } /** * Checks if the given scope is a parent of the current scope, recursively. * @param scope */ hasParent(scope) { if (this.parent == null) { return false; } if (this.parent === scope) { return true; } return this.parent.hasParent(scope); } /** * Registers an object in this scope. Whenever the object raises a change event, * this scope updates. Only the first change event is captured and objects have to * re-register for every execution. * @param object */ register(object) { object.addEventListener( "change", () => { if (!_Scope.executionQueue.includes(this)) { _Scope.executionQueue.push(this); if (!_Scope.isQueued) { _Scope.isQueued = true; queueMicrotask(() => { _Scope.runExecutionQueue(); }); } } }, { once: true } ); } /** * Re-runs the callback within this scope. */ execute() { try { _Scope.stack.push(this); return this.callback(); } finally { _Scope.stack.pop(); } } }; __publicField(_Scope, "EVENT_DISPOSE", "dispose"); __publicField(_Scope, "stack", []); __publicField(_Scope, "executionQueue", []); __publicField(_Scope, "isQueued", false); var Scope = _Scope; function scoped(callback, onChange) { const current = new Scope(callback, { onChange }); return current.execute(); } function onDispose(dispose) { const scope = Scope.getCurrent(); if (!scope) { return; } scope.addEventListener(Scope.EVENT_DISPOSE, dispose, { once: true }); } // src/signal/signal.ts var ChangeEvent = class extends Event { constructor(oldValue, newValue, isInternal = false) { super("change"); this.oldValue = oldValue; this.newValue = newValue; this.isInternal = isInternal; } }; function createSignal(value, options) { const equals = options?.equals ?? ((previous, next) => previous === next); let currentValue; if (isPromise(value)) { value.then((next) => { currentValue = next; signal.dispatchEvent(new ChangeEvent(void 0, currentValue, true)); }); } else { currentValue = value; } const events = new EventTarget(); const signal = Object.assign( function() { Scope.getCurrent()?.register(signal); return currentValue; }, { set(valueOrCallback, opt) { const isInternal = !!opt?.isInternal; const oldValue = currentValue; if (typeof valueOrCallback === "function") { currentValue = valueOrCallback(currentValue); } else { currentValue = valueOrCallback; } if (!equals(oldValue, currentValue)) { signal.dispatchEvent(new ChangeEvent(oldValue, currentValue, isInternal)); } }, peek() { return currentValue; }, async isInitialized() { await (isPromise(value) ? value : Promise.resolve()); }, addEventListener(event, callback, options2) { events.addEventListener(event, callback, options2); }, removeEventListener(type, callback, options2) { events.removeEventListener(type, callback, options2); }, dispatchEvent(event) { Object.defineProperty(event, "target", { value: signal }); return events.dispatchEvent(event); } } ); return signal; } function isPromise(value) { return value != null && typeof value === "object" && "then" in value && typeof value.then === "function"; } function isSignal(value) { return value != null && typeof value === "function" && "set" in value && typeof value.set === "function" && "peek" in value && typeof value.peek === "function"; } // src/signal/effect.ts function effect(callback) { scoped(() => { const cleanup = callback(); if (typeof cleanup === "function") { onDispose(cleanup); } }); } function listen(object, event, handler) { scoped(() => { object.addEventListener(event, handler); onDispose(() => object.removeEventListener(event, handler)); }); } // src/jsx/jsx-runtime.ts function toChildArray(children) { if (children == null) { return []; } const flatten = (child) => Array.isArray(child) ? child.flatMap(flatten) : [child]; return flatten(children); } function jsx(tag, props) { const { children, ...attributes } = props; if (typeof tag === "function") { return tag(props); } let element; if ("xmlns" in attributes) { element = document.createElementNS(attributes.xmlns, tag); } else if (svgTagNames.includes(tag)) { element = document.createElementNS("http://www.w3.org/2000/svg", tag); } else { element = document.createElement(tag); } applyAttributes(element, attributes); for (const child of toChildArray(children)) { if (child != null && typeof child !== "boolean") { element.append(child); } } return element; } var jsxs = jsx; function applyAttributes(element, attributes) { for (const attribute of Array.from(element.attributes)) { if (!(attribute.nodeName in attributes)) { element.removeAttribute(attribute.nodeName); } } for (const [key, value] of Object.entries(attributes)) { applyAttribute(element, key, value); } } function applyAttribute(element, key, value) { if (/^on/.test(key)) { if (typeof value === "function") { const type = key.substring(2).toLowerCase(); element.addEventListener(type, value); onDispose(() => element.removeEventListener(type, value)); } } else if (isSignal(value)) { effect(() => { applyAttribute(element, key, value()); }); } else if (typeof value === "boolean") { if (value) { element.setAttribute(key, key); } else { element.removeAttribute(key); } } else if (value != null) { element.setAttribute(key, value); } else { element.removeAttribute(key); } } var svgTagNames = [ "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "discard", "ellipse", "filter", "g", "line", "linearGradient", "mask", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "solidColor", "svg", "text", "textArea", "textPath", "title" ]; var fragmentRegister = /* @__PURE__ */ new WeakMap(); var Fragment = Object.assign( function Fragment2({ children }) { const element = document.createDocumentFragment(); for (const child of toChildArray(children)) { if (child != null && typeof child !== "boolean") { element.append(child); } } if (element.childNodes.length === 0) { element.append(document.createComment("fragment")); } fragmentRegister.set(element, Array.from(element.childNodes)); return element; }, { replace(fragment, next) { const list = fragmentRegister.get(fragment); if (list == null || list.length === 0) { throw new Error("Given fragment does not exist or is empty."); } for (let i = 1; i < list.length; i++) { list[i].remove(); } list[0].replaceWith(next); } } ); // src/signal/compute.ts function compute(callback) { const initial = scoped(callback, (next) => signal.set(next)); const signal = createSignal(initial); return signal; } // src/jsx/render.ts function render(render2) { let element = scoped( () => Fragment({ children: render2() }), (next) => { Fragment.replace(element, next); element = next; } ); return element; } var render_default = render; // src/util/environment.ts function getPage(location) { if (location.pathname.indexOf("/u/") === 0) { return 1 /* User */; } if (location.pathname.indexOf("/alert/story.php") === 0) { return 2 /* Alerts */; } if (location.pathname.indexOf("/favorites/story.php") === 0) { return 3 /* Favorites */; } if (location.pathname.match(/^\/s\/\d+\/?$/i)) { return 4 /* Story */; } if (location.pathname.indexOf("/s/") === 0) { return 5 /* Chapter */; } if (location.pathname.indexOf("/ffe-oauth2-return") === 0) { return 6 /* OAuth2 */; } if (location.pathname.match(/^\/(?:anime|book|cartoon|comic|game|misc|play|movie|tv)\/.+$/i) || location.pathname.match(/^\/[^/]+[-_]Crossovers\//i) || location.pathname.indexOf("/community/") === 0) { return 7 /* StoryList */; } if (location.pathname.match(/^\/(crossovers\/)?(?:anime|book|cartoon|comic|game|misc|play|movie|tv)\/?$/i) || location.pathname.match(/^\/crossovers\/(.*?)\/(\d+)\/?$/i)) { return 8 /* UniverseList */; } if (location.pathname.match(/^\/communities\/(?:anime|book|cartoon|comic|game|misc|play|movie|tv|general)\/([\w\d]+)/i)) { return 9 /* CommunityList */; } return 0 /* Other */; } var environment = { currentUserId: typeof userid === "undefined" ? void 0 : userid, currentUserName: typeof XUNAME === "undefined" || XUNAME === false ? void 0 : XUNAME, currentStoryId: typeof storyid === "undefined" ? void 0 : storyid, currentStoryTitle: typeof title === "undefined" ? void 0 : decodeURIComponent(title), currentStoryTextId: typeof storytextid === "undefined" ? void 0 : storytextid, currentChapterId: typeof chapter === "undefined" ? void 0 : chapter, currentPageType: getPage(window.location), validRatings: typeof array_censors === "undefined" ? [] : array_censors.slice(1), validGenres: typeof array_genres === "undefined" ? [] : array_genres.slice(1), validLanguages: typeof array_languages === "undefined" ? [] : array_languages.slice(1), validStatus: typeof array_status === "undefined" ? [] : array_status.slice(1) }; // node_modules/clsx/dist/clsx.mjs function r(e) { var t, f, n = ""; if ("string" == typeof e || "number" == typeof e) n += e; else if ("object" == typeof e) if (Array.isArray(e)) { var o = e.length; for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f); } else for (f in e) e[f] && (n && (n += " "), n += f); return n; } function clsx() { for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t); return n; } var clsx_default = clsx; // src/sync/auth.ts var BEARER_TOKEN_KEY = "ffe-drive-token"; var REDIRECT_URI = "https://www.fanfiction.net/ffe-oauth2-return"; var CLIENT_ID = "19948706217-jsn5u8hqi959m0q2b3s65qh2f3h6pcu4.apps.googleusercontent.com"; async function isSyncAuthorized() { return !!await GM.getValue(BEARER_TOKEN_KEY); } function getAuthorizedSignal() { const signal = createSignal(false); GM.getValue(BEARER_TOKEN_KEY).then((value) => signal.set(!!value, { isInternal: true })); effect(() => { const token2 = GM_addValueChangeListener(BEARER_TOKEN_KEY, (name, oldValue, newValue) => { signal.set(!!newValue, { isInternal: true }); }); return () => GM_removeValueChangeListener(token2); }); return signal; } async function getSyncToken() { const token2 = await GM.getValue(BEARER_TOKEN_KEY); if (!token2 || typeof token2 !== "string") { throw new Error("Not logged in"); } return token2; } async function removeSyncToken() { await GM.deleteValue(BEARER_TOKEN_KEY); } async function startSyncAuthorization(silent = false) { const scope = "https://www.googleapis.com/auth/drive.appdata"; const token2 = await (silent ? getTokenWithRequest(scope) : getTokenWithAuthWindow(scope)); console.info("Authenticated successfully."); await GM.setValue(BEARER_TOKEN_KEY, token2); } function getTokenWithAuthWindow(scope) { return new Promise((resolve, reject) => { unsafeWindow.ffeOAuth2Callback = (callbackToken) => { clearInterval(handle); if (!callbackToken) { reject(new Error("No token received.")); } else { resolve(callbackToken); } }; const popup = xwindow( `https://accounts.google.com/o/oauth2/auth?scope=${encodeURIComponent(scope)}&redirect_uri=${encodeURIComponent(REDIRECT_URI)}&response_type=token&client_id=${encodeURIComponent(CLIENT_ID)}`, 670, 720 ); const handle = setInterval(() => { if (popup.closed) { clearInterval(handle); reject(new Error("Authorization aborted by user")); } }, 1e3); }); } async function getTokenWithRequest(scope) { const response = await new Promise((resolve, reject) => { GM.xmlHttpRequest({ method: "GET", url: `https://accounts.google.com/o/oauth2/auth?scope=${encodeURIComponent(scope)}&redirect_uri=${encodeURIComponent(REDIRECT_URI)}&response_type=token&client_id=${encodeURIComponent(CLIENT_ID)}`, responseType: "blob", onabort() { reject(new DOMException("Aborted", "AbortError")); }, onerror() { reject(new TypeError("Network request failed")); }, onload(response2) { resolve(response2); }, ontimeout() { reject(new TypeError("Network request timed out")); } }); }); if (!response.finalUrl) { throw new TypeError("Silent authentication was rejected."); } const finalUrl = new URL(response.finalUrl); const args = new URLSearchParams(finalUrl.hash.substring(1)); const token2 = args.get("access_token"); if (!token2) { throw new TypeError("Silent authentication was rejected."); } return token2; } if (environment.currentPageType === 6 /* OAuth2 */) { const target = document.body.firstElementChild; if (target) { target.innerHTML = "

Received oAuth2 token

This page should close momentarily."; } const token2 = /[?&#]access_token=([^&#]*)/i.exec(window.location.hash)?.[1]; window.opener.ffeOAuth2Callback(token2); window.close(); } // svg:src/assets/bell.svg var bell_default = (() => { const parser = new DOMParser(); return () => { const doc = parser.parseFromString(` `, "image/svg+xml"); return doc.documentElement; }; })(); // gm-css:src/enhance/MenuBar/MenuBar.css GM_addStyle(`.ffe-separator_SCyNm:before { content: " | "; } .ffe-checked_At8n0 { position: relative; } .ffe-checked_At8n0:after { background: green; border-radius: 50%; bottom: 2px; color: #fff; content: "\u2713"; font-size: 9px; height: 12px; line-height: 12px; position: absolute; right: -2px; width: 12px; } .ffe-icon_jfbjp { display: inline-block; line-height: 2em; margin-top: -0.5em; text-align: center; width: 2em; } .ffe-icon_jfbjp:hover { border-bottom: 0; color: orange !important; } .ffe-bell_P5jTu svg { fill: currentColor; height: 19px; transform: translateY(4px); } @keyframes ffe-rotate_IcPib { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ffe-rotate_IcPib:before { animation: ffe-rotate_IcPib 1s linear infinite; } `); var MenuBar_default = { "separator": "ffe-separator_SCyNm", "checked": "ffe-checked_At8n0", "icon": "ffe-icon_jfbjp", "bell": "ffe-bell_P5jTu", "rotate": "ffe-rotate_IcPib" }; // src/sync/drive.ts async function authFetch(input, init) { const token2 = await getSyncToken(); const response = await fetch(input, { ...init, headers: { ...init?.headers, Authorization: `Bearer ${token2}` } }); if (response.status === 401) { console.warn("Sync token invalid, re-authenticating"); try { await startSyncAuthorization(true); } catch (ex) { console.warn("Silent re-authentication failed"); await startSyncAuthorization(); } const nextToken = await getSyncToken(); return fetch(input, { ...init, headers: { ...init?.headers, Authorization: `Bearer ${nextToken}` } }); } return response; } async function getFiles(name) { let url = "https://www.googleapis.com/drive/v3/files?spaces=appDataFolder"; if (name) { url += "&q=" + encodeURIComponent(`name='${name}'`); } const response = await authFetch(url); return response.json(); } async function getFileContents(id) { const response = await authFetch(`https://www.googleapis.com/drive/v3/files/${encodeURIComponent(id)}?alt=media`); return response.text(); } async function createFile(name, content) { const data = new FormData(); data.set( "metadata", new Blob( [ JSON.stringify({ name, mimeType: "application/json", parents: ["appDataFolder"] }) ], { type: "application/json" } ) ); data.set( "file", new Blob([JSON.stringify(content)], { type: "application/json" }) ); const response = await authFetch("https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart", { method: "POST", body: data }); return response.json(); } async function updateFile(file, content) { const response = await authFetch(`https://www.googleapis.com/upload/drive/v3/files/${encodeURIComponent(file.id)}`, { method: "PATCH", body: new Blob([JSON.stringify(content)], { type: "application/json" }) }); return response.json(); } // src/utils.ts function getCookie(name) { const ca = document.cookie.split(";"); for (let i = 0; i < ca.length; i++) { const c = ca[i].trimLeft(); if (c.indexOf(`${name}=`) === 0) { return c.substring(name.length + 1, c.length); } } return false; } function parseGetParams(url) { try { const params = new URL(url).search.substr(1).split("&"); const result = {}; for (const param of params) { const parts = param.split("="); const key = decodeURIComponent(parts[0]); result[key] = parts.length > 1 ? decodeURIComponent(parts[1]) : true; } return result; } catch (e) { console.error(e); return {}; } } function tryParse(text, fallback) { if (!text) { return fallback; } try { return JSON.parse(text); } catch (e) { return fallback; } } function toDate(date) { if (date instanceof Date) { return date; } return new Date(date); } // src/signal/view.ts function view(signal, keyOrOptions, maybeEquals) { const { get, set } = typeof keyOrOptions === "object" ? keyOrOptions : { get: (value) => value[keyOrOptions], set: (previous, value) => ({ ...previous, [keyOrOptions]: value }) }; const equals = (typeof keyOrOptions === "object" ? keyOrOptions.equals : maybeEquals) ?? ((a, b) => a === b); const events = new EventTarget(); listen(signal, "change", (event) => { const oldValue = get(event.oldValue); const newValue = get(event.newValue); if (!equals(oldValue, newValue)) { events.dispatchEvent(new ChangeEvent(oldValue, newValue, event.isInternal)); } }); const viewed = Object.assign( function() { Scope.getCurrent()?.register(viewed); return get(signal.peek()); }, { set(valueOrCallback, options) { signal.set( (previous) => set( previous, typeof valueOrCallback === "function" ? valueOrCallback(get(previous)) : valueOrCallback ), options ); }, peek: () => get(signal.peek()), isInitialized() { return signal.isInitialized(); }, addEventListener(event, callback, options) { events.addEventListener(event, callback, options); }, removeEventListener(type, callback, options) { events.removeEventListener(type, callback, options); }, dispatchEvent(event) { Object.defineProperty(event, "target", { value: viewed }); return events.dispatchEvent(event); } } ); return viewed; } var view_default = view; // src/api/chapter-read.ts var chapterReadMetadata; function getChapterReadMetadata() { if (chapterReadMetadata == null) { chapterReadMetadata = createSignal({ version: 1, stories: {} }); GM.getValue("ffe-chapter-read").then( (value) => chapterReadMetadata.set( tryParse(value, { version: 1, stories: {} }), { isInternal: true } ) ); chapterReadMetadata.addEventListener("change", async (event) => { if (event.isInternal) { return; } await GM.setValue("ffe-chapter-read", JSON.stringify(event.newValue)); }); if (GM_addValueChangeListener != null) { GM_addValueChangeListener("ffe-chapter-read", (name, oldValue, newValue) => { const metadata = tryParse(newValue); if (metadata != null) { chapterReadMetadata.set(metadata, { isInternal: true }); } }); } } return chapterReadMetadata; } function getChapterRead(storyId, chapterId) { return view_default(getChapterReadMetadata(), { get(value) { return value.stories[storyId]?.[chapterId]?.read ?? false; }, set(previous, value) { return { ...previous, stories: { ...previous.stories, [storyId]: { ...previous.stories[storyId], [chapterId]: { ...previous.stories[storyId]?.[chapterId], read: value, timestamp: Date.now() } } } }; } }); } async function migrateChapterRead() { const metadata = tryParse(await GM.getValue("ffe-chapter-read"), { version: 1, stories: {} }); let hasChanges = false; const list = await GM.listValues(); for (const key of list) { const match = /^ffe-story-(\d+)-chapter-(\d+)-read$/.exec(key); if (match) { const [, storyId, chapterId] = match; metadata.stories[+storyId] ??= {}; const metadataChapter = metadata.stories[+storyId][+chapterId]; const oldTimestamp = await GM.getValue(`ffe-story-${storyId}-chapter-${chapterId}-read+timestamp`, 0); if (metadataChapter == null || metadataChapter.timestamp < oldTimestamp) { hasChanges = true; metadata.stories[+storyId][+chapterId] = { read: await GM.getValue(key, "") === "true", timestamp: oldTimestamp }; } await GM.deleteValue(key); await GM.deleteValue(key + "+timestamp"); } } if (hasChanges) { await GM.setValue("ffe-chapter-read", JSON.stringify(metadata)); } } if (true) { void migrateChapterRead(); } // src/sync/sync.ts async function getFile(name, fallback) { const { files } = await getFiles(name); const file = files?.find((file2) => file2.name === name); if (!file?.id) { return fallback; } return tryParse(await getFileContents(file.id), fallback); } async function writeFile(name, content) { const { files } = await getFiles(name); let file = files?.find((file2) => file2.name === name); if (!file?.id) { file = await createFile(name, content); if (!file) { throw new Error("Could not save file: Google did not provide metadata."); } return file; } return updateFile(file, content); } var readFileName = "ffe-chapter-read.json"; var token = null; var isSynchronizingSignal = createSignal(false); function getIsSynchronizingSignal() { return isSynchronizingSignal; } async function uploadMetadata() { if (!await isSyncAuthorized()) { return; } if (token != null) { clearTimeout(token); token = null; } const metadata = getChapterReadMetadata(); await metadata.isInitialized(); console.debug("[SYNC] Uploading changes to Drive"); try { isSynchronizingSignal.set(true); await writeFile(readFileName, metadata.peek()); } finally { isSynchronizingSignal.set(false); } } async function syncChapterReadStatus() { if (!await isSyncAuthorized()) { return; } const localMetadataSignal = getChapterReadMetadata(); await localMetadataSignal.isInitialized(); localMetadataSignal.addEventListener("change", async (event) => { if (event.isInternal) { return; } if (token != null) { clearTimeout(token); } token = setTimeout(uploadMetadata, 1500); }); const localMetadata = localMetadataSignal.peek(); let remoteMetadata; try { isSynchronizingSignal.set(true); remoteMetadata = await getFile(readFileName, { version: 1, stories: {} }); } finally { isSynchronizingSignal.set(false); } const result = mergeStories(localMetadata.stories, remoteMetadata.stories); const mergedMetadata = { version: 1, stories: result.merged }; if (result.hasLocalChanges) { console.debug("[SYNC] Integrating remote data"); localMetadataSignal.set(mergedMetadata); } if (result.hasRemoteChanges) { console.debug("[SYNC] Uploading changes to Drive"); try { isSynchronizingSignal.set(true); await writeFile(readFileName, mergedMetadata); } finally { isSynchronizingSignal.set(false); } } } function mergeStories(local, remote) { return mergeRecord(local, remote, (localChapter, remoteChapter) => { return mergeRecord(localChapter, remoteChapter, (localIsRead, remoteIsRead) => { return mergeIsRead(localIsRead, remoteIsRead); }); }); } function mergeRecord(local, remote, mergeItem) { let result = removeNull(local, remote); if (result) { return result; } result = { merged: {}, hasLocalChanges: false, hasRemoteChanges: false }; const keys = /* @__PURE__ */ new Set([...Object.keys(local), ...Object.keys(remote)]); for (const key of keys) { const localItem = local[key]; const remoteItem = remote[key]; const itemResult = removeNull(localItem, remoteItem) ?? mergeItem(localItem, remoteItem); result.merged[key] = itemResult.merged; result.hasLocalChanges ||= itemResult.hasLocalChanges; result.hasRemoteChanges ||= itemResult.hasRemoteChanges; } return result; } function mergeIsRead(local, remote) { const result = removeNull(local, remote); if (result) { return result; } if (local.timestamp !== remote.timestamp || local.read !== remote.read) { if (local.timestamp > remote.timestamp) { return { merged: local, hasLocalChanges: false, hasRemoteChanges: true }; } else { return { merged: remote, hasLocalChanges: true, hasRemoteChanges: false }; } } return { merged: local, hasLocalChanges: false, hasRemoteChanges: false }; } function removeNull(local, remote) { if (local == null) { if (remote == null) { return { merged: void 0, hasLocalChanges: false, hasRemoteChanges: false }; } else { return { merged: remote, hasLocalChanges: true, hasRemoteChanges: false }; } } else if (remote == null) { return { merged: local, hasLocalChanges: false, hasRemoteChanges: true }; } } // jsx:src/enhance/MenuBar/MenuBar.tsx var MenuBar = class { canEnhance() { return true; } async enhance() { if (!environment.currentUserName) { return; } const loginElement = document.querySelector("#name_login a"); const parent = loginElement?.parentElement; const ref = loginElement?.nextElementSibling; if (!parent || !ref) { return; } document.documentElement.dataset.theme = XCOOKIE.read_theme; document.querySelector(".lc > span:last-of-type")?.addEventListener("click", () => { document.documentElement.dataset.theme = XCOOKIE.read_theme; }); parent.insertBefore(jsx("a", { class: clsx_default(MenuBar_default.icon, "icon-tl-contrast"), title: "Toggle Light/Dark Theme", href: "#", onClick: (event) => { event.preventDefault(); if (XCOOKIE.read_theme === "light") { _fontastic_change_theme("dark"); } else { _fontastic_change_theme("light"); } document.documentElement.dataset.theme = XCOOKIE.read_theme; } }), ref); parent.insertBefore(jsx("span", { class: MenuBar_default.separator }), ref); parent.insertBefore(jsx("a", { class: clsx_default(MenuBar_default.icon, MenuBar_default.bell), title: "Go to Story Alerts", href: "/alert/story.php", children: render_default(() => jsx(bell_default, {})) }), ref); parent.insertBefore(jsx("a", { class: clsx_default(MenuBar_default.icon, "icon-heart"), title: "Go to Story Favorites", href: "/favorites/story.php" }), ref); const isAuthorized = getAuthorizedSignal(); const isSynchronizing = getIsSynchronizingSignal(); parent.insertBefore(jsx("a", { class: compute(() => clsx_default(MenuBar_default.icon, "icon-mpl2-sync", { [MenuBar_default.checked]: isAuthorized(), [MenuBar_default.rotate]: isSynchronizing() })), title: compute(() => isAuthorized() ? "Disconnect from Google Drive" : "Connect to Google Drive"), href: "#", onClick: async (event) => { event.preventDefault(); if (isAuthorized()) { if (confirm("Stop sync with Google Drive?")) { await removeSyncToken(); } } else { await startSyncAuthorization(); } } }), ref); parent.insertBefore(jsx("span", { class: MenuBar_default.separator }), ref); } }; // node_modules/ffn-parser/dist/follows/parseFollows.js async function parseFollows(document2, options) { const doc = document2 ?? window.document; const table = doc.querySelector("form #gui_table1"); if (!table) { return void 0; } const rows = table.querySelectorAll("tbody tr"); return Array.from(rows).filter((row) => row.children.length === 6 && row.querySelector("td") != null).map((row) => { const storyAnchor = row.children[0].firstElementChild; const userAnchor = row.children[1].firstElementChild; return { id: +storyAnchor.href.match(/\/s\/(\d+)\/.*/i)[1], title: storyAnchor.textContent, author: { id: +userAnchor.href.match(/\/u\/(\d+)\/.*/i)[1], name: userAnchor.textContent }, category: row.children[2].textContent, updated: parseDate(row.children[3].textContent), added: parseDate(row.children[4].textContent) }; }); } function parseDate(date) { const [month, day, year] = date.split("-"); return new Date(+year, +month - 1, +day, 0, 0, 0, 0); } // node_modules/ffn-parser/dist/story/parseStory.js var DEFAULT_GENRES = [ "General", "Romance", "Humor", "Drama", "Poetry", "Action", "Adventure", "Mystery", "Horror", "Parody", "Angst", "Supernatural", "Suspense", "Sci-Fi", "Fantasy", "Spiritual", "Tragedy", "Western", "Crime", "Family", "Hurt", "Comfort", "Friendship" ]; async function parseStory(document2, options) { const doc = document2 ?? window.document; const opts = { genres: DEFAULT_GENRES, createTemplate() { if ("createElement" in doc) { return doc.createElement("template"); } return window.document.createElement("template"); }, ...options }; const profileElement = doc.getElementById("profile_top"); const chapterElement = doc.getElementById("chap_select"); const breadcrumbElement = doc.getElementById("pre_story_links"); if (!profileElement) { return void 0; } let offset = 0; const cover = profileElement.children[0].firstElementChild; if (!cover || cover.nodeName !== "IMG") { offset--; } const titleElement = profileElement.children[offset + 2]; const authorElement = profileElement.children[offset + 4]; const descriptionElement = profileElement.children[offset + 7]; const tagsElement = profileElement.children[offset + 8]; const resultMeta = parseTags(tagsElement, opts.genres, opts.createTemplate); if (cover && cover.nodeName === "IMG") { resultMeta.imageUrl = cover.src; const oImage = doc.querySelector("#img_large img"); if (oImage && oImage.nodeName === "IMG") { resultMeta.imageUrl = oImage.getAttribute("data-original") ?? ""; } } if (breadcrumbElement) { const universeLink = breadcrumbElement.querySelector("span :last-child"); if (!universeLink.textContent) { resultMeta.universes = []; } else { resultMeta.universes = universeLink.href.includes("Crossovers") ? universeLink.textContent.substr(0, universeLink.textContent.length - 10).split(/\s+\+\s+/) : [universeLink.textContent]; } } if (titleElement.textContent) { resultMeta.title = titleElement.textContent.trim(); } if (authorElement.textContent) { resultMeta.author.name = authorElement.textContent.trim(); } const match = authorElement.href.match(/\/u\/(\d+)\//i); if (match) { resultMeta.author.id = +match[1]; } if (descriptionElement.textContent) { resultMeta.description = descriptionElement.textContent.trim(); } resultMeta.chapters = chapterElement ? parseChapters(chapterElement, resultMeta.id) : [ { storyId: resultMeta.id, id: 1, title: titleElement.textContent && titleElement.textContent.trim() || "Chapter 1" } ]; return resultMeta; } function parseTags(tagsElement, genres, createTemplate) { const result = { id: 0, title: "", author: { id: 0, name: "" }, description: "", chapters: [], imageUrl: void 0, favorites: 0, follows: 0, reviews: 0, genre: [], characters: [], language: "", published: /* @__PURE__ */ new Date(), updated: void 0, rating: "K", words: 0, universes: [], status: "Incomplete" }; const tagsArray = tagsElement.innerHTML.split(/\s+-\s+/); if (tagsArray[0] === "Crossover") { tagsArray.shift(); const universes = tagsArray.shift(); if (universes) { result.universes = universes.split(/\s+(?:&|&)\s+/).map((u) => u.trim()); } else { result.universes = []; } } if (tagsArray[1].startsWith("Rated:")) { result.universes = [tagsArray.shift().trim()]; } while (result.universes.length > 2) { const shortestIdx = result.universes.reduce((suIdx, universe, idx, arr) => arr[suIdx].length < universe.length ? suIdx : idx, 0); if (shortestIdx === 0) { const [removed] = result.universes.splice(1, 1); result.universes[0] += ` & ${removed}`; } else if (shortestIdx === result.universes.length - 1) { const removed = result.universes.pop(); result.universes[result.universes.length - 1] += ` & ${removed}`; } else { if (result.universes[shortestIdx + 1].length < result.universes[shortestIdx - 1].length) { const [removed] = result.universes.splice(shortestIdx + 1, 1); result.universes[shortestIdx] += ` & ${removed}`; } else { const [removed] = result.universes.splice(shortestIdx, 1); result.universes[shortestIdx - 1] += ` & ${removed}`; } } } const tempElement = createTemplate(); tempElement.innerHTML = tagsArray[0].trim().substring(7).replace(/>.*?\s+(.*?)$1<"); result.rating = (tempElement.content.firstElementChild ? tempElement.content.firstElementChild.textContent : tempElement.content.textContent) ?? "?"; result.language = tagsArray[1].trim(); result.genre = tagsArray[2].trim().split("/"); if (result.genre.some((g) => !genres.includes(g))) { result.genre = []; if (!/^\w+:/.test(tagsArray[2])) { result.characters = parseCharacters(tagsArray[2]); } } for (let i = 3; i < tagsArray.length; i++) { const tagNameMatch = tagsArray[i].match(/^(\w+):/); if (!tagNameMatch) { if (tagsArray[i] === "Complete") { result.status = tagsArray[i] === "Complete" ? "Complete" : "Incomplete"; } else { result.characters = parseCharacters(tagsArray[i]); } continue; } const tagName = tagNameMatch[1].toLowerCase(); const match = tagsArray[i].match(/^.*?:\s+([^]*?)\s*$/); const tagValue = match && match[1] || ""; switch (tagName) { case "favs": result.favorites = +tagValue.replace(/,/g, ""); break; case "reviews": if (tagValue.includes(" pairing.length); let inPairing = false; for (const pairing of pairings) { if (pairing == "[") { inPairing = true; continue; } if (pairing == "]") { inPairing = false; continue; } const characters = pairing.split(/,\s+/); if (!inPairing || characters.length == 1) { for (const character of characters) { result.push([character]); } } else { result.push(characters); } } return result; } function parseChapters(selectElement, storyId) { const result = []; for (let i = 0; i < selectElement.children.length; i++) { const option = selectElement.children[i]; if (option.tagName !== "OPTION") { continue; } let title2 = option.textContent; if (title2 && /^\d+\. .+/.test(title2)) { title2 = title2.substring(title2.indexOf(".") + 2); } if (!title2) { title2 = `Chapter ${i + 1}`; } result.push({ storyId, id: +(option.getAttribute("value") ?? 0), title: title2 }); } return result; } // node_modules/ffn-parser/dist/storyList/parseStoryList.js async function parseStoryList(document2, options) { const doc = document2 ?? window.document; const opts = { genres: DEFAULT_GENRES, createTemplate() { if ("createElement" in doc) { return doc.createElement("template"); } return window.document.createElement("template"); }, ...options }; const universes = []; const links = doc.querySelectorAll("#content_wrapper_inner > a"); if (links.length > 1) { universes.push(links.item(0).textContent); universes.push(links.item(1).textContent); } else { const container2 = doc.getElementById("content_wrapper_inner"); let text = ""; for (const node of Array.from(container2.childNodes)) { if (node.nodeType === Node.TEXT_NODE) { text += node.textContent; } } universes.push(...text.split(/\n+/g).map((u) => u.trim()).filter((u) => u.length > 0 && u !== "Crossovers")); } const rows = doc.querySelectorAll(".z-list"); if (rows.length === 0) { return void 0; } return Array.from(rows).map((row) => { const storyAnchor = row.firstElementChild; const authorAnchor = row.querySelector('a[href^="/u/"]'); const descriptionElement = row.querySelector(".z-indent"); const tagsElement = row.querySelector(".z-padtop2"); const meta = parseTags(tagsElement, opts.genres, opts.createTemplate); const description = Array.from(descriptionElement.childNodes).filter((node) => node.nodeType === Node.TEXT_NODE).map((node) => node.textContent).join(" "); let imageUrl = void 0; const imageElement = row.querySelector("img"); if (imageElement) { imageUrl = imageElement.dataset["original"]; } return { id: +storyAnchor.href.match(/\/s\/(\d+)\/.*/i)[1], title: storyAnchor.textContent, author: { id: +authorAnchor.href.match(/\/u\/(\d+)\/.*/i)[1], name: authorAnchor.textContent }, description, imageUrl, favorites: meta.favorites, follows: meta.follows, reviews: meta.reviews, genre: meta.genre, characters: meta.characters, language: meta.language, published: meta.published, updated: meta.updated, rating: meta.rating, words: meta.words, universes: meta.universes.length > 0 ? meta.universes : universes, status: meta.status }; }); } // src/api/throttled-fetch.ts function createTask(callback, data) { let resolve, reject; const promise = new Promise((rs, rj) => { resolve = rs; reject = rj; }); return { run: callback, resolve, reject, promise, data }; } var maxParallel = 4; var throttleSleep = 200; var queue = []; var running = 0; var waitUntil = 0; function throttledFetch(input, init, priority = 0) { const request = new Request(input, init); const task = createTask(() => fetch(request), { request, priority }); enqueue(task); check(); return task.promise; } function check() { if (running >= maxParallel || Date.now() < waitUntil) { return; } const task = queue.shift(); if (!task) { return; } void run(task); check(); } async function run(task) { try { if (throttleSleep > 0) { waitUntil = Date.now() + throttleSleep; setTimeout(check, throttleSleep); } running += 1; const response = await task.run(); if (response.status === 429) { const retryAfter = response.headers.get("Retry-After"); const waitSeconds = (retryAfter && !Number.isNaN(+retryAfter) && +retryAfter || 30) + 1; console.warn("Rate limited! Waiting %ss.", waitSeconds); blockAndRetry(task, waitSeconds); } else { task.resolve(response); } } catch (ex) { blockAndRetry(task, 60); } finally { running -= 1; check(); } } function enqueue(task, retry = false) { for (let i = 0; i < queue.length; i++) { if (retry ? queue[i].data.priority <= task.data.priority : queue[i].data.priority < task.data.priority) { queue.splice(i, 0, task); return; } } queue.push(task); } function blockAndRetry(task, waitSeconds) { enqueue(task, true); waitUntil = Date.now() + waitSeconds * 1e3; setTimeout(check, waitSeconds * 1e3); } // src/api/Api.ts var _Api = class _Api { constructor() { __publicField(this, "alerts"); __publicField(this, "favorites"); __publicField(this, "storyData", /* @__PURE__ */ new Map()); } /** * Retrieves all story alerts that are set on FFN for the current user. */ async getStoryAlerts() { if (this.alerts == null) { this.alerts = (async () => { const fragments = await this.getMultiPage("/alert/story.php"); const result = []; await Promise.all( fragments.map(async (fragment) => { const follows = await parseFollows(fragment); if (follows) { result.push(...follows); } }) ); return result; })(); } return this.alerts; } /** * Retrieves all favorites that are set on FFN for the current user. */ async getStoryFavorites() { if (this.favorites == null) { this.favorites = (async () => { const fragments = await this.getMultiPage("/favorites/story.php"); const result = []; await Promise.all( fragments.map(async (fragment) => { const follows = await parseFollows(fragment); if (follows) { result.push(...follows); } }) ); return result; })(); } return this.favorites; } async getStoryData(id) { let cached = this.storyData.get(id); if (cached) { return cached; } cached = (async () => { const body = await this.get(`/s/${id}`, 5 /* StoryData */); const template = document.createElement("template"); template.innerHTML = body; return parseStory(template.content); })(); this.storyData.set(id, cached); return cached; } async addStoryAlert(id) { await this.post( "/api/ajax_subs.php", { storyid: `${id}`, userid: `${environment.currentUserId}`, storyalert: "1" }, "json" ); } async removeStoryAlert(id) { await this.post( "/alert/story.php", { action: "remove-multi", "rids[]": `${id}` }, "html" ); } async addStoryFavorite(id) { await this.post( "/api/ajax_subs.php", { storyid: `${id}`, userid: `${environment.currentUserId}`, favstory: "1" }, "json" ); } async removeStoryFavorite(id) { await this.post( "/favorites/story.php", { action: "remove-multi", "rids[]": `${id}` }, "html" ); } async get(url, priority) { const response = await throttledFetch(url, void 0, priority); return response.text(); } async getMultiPage(url) { const body = await this.get(url, 6 /* MultiPage */); const template = document.createElement("template"); template.innerHTML = body; const pageCenter = template.content.querySelector("#content_wrapper_inner center"); if (!pageCenter) { return [template.content]; } const nextLink = pageCenter.lastElementChild; const lastLink = nextLink.previousElementSibling; const relevantLink = lastLink && lastLink.textContent === "Last" ? lastLink : nextLink; const max = +parseGetParams(relevantLink.href).p; const result = [Promise.resolve(template.content)]; for (let i = 2; i <= max; i++) { result.push( this.get(`${url}?p=${i}`, 6 /* MultiPage */).then((nextBody) => { const nextTemplate = document.createElement("template"); nextTemplate.innerHTML = nextBody; return nextTemplate.content; }) ); } return Promise.all(result); } async post(url, data, expect) { const formData = new FormData(); for (const [key, value] of Object.entries(data)) { formData.append(key, value); } const response = await throttledFetch( url, { method: "POST", body: formData, referrer: url }, 1 ); if (expect === "json") { const json = await response.json(); if (json.error) { throw new Error(json.error_msg); } return json; } const template = document.createElement("template"); template.innerHTML = await response.text(); const err = template.content.querySelector(".gui_error"); if (err) { throw new Error(err.textContent ?? void 0); } const msg = template.content.querySelector(".gui_success"); if (msg) { return { payload_type: "html", payload_data: msg.innerHTML }; } return void 0; } }; __publicField(_Api, "instance", new _Api()); var Api = _Api; // src/api/story.ts function getKey(storyId) { return `ffe-story-${storyId}`; } function getStoryCache(storyId) { return tryParse(localStorage.getItem(getKey(storyId))); } function setStoryCache(storyId, story) { if (story && storyId !== story.id) { throw new TypeError(); } const key = getKey(storyId); const newValue = story ? JSON.stringify(story) : void 0; if (newValue) { localStorage.setItem(key, newValue); } else { localStorage.removeItem(key); } dispatchEvent( new StorageEvent("storage", { key, newValue }) ); } function getStoryMetadata(storyId, onChange) { const signal = createSignal(getStoryCache(storyId)); listen(signal, "change", (event) => { if (event.isInternal) { return; } setStoryCache(storyId, event.newValue); onChange?.(event.newValue); }); listen(window, "storage", (event) => { if (event.key !== getKey(storyId)) { return; } const next = tryParse(event.newValue); if (next) { signal.set(next, { isInternal: true }); } }); return signal; } function getStory(storyId) { const signal = getStoryMetadata(storyId, (next) => { if (next?.chapters == null) { Api.instance.getStoryData(storyId).then((story) => { if (story) { console.log("Set story data for '%s' from download", story.title); signal.set({ ...story, timestamp: Date.now() }); } }); } }); if (signal.peek()?.description == null) { Api.instance.getStoryData(storyId).then((story) => { if (story) { console.log("Set story data for '%s' from download", story.title); signal.set({ ...story, timestamp: Date.now() }); } }); } return signal; } function updateStoryData() { if (environment.currentPageType === 2 /* Alerts */ || environment.currentPageType === 3 /* Favorites */) { parseFollows().then((follows) => { if (!follows) { return; } for (const follow of follows) { let cached = getStoryCache(follow.id); if (cached && (cached.id !== follow.id || cached.title !== follow.title || cached.author.id !== follow.author.id || cached.author.name !== follow.author.name || cached.updated && toDate(cached.updated).getTime() < follow.updated.getTime())) { console.debug("Cache for '%s' is outdated, overwriting.", cached.title); cached = void 0; } if (cached == null) { console.debug("Set story data for '%s' from follow.", follow.title); setStoryCache(follow.id, { id: follow.id, title: follow.title, author: follow.author, updated: follow.updated, timestamp: Date.now() }); } } }); } if (environment.currentPageType === 7 /* StoryList */) { parseStoryList().then((list) => { if (!list) { return; } for (const story of list) { let cached = getStoryCache(story.id); if (cached && (cached.id !== story.id || cached.title !== story.title || cached.author.id !== story.author.id || cached.author.name !== story.author.name || cached.updated && story.updated && toDate(cached.updated).getTime() < toDate(story.updated).getTime())) { console.debug("Cache for '%s' is outdated, overwriting.", cached.title); cached = void 0; } if (cached == null) { console.debug("Set story data for '%s' from story list.", story.title); setStoryCache(story.id, { ...story, timestamp: Date.now() }); } } }); } } if (environment.currentPageType === 4 /* Story */ || environment.currentPageType === 5 /* Chapter */) { parseStory().then((story) => { if (story) { console.debug("Set story data for '%s' from story page.", story.title); setStoryCache(story.id, { ...story, timestamp: Date.now() }); } }); } function migrateStoryData() { const keys = Array.from({ length: localStorage.length }, (_, i) => localStorage.key(i)); for (const key of keys) { if (key && /^ffe-story-\d+$/.test(key)) { const cache = tryParse(localStorage.getItem(key)); if (cache) { cache.timestamp = +(localStorage.getItem(key + "+timestamp") ?? 0); localStorage.setItem(key, JSON.stringify(cache)); } localStorage.removeItem(key + "+timestamp"); } } } if (true) { migrateStoryData(); updateStoryData(); } // gm-css:src/components/CheckBox/CheckBox.css GM_addStyle(`.ffe-checkbox_4xe2v { align-items: center; display: flex; flex-flow: column; float: left; height: 2em; justify-content: center; margin-right: 18px; } .ffe-checkbox_4xe2v label { background-color: #bbb; border-radius: 4px; height: 16px; width: 16px; } .ffe-checkbox_4xe2v label:hover { background-color: #888; } .ffe-checkbox_4xe2v input:checked ~ label { background-color: var(--ffe-link-color); } .ffe-checkbox_4xe2v input:checked ~ label:before { color: white; content: "\u2713"; display: block; font-size: 1.2em; margin-top: -3px; padding-right: 2px; text-align: right; } .ffe-checkbox_4xe2v input { display: none; } `); var CheckBox_default = { "checkbox": "ffe-checkbox_4xe2v" }; // jsx:src/components/CheckBox/CheckBox.tsx function CheckBox({ checked, onChange }) { const id = `ffe-check-${parseInt(`${Math.random() * 1e8}`, 10)}`; return jsxs("span", { class: CheckBox_default.checkbox, children: [jsx("input", { type: "checkbox", id, checked, onClick: onChange && ((event) => onChange(event.target.checked)) }), jsx("label", { for: id })] }); } // src/api/word-count.ts function getWordCountCache(storyId) { const key = `ffe-story-${storyId}-words`; const signal = createSignal(tryParse(localStorage.getItem(key), {})); listen(signal, "change", (event) => { if (event.isInternal) { return; } localStorage.setItem(key, JSON.stringify(event.newValue)); dispatchEvent( new StorageEvent("storage", { key, newValue: JSON.stringify(event.newValue) }) ); }); listen(window, "storage", (event) => { if (event.key !== key) { return; } const next = tryParse(event.newValue); if (next) { signal.set(next, { isInternal: true }); } }); return signal; } function getWordCount(storyId, chapterId) { return view_default(getWordCountCache(storyId), { get(cache) { const count = cache[chapterId]; if (count && !count.isEstimate) { return count; } return getWordCountOrEstimate(cache, storyId, chapterId); }, set(cache, next) { return { ...cache, [chapterId]: next }; }, equals(previous, next) { return previous?.count === next?.count && previous?.isEstimate === next?.isEstimate && previous?.timestamp === next?.timestamp; } }); } function getWordCountOrEstimate(cache, storyId, chapterId) { const cached = cache[chapterId]; if (cached && !cached.isEstimate) { return cached; } const story = getStoryMetadata(storyId)(); if (!story?.words || !story.chapters) { return cached; } const { countedWords, unknownChapters } = story.chapters.reduce( ({ countedWords: countedWords2, unknownChapters: unknownChapters2 }, chapter2) => { const c = cache[chapter2.id]; if (!c || c.isEstimate) { return { countedWords: countedWords2, unknownChapters: unknownChapters2 + 1 }; } return { countedWords: countedWords2 + c.count, unknownChapters: unknownChapters2 }; }, { countedWords: 0, unknownChapters: 0 } ); return { count: Math.floor((story.words - countedWords) / unknownChapters), isEstimate: true, timestamp: Date.now() }; } function updateWordCount() { if (environment.currentPageType === 5 /* Chapter */) { const key = `ffe-story-${environment.currentStoryId}-words`; const wordCount = document.getElementById("storytext")?.textContent?.trim()?.split(/\s+/).length ?? 0; const cache = tryParse(localStorage.getItem(key), {}); cache[environment.currentChapterId] = { count: wordCount, isEstimate: false, timestamp: Date.now() }; localStorage.setItem(key, JSON.stringify(cache)); } } function migrateWordCount() { const keys = Array.from({ length: localStorage.length }, (_, i) => localStorage.key(i)); for (const key of keys) { const match = key && key.match(/^ffe-story-(\d+)-chapter-(\d+)-words$/); if (match) { const [, storyId, chapterId] = match; const cache = tryParse(localStorage.getItem(`ffe-story-${storyId}-words`), {}); cache[+chapterId] = { count: +localStorage.getItem(key), isEstimate: false, timestamp: +(localStorage.getItem(key + "+timestamp") || Date.now()) }; localStorage.setItem(`ffe-story-${storyId}-words`, JSON.stringify(cache)); localStorage.removeItem(key); localStorage.removeItem(key + "+timestamp"); } } } if (true) { migrateWordCount(); updateWordCount(); } // gm-css:src/components/ChapterList/ChapterList.css GM_addStyle(`.ffe-container_q0aV4 { margin-bottom: 50px; padding: 20px; } .ffe-list_ISvJ- { border-top: 1px solid var(--ffe-divider-color); list-style-type: none; margin: 0; } .ffe-chapter_xB0Xp { background-color: var(--ffe-panel-color); border-bottom: 1px solid var(--ffe-divider-color); font-size: 1.1em; line-height: 2em; padding: 4px 20px; } .ffe-chapter_xB0Xp a { color: var(--ffe-on-panel-link-color) !important; } .ffe-words_dxhNW { color: var(--ffe-on-panel-color); float: right; font-size: 0.9em; } .ffe-estimate_ACRS4 { color: var(--ffe-on-panel-color-faint); } .ffe-estimate_ACRS4:before { content: "~"; } .ffe-collapsed_zrVoV { text-align: center; } .ffe-collapsed_zrVoV a { cursor: pointer; } `); var ChapterList_default = { "container": "ffe-container_q0aV4", "list": "ffe-list_ISvJ-", "chapter": "ffe-chapter_xB0Xp", "words": "ffe-words_dxhNW", "estimate": "ffe-estimate_ACRS4", "collapsed": "ffe-collapsed_zrVoV" }; // jsx:src/components/ChapterList/ChapterListEntry.tsx function ChapterListEntry({ storyId, chapter: chapter2 }) { const isRead = getChapterRead(storyId, chapter2.id); const words = getWordCount(storyId, chapter2.id); return jsxs("li", { class: ChapterList_default.chapter, children: [render_default(() => jsx(CheckBox, { checked: isRead(), onChange: isRead.set })), jsx("span", { children: jsx("a", { href: `/s/${storyId}/${chapter2.id}`, children: chapter2.title }) }), render_default(() => words() != null && jsxs("span", { class: compute(() => clsx_default(ChapterList_default.words, { [ChapterList_default.estimate]: words()?.isEstimate })), children: [jsx("b", { children: render_default(() => words()?.count.toLocaleString("en")) }), " words"] }))] }); } // jsx:src/components/ChapterList/ChapterList.tsx function hiddenChapterMapper(story, isRead, onShow) { return (chapter2, idx, chapters) => { if (isRead(chapter2)) { if (idx === chapters.length - 1 || !isRead(chapters[idx + 1])) { let count = 0; for (let i = idx; i >= 0; i--) { if (!isRead(chapters[i])) { break; } count += 1; } if (count <= 1) { return render_default(() => jsx(ChapterListEntry, { storyId: story.id, chapter: chapter2 })); } return jsx("li", { class: clsx_default(ChapterList_default.chapter, ChapterList_default.collapsed), children: jsxs("a", { onClick: onShow, children: ["Show ", count, " hidden chapter", count !== 1 && "s"] }) }); } return null; } if (idx > 1) { if (idx === chapters.length - 4) { let count = 0; for (let i = idx; i >= 0; i--) { if (isRead(chapters[i])) { break; } count += 1; } count -= 2; if (count <= 1) { return render_default(() => jsx(ChapterListEntry, { storyId: story.id, chapter: chapter2 })); } return jsx("li", { class: clsx_default(ChapterList_default.chapter, ChapterList_default.collapsed), children: jsxs("a", { onClick: onShow, children: ["Show ", count, " hidden chapter", count !== 1 && "s"] }) }); } if (idx < chapters.length - 3 && !isRead(chapters[idx - 1]) && !isRead(chapters[idx - 2])) { return null; } } return render_default(() => jsx(ChapterListEntry, { storyId: story.id, chapter: chapter2 })); }; } function ChapterList({ class: className, storyId }) { const isExtended = createSignal(false); return render_default(() => { const storySignal = getStory(storyId); const story = storySignal(); if (!story) { return jsx("div", { class: clsx_default(ChapterList_default.container, className) }); } const isReadMap = new Map(story.chapters?.map((chapter2) => [chapter2.id, getChapterRead(story.id, chapter2.id)])); return jsx("div", { class: clsx_default(ChapterList_default.container, className), children: jsx("ol", { class: ChapterList_default.list, children: render_default(() => isExtended() ? story.chapters?.map((chapter2) => render_default(() => jsx(ChapterListEntry, { storyId: story.id, chapter: chapter2 }))) : story.chapters?.flatMap(hiddenChapterMapper(story, (chapter2) => isReadMap.get(chapter2.id)(), () => isExtended.set(true)))) }) }); }); } // gm-css:src/components/Button/Button.css GM_addStyle(`.btn > svg { height: 19px; vertical-align: text-bottom; margin-top: -2px; margin-bottom: -2px; fill: currentColor; } `); // jsx:src/components/Button/Button.tsx function Button({ class: className, title: title2, disabled, onClick, children }) { return jsx("button", { class: clsx_default("btn", { disabled }, className), disabled, title: title2, onClick, children }); } // gm-css:src/components/Rating/Rating.css GM_addStyle(`.ffe-rating_-Szic { background: gray; padding: 3px 5px; color: #fff !important; border: 1px solid var(--ffe-weak-divider-color); text-shadow: -1px -1px rgba(0, 0, 0, 0.2); border-radius: 4px; margin-right: 5px; vertical-align: 2px; } .ffe-rating_-Szic:hover { border-bottom-color: transparent; } .ffe-rating-k_p9EAi, .ffe-rating-kp_oIQ7y { background: var(--ffe-rating-k-color); } .ffe-rating-t_7LxUa, .ffe-rating-m_uXnLp { background: var(--ffe-rating-t-color); } .ffe-rating-ma_ERDHj { background: var(--ffe-rating-m-color); } `); var Rating_default = { "rating": "ffe-rating_-Szic", "ratingK": "ffe-rating-k_p9EAi", "ratingKp": "ffe-rating-kp_oIQ7y", "ratingT": "ffe-rating-t_7LxUa", "ratingM": "ffe-rating-m_uXnLp", "ratingMa": "ffe-rating-ma_ERDHj" }; // jsx:src/components/Rating/Rating.tsx var ratings = { K: { class: Rating_default.ratingK, title: "General Audience (5+)" }, "K+": { class: Rating_default.ratingKp, title: "Young Children (9+)" }, T: { class: Rating_default.ratingT, title: "Teens (13+)" }, M: { class: Rating_default.ratingM, title: "Teens (16+)" }, MA: { class: Rating_default.ratingMa, title: "Mature (18+)" } }; function Rating({ rating }) { return jsx("a", { href: "https://www.fictionratings.com/", class: clsx_default(Rating_default.rating, ratings[rating ?? ""]?.class), title: ratings[rating ?? ""]?.title ?? "No Rating Available", rel: "noreferrer", target: "rating", children: rating && rating in ratings ? rating : "?" }); } // src/api/links.ts var FFN_BASE_URL = "//www.fanfiction.net"; function slug(str) { return str.replace(/\W+/g, "-"); } function createChapterLink(story, chapter2) { let link = `${FFN_BASE_URL}/s/${typeof story === "number" ? story : story.id}/${typeof chapter2 === "number" ? chapter2 : chapter2.id}`; if (typeof story !== "number") { link += `/${slug(story.title)}`; if (typeof chapter2 !== "number") { link += `/${slug(chapter2.title)}`; } } return link; } // src/util/epub.ts function escapeFile(text) { return text.replace(/[<>:"/\\|?*]/g, "-"); } function escapeXml(text) { return text.replace(/&/g, "&").replace(//g, ">"); } var Epub = class { constructor(story) { this.story = story; console.debug("[EPUB] Using JSZip version: %s", JSZip.version); } getContainerXml() { return ` `; } getContentXml() { return ` ${escapeXml(this.story.title)} ${escapeXml(this.story.language)} https://www.fanfiction.net/s/${this.story.id} ${escapeXml(this.story.description)} ${escapeXml(this.story.author.name)} FanFiction Enhancements (https://github.com/amur-tiger/fanfiction-enhancements) FanFiction.net ${toDate(this.story.published).toISOString()} ${(/* @__PURE__ */ new Date()).toISOString().substring(0, 19)}Z ${this.hasCover() ? ` ` : ""} ${this.story.chapters.map( (chapter2) => `` ).join("\n ")} ${this.hasCover() ? `` : ""} ${this.story.chapters.map((chapter2) => ``).join("\n ")} ${this.hasCover() ? '' : ""} `; } getNcxXml() { return ` ${escapeXml(this.story.title)} ${this.story.chapters.map( (chapter2) => ` ${escapeXml(chapter2.title)} ` ).join("\n ")} `; } getTocHtml() { return ` Table of Contents `; } getCoverHtml() { return ` Cover
`; } async getChapterHtml(chapter2) { const link = createChapterLink(this.story, chapter2); const response = await throttledFetch(link, void 0, 3 /* EpubChapter */); if (!response.ok) { throw new Error(response.statusText); } const serializer = new XMLSerializer(); const template = document.createElement("template"); template.innerHTML = await response.text(); const storyText = template.content.getElementById("storytext"); const content = serializer.serializeToString(storyText); return ` ${escapeXml(chapter2.title)} ${content} `; } hasCover() { return !!this.story.imageUrl; } getFilename() { return escapeFile(`${this.story.title} - ${this.story.author.name}.epub`); } async create(onProgress) { console.debug("[EPUB] Creating EPUB for '%s'", this.story.title); const stepCount = this.story.chapters.length + 3; let step = 0; const advance = () => { step += 1; onProgress?.({ progress: step / stepCount, step, stepCount }); }; const zip = new JSZip(); zip.file("mimetype", "application/epub+zip"); const meta = zip.folder("META-INF"); meta.file("container.xml", this.getContainerXml()); zip.file("content.opf", this.getContentXml()); zip.file("toc.ncx", this.getNcxXml()); zip.file("toc.xhtml", this.getTocHtml()); advance(); const coverUrl = this.story.imageUrl; if (coverUrl) { console.debug("[EPUB] Fetching cover"); zip.file("cover.xhtml", this.getCoverHtml()); const cover = await throttledFetch(`//www.fanfiction.net${coverUrl}`, void 0, 3 /* EpubChapter */); if (!cover.ok) { throw new Error(cover.statusText); } zip.file("cover.jpg", await cover.blob()); } advance(); await Promise.all( this.story.chapters.map(async (chapter2) => { console.debug("[EPUB] Fetching chapter %d: '%s'", chapter2.id, chapter2.title); zip.file(`chapter-${chapter2.id}.xhtml`, await this.getChapterHtml(chapter2)); advance(); }) ); console.debug("[EPUB] Packing file"); const result = zip.generateAsync({ type: "blob" }); advance(); return result; } }; // src/api/follows.ts function getStoryFollowCache(type) { const key = `ffe-${type}`; const signal = createSignal( tryParse(localStorage.getItem(key), { timestamp: 0 }) ); listen(signal, "change", async (event) => { if (event.isInternal) { return; } localStorage.setItem(key, JSON.stringify(event.newValue)); dispatchEvent( new StorageEvent("storage", { key, newValue: JSON.stringify(event.newValue) }) ); }); listen(window, "storage", (event) => { if (event.key !== key) { return; } const next = tryParse(event.newValue); if (next) { signal.set(next, { isInternal: true }); } }); return signal; } function getStoryFavorite(storyId) { return view_default(getStoryFollowCache("favorites"), { get(cache) { return cache[storyId]?.follow ?? false; }, set(cache, follow) { if (follow) { void Api.instance.addStoryFavorite(storyId); } else { void Api.instance.removeStoryFavorite(storyId); } return { ...cache, [storyId]: { ...cache[storyId], id: storyId, follow, timestamp: Date.now() } }; } }); } function getStoryAlert(storyId) { return view_default(getStoryFollowCache("alerts"), { get(cache) { return cache[storyId]?.follow ?? false; }, set(cache, follow) { if (follow) { void Api.instance.addStoryAlert(storyId); } else { void Api.instance.removeStoryAlert(storyId); } return { ...cache, [storyId]: { ...cache[storyId], id: storyId, follow, timestamp: Date.now() } }; } }); } function updateFollows() { const maxAge = 5 * 60 * 1e3; const favorites = getStoryFollowCache("favorites"); if (favorites.peek().timestamp < Date.now() - maxAge) { Api.instance.getStoryFavorites().then((follows) => { favorites.set({ timestamp: Date.now(), ...Object.fromEntries( follows.map((follow) => [ follow.id, { id: follow.id, follow: true, timestamp: Date.now() } ]) ) }); }); } const alerts = getStoryFollowCache("alerts"); if (alerts.peek().timestamp < Date.now() - maxAge) { Api.instance.getStoryAlerts().then((follows) => { alerts.set({ timestamp: Date.now(), ...Object.fromEntries( follows.map((follow) => [ follow.id, { id: follow.id, follow: true, timestamp: Date.now() } ]) ) }); }); } } function migrateFollows() { const keys = Array.from({ length: localStorage.length }, (_, i) => localStorage.key(i)); for (const key of keys) { if (key && /^ffe-story-\d+-(favorite|alert)$/.test(key)) { localStorage.removeItem(key); localStorage.removeItem(key + "+timestamp"); } } } if (true) { migrateFollows(); updateFollows(); } // gm-css:src/components/CircularProgress/CircularProgress.css GM_addStyle(`.ffe-progress_BTGWA { visibility: hidden; position: absolute; } .ffe-circle-background_7ZBf2 { fill: none; stroke: var(--ffe-on-button-color-faint); } .ffe-circle-foreground_aq6Ch { transform: rotate(-90deg); fill: none; stroke: var(--ffe-primary-color); } `); var CircularProgress_default = { "progress": "ffe-progress_BTGWA", "circleBackground": "ffe-circle-background_7ZBf2", "circleForeground": "ffe-circle-foreground_aq6Ch" }; // jsx:src/components/CircularProgress/CircularProgress.tsx function CircularProgress({ progress, size = 24 }) { const strokeWidth = 4; const circumference = (size - strokeWidth) * Math.PI; const dash = (progress ?? 0) * circumference; return jsxs("span", { style: `height: ${size}px;`, children: [jsx("progress", { class: CircularProgress_default.progress, value: progress }), jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [jsx("circle", { class: CircularProgress_default.circleBackground, cx: size / 2, cy: size / 2, r: (size - strokeWidth) / 2, "stroke-width": strokeWidth }), jsx("circle", { class: CircularProgress_default.circleForeground, cx: size / 2, cy: size / 2, r: (size - strokeWidth) / 2, "stroke-width": strokeWidth, "transform-origin": `${size / 2} ${size / 2}`, "stroke-dasharray": `${dash} ${circumference - dash}` })] })] }); } // gm-css:src/components/StoryCard/StoryCard.css GM_addStyle(`.ffe-container_TV1gX { background-color: var(--ffe-paper-color); } .ffe-header_BbejX { border-bottom: 1px solid var(--ffe-divider-color); padding-bottom: 8px; margin-bottom: 8px; } .ffe-title_iXSH7 { color: var(--ffe-on-paper-color) !important; font-size: 1.8em; } .ffe-title_iXSH7:hover { border-bottom: 0; text-decoration: underline; } .ffe-by_YlLGj { color: var(--ffe-on-paper-color); padding: 0 0.5em; } .ffe-author_fvDto { color: var(--ffe-link-color) !important; } .ffe-mark_LbIkN { float: right; } .ffe-mark_LbIkN > * { margin-right: 4px; } .ffe-alert_xwUmx:hover, .ffe-alert_xwUmx.ffe-active_i3wGV { color: var(--ffe-alert-color) !important; } .ffe-favorite_ODl41:hover, .ffe-favorite_ODl41.ffe-active_i3wGV { color: var(--ffe-favorite-color) !important; } .ffe-follow-count_ZZNPb { color: var(--ffe-on-button-color); font-weight: bolder; margin-left: 0.4em; } .ffe-download-button_W1YkF { display: inline-flex; gap: 0.5rem; } .ffe-tags_-hQ1N { border-bottom: 1px solid var(--ffe-divider-color); display: flex; flex-wrap: wrap; line-height: 2em; margin-bottom: 8px; } .ffe-tag_MCrAu { border: 1px solid var(--ffe-weak-divider-color); border-radius: 4px; color: var(--ffe-on-paper-color); line-height: 16px; margin-bottom: 8px; margin-right: 5px; padding: 3px 8px; } .ffe-tag_MCrAu a { color: var(--ffe-link-color); } .ffe-tag-language_ysFMU { background-color: var(--ffe-language-tag-color); color: var(--ffe-on-language-tag-color); } .ffe-tag-universe_QNjvU { background-color: var(--ffe-universe-tag-color); color: var(--ffe-on-universe-tag-color); } .ffe-tag-genre_jNSPi { background-color: var(--ffe-genre-tag-color); color: var(--ffe-on-genre-tag-color); } .ffe-tag_MCrAu.ffe-tag-character_Eex3Y, .ffe-tag_MCrAu.ffe-tag-ship_lqWAf { background-color: var(--ffe-character-tag-color); color: var(--ffe-on-character-tag-color); } .ffe-tag-ship_lqWAf .ffe-tag-character_Eex3Y:not(:first-child):before { content: " + "; } .ffe-image_EcDjI { float: left; border: 1px solid var(--ffe-divider-color); border-radius: 3px; padding: 3px; margin-right: 8px; margin-bottom: 8px; } .ffe-description_9AQkV { color: var(--ffe-on-paper-color); font-family: "Open Sans", sans-serif; font-size: 1.1em; line-height: 1.4em; } .ffe-footer_2SqSY { clear: left; background: var(--ffe-panel-color); border-bottom: 1px solid var(--ffe-divider-color); border-top: 1px solid var(--ffe-divider-color); color: var(--ffe-on-panel-color); font-size: 0.9em; margin-left: -0.5em; margin-right: -0.5em; margin-top: 1em; padding: 10px 0.5em; } .ffe-footer-info_kXrOX { background: var(--ffe-paper-color); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; color: var(--ffe-on-paper-color); line-height: 16px; margin-top: -5px; margin-right: 5px; padding: 3px 8px; } .ffe-footer-incomplete_EbjUn { background: var(--ffe-incomplete-tag-color); color: var(--ffe-on-incomplete-tag-color); } .ffe-footer-complete_C4nja { background: var(--ffe-complete-tag-color); color: var(--ffe-on-complete-tag-color); } .ffe-footer-words_QzEEi { color: var(--ffe-on-panel-color); float: right; } `); var StoryCard_default = { "container": "ffe-container_TV1gX", "header": "ffe-header_BbejX", "title": "ffe-title_iXSH7", "by": "ffe-by_YlLGj", "author": "ffe-author_fvDto", "mark": "ffe-mark_LbIkN", "alert": "ffe-alert_xwUmx", "active": "ffe-active_i3wGV", "favorite": "ffe-favorite_ODl41", "followCount": "ffe-follow-count_ZZNPb", "downloadButton": "ffe-download-button_W1YkF", "tags": "ffe-tags_-hQ1N", "tag": "ffe-tag_MCrAu", "tagLanguage": "ffe-tag-language_ysFMU", "tagUniverse": "ffe-tag-universe_QNjvU", "tagGenre": "ffe-tag-genre_jNSPi", "tagCharacter": "ffe-tag-character_Eex3Y", "tagShip": "ffe-tag-ship_lqWAf", "image": "ffe-image_EcDjI", "description": "ffe-description_9AQkV", "footer": "ffe-footer_2SqSY", "footerInfo": "ffe-footer-info_kXrOX", "footerIncomplete": "ffe-footer-incomplete_EbjUn", "footerComplete": "ffe-footer-complete_C4nja", "footerWords": "ffe-footer-words_QzEEi" }; // jsx:src/components/StoryCard/StoryCard.tsx function StoryCard({ class: className, storyId }) { const storySignal = getStory(storyId); const story = storySignal(); if (!story) { return jsx("div", { class: clsx_default(StoryCard_default.container, className), children: "loading..." }); } const isDownloading = createSignal(false); const progress = createSignal(); const hasAlert = getStoryAlert(story.id); const isFavorite = getStoryFavorite(story.id); const alertOffset = createSignal(0); const favoriteOffset = createSignal(0); const handleDownloadClick = async () => { const link = element.querySelector(".ffe-download-link"); if (isDownloading() || !link || !("chapters" in story)) { return; } try { isDownloading.set(true); const epub = new Epub(story); const blob = await epub.create(progress.set); link.href = URL.createObjectURL(blob); link.download = epub.getFilename(); link.click(); } finally { isDownloading.set(false); } }; const element = jsxs("div", { class: clsx_default(StoryCard_default.container, className), children: [jsxs("div", { class: StoryCard_default.header, children: [render_default(() => jsx(Rating, { rating: story.rating })), jsx("a", { href: `/s/${story.id}`, class: StoryCard_default.title, children: story.title }), jsx("span", { class: StoryCard_default.by, children: "by" }), jsx("a", { href: `/u/${story.author.id}`, class: StoryCard_default.author, children: story.author.name }), jsxs("div", { class: StoryCard_default.mark, children: [render_default(() => jsxs(Button, { onClick: handleDownloadClick, title: isDownloading() ? `Progress: ${Math.round((progress()?.progress ?? 0) * 100)}\u202F%` : "Download as ePub", class: StoryCard_default.downloadButton, disabled: isDownloading(), children: [render_default(() => isDownloading() ? render_default(() => jsx(CircularProgress, { size: 20, progress: progress()?.progress })) : jsx("span", { class: "icon-arrow-down" })), render_default(() => isDownloading() && jsxs("span", { children: [render_default(() => Math.round((progress()?.progress ?? 0) * 100)), "\u202F", "%"] }))] })), jsx("a", { style: "display: none", class: "ffe-download-link" }), jsxs("div", { class: "btn-group", children: [render_default(() => jsxs(Button, { class: clsx_default(StoryCard_default.alert, { [StoryCard_default.active]: hasAlert() }), title: "Toggle Story Alert", onClick: () => hasAlert.set((prev) => { alertOffset.set((po) => prev ? po - 1 : po + 1); return !prev; }), children: [render_default(() => jsx(bell_default, {})), jsx("span", { class: StoryCard_default.followCount, children: render_default(() => ((story.follows ?? 0) + alertOffset()).toLocaleString("en")) })] })), render_default(() => jsx(Button, { class: clsx_default(StoryCard_default.favorite, "icon-heart", { [StoryCard_default.active]: isFavorite() }), title: "Toggle Favorite", onClick: () => isFavorite.set((prev) => { favoriteOffset.set((po) => prev ? po - 1 : po + 1); return !prev; }), children: jsx("span", { class: StoryCard_default.followCount, children: render_default(() => ((story.favorites ?? 0) + favoriteOffset()).toLocaleString("en")) }) }))] })] })] }), jsxs("div", { class: StoryCard_default.tags, children: [story.language && jsx("span", { class: clsx_default(StoryCard_default.tag, StoryCard_default.tagLanguage), children: story.language }), story.universes && story.universes.map((universe) => jsx("span", { class: clsx_default(StoryCard_default.tag, StoryCard_default.tagUniverse), children: universe })), story.genre && story.genre.map((genre) => jsx("span", { class: clsx_default(StoryCard_default.tag, StoryCard_default.tagGenre), children: genre })), story.characters && story.characters.length > 0 && story.characters.map((pairing) => pairing.length === 1 ? jsx("span", { class: clsx_default(StoryCard_default.tag, StoryCard_default.tagCharacter), children: pairing }) : jsx("span", { class: clsx_default(StoryCard_default.tag, StoryCard_default.tagShip), children: pairing.map((character) => jsx("span", { class: clsx_default(StoryCard_default.tagCharacter), children: character })) })), story.chapters && story.chapters.length > 0 && jsxs("span", { class: clsx_default(StoryCard_default.tag, StoryCard_default.tagChapters), children: ["Chapters:\xA0", story.chapters.length] }), story.reviews != null && jsx("span", { class: clsx_default(StoryCard_default.tag, StoryCard_default.tagReviews), children: jsxs("a", { href: `/r/${story.id}/`, children: ["Reviews:\xA0", story.reviews] }) })] }), story.imageUrl && jsx("div", { class: StoryCard_default.image, children: jsx("img", { src: story.imageUrl, alt: "Story Cover" }) }), jsx("div", { class: StoryCard_default.description, children: story.description }), jsxs("div", { class: StoryCard_default.footer, children: [story.words != null && jsxs("div", { class: StoryCard_default.footerWords, children: [jsx("strong", { children: story.words.toLocaleString("en") }), " words"] }), story.status === "Complete" ? jsx("span", { class: clsx_default(StoryCard_default.footerInfo, StoryCard_default.footerComplete), children: "Complete" }) : jsx("span", { class: clsx_default(StoryCard_default.footerInfo, StoryCard_default.footerIncomplete), children: "Incomplete" }), story.published && jsxs("span", { class: StoryCard_default.footerInfo, children: [jsx("strong", { children: "Published:\xA0" }), jsx("time", { dateTime: compute(() => toDate(story.published).toISOString()), children: toDate(story.published).toLocaleDateString("en") })] }), story.updated && jsxs("span", { class: StoryCard_default.footerInfo, children: [jsx("strong", { children: "Updated:\xA0" }), jsx("time", { dateTime: compute(() => toDate(story.updated).toISOString()), children: toDate(story.updated).toLocaleDateString("en") })] })] })] }); return element; } // gm-css:src/enhance/FollowsList/FollowsList.css GM_addStyle(`.ffe-list_-LIhd { list-style: none; margin: 0; } .ffe-item_0EvmM { margin-bottom: 8px; } .ffe-story-card_h-LAl { border-left: 1px solid var(--ffe-divider-color); border-top: 1px solid var(--ffe-divider-color); border-top-left-radius: 4px; padding-left: 0.5em; padding-top: 5px; } .ffe-chapterList_nNQJU { border-left: 1px solid var(--ffe-divider-color); margin-bottom: 20px; padding: 10px 0 0 0; } `); var FollowsList_default = { "list": "ffe-list_-LIhd", "item": "ffe-item_0EvmM", "storyCard": "ffe-story-card_h-LAl", "chapterList": "ffe-chapterList_nNQJU" }; // jsx:src/enhance/FollowsList/FollowsList.tsx var FollowsList = class { canEnhance(type) { return type === 2 /* Alerts */ || type === 3 /* Favorites */; } async enhance() { const list = await parseFollows(document); if (!list) { return; } const container2 = jsx("ul", { class: FollowsList_default.list }); const table = document.getElementById("gui_table1")?.parentElement; if (!table) { return; } table.parentElement?.insertBefore(container2, table); for (const followedStory of list) { const item = jsx("li", { class: FollowsList_default.item }); container2.appendChild(item); const card = render_default(() => jsx(StoryCard, { class: FollowsList_default.storyCard, storyId: followedStory.id })); item.appendChild(card); const chapterList = render_default(() => jsx(ChapterList, { class: FollowsList_default.chapterList, storyId: followedStory.id })); item.appendChild(chapterList); } table.parentElement?.removeChild(table); } }; // gm-css:src/enhance/StoryList/StoryList.css GM_addStyle(`.ffe-container_jV6Zk { list-style: none; margin: 0 auto; } .ffe-item_Jqr5i { margin: 10px 0; } .ffe-story-card_M5lUN { border: 1px solid var(--ffe-divider-color); padding: 5px 0.5em; } `); var StoryList_default = { "container": "ffe-container_jV6Zk", "item": "ffe-item_Jqr5i", "storyCard": "ffe-story-card_M5lUN" }; // jsx:src/enhance/StoryList/StoryList.tsx var StoryList = class { canEnhance(type) { return type === 7 /* StoryList */; } async enhance() { const list = await parseStoryList(document); if (!list) { return; } const cw = document.getElementById("content_wrapper"); if (!cw) { return; } const container2 = document.createElement("ul"); container2.classList.add(StoryList_default.container, "maxwidth"); cw.parentElement?.insertBefore(container2, null); for (const followedStory of list) { const item = document.createElement("li"); item.classList.add(StoryList_default.item); container2.appendChild(item); const card = render_default(() => jsx(StoryCard, { class: StoryList_default.storyCard, storyId: followedStory.id })); item.appendChild(card); } cw.querySelectorAll(".z-list").forEach((e) => e.parentElement?.removeChild(e)); const pageNav = cw.querySelector("center:last-of-type"); if (pageNav) { const footer = document.createElement("div"); footer.id = "content_wrapper_inner"; footer.classList.add("maxwidth"); footer.style.backgroundColor = "white"; footer.style.height = "35px"; footer.style.lineHeight = "35px"; footer.appendChild(pageNav); cw.parentElement?.insertBefore(footer, null); } } }; // jsx:src/enhance/StoryProfile/StoryProfile.tsx var StoryProfile = class { canEnhance(type) { return type === 4 /* Story */ || type === 5 /* Chapter */; } async enhance() { const profile = document.getElementById("profile_top"); if (!profile || !environment.currentStoryId) { return; } const card = render_default(() => jsx(StoryCard, { storyId: environment.currentStoryId })); profile.parentElement?.insertBefore(card, profile); profile.style.display = "none"; } }; // jsx:src/enhance/ChapterList/ChapterList.tsx var ChapterList2 = class { canEnhance(type) { return type === 4 /* Story */; } async enhance() { const contentWrapper = document.getElementById("content_wrapper_inner"); if (!contentWrapper || !environment.currentStoryId) { return; } Array.from(contentWrapper.children).filter((e) => !e.textContent && e.style.height === "5px" || e.firstElementChild && e.firstElementChild.nodeName === "SELECT" || e.className === "lc-wrapper" && e.id !== "pre_story_links").forEach((e) => contentWrapper.removeChild(e)); const storyText = document.getElementById("storytextp"); if (storyText) { contentWrapper.removeChild(storyText); } const chapterList = render_default(() => jsx(ChapterList, { storyId: environment.currentStoryId })); contentWrapper.insertBefore(chapterList, document.getElementById("review_success")); } }; // src/enhance/SaveListSettings/SaveListSettings.ts var SaveListSettings = class { canEnhance(type) { return type === 7 /* StoryList */ || type === 8 /* UniverseList */ || type === 9 /* CommunityList */; } getSort() { return GM.getValue("list-sort", "1"); } setSort(value) { return GM.setValue("list-sort", value); } getRating() { return GM.getValue("list-rating", "103"); } async getRatingBar() { const rating = await this.getRating(); switch (rating) { case "10": return "99"; case "103": default: return "3"; case "102": return "2"; case "1": return "1"; case "2": return "12"; case "3": return "13"; case "4": return "14"; } } setRating(value) { return GM.setValue("list-rating", value); } async setRatingBar(value) { switch (value) { case "99": await this.setRating("10"); break; case "3": default: await this.setRating("103"); break; case "2": await this.setRating("102"); break; case "1": await this.setRating("1"); break; case "12": await this.setRating("2"); break; case "13": await this.setRating("3"); break; case "14": await this.setRating("4"); break; } } async enhance() { await this.updateFilterForm(); const sort = await this.getSort(); const rating = await this.getRating(); const ratingBar = await this.getRatingBar(); const showAllCrossoversButton = document.querySelector("#content_wrapper_inner a.btn"); if (showAllCrossoversButton) { showAllCrossoversButton.href += `?&srt=${sort}&r=${rating}`; } const universeLinks = document.querySelectorAll("#list_output a"); for (let i = 0; i < universeLinks.length; i++) { const link = universeLinks.item(i); if (!link.href.includes("crossovers")) { link.href += `?&srt=${sort}&r=${rating}`; } } const communityLinks = document.querySelectorAll(".z-list a"); for (let i = 0; i < communityLinks.length; i++) { const link = communityLinks.item(i); link.href += `${ratingBar}/${sort}/1/0/0/0/0/`; } } async updateFilterForm() { const dialog = document.querySelector("#filters #myform"); if (dialog) { const sortSelect = dialog.elements.namedItem("sortid"); if (sortSelect) { sortSelect.value = await this.getSort(); } const ratingSelect = dialog.elements.namedItem("censorid"); if (ratingSelect) { ratingSelect.value = await this.getRating(); } const submitButton = dialog.querySelector(".btn-primary"); if (submitButton) { submitButton.addEventListener("click", async () => { if (sortSelect) { await this.setSort(sortSelect.value); } if (ratingSelect) { await this.setRating(ratingSelect.value); } }); } } else { const bar = document.querySelector("#content_wrapper_inner form"); if (bar && bar.name === "myform") { const sortSelect = bar.elements.namedItem("s"); if (sortSelect) { sortSelect.value = await this.getSort(); } const ratingSelect = bar.elements.namedItem("censorid"); if (ratingSelect) { ratingSelect.value = await this.getRatingBar(); } const submitButton = bar.querySelector("input[type=submit]"); if (submitButton) { submitButton.addEventListener("click", async () => { if (sortSelect) { await this.setSort(sortSelect.value); } if (ratingSelect) { await this.setRatingBar(ratingSelect.value); } }); } } } } }; // jsx:src/components/Modal/Modal.tsx var persistentModalContainer = jsx("div", { class: "modal fade hide" }); document.body.append(persistentModalContainer); function Modal({ open, onClose, backdrop = false, children }) { $(persistentModalContainer).data({ backdrop }); effect(() => { if (children) { persistentModalContainer.appendChild(render_default(() => jsx(Fragment, { children }))); } return () => persistentModalContainer.replaceChildren(); }); if (onClose) { effect(() => { $(persistentModalContainer).on("hide", onClose); return () => $(persistentModalContainer).off("hide"); }); } if (open) { $(persistentModalContainer).modal("show"); } else { $(persistentModalContainer).modal("hide"); } return null; } // gm-css:src/components/StoryTextHeader/StoryTextHeader.css GM_addStyle(`.ffe-header_tp1g1 { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; gap: 0.5rem; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid var(--ffe-divider-color); } .ffe-caption_ATZ4P { grid-column: span 2; color: var(--ffe-on-paper-color); font-size: 1.3rem; font-weight: bolder; text-align: center; } .ffe-setting_fQMMa { padding: 12px; } .ffe-setting_fQMMa:not(:last-child) { border-bottom: 1px solid var(--ffe-divider-color); } .ffe-setting_fQMMa .ffe-line-label_f7Vto { display: inline-block; width: 120px; } .ffe-setting_fQMMa .ffe-line-value_6EGJD { margin-left: 20px; } .ffe-setting_fQMMa label { display: inline; } .ffe-setting_fQMMa label:not(:first-of-type) { margin-left: 20px; } .ffe-setting_fQMMa label input[type="checkbox"] { bottom: 0; margin-right: 0.5em; } .ffe-justify_hsDrb p { text-align: justify; } .ffe-indent_0CSjp p:not([style*="text-align"]) { text-indent: 2.5em; } .ffe-no-space_SvllC p { margin: 0; } `); var StoryTextHeader_default = { "header": "ffe-header_tp1g1", "caption": "ffe-caption_ATZ4P", "setting": "ffe-setting_fQMMa", "lineLabel": "ffe-line-label_f7Vto", "lineValue": "ffe-line-value_6EGJD", "justify": "ffe-justify_hsDrb", "indent": "ffe-indent_0CSjp", "noSpace": "ffe-no-space_SvllC" }; // jsx:src/components/StoryTextHeader/StoryTextHeader.tsx function StoryTextHeader({ title: title2, children }) { const isOpen = createSignal(false); const fontFamily = createSignal(XCOOKIE.read_font); const fontSize = createSignal(+XCOOKIE.read_font_size); const lineHeight = createSignal(+XCOOKIE.read_line_height); const width = createSignal(+XCOOKIE.read_width); const paragraph = createSignal(XCOOKIE.read_paragraph); const textAlign = createSignal(XCOOKIE.read_align); effect(() => { document.querySelector("#storytext").style.fontFamily = fontFamily(); XCOOKIE.read_font = fontFamily(); _fontastic_save(); }); effect(() => { document.querySelector("#storytext").style.fontSize = `${fontSize()}em`; XCOOKIE.read_font_size = fontSize(); _fontastic_save(); }); effect(() => { document.querySelector("#storytext").style.lineHeight = `${lineHeight()}`; XCOOKIE.read_line_height = lineHeight(); _fontastic_save(); }); effect(() => { document.querySelector("#storytext").style.width = `${width()}%`; XCOOKIE.read_width = width(); _fontastic_save(); }); effect(() => { const text = document.querySelector("#storytext"); text.classList.toggle(StoryTextHeader_default.indent, paragraph() !== "space"); text.classList.toggle(StoryTextHeader_default.noSpace, paragraph() === "indent"); XCOOKIE.read_paragraph = paragraph(); _fontastic_save(); }); effect(() => { document.querySelector("#storytext").classList.toggle(StoryTextHeader_default.justify, textAlign() === "justify"); XCOOKIE.read_align = textAlign(); _fontastic_save(); }); return jsxs("div", { class: StoryTextHeader_default.header, children: [jsx("div", { children: jsx("button", { class: "btn icon-tl-text", onClick: () => isOpen.set(true), children: "\xA0Formatting" }) }), jsx("div", { children }), jsx("h2", { class: StoryTextHeader_default.caption, children: title2 }), render_default(() => jsxs(Modal, { open: isOpen(), onClose: () => isOpen.set(false), children: [jsxs("div", { class: "modal-header", children: [jsx("span", { class: "icon-tl-text" }), "\xA0Formatting"] }), jsxs("div", { class: "modal-body", children: [jsxs("div", { class: StoryTextHeader_default.setting, children: [jsx("span", { class: StoryTextHeader_default.lineLabel, children: "Font Family:" }), jsxs("select", { value: compute(() => fontFamily()), onChange: (event) => fontFamily.set(event.target.value), children: [jsxs("optgroup", { label: "Serif", children: [jsx("option", { value: "Georgia", children: "Georgia" }), jsx("option", { value: "Palatino", children: "Palatino" }), jsx("option", { value: "Times New Roman", children: "Times New Roman" })] }), jsxs("optgroup", { label: "Sans-Serif", children: [jsx("option", { value: "Arial", children: "Arial" }), jsx("option", { value: "Droid Sans", children: "Droid Sans" }), jsx("option", { value: "Helvetica", children: "Helvetica" }), jsx("option", { value: "Open Sans", children: "Open Sans" }), jsx("option", { value: "PT Sans", children: "PT Sans" }), jsx("option", { value: "Roboto", children: "Roboto" }), jsx("option", { value: "Ubuntu", children: "Ubuntu" })] })] })] }), jsxs("div", { class: StoryTextHeader_default.setting, children: [jsx("span", { class: StoryTextHeader_default.lineLabel, children: "Font Size:" }), jsx("input", { type: "range", "aria-label": "Font Size", value: compute(() => toPercent(fontSize(), 0.1, 3)), onInput: (event) => fontSize.set(fromPercent(event, 0.1, 3)) }), jsxs("span", { class: StoryTextHeader_default.lineValue, children: [render_default(() => fontSize().toFixed(2)), "em"] })] }), jsxs("div", { class: StoryTextHeader_default.setting, children: [jsx("span", { class: StoryTextHeader_default.lineLabel, children: "Line Height:" }), jsx("input", { type: "range", "aria-label": "Line Height", value: compute(() => toPercent(lineHeight(), 1, 3)), onInput: (event) => lineHeight.set(fromPercent(event, 1, 3)) }), jsx("span", { class: StoryTextHeader_default.lineValue, children: render_default(() => lineHeight().toFixed(2)) })] }), jsxs("div", { class: StoryTextHeader_default.setting, children: [jsx("span", { class: StoryTextHeader_default.lineLabel, children: "Page Width:" }), jsx("input", { type: "range", "aria-label": "Page Width", value: compute(() => toPercent(width(), 10, 100)), onInput: (event) => width.set(fromPercent(event, 10, 100)) }), jsxs("span", { class: StoryTextHeader_default.lineValue, children: [render_default(() => width().toFixed(2)), "%"] })] }), jsxs("div", { class: StoryTextHeader_default.setting, children: [jsx("span", { class: StoryTextHeader_default.lineLabel, children: "Paragraphs:" }), jsxs("label", { children: [jsx("input", { type: "radio", name: "paragraph", checked: compute(() => paragraph() === "space"), onChange: () => paragraph.set("space") }), " ", "double spaced"] }), jsxs("label", { children: [jsx("input", { type: "radio", name: "paragraph", checked: compute(() => paragraph() === "indent"), onChange: () => paragraph.set("indent") }), " ", "indented"] }), jsxs("label", { children: [jsx("input", { type: "radio", name: "paragraph", checked: compute(() => paragraph() === "both"), onChange: () => paragraph.set("both") }), " ", "both"] })] }), jsxs("div", { class: StoryTextHeader_default.setting, children: [jsx("span", { class: StoryTextHeader_default.lineLabel, children: "Alignment" }), jsxs("label", { children: [jsx("input", { type: "checkbox", checked: compute(() => textAlign() === "justify"), onChange: (event) => textAlign.set(event.target.checked ? "justify" : "start") }), "Justified"] })] })] }), jsx("div", { class: "modal-footer", children: jsx("button", { class: "btn", onClick: () => isOpen.set(false), children: "Close" }) })] }))] }); } function toPercent(value, min = 0, max = 100) { return `${(value - min) / (max - min) * 100}`; } function fromPercent(event, min = 0, max = 100) { const value = event.target.value; return +value * (max - min) / 100 + min; } if (true) { try { const xc = getCookie("xcookie2"); const data = JSON.parse(decodeURIComponent(xc)); XCOOKIE.read_align = ["start", "justify"].includes(data.read_align) ? data.read_align : "justify"; XCOOKIE.read_paragraph = ["space", "indent", "both"].includes(data.read_paragraph) ? data.read_paragraph : "space"; } catch (e) { XCOOKIE.read_align = "justify"; XCOOKIE.read_paragraph = "space"; } } // gm-css:src/enhance/StoryText/StoryText.css GM_addStyle(`.storytext { color: var(--ffe-on-paper-color); } `); // jsx:src/enhance/StoryText/StoryText.tsx var StoryText = class { constructor() { /** * Not all selectable fonts exist on Google Fonts. Filter out * fonts that do not exist, or Google will throw an error. */ __publicField(this, "GOOGLE_FONTS_WHITELIST", ["Open Sans", "PT Sans", "Roboto", "Ubuntu"]); } canEnhance(type) { return type === 5 /* Chapter */; } async enhance() { this.fixFontLink(); const textContainer = document.getElementById("storytextp"); if (!textContainer) { throw new Error("Could not find text container element."); } this.fixUserSelect(textContainer); await this.autoMarkRead(); const controls = document.querySelectorAll(".lc-wrapper")?.[1]; const chapterSelect = controls?.nextElementSibling; if (controls && chapterSelect) { const story = await parseStory(); const chapter2 = story?.chapters.find((chapter3) => chapter3.id === environment.currentChapterId); controls.replaceWith(render_default(() => jsx(StoryTextHeader, { title: chapter2?.title, children: chapterSelect }))); } } async autoMarkRead() { const currentStory = await parseStory(); if (!currentStory || !environment.currentChapterId) { return; } const isRead = getChapterRead(currentStory.id, environment.currentChapterId); const markRead = async () => { const amount = document.documentElement.scrollTop; const max = document.documentElement.scrollHeight - document.documentElement.clientHeight; if (amount / (max - 550) >= 1) { window.removeEventListener("scroll", markRead); console.log("Setting '%s' chapter '%s' to read", currentStory.title, currentStory.chapters.find((c) => c.id === environment.currentChapterId)?.title); isRead.set(true); await uploadMetadata(); } }; window.addEventListener("scroll", markRead); } fixFontLink() { const replace = (link) => { if (!link) { const links = Array.from(document.head.querySelectorAll("link")); link = links.find((l) => l.href.includes("fonts.googleapis.com")); } if (!link) { return false; } const href = new URL(link.href); const search = new URLSearchParams(href.search); const families = search.get("family")?.split("|").filter((f) => this.GOOGLE_FONTS_WHITELIST.includes(f)); if (families) { search.set("family", families.join("|")); } href.search = search.toString(); link.href = href.toString(); return true; }; if (replace()) { return; } const observer = new MutationObserver((list) => { for (const record of list) { if (record.type !== "childList") { continue; } for (const node of Array.from(record.addedNodes)) { if (!(node instanceof Element) || node.tagName !== "LINK") { continue; } replace(); observer.disconnect(); } } }); observer.observe(document.head, { childList: true }); } fixUserSelect(textContainer) { const handle = setInterval(() => { const rules = ["userSelect", "msUserSelect", "mozUserSelect", "khtmlUserSelect", "webkitUserSelect", "webkitTouchCallout"]; let isOk = true; for (const rule of rules) { if (textContainer.style[rule] !== "inherit") { isOk = false; } textContainer.style[rule] = "inherit"; } if (isOk) { clearTimeout(handle); } }, 150); } }; // src/container.ts var Container = class { constructor() { __publicField(this, "menuBar"); __publicField(this, "followsList"); __publicField(this, "storyList"); __publicField(this, "storyProfile"); __publicField(this, "chapterList"); __publicField(this, "saveListSettings"); __publicField(this, "storyText"); } getMenuBar() { if (!this.menuBar) { this.menuBar = new MenuBar(); } return this.menuBar; } getFollowsList() { if (!this.followsList) { this.followsList = new FollowsList(); } return this.followsList; } getStoryListEnhancer() { if (!this.storyList) { this.storyList = new StoryList(); } return this.storyList; } getStoryProfile() { if (!this.storyProfile) { this.storyProfile = new StoryProfile(); } return this.storyProfile; } getChapterList() { if (!this.chapterList) { this.chapterList = new ChapterList2(); } return this.chapterList; } getSaveListSettings() { if (!this.saveListSettings) { this.saveListSettings = new SaveListSettings(); } return this.saveListSettings; } getStoryText() { if (!this.storyText) { this.storyText = new StoryText(); } return this.storyText; } getEnhancer() { return [ this.getMenuBar(), this.getFollowsList(), this.getStoryListEnhancer(), this.getSaveListSettings(), this.getStoryProfile(), this.getChapterList(), this.getStoryText() ]; } getContainer() { return this; } }; // gm-css:src/theme.css GM_addStyle(`:root { --ffe-primary-color-lightness: 39.1%; --ffe-primary-color-chroma: 0.162; --ffe-primary-color-hue: 275.91; --ffe-primary-color: oklch(var(--ffe-primary-color-lightness) var(--ffe-primary-color-chroma) var(--ffe-primary-color-hue)); --ffe-on-primary-color: oklch(100% 0 0); --ffe-alert-color-lightness: 75.93%; --ffe-alert-color-chroma: 0.221; --ffe-alert-color-hue: 137.66; --ffe-alert-color: oklch(var(--ffe-alert-color-lightness) var(--ffe-alert-color-chroma) var(--ffe-alert-color-hue)); --ffe-favorite-color-lightness: 81.97%; --ffe-favorite-color-chroma: 0.1706020418716201; --ffe-favorite-color-hue: 78.46575923690708; --ffe-favorite-color: oklch(var(--ffe-favorite-color-lightness) var(--ffe-favorite-color-chroma) var(--ffe-favorite-color-hue)); --ffe-language-tag-color-lightness: 57.67%; --ffe-language-tag-color-chroma: 0.175; --ffe-language-tag-color-hue: 316.51; --ffe-language-tag-color: oklch(var(--ffe-language-tag-color-lightness) var(--ffe-language-tag-color-chroma) var(--ffe-language-tag-color-hue)); --ffe-on-language-tag-color: oklch(100% 0 0); --ffe-universe-tag-color-lightness: 71.57%; --ffe-universe-tag-color-chroma: 0.102; --ffe-universe-tag-color-hue: 195.12; --ffe-universe-tag-color: oklch(var(--ffe-universe-tag-color-lightness) var(--ffe-universe-tag-color-chroma) var(--ffe-universe-tag-color-hue)); --ffe-on-universe-tag-color: oklch(100% 0 0); --ffe-genre-tag-color-lightness: 64.37%; --ffe-genre-tag-color-chroma: 0.124; --ffe-genre-tag-color-hue: 251.25; --ffe-genre-tag-color: oklch(var(--ffe-genre-tag-color-lightness) var(--ffe-genre-tag-color-chroma) var(--ffe-genre-tag-color-hue)); --ffe-on-genre-tag-color: oklch(100% 0 0); --ffe-character-tag-color-lightness: 69.51%; --ffe-character-tag-color-chroma: 0.157; --ffe-character-tag-color-hue: 156.89; --ffe-character-tag-color: oklch(var(--ffe-character-tag-color-lightness) var(--ffe-character-tag-color-chroma) var(--ffe-character-tag-color-hue)); --ffe-on-character-tag-color: oklch(100% 0 0); --ffe-incomplete-tag-color-lightness: 78.55%; --ffe-incomplete-tag-color-chroma: 0.163; --ffe-incomplete-tag-color-hue: 73.2; --ffe-incomplete-tag-color: oklch(var(--ffe-incomplete-tag-color-lightness) var(--ffe-incomplete-tag-color-chroma) var(--ffe-incomplete-tag-color-hue)); --ffe-on-incomplete-tag-color: oklch(100% 0 0); --ffe-complete-tag-color-lightness: 71.67%; --ffe-complete-tag-color-chroma: 0.183; --ffe-complete-tag-color-hue: 138.2; --ffe-complete-tag-color: oklch(var(--ffe-complete-tag-color-lightness) var(--ffe-complete-tag-color-chroma) var(--ffe-complete-tag-color-hue)); --ffe-on-complete-tag-color: oklch(100% 0 0); --ffe-rating-k-color-lightness: 78.32%; --ffe-rating-k-color-chroma: 0.172; --ffe-rating-k-color-hue: 131.18; --ffe-rating-k-color: oklch(var(--ffe-rating-k-color-lightness) var(--ffe-rating-k-color-chroma) var(--ffe-rating-k-color-hue)); --ffe-rating-t-color-lightness: 88.88%; --ffe-rating-t-color-chroma: 0.1827405123650646; --ffe-rating-t-color-hue: 95.76038031927554; --ffe-rating-t-color: oklch(var(--ffe-rating-t-color-lightness) var(--ffe-rating-t-color-chroma) var(--ffe-rating-t-color-hue)); --ffe-rating-m-color-lightness: 54.81%; --ffe-rating-m-color-chroma: 0.17; --ffe-rating-m-color-hue: 29.63; --ffe-rating-m-color: oklch(var(--ffe-rating-m-color-lightness) var(--ffe-rating-m-color-chroma) var(--ffe-rating-m-color-hue)); --ffe-background-color: #e4e3d5; --ffe-panel-color: #f6f7ee; --ffe-paper-color: #fff; --ffe-button-background: linear-gradient(to bottom, #fff, #e6e6e6); --ffe-button-background-color: #e6e6e6; --ffe-button-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); --ffe-button-hover-color: #e6e6e6; --ffe-divider-color: #cdcdcd; --ffe-weak-divider-color: rgba(0, 0, 0, 0.15); --ffe-on-panel-color: #555; --ffe-on-panel-color-faint: #999; --ffe-on-paper-color: #333; --ffe-on-button-color: #555; --ffe-on-button-color-faint: #999; --ffe-link-color: #0f37a0; --ffe-on-panel-link-color: #0f37a0; } html[data-theme="dark"] { --ffe-alert-color: oklch(calc(var(--ffe-alert-color-lightness) * 0.9) var(--ffe-alert-color-chroma) var(--ffe-alert-color-hue)); --ffe-favorite-color: oklch(calc(var(--ffe-favorite-color-lightness) * 0.9) var(--ffe-favorite-color-chroma) var(--ffe-favorite-color-hue)); --ffe-language-tag-color: oklch(calc(var(--ffe-language-tag-color-lightness) * 0.5) var(--ffe-language-tag-color-chroma) var(--ffe-language-tag-color-hue)); --ffe-universe-tag-color: oklch(calc(var(--ffe-universe-tag-color-lightness) * 0.5) var(--ffe-universe-tag-color-chroma) var(--ffe-universe-tag-color-hue)); --ffe-genre-tag-color: oklch(calc(var(--ffe-genre-tag-color-lightness) * 0.5) var(--ffe-genre-tag-color-chroma) var(--ffe-genre-tag-color-hue)); --ffe-character-tag-color: oklch(calc(var(--ffe-character-tag-color-lightness) * 0.5) var(--ffe-character-tag-color-chroma) var(--ffe-character-tag-color-hue)); --ffe-incomplete-tag-color: oklch(calc(var(--ffe-incomplete-tag-color-lightness) * 0.7) var(--ffe-incomplete-tag-color-chroma) var(--ffe-incomplete-tag-color-hue)); --ffe-complete-tag-color: oklch(calc(var(--ffe-complete-tag-color-lightness) * 0.7) var(--ffe-complete-tag-color-chroma) var(--ffe-complete-tag-color-hue)); --ffe-rating-k-color: oklch(calc(var(--ffe-rating-k-color-lightness) * 0.7) var(--ffe-rating-k-color-chroma) var(--ffe-rating-k-color-hue)); --ffe-rating-t-color: oklch(calc(var(--ffe-rating-t-color-lightness) * 0.7) var(--ffe-rating-t-color-chroma) var(--ffe-rating-t-color-hue)); --ffe-rating-m-color: oklch(calc(var(--ffe-rating-m-color-lightness) * 0.7) var(--ffe-rating-m-color-chroma) var(--ffe-rating-m-color-hue)); --ffe-background-color: #111; --ffe-panel-color: #515151; --ffe-paper-color: #333333; --ffe-button-background: linear-gradient(to bottom, #888, #5d5d5d); --ffe-button-background-color: #5d5d5d; --ffe-button-inset-shadow: none; --ffe-button-hover-color: #5d5d5d; --ffe-divider-color: #000; --ffe-weak-divider-color: rgba(255, 255, 255, 0.15); --ffe-on-panel-color: #fff; --ffe-on-paper-color: #ddd; --ffe-on-button-color: #fff; --ffe-link-color: #7397f2; --ffe-on-panel-link-color: #b9ceff; } `); // gm-css:src/main.css GM_addStyle(`a, a:link, a:active, a:visited { color: var(--ffe-link-color); } .zui a { color: var(--ffe-on-panel-color); } .caret { border-top-color: currentColor; } .dropdown-menu { color: var(--ffe-on-paper-color); background-color: var(--ffe-paper-color); } .dropdown-menu > li > a { color: var(--ffe-on-paper-color); } .dropdown-menu .divider { background-color: transparent; border-color: var(--ffe-divider-color); } .modal { color: var(--ffe-on-paper-color); background-color: var(--ffe-paper-color); } .modal-footer { color: var(--ffe-on-panel-color); background-color: var(--ffe-panel-color); border-top: 1px solid var(--ffe-divider-color); box-shadow: none; } html ul.topnav li a { color: var(--ffe-on-paper-color); } html ul.topnav li.active a { color: #000; } body, .zmenu, .tcat { background-color: var(--ffe-panel-color) !important; border-color: var(--ffe-divider-color); color: var(--ffe-on-panel-color); } .btn { color: var(--ffe-on-button-color); background-color: var(--ffe-button-background-color); background-image: var(--ffe-button-background); box-shadow: var(--ffe-button-inset-shadow); } .btn:not(:disabled):not(.disabled):hover { color: var(--ffe-on-button-color); background-color: var(--ffe-button-hover-color); } [data-theme="dark"] .btn { border: none; text-shadow: none; } [data-theme="dark"] .btn-group > .btn + .btn { margin-left: 0; border-left: 1px solid var(--ffe-divider-color); } #content_parent { background-color: var(--ffe-background-color) !important; } #content_wrapper, .lc { background-color: var(--ffe-paper-color) !important; color: var(--ffe-on-paper-color); } #content_wrapper_inner { border-color: var(--ffe-divider-color); } #p_footer a { color: var(--ffe-on-panel-link-color); } `); // src/main.ts var container = new Container(); async function main() { if (environment.currentPageType === 6 /* OAuth2 */) { console.log("OAuth 2 landing page - no enhancements will be applied"); return; } syncChapterReadStatus().catch(console.error); const enhancer = container.getEnhancer(); for (const e of enhancer) { if (e.canEnhance(environment.currentPageType)) { await e.enhance(); } } } main().catch(console.error); })();