@foxycape/core 1.1.3

package/dist/kernal/Reader.mjs

@@ -0,0 +1,285 @@
+import { deepClone as u } from "./common/object.mjs";
+import { getRandomId as c } from "./common/uuid.mjs";
+import { BrowserCapabilities as p } from "./web/BrowserCapabilities.mjs";
+import { EventNames as o } from "./EventNames.mjs";
+import { FileLoader as f } from "./FileLoader.mjs";
+import { injectCssContent as g, createElement as l } from "./html/injector.mjs";
+import { isOptionKey as m } from "./Options.mjs";
+import { PluginManager as w } from "./plugins/PluginManager.mjs";
+import { ThemeCssKeys as v, Theme as n } from "./Theme.mjs";
+import { toCssVariableName as C } from "./common/naming.mjs";
+import { OptionsProvider as y } from "./OptionsProvider.mjs";
+class S {
+  constructor(t, r) {
+    this.currentIsLoaded = !1, this.currentIsDidposed = !1, this.currentIsCancelled = !1, this.isInIframe = !1, this.bindEvents = () => {
+      this.events.on(o.ProgressChange, this.storeProgress);
+    }, this.unbindEvents = () => {
+      this.events.off(o.ProgressChange, this.storeProgress);
+    }, this.storeProgress = async (e) => {
+      this.readingProgressStore && await this.readingProgressStore.save(this.context.simpleId, e);
+    }, this.changeTheme = async (e) => {
+      if (!e)
+        return;
+      this.options.themeName = e;
+      const s = await this.getTheme(e);
+      await this.applyGlobalTheme(s), await this.getRenderer()?.applyTheme(s), this.events.emit(o.ThemeChange, s);
+    }, this.getTheme = async (e) => {
+      const s = await this.services.get("themeProvider");
+      let a;
+      return s ? a = s.getTheme(e) : a = new n(), a || (a = new n()), a;
+    }, this.applyGlobalTheme = async (e) => {
+      for (const a of v)
+        this.rootContainer.style.setProperty(C(a), e[a]);
+      if (e.vars)
+        for (const [a, i] of Object.entries(e.vars))
+          a && this.rootContainer.style.setProperty(a, i);
+      const s = n.getScrollStyles(`.${n.customScrollerClassName}`);
+      g(this.rootContainer.ownerDocument, s, !0, "custom-scroll-styles");
+    }, this.fileLoader = new f(t, r, this), this.fileLoader.services.asReaderServices().registerUiServices(), this.options = this.fileLoader.options, this.version = this.fileLoader.version, this.logger = this.fileLoader.loggerFactory.getLogger(this.constructor.name), this.pluginManager = new w(this, this.fileLoader.loggerFactory, this.services, this.version), this.optionsProvider = new y(this.events, this.options), this.events.on(o.OptionsChange, (e) => {
+      this.rootContainer && m(e) && this.optionsProvider.applyCssVariables(this.rootContainer);
+    });
+  }
+  get id() {
+    return this.fileLoader.id;
+  }
+  /** Full reader services (core + UI). Same instance as {@link FileLoader.services}. */
+  get services() {
+    return this.fileLoader.services.asReaderServices();
+  }
+  get platform() {
+    return this.fileLoader.platform;
+  }
+  get environment() {
+    return this.fileLoader.environment;
+  }
+  get device() {
+    return this.fileLoader.device;
+  }
+  get loggerFactory() {
+    return this.fileLoader.loggerFactory;
+  }
+  get events() {
+    return this.fileLoader.events;
+  }
+  get readerInfo() {
+    return this.fileLoader.readerInfo;
+  }
+  get mediaTypeRegistry() {
+    return this.fileLoader.mediaTypeRegistry;
+  }
+  get locale() {
+    return this.fileLoader.locale;
+  }
+  /**Whether the reader is loaded */
+  get loaded() {
+    return this.currentIsLoaded;
+  }
+  /**Whether the reader is disposed */
+  get disposed() {
+    return this.currentIsDidposed;
+  }
+  get cancelled() {
+    return this.currentIsCancelled || this.fileLoader.cancelled;
+  }
+  get notifier() {
+    return this.currentNotifier;
+  }
+  get loading() {
+    return this.currentLoading;
+  }
+  /**
+  * reload the reader
+  * @returns
+  */
+  async reload() {
+    if (!this.container)
+      return;
+    const t = this.url, r = this.container, e = this.rootContainer, s = u(this.openOptions);
+    await this.clear(), await this.open(t, r, e, s);
+  }
+  /**
+   * open
+   * @param url string | ArrayBuffer | FilePackage | Blob | FileSystemFileHandle
+   * @param container the container to load the reader into
+   * @param rootContainer Root container that may include the reader and other UI such as interactive menus.
+   * @param openOptions ResourceOpenOptions
+   * @returns
+   */
+  async open(t, r, e, s) {
+    if (this.currentIsDidposed)
+      throw new Error("reader is disposed.");
+    if (r == null)
+      throw new Error("container is required. Use FileLoader for headless parse-only scenarios.");
+    if (this.fileLoader.inputFormatter.guardUrl(t), this.currentIsLoaded && await this.clear(), this.currentIsDidposed = !1, this.loadFail = void 0, this.currentIsCancelled = !1, this.container = r, this.rootContainer = e, this.startLoadTime = /* @__PURE__ */ new Date(), this.events.emit(o.StartLoadResource, {
+      reader: this,
+      startLoadTime: this.startLoadTime
+    }), this.readerWrapper = this.fileLoader.inputFormatter.formatReaderWrapper(r), !this.readerWrapper)
+      throw new Error("container is invalid.");
+    this.rootContainer || (this.rootContainer = this.readerWrapper), this.optionsProvider.applyCssVariables(this.rootContainer);
+    const a = await this.getTheme(this.options.themeName);
+    await this.applyGlobalTheme(a), this.currentNotifier = await this.services.get("notifier", !1), this.currentLoading = await this.services.get("loading", !1), this.readerWrapper.innerHTML = "", await this.loading?.initialize(this.readerWrapper, {
+      backgroundColor: `var(${n.ReaderBackground})`,
+      textColor: `var(${n.TextMutedColor})`,
+      iconColor: `var(${n.TextAccentColor})`
+    }), await this.loading?.show();
+    try {
+      await this.fileLoader.getFileParser()?.dispose();
+      const i = await this.fileLoader.load(t, s, {
+        measureFilePercentage: !0,
+        prepareContext: async ({
+          extension: d
+        }) => (this.isInIframe = !1, await this.createReaderContainer(d), {
+          rootContainer: this.rootContainer,
+          readerContainer: this.readerContainer,
+          readerWrapper: this.readerWrapper
+        }),
+        afterParserReady: async () => {
+          await this.loading?.show();
+        },
+        isCancelled: () => this.currentIsCancelled
+      });
+      this.abortController = i.abortController, await this.mountRenderer(i);
+    } catch (i) {
+      throw this.loadFail = !0, i;
+    } finally {
+      if (this.currentIsLoaded = !0, await this.loading?.hide(), this.readerWrapper) {
+        this.readerWrapper.style.removeProperty("background");
+        const i = this.readerWrapper.getAttribute("data-reader-wrapper-bg");
+        i && this.readerWrapper.style.setProperty("background", i);
+      }
+      this.abortController && (this.abortController = null), this.loadFail || this.events.emit(o.ResourceLoad, {
+        reader: this,
+        startLoadTime: this.startLoadTime
+      });
+    }
+  }
+  async createReaderContainer(t) {
+    const r = this.options.iframeRequiredExtensions;
+    let e;
+    if (!r.includes(t) || this.readerWrapper instanceof this.readerWrapper.ownerDocument.defaultView.window.HTMLBodyElement)
+      this.readerContainer = l(this.readerWrapper.ownerDocument, "div", c(!0), {
+        style: "width:100%;height:100%;overflow: hidden;position:relative;background:var(" + n.ReaderBackground + ")"
+      }), this.readerWrapper.appendChild(this.readerContainer), e = this.readerContainer.ownerDocument;
+    else {
+      this.isInIframe = !0;
+      const i = this.createTopIFrame();
+      this.readerWrapper.appendChild(i), p.isFirefox() && (i.contentDocument.open(), i.contentDocument.close());
+      const d = i.contentDocument;
+      this.readerContainer = l(d, "div", c(!0), {
+        style: "width:100%;height:100%;overflow: hidden;position:relative;background:var(" + n.ReaderBackground + ")"
+      }), d.body.appendChild(this.readerContainer), e = d, i.contentWindow.addEventListener("click", (h) => {
+        this.events.emit(o.ReaderClick, {
+          e: h,
+          reader: this
+        });
+      }, !0), i.contentWindow.addEventListener("mouseenter", (h) => {
+        this.events.emit(o.ReaderMouseEnter, {
+          e: h,
+          reader: this
+        });
+      }, !0);
+    }
+    this.rootContainer.addEventListener("click", (i) => {
+      this.events.emit(o.ReaderClick, {
+        e: i,
+        reader: this
+      });
+    }, !0), this.rootContainer.addEventListener("mouseenter", (i) => {
+      this.events.emit(o.ReaderMouseEnter, {
+        e: i,
+        reader: this
+      });
+    }, !0), this.readerContainer.setAttribute("data-role", "readerContainer"), await this.onContainerCreated?.();
+    const s = this.readerWrapper.style.getPropertyValue("background");
+    s && this.readerWrapper.setAttribute("data-reader-wrapper-bg", s), (await this.services.get("wallpaperProvider"))?.changeWallpaper(this.options.wallpaperName), this.options.enableInjectResetCss && g(e, "html{touch-action:none;touch-action:pan-y;}body *{box-sizing:border-box}html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{padding:0;margin:0;}ul,ol,li{list-style:none;}i,em{font-style:normal}img{border:0;}table{border-collapse:collapse;border-spacing:0;}table td{padding:0;margin:0;}table th.wztop{vertical-align:top;}.fl{float:left;}.fr{float:right;}section,article,aside,header,footer,nav,dialog,figure{display:block;padding:0;margin:0;}html{text-size-adjust: 100%;}", !1, "reader_global_style"), await this.notifier.initialize(this.readerContainer);
+  }
+  async mountRenderer(t) {
+    this.options.enableProgressStore && !this.readingProgressStore && (this.readingProgressStore = await this.services.get("readingProgressStore")), this.unbindEvents(), this.renderer && (await this.renderer.dispose(), this.renderer = null);
+    const r = await this.mediaTypeRegistry.createRenderer(this, t.fileParser, this.readerContainer);
+    this.renderer = r, await this.onRenderer?.(this.renderer);
+    const e = t.percentage, s = t.location;
+    if (!isNaN(e) && e <= 1 && e >= 0 ? await this.renderer.navigator.gotoPercentage(e) : await this.renderer.load(s), this.renderer.getDocuments().length == 0)
+      throw new Error("Empty File");
+    const i = await this.getTheme(this.options.themeName);
+    await this.getRenderer()?.applyTheme(i), await this.onRenderered?.(this.renderer), await this.loading?.hide(), this.events.emit(o.RendererLoad, this.renderer), await this.pluginManager?.enablePlugins(t.extension), this.bindEvents();
+  }
+  get context() {
+    return this.fileLoader.context;
+  }
+  get url() {
+    return this.fileLoader.url;
+  }
+  get openOptions() {
+    return this.fileLoader.openOptions;
+  }
+  /**
+   * Get the current extension
+   */
+  get extension() {
+    return this.fileLoader.extension;
+  }
+  /**Whether the resource is unloaded */
+  get resourceIsUnload() {
+    return !this.currentIsLoaded;
+  }
+  get inIframe() {
+    return this.isInIframe;
+  }
+  getFileParser() {
+    return this.fileLoader.getFileParser();
+  }
+  getRenderer() {
+    return this.renderer;
+  }
+  async goto(t) {
+    await this.getRenderer()?.navigator.goto(t);
+  }
+  async gotoUrl(t) {
+    await this.getRenderer()?.navigator.gotoUrl(t);
+  }
+  async gotoPercentage(t, r) {
+    await this.getRenderer()?.navigator.gotoPercentage(t, r);
+  }
+  createTopIFrame(t) {
+    const r = l(document, "iframe", t);
+    return p.isFirefox() ? r.setAttribute("src", "javascript:") : r.setAttribute("src", "about:blank"), r.setAttribute("frameborder", "0"), r.setAttribute("border", "0"), r.setAttribute("allowfullscreen", "true"), r.setAttribute("width", "100%"), r.setAttribute("height", "100%"), r.setAttribute("style", "margin:0;padding:0"), r;
+  }
+  /**
+   * Get the reader container,may be in iframe
+   * @returns
+   */
+  getReaderContainer() {
+    return this.readerContainer;
+  }
+  /**
+   * Get the root container
+   * @returns
+   */
+  getRootContainer() {
+    return this.rootContainer;
+  }
+  async dispose() {
+    await this.onDisposing?.(), await this.clear(), this.currentIsDidposed = !0, this.fileLoader.markDisposed(), await this.onDisposed?.(), this.events.emit(o.ReaderDisposed, this);
+  }
+  /**Clear the reader */
+  async clear() {
+    try {
+      if (this.context?.id && this.startLoadTime) {
+        const t = await this.renderer?.progressTracker.getProgress(!0);
+        t && this.events.emit(o.ResourceUnload, {
+          reader: this,
+          simpleId: this.context.simpleId,
+          resourceId: this.context.id,
+          startLoadTime: this.startLoadTime,
+          progress: t
+        });
+      }
+      this.abortController && (this.abortController.abort("Cancelled"), this.abortController = null, this.logger.info("User cancelled task,url", this.url), this.currentIsCancelled = !0);
+    } catch {
+    }
+    await this.pluginManager?.dispose(), this.renderer && (await this.renderer.dispose(), this.renderer = null), await this.fileLoader.clear(), this.readerWrapper && (this.readerWrapper.innerHTML = ""), this.startLoadTime = null, this.currentIsLoaded = !1, this.events.emit(o.ReaderCleared, this);
+  }
+}
+export {
+  S as Reader
+};

package/dist/kernal/ReaderInfo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./common/uuid.cjs");var e=typeof document<"u"?document.currentScript:null;const u=()=>typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:e&&e.tagName.toUpperCase()==="SCRIPT"&&e.src||new URL("kernal/ReaderInfo.cjs",document.baseURI).href}<"u"&&(typeof document>"u"?require("url").pathToFileURL(__filename).href:e&&e.tagName.toUpperCase()==="SCRIPT"&&e.src||new URL("kernal/ReaderInfo.cjs",document.baseURI).href)?typeof document>"u"?require("url").pathToFileURL(__filename).href:e&&e.tagName.toUpperCase()==="SCRIPT"&&e.src||new URL("kernal/ReaderInfo.cjs",document.baseURI).href:typeof document<"u"?document.currentScript?.src??"":"",c=r=>{if(!r)return{baseUrl:"",preventCacheHash:a.getUuid()};try{const t=new URL(r),n=t.search;return{baseUrl:new URL(".",t).href,preventCacheHash:n?a.computeUniqueId(n):a.getUuid()}}catch{const t=r.lastIndexOf("/"),n=r.lastIndexOf("?");return{baseUrl:t>=0?r.substring(0,t+1):"",preventCacheHash:n>0?a.computeUniqueId(r.substring(n)):a.getUuid()}}},{baseUrl:i,preventCacheHash:d}=c(u());class f{constructor(t,n,s,o){this.baseUrl=n||i,this.preventCacheHash=s||d,this.version=t,this.debug=o}}exports.ReaderInfo=f;

package/dist/kernal/ReaderInfo.d.ts

@@ -0,0 +1,7 @@
+export declare class ReaderInfo {
+    readonly baseUrl: string;
+    readonly preventCacheHash: string;
+    readonly version: string;
+    readonly debug: boolean;
+    constructor(version: string, baseUrl: string, preventCacheHash: string, debug: boolean);
+}

package/dist/kernal/ReaderInfo.mjs

@@ -0,0 +1,32 @@
+import { getUuid as s, computeUniqueId as n } from "./common/uuid.mjs";
+const i = () => typeof import.meta < "u" && import.meta.url ? import.meta.url : typeof document < "u" ? document.currentScript?.src ?? "" : "", c = (e) => {
+  if (!e)
+    return {
+      baseUrl: "",
+      preventCacheHash: s()
+    };
+  try {
+    const t = new URL(e), r = t.search;
+    return {
+      baseUrl: new URL(".", t).href,
+      preventCacheHash: r ? n(r) : s()
+    };
+  } catch {
+    const t = e.lastIndexOf("/"), r = e.lastIndexOf("?");
+    return {
+      baseUrl: t >= 0 ? e.substring(0, t + 1) : "",
+      preventCacheHash: r > 0 ? n(e.substring(r)) : s()
+    };
+  }
+}, {
+  baseUrl: u,
+  preventCacheHash: h
+} = c(i());
+class d {
+  constructor(t, r, a, o) {
+    this.baseUrl = r || u, this.preventCacheHash = a || h, this.version = t, this.debug = o;
+  }
+}
+export {
+  d as ReaderInfo
+};

package/dist/kernal/Theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./web/BrowserCapabilities.cjs"),r=require("./common/naming.cjs"),i=require("./Options.cjs"),o=class o{constructor(){this.name="default",this.isDefault=!1,this.enabled=!0,this.themeRepresentativeColor="#f1f1f1",this.readerBackground="#f6f6f6",this.gotoTargetAnimationColor="rgba(255,150,50,0.4)",this.contentBackground="#fff",this.contentTextColor="inherit",this.codeblockBackgroundColor="#f9f9f9",this.selectionBackground="rgba(255,213,0,0.35)",this.selectionColor="inherit",this.columnRuleColor="rgba(100, 100, 100, 0.1)",this.textAccentColor="#14ae5c",this.textMutedColor="#999",this.borderColor="#e9e9e9",this.scrollbarThumbColor="#999",this.scrollbarThumbHoverColor="#555",this.scrollbarTrackColor="#f6f6f6"}static getScrollStyles(t){if(!u.BrowserCapabilities.hasFinePointer())return"{}";let l="";if(t){let s="",e="",n="",c="";typeof t=="string"?(s=t+"::-webkit-scrollbar",e=t+"::-webkit-scrollbar-thumb",n=t+"::-webkit-scrollbar-track",c=t):(s=t.map(a=>a+"::-webkit-scrollbar").join(","),e=t.map(a=>a+"::-webkit-scrollbar-thumb").join(","),n=t.map(a=>a+"::-webkit-scrollbar-track").join(","),c=t.join(",")),l+=`${s}{width:var(${i.Options.ScrollbarSize}) !important;height:var(${i.Options.ScrollbarSize}) !important;}`,l+=`${e}{border: var(${i.Options.ScrollbarBorder}) solid transparent !important;background-clip:padding-box !important;background-color:var(${o.ScrollbarThumbColor}) !important;min-width:40px !important;min-height:40px !important;padding-top:100px !important;border-radius:var(${i.Options.ScrollbarRadius}) !important;}`,l+=`${e}:hover{background-color:var(${o.ScrollbarThumbHoverColor}) !important;}`,l+=`${n}{background:var(${o.ScrollbarTrackColor}) !important;border-radius:var(${i.Options.ScrollbarRadius}) !important;}`,l+="@-moz-document url-prefix(){"+c+"{scrollbar-width:thin}}",l+="@-moz-document url-prefix(){"+c+"{scrollbar-color:var("+o.ScrollbarThumbColor+") var("+o.ScrollbarTrackColor+") !important}}"}return l||(l="{}"),l}};o.ReaderBackground=r.toCssVariableName("readerBackground"),o.GotoTargetAnimationColor=r.toCssVariableName("gotoTargetAnimationColor"),o.ContentBackground=r.toCssVariableName("contentBackground"),o.ContentTextColor=r.toCssVariableName("contentTextColor"),o.CodeblockBackgroundColor=r.toCssVariableName("codeblockBackgroundColor"),o.ColumnRuleColor=r.toCssVariableName("columnRuleColor"),o.SelectionBackground=r.toCssVariableName("selectionBackground"),o.SelectionColor=r.toCssVariableName("selectionColor"),o.TextAccentColor=r.toCssVariableName("textAccentColor"),o.TextMutedColor=r.toCssVariableName("textMutedColor"),o.ScrollbarThumbColor=r.toCssVariableName("scrollbarThumbColor"),o.ScrollbarThumbHoverColor=r.toCssVariableName("scrollbarThumbHoverColor"),o.ScrollbarTrackColor=r.toCssVariableName("scrollbarTrackColor"),o.BorderColor=r.toCssVariableName("borderColor"),o.customScrollerClassName="custom-scroller";let b=o;const C=["readerBackground","gotoTargetAnimationColor","contentBackground","contentTextColor","codeblockBackgroundColor","columnRuleColor","selectionBackground","selectionColor","scrollbarThumbColor","scrollbarThumbHoverColor","scrollbarTrackColor","textAccentColor","textMutedColor","borderColor"];exports.Theme=b;exports.ThemeCssKeys=C;

package/dist/kernal/Theme.d.ts

@@ -0,0 +1,42 @@
+export declare class Theme {
+    name: string;
+    title: string;
+    isDefault: boolean;
+    enabled: boolean;
+    colorMode: ColorMode;
+    themeRepresentativeColor: string;
+    readerBackground: string;
+    gotoTargetAnimationColor: string;
+    contentBackground: string;
+    contentTextColor: string;
+    codeblockBackgroundColor: string;
+    selectionBackground: string;
+    selectionColor: string;
+    columnRuleColor: string;
+    textAccentColor: string;
+    textMutedColor: string;
+    borderColor: string;
+    scrollbarThumbColor: string;
+    scrollbarThumbHoverColor: string;
+    scrollbarTrackColor: string;
+    vars?: Record<string, string>;
+    static readonly ReaderBackground: `--${string}`;
+    static readonly GotoTargetAnimationColor: `--${string}`;
+    static readonly ContentBackground: `--${string}`;
+    static readonly ContentTextColor: `--${string}`;
+    static readonly CodeblockBackgroundColor: `--${string}`;
+    static readonly ColumnRuleColor: `--${string}`;
+    static readonly SelectionBackground: `--${string}`;
+    static readonly SelectionColor: `--${string}`;
+    static readonly TextAccentColor: `--${string}`;
+    static readonly TextMutedColor: `--${string}`;
+    static readonly ScrollbarThumbColor: `--${string}`;
+    static readonly ScrollbarThumbHoverColor: `--${string}`;
+    static readonly ScrollbarTrackColor: `--${string}`;
+    static readonly BorderColor: `--${string}`;
+    static readonly customScrollerClassName = "custom-scroller";
+    static getScrollStyles(prefixClassNameOrIds?: string | string[]): string;
+}
+export type ColorMode = "light" | "dark" | "other";
+export declare const ThemeCssKeys: readonly ["readerBackground", "gotoTargetAnimationColor", "contentBackground", "contentTextColor", "codeblockBackgroundColor", "columnRuleColor", "selectionBackground", "selectionColor", "scrollbarThumbColor", "scrollbarThumbHoverColor", "scrollbarTrackColor", "textAccentColor", "textMutedColor", "borderColor"];
+export type ThemeCssKey = typeof ThemeCssKeys[number];

package/dist/kernal/Theme.mjs

@@ -0,0 +1,29 @@
+import { BrowserCapabilities as u } from "./web/BrowserCapabilities.mjs";
+import { toCssVariableName as r } from "./common/naming.mjs";
+import { Options as c } from "./Options.mjs";
+const o = class o {
+  constructor() {
+    this.name = "default", this.isDefault = !1, this.enabled = !0, this.themeRepresentativeColor = "#f1f1f1", this.readerBackground = "#f6f6f6", this.gotoTargetAnimationColor = "rgba(255,150,50,0.4)", this.contentBackground = "#fff", this.contentTextColor = "inherit", this.codeblockBackgroundColor = "#f9f9f9", this.selectionBackground = "rgba(255,213,0,0.35)", this.selectionColor = "inherit", this.columnRuleColor = "rgba(100, 100, 100, 0.1)", this.textAccentColor = "#14ae5c", this.textMutedColor = "#999", this.borderColor = "#e9e9e9", this.scrollbarThumbColor = "#999", this.scrollbarThumbHoverColor = "#555", this.scrollbarTrackColor = "#f6f6f6";
+  }
+  /**
+   * get scrollbar styles
+   * @param prefixClassNameOrIds limit scrollbar range class name or id name, e.g. .myscroll or #addd
+   */
+  static getScrollStyles(t) {
+    if (!u.hasFinePointer())
+      return "{}";
+    let l = "";
+    if (t) {
+      let e = "", a = "", s = "", n = "";
+      typeof t == "string" ? (e = t + "::-webkit-scrollbar", a = t + "::-webkit-scrollbar-thumb", s = t + "::-webkit-scrollbar-track", n = t) : (e = t.map((i) => i + "::-webkit-scrollbar").join(","), a = t.map((i) => i + "::-webkit-scrollbar-thumb").join(","), s = t.map((i) => i + "::-webkit-scrollbar-track").join(","), n = t.join(",")), l += `${e}{width:var(${c.ScrollbarSize}) !important;height:var(${c.ScrollbarSize}) !important;}`, l += `${a}{border: var(${c.ScrollbarBorder}) solid transparent !important;background-clip:padding-box !important;background-color:var(${o.ScrollbarThumbColor}) !important;min-width:40px !important;min-height:40px !important;padding-top:100px !important;border-radius:var(${c.ScrollbarRadius}) !important;}`, l += `${a}:hover{background-color:var(${o.ScrollbarThumbHoverColor}) !important;}`, l += `${s}{background:var(${o.ScrollbarTrackColor}) !important;border-radius:var(${c.ScrollbarRadius}) !important;}`, l += "@-moz-document url-prefix(){" + n + "{scrollbar-width:thin}}", l += "@-moz-document url-prefix(){" + n + "{scrollbar-color:var(" + o.ScrollbarThumbColor + ") var(" + o.ScrollbarTrackColor + ") !important}}";
+    }
+    return l || (l = "{}"), l;
+  }
+};
+o.ReaderBackground = r("readerBackground"), o.GotoTargetAnimationColor = r("gotoTargetAnimationColor"), o.ContentBackground = r("contentBackground"), o.ContentTextColor = r("contentTextColor"), o.CodeblockBackgroundColor = r("codeblockBackgroundColor"), o.ColumnRuleColor = r("columnRuleColor"), o.SelectionBackground = r("selectionBackground"), o.SelectionColor = r("selectionColor"), o.TextAccentColor = r("textAccentColor"), o.TextMutedColor = r("textMutedColor"), o.ScrollbarThumbColor = r("scrollbarThumbColor"), o.ScrollbarThumbHoverColor = r("scrollbarThumbHoverColor"), o.ScrollbarTrackColor = r("scrollbarTrackColor"), o.BorderColor = r("borderColor"), o.customScrollerClassName = "custom-scroller";
+let b = o;
+const k = ["readerBackground", "gotoTargetAnimationColor", "contentBackground", "contentTextColor", "codeblockBackgroundColor", "columnRuleColor", "selectionBackground", "selectionColor", "scrollbarThumbColor", "scrollbarThumbHoverColor", "scrollbarTrackColor", "textAccentColor", "textMutedColor", "borderColor"];
+export {
+  b as Theme,
+  k as ThemeCssKeys
+};

package/dist/kernal/common/array.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=t=>(t?.length??0)>0,r=(t,e,n)=>{if(!t||t.length==0)return;const i=t.filter(e,n);for(let l=0;l<i.length;l++){const o=t.indexOf(i[l]);o>=0&&t.splice(o,1)}},c=t=>!t||t.length==0?0:t.reduce((e,n)=>e+n);exports.containValues=u;exports.removeAll=r;exports.sum=c;

package/dist/kernal/common/array.d.ts

@@ -0,0 +1,3 @@
+export declare const containValues: (array: any[]) => boolean;
+export declare const removeAll: <T>(source: Array<T>, predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any) => void;
+export declare const sum: (array: number[]) => number;

package/dist/kernal/common/array.mjs

@@ -0,0 +1,13 @@
+const c = (n) => (n?.length ?? 0) > 0, r = (n, t, e) => {
+  if (!n || n.length == 0) return;
+  const i = n.filter(t, e);
+  for (let l = 0; l < i.length; l++) {
+    const o = n.indexOf(i[l]);
+    o >= 0 && n.splice(o, 1);
+  }
+}, u = (n) => !n || n.length == 0 ? 0 : n.reduce((t, e) => t + e);
+export {
+  c as containValues,
+  r as removeAll,
+  u as sum
+};

package/dist/kernal/common/buffer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=r=>{const e=new ArrayBuffer(r.length),t=new Uint8Array(e);for(let n=0,f=r.length;n<f;n++)t[n]=r.charCodeAt(n);return e},y=r=>{const e=globalThis.atob(r);return s(e)},c=r=>{if(r instanceof ArrayBuffer)return new Uint8Array(r);if(u(r.buffer)){const e=new Uint8Array(r.length);return e.set(r),e}return r},u=r=>Object.prototype.toString.call(r)==="[object SharedArrayBuffer]",a=(r,e)=>{const t=c(r);return new Blob([t],e)},i=(r,e)=>{let t;return r instanceof ArrayBuffer||r instanceof Uint8Array?t=a(r,e):t=r,new Promise((n,f)=>{try{const o=new FileReader;o.onload=function(l){n(l.target.result)},o.readAsDataURL(t)}catch(o){f(o)}})},b=async(r,e,t)=>{const n=await i(r,t);return e?n:n.split(",")[1]};exports.convertArrayBufferToBase64=b;exports.convertBase64ToArrayBuffer=y;exports.convertBufferToDataUrl=i;exports.isSharedArrayBuffer=u;exports.str2ab=s;exports.toBlob=a;exports.toSafeUint8Array=c;

package/dist/kernal/common/buffer.d.ts

@@ -0,0 +1,7 @@
+export declare const str2ab: (str: string) => ArrayBuffer;
+export declare const convertBase64ToArrayBuffer: (base64: string) => ArrayBuffer;
+export declare const toSafeUint8Array: (data: ArrayBuffer | Uint8Array) => Uint8Array<ArrayBuffer>;
+export declare const isSharedArrayBuffer: (buffer: ArrayBuffer) => boolean;
+export declare const toBlob: (data: Uint8Array | ArrayBuffer, options?: BlobPropertyBag) => Blob;
+export declare const convertBufferToDataUrl: (data: Uint8Array | ArrayBuffer | Blob, options?: BlobPropertyBag) => Promise<string>;
+export declare const convertArrayBufferToBase64: (data: Uint8Array | ArrayBuffer | Blob, keepHeader?: boolean, options?: BlobPropertyBag) => Promise<string>;

package/dist/kernal/common/buffer.mjs

@@ -0,0 +1,44 @@
+const i = (r) => {
+  const e = new ArrayBuffer(r.length), n = new Uint8Array(e);
+  for (let t = 0, f = r.length; t < f; t++)
+    n[t] = r.charCodeAt(t);
+  return e;
+}, y = (r) => {
+  const e = globalThis.atob(r);
+  return i(e);
+}, u = (r) => {
+  if (r instanceof ArrayBuffer)
+    return new Uint8Array(r);
+  if (a(r.buffer)) {
+    const e = new Uint8Array(r.length);
+    return e.set(r), e;
+  }
+  return r;
+}, a = (r) => Object.prototype.toString.call(r) === "[object SharedArrayBuffer]", c = (r, e) => {
+  const n = u(r);
+  return new Blob([n], e);
+}, l = (r, e) => {
+  let n;
+  return r instanceof ArrayBuffer || r instanceof Uint8Array ? n = c(r, e) : n = r, new Promise((t, f) => {
+    try {
+      const o = new FileReader();
+      o.onload = function(s) {
+        t(s.target.result);
+      }, o.readAsDataURL(n);
+    } catch (o) {
+      f(o);
+    }
+  });
+}, b = async (r, e, n) => {
+  const t = await l(r, n);
+  return e ? t : t.split(",")[1];
+};
+export {
+  b as convertArrayBufferToBase64,
+  y as convertBase64ToArrayBuffer,
+  l as convertBufferToDataUrl,
+  a as isSharedArrayBuffer,
+  i as str2ab,
+  c as toBlob,
+  u as toSafeUint8Array
+};

package/dist/kernal/common/data.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,o)=>{if(typeof t!="number"||t==null||!Number.isFinite(t)||t<0)return o??"Unknown";if(t==0)return"0 B";const n=new Array("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"),r=Math.floor(Math.log(t)/Math.log(1024));if(r<0||r>=n.length)return o??"Unknown";const e=t/Math.pow(1024,r);return t<=1024?e.toFixed(0)+" "+n[r]:e.toFixed(2)+" "+n[r]};exports.formatFileSize=u;

package/dist/kernal/common/data.d.ts

@@ -0,0 +1 @@
+export declare const formatFileSize: (filesize: number, unknownValue?: string) => string;

package/dist/kernal/common/data.mjs

@@ -0,0 +1,14 @@
+const u = (t, o) => {
+  if (typeof t != "number" || t == null || !Number.isFinite(t) || t < 0)
+    return o ?? "Unknown";
+  if (t == 0)
+    return "0 B";
+  const r = new Array("Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"), n = Math.floor(Math.log(t) / Math.log(1024));
+  if (n < 0 || n >= r.length)
+    return o ?? "Unknown";
+  const B = t / Math.pow(1024, n);
+  return t <= 1024 ? B.toFixed(0) + " " + r[n] : B.toFixed(2) + " " + r[n];
+};
+export {
+  u as formatFileSize
+};

package/dist/kernal/common/date.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./number.cjs"),m=(t,e)=>{if(!t)return"";if(!(t instanceof Date)||typeof t!="object")try{t=new Date(t)}catch{return""}const r=new Date().getTime()-t.getTime();let n;if(r<1e4)return e=="zh-cn"?"刚刚":"just now";if(r<6e4)return n=Math.floor(r/1e3),`${n}`+(e=="zh-cn"?"秒前":" second"+(n==1?"":"s")+" ago");if(r<36e5)return n=Math.floor(r/6e4),`${n}`+(e=="zh-cn"?"分钟前":" minute"+(n==1?"":"s")+" ago");if(r<864e5)return n=Math.floor(r/36e5),`${n}`+(e=="zh-cn"?"小时前":" hour"+(n==1?"":"s")+" ago");{const o=Math.floor(r/864e5);return o>=365?t.toLocaleDateString():o>=30?(n=Math.floor(o/30),`${n}`+(e=="zh-cn"?"个月前":" month"+(n==1?"":"s")+" ago")):`${o}`+(e=="zh-cn"?"天前":" day"+(o==1?"":"s")+" ago")}},y=(t,e,i)=>{if(!t)return"";if(!(t instanceof Date)||typeof t!="object")try{t=new Date(t)}catch{return""}const r=e?t.getUTCFullYear():t.getFullYear(),n=e?t.getUTCMonth()+1:t.getMonth()+1,o=e?t.getUTCDate():t.getDate(),s=e?t.getUTCHours():t.getHours(),c=e?t.getUTCMinutes():t.getMinutes(),f=e?t.getUTCSeconds():t.getSeconds();let g=n.toString();n<10&&(g="0"+n);let u=o.toString();o<10&&(u="0"+o);let l=s.toString();s<10&&(l="0"+s);let h=c.toString();c<10&&(h="0"+c);let D=f.toString();return f<10&&(D="0"+f),i?r+"-"+g+"-"+u:r+"-"+g+"-"+u+" "+l+":"+h+":"+D},T=(t,e)=>{let i;return t?t instanceof Date?t:(i=new Date(t),S.isNumber(i.getTime())?i:e||null):e||null};exports.convertToDate=T;exports.formatDate=y;exports.getFriendlyDate=m;

package/dist/kernal/common/date.d.ts

@@ -0,0 +1,3 @@
+export declare const getFriendlyDate: (date: Date, language: string) => string;
+export declare const formatDate: (date: Date, utc: boolean, onlyDate?: boolean) => string;
+export declare const convertToDate: (date: Date | string, defaultValue?: Date) => Date;

package/dist/kernal/common/date.mjs

@@ -0,0 +1,51 @@
+import { isNumber as m } from "./number.mjs";
+const y = (t, n) => {
+  if (!t) return "";
+  if (!(t instanceof Date) || typeof t != "object")
+    try {
+      t = new Date(t);
+    } catch {
+      return "";
+    }
+  const r = (/* @__PURE__ */ new Date()).getTime() - t.getTime();
+  let e;
+  if (r < 1e4)
+    return n == "zh-cn" ? "刚刚" : "just now";
+  if (r < 6e4)
+    return e = Math.floor(r / 1e3), `${e}` + (n == "zh-cn" ? "秒前" : " second" + (e == 1 ? "" : "s") + " ago");
+  if (r < 36e5)
+    return e = Math.floor(r / 6e4), `${e}` + (n == "zh-cn" ? "分钟前" : " minute" + (e == 1 ? "" : "s") + " ago");
+  if (r < 864e5)
+    return e = Math.floor(r / 36e5), `${e}` + (n == "zh-cn" ? "小时前" : " hour" + (e == 1 ? "" : "s") + " ago");
+  {
+    const o = Math.floor(r / 864e5);
+    return o >= 365 ? t.toLocaleDateString() : o >= 30 ? (e = Math.floor(o / 30), `${e}` + (n == "zh-cn" ? "个月前" : " month" + (e == 1 ? "" : "s") + " ago")) : `${o}` + (n == "zh-cn" ? "天前" : " day" + (o == 1 ? "" : "s") + " ago");
+  }
+}, M = (t, n, i) => {
+  if (!t) return "";
+  if (!(t instanceof Date) || typeof t != "object")
+    try {
+      t = new Date(t);
+    } catch {
+      return "";
+    }
+  const r = n ? t.getUTCFullYear() : t.getFullYear(), e = n ? t.getUTCMonth() + 1 : t.getMonth() + 1, o = n ? t.getUTCDate() : t.getDate(), s = n ? t.getUTCHours() : t.getHours(), f = n ? t.getUTCMinutes() : t.getMinutes(), c = n ? t.getUTCSeconds() : t.getSeconds();
+  let g = e.toString();
+  e < 10 && (g = "0" + e);
+  let h = o.toString();
+  o < 10 && (h = "0" + o);
+  let u = s.toString();
+  s < 10 && (u = "0" + s);
+  let l = f.toString();
+  f < 10 && (l = "0" + f);
+  let D = c.toString();
+  return c < 10 && (D = "0" + c), i ? r + "-" + g + "-" + h : r + "-" + g + "-" + h + " " + u + ":" + l + ":" + D;
+}, w = (t, n) => {
+  let i;
+  return t ? t instanceof Date ? t : (i = new Date(t), m(i.getTime()) ? i : n || null) : n || null;
+};
+export {
+  w as convertToDate,
+  M as formatDate,
+  y as getFriendlyDate
+};

package/dist/kernal/common/encoding.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=e=>{let r,t,o,n,c;r="";const a=e.length;for(t=0;t<a;)switch(o=e[t++],o>>4){case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:r+=String.fromCharCode(o);break;case 12:case 13:n=e[t++],r+=String.fromCharCode((o&31)<<6|n&63);break;case 14:n=e[t++],c=e[t++],r+=String.fromCharCode((o&15)<<12|(n&63)<<6|(c&63)<<0);break}return r},i=e=>e.charCodeAt(0)===65279?e.slice(1):e,s=e=>{let r;return globalThis.TextDecoder?r=new TextDecoder("utf-8").decode(e):r=g(e),r=i(r),r},T=e=>s(new Uint8Array(e)),u=e=>new TextEncoder().encode(e),f=(e,r)=>new TextDecoder(r).decode(e);exports.convertArrayBufferToString=T;exports.convertStringToUint8Array=u;exports.convertUint8ArrayToString=s;exports.getUtf8Text=f;exports.removeBomHeader=i;

package/dist/kernal/common/encoding.d.ts

@@ -0,0 +1,5 @@
+export declare const removeBomHeader: (content: string) => string;
+export declare const convertUint8ArrayToString: (data: Uint8Array) => string;
+export declare const convertArrayBufferToString: (data: ArrayBuffer) => string;
+export declare const convertStringToUint8Array: (data: string) => Uint8Array;
+export declare const getUtf8Text: (source: ArrayBuffer, encoding: string) => string;

package/dist/kernal/common/encoding.mjs

@@ -0,0 +1,36 @@
+const a = (e) => {
+  let r, t, c, n, o;
+  r = "";
+  const s = e.length;
+  for (t = 0; t < s; )
+    switch (c = e[t++], c >> 4) {
+      case 0:
+      case 1:
+      case 2:
+      case 3:
+      case 4:
+      case 5:
+      case 6:
+      case 7:
+        r += String.fromCharCode(c);
+        break;
+      case 12:
+      case 13:
+        n = e[t++], r += String.fromCharCode((c & 31) << 6 | n & 63);
+        break;
+      case 14:
+        n = e[t++], o = e[t++], r += String.fromCharCode((c & 15) << 12 | (n & 63) << 6 | (o & 63) << 0);
+        break;
+    }
+  return r;
+}, i = (e) => e.charCodeAt(0) === 65279 ? e.slice(1) : e, g = (e) => {
+  let r;
+  return globalThis.TextDecoder ? r = new TextDecoder("utf-8").decode(e) : r = a(e), r = i(r), r;
+}, h = (e) => g(new Uint8Array(e)), l = (e) => new TextEncoder().encode(e), u = (e, r) => new TextDecoder(r).decode(e);
+export {
+  h as convertArrayBufferToString,
+  l as convertStringToUint8Array,
+  g as convertUint8ArrayToString,
+  u as getUtf8Text,
+  i as removeBomHeader
+};

package/dist/kernal/common/geometry.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=(t,o)=>o.left+o.width>t.left&&o.left<t.left+t.width&&o.top<t.top+t.height&&o.top+o.height>t.top,n=t=>({left:t.left,top:t.top,right:t.left+t.width,bottom:t.top+t.height}),f=t=>{const{left:o,top:e,right:h,bottom:i}=n(t);return[{X:o,Y:e},{X:o,Y:i},{X:h,Y:i},{X:h,Y:e}]};exports.intersect=l;exports.rectToPath=f;exports.toRectBounds=n;