waybetter 0.1.1 → 0.7.0

package/dist/runtime/themeRuntime.js

@@ -0,0 +1,570 @@
+// The theme engine in a site's page: keeps one `<style>` with the theme's CSS in sync while the site
+// adds its own rules (React apps insert them lazily), exposes the resolved theme as `--wb-*` custom
+// properties for plugins and the UI kit, follows the site's own color mode, and paints the last
+// theme from the page's first frame (a snapshot in the page's storage). What the CSS is comes from
+// the site adapter (`ThemeRuntimeSite`): X re-declares its own stylesheet rules with the theme's
+// colors (`buildThemeCss`) and adds type/shape/layout rules over its selectors.
+import { domRoots, watchDom } from "./domHub.js";
+import { FONT_ROLE_NAMES, themeKey, themeVarsCss } from "./themeApi.js";
+import { bundledFontsUsed, isNeutral, resolveFontRoles } from "./themeSpec.js";
+/** The font roles as the plugin API reports them in a site's page; an inheriting interface uses `siteStack` (the site's own font). */
+export function resolvedFonts(font, siteStack) {
+    const roles = resolveFontRoles(font, siteStack);
+    return Object.fromEntries(FONT_ROLE_NAMES.map(role => {
+        const { stack, weight, size, tracking, tabular, inherited } = roles[role];
+        return [role, { stack, weight, size, tracking, tabular, inherited }];
+    }));
+}
+const isSupports = (rule) => rule.type === 12 || rule.constructor?.name === 'CSSSupportsRule';
+/**
+ * A style rule as it takes effect. Tailwind 4 writes an opacity utility as a fallback plus the real
+ * value in a nested `@supports`:
+ * `.bg-white\/15 { background-color: var(--white); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--white) 15%, transparent) } }`.
+ * Read alone, the outer declaration is a solid white fill; where the browser passes the condition the
+ * nested one is what paints, so it answers for the rule.
+ */
+function effectiveRule(rule, supported) {
+    const overrides = [];
+    for (const child of Array.from(rule.cssRules ?? [])) {
+        if (!isSupports(child) || !supported(child.conditionText ?? ''))
+            continue;
+        for (const inner of Array.from(child.cssRules ?? [])) {
+            // Bare declarations inside the group: a CSSNestedDeclarations, or `& { }` in older engines.
+            if (inner.style && (inner.selectorText === undefined || inner.selectorText === '&'))
+                overrides.push(inner.style);
+        }
+    }
+    if (!overrides.length)
+        return rule;
+    const outer = rule.style;
+    return {
+        selectorText: rule.selectorText,
+        style: {
+            getPropertyValue(name) {
+                for (let i = overrides.length - 1; i >= 0; i--) {
+                    const value = overrides[i].getPropertyValue(name);
+                    if (value)
+                        return value;
+                }
+                return outer.getPropertyValue(name);
+            },
+            length: outer.length,
+        },
+    };
+}
+/**
+ * Every style rule of `doc`'s stylesheets (inside media/supports groups too), except `own`'s (the
+ * engine's own sheets: read as the site's, their radii and colors would be re-declared), each as it
+ * takes effect (`effectiveRule`). A `@supports` group the browser does not pass is left out.
+ */
+export function collectRules(doc, own) {
+    const ours = (Array.isArray(own) ? own : [own]).filter(Boolean);
+    const sheets = Array.from(doc.styleSheets).filter(sheet => !ours.includes(sheet.ownerNode));
+    return rulesOf(sheets, doc.defaultView?.CSS);
+}
+/**
+ * The same for an open shadow root the site renders a part of itself in (X's chat embed): its adopted
+ * sheets and its `<style>` elements, except the engine's own adopted `own` sheet.
+ */
+export function collectRootRules(root, own, css) {
+    const sheets = [...Array.from(root.adoptedStyleSheets ?? []), ...Array.from(root.styleSheets ?? [])].filter(sheet => sheet !== own);
+    return rulesOf(sheets, css);
+}
+function rulesOf(sheets, css) {
+    const rules = [];
+    const verdicts = new Map();
+    const supported = (condition) => {
+        if (!condition || !css?.supports)
+            return true;
+        let verdict = verdicts.get(condition);
+        if (verdict === undefined) {
+            try {
+                verdict = css.supports(condition);
+            }
+            catch {
+                verdict = true;
+            }
+            verdicts.set(condition, verdict);
+        }
+        return verdict;
+    };
+    const walk = (list) => {
+        for (const rule of Array.from(list)) {
+            if (rule.selectorText !== undefined && rule.style)
+                rules.push(effectiveRule(rule, supported));
+            else if (rule.cssRules && rule.selectorText === undefined && (!isSupports(rule) || supported(rule.conditionText ?? '')))
+                walk(rule.cssRules);
+        }
+    };
+    for (const sheet of sheets) {
+        try {
+            walk(sheet.cssRules);
+        }
+        catch { /* Cross-origin sheet. */ }
+    }
+    return rules;
+}
+function rootRuleCount(root, own) {
+    let count = 0;
+    for (const sheet of [...Array.from(root.adoptedStyleSheets ?? []), ...Array.from(root.styleSheets ?? [])]) {
+        if (sheet === own)
+            continue;
+        try {
+            count += sheet.cssRules.length;
+        }
+        catch { /* Cross-origin. */ }
+    }
+    return count;
+}
+function ruleCount(doc) {
+    let count = 0;
+    for (const sheet of Array.from(doc.styleSheets)) {
+        try {
+            count += sheet.cssRules.length;
+        }
+        catch { /* Cross-origin. */ }
+    }
+    return count;
+}
+const SNAPSHOT_KEY = 'wb:theme-snapshot';
+export const SNAPSHOT_SESSION_MAX = 1_000_000;
+export const SNAPSHOT_LOCAL_MAX = 200_000;
+function stores(win) {
+    const get = (name) => { try {
+        return win[name];
+    }
+    catch {
+        return null;
+    } };
+    return { session: get('sessionStorage'), local: get('localStorage') };
+}
+export function readSnapshot({ session, local }) {
+    for (const store of [session, local]) {
+        try {
+            const value = JSON.parse(store?.getItem(SNAPSHOT_KEY) || 'null');
+            if (value && typeof value.key === 'string' && typeof value.css === 'string' && value.css && value.choice)
+                return value;
+        }
+        catch { /* Missing, blocked or foreign data: no snapshot. */ }
+    }
+    return null;
+}
+/** Stores `snapshot` (null clears it: the site's own look needs none), each store within its cap. */
+export function writeSnapshot({ session, local }, snapshot) {
+    const json = snapshot ? JSON.stringify(snapshot) : '';
+    for (const [store, max] of [[session, SNAPSHOT_SESSION_MAX], [local, SNAPSHOT_LOCAL_MAX]]) {
+        try {
+            if (json && json.length <= max)
+                store?.setItem(SNAPSHOT_KEY, json);
+            else
+                store?.removeItem(SNAPSHOT_KEY);
+        }
+        catch { /* Quota or blocked storage: the next document just starts unthemed. */ }
+    }
+}
+/** The attribute a page flag sets on `<html>`. */
+export const flagAttribute = (name) => `data-wb-${name}`;
+/** Which of `flags` hold in `roots` now (pure, for tests). */
+export function pageFlags(roots, flags) {
+    const on = [];
+    for (const [name, selector] of Object.entries(flags)) {
+        try {
+            if (roots.some(root => !!root.querySelector(selector)))
+                on.push(name);
+        }
+        catch { /* A bad selector is never on. */ }
+    }
+    return on;
+}
+const VARS_ID = 'wb-theme-vars';
+/** Keeps the site's page in the owner's theme (see the top of this file). */
+export function installThemeRuntime(win, site, options = {}) {
+    const doc = win.document;
+    const name = site.name ?? 'wayBetter';
+    const styleId = site.styleId ?? 'wb-theme-css';
+    const staticId = site.staticId ?? 'wb-theme-static';
+    const { catalog } = site;
+    // Document start (no <html> yet): the snapshot as an adopted sheet paints with the site's first
+    // frame. It stays while the live CSS is for the same theme and site mode, and goes when they differ.
+    const storage = stores(win);
+    const snapshot = readSnapshot(storage);
+    let early = null;
+    if (snapshot) {
+        try {
+            const Sheet = win.CSSStyleSheet;
+            early = new Sheet();
+            early.replaceSync(snapshot.css);
+            doc.adoptedStyleSheets = [...doc.adoptedStyleSheets, early];
+        }
+        catch {
+            early = null;
+        }
+    }
+    const dropEarly = () => {
+        if (!early)
+            return;
+        const sheet = early;
+        early = null;
+        try {
+            doc.adoptedStyleSheets = doc.adoptedStyleSheets.filter(item => item !== sheet);
+        }
+        catch { /* Never break the site. */ }
+    };
+    let savedCss = snapshot?.css ?? '';
+    let choice = catalog.defaultChoice;
+    let theme = catalog.resolve(choice);
+    let lastKey = '';
+    let timer = null;
+    const active = () => !isNeutral(theme) || !!choice.accent || !!choice.icons;
+    let mode = site.initialMode;
+    let resolved = site.resolved(choice, mode);
+    let resolvedKey = themeKey(resolved);
+    const listeners = new Set();
+    const readMode = () => (doc.body ? site.readMode(win) : mode);
+    /** `--wb-*` on :root for plugin CSS, and a change notice when anything visible changed. */
+    const syncResolved = () => {
+        if (doc.body)
+            mode = readMode();
+        resolved = site.resolved(choice, mode);
+        const key = themeKey(resolved);
+        let vars = doc.getElementById(VARS_ID);
+        if (!vars?.isConnected) {
+            vars = doc.createElement('style');
+            vars.id = VARS_ID;
+            (doc.head || doc.documentElement).appendChild(vars);
+        }
+        const css = themeVarsCss(resolved);
+        if (vars.textContent !== css)
+            vars.textContent = css;
+        if (key === resolvedKey)
+            return;
+        resolvedKey = key;
+        for (const listener of [...listeners]) {
+            try {
+                listener();
+            }
+            catch (error) {
+                console.error(`[${name}] theme listener failed`, error);
+            }
+        }
+    };
+    let modeObserver = null;
+    const watchMode = () => {
+        if (modeObserver || !doc.body)
+            return;
+        // Sites repaint the body when their own display setting changes (X: Default / Dim / Lights out).
+        const Observer = win.MutationObserver ?? globalThis.MutationObserver;
+        if (!Observer)
+            return;
+        modeObserver = new Observer(() => { try {
+            if (readMode() !== mode)
+                syncResolved();
+        }
+        catch { /* Never break the site. */ } });
+        modeObserver.observe(doc.body, { attributes: true, attributeFilter: ['style'] });
+    };
+    let staticKey = '';
+    let staticText = '';
+    let siteVars = {};
+    // Page flags (`site.flags`): checked once per hub frame after the page changed, on every page (heavy ones too).
+    const flagNames = Object.keys(site.flags ?? {});
+    let flagWatch = null;
+    // The flags that hold now; the theme's CSS is rebuilt when they change (a rule that only applies to a
+    // signed-out page can then be left out of a signed-in one instead of being gated by `:has()`).
+    let flagState = [];
+    const syncFlags = () => {
+        const root = doc.documentElement;
+        if (!root || !flagNames.length)
+            return;
+        let on = [];
+        try {
+            on = pageFlags(domRoots(win), site.flags);
+        }
+        catch {
+            on = [];
+        }
+        for (const name of flagNames) {
+            const attr = flagAttribute(name);
+            const want = on.includes(name);
+            if (root.hasAttribute(attr) !== want) {
+                if (want)
+                    root.setAttribute(attr, '');
+                else
+                    root.removeAttribute(attr);
+            }
+        }
+        const changed = on.join(' ') !== flagState.join(' ');
+        flagState = on;
+        return changed;
+    };
+    const flagsOn = (on) => {
+        if (!flagNames.length)
+            return;
+        if (on) {
+            syncFlags();
+            if (!flagWatch) {
+                try {
+                    flagWatch = watchDom(win, () => { if (syncFlags()) {
+                        try {
+                            render();
+                        }
+                        catch { /* Never break the site. */ }
+                    } }, { offOnHeavy: false });
+                }
+                catch {
+                    flagWatch = null;
+                }
+            }
+        }
+        else {
+            flagWatch?.dispose();
+            flagWatch = null;
+            for (const name of flagNames)
+                doc.documentElement?.removeAttribute(flagAttribute(name));
+        }
+    };
+    // Open shadow roots the site renders a part of itself in (domHub `shadowHosts`; X's chat embed since
+    // 2026-10-01): the document's sheets do not reach inside, so each root adopts the theme built from
+    // its own rules plus the static sheet, kept last among its sheets, rebuilt when its rules change and
+    // taken off when the theme is off or the root is gone.
+    const rootSheets = new Map();
+    const detach = (root, sheet) => { try {
+        root.adoptedStyleSheets = root.adoptedStyleSheets.filter(item => item !== sheet);
+    }
+    catch { /* Root gone. */ } };
+    const syncRoots = (on, snapshotKey, force) => {
+        let roots = [];
+        if (on) {
+            try {
+                roots = domRoots(win).slice(1);
+            }
+            catch {
+                roots = [];
+            }
+        }
+        for (const [root, item] of rootSheets)
+            if (!roots.includes(root)) {
+                detach(root, item.sheet);
+                rootSheets.delete(root);
+            }
+        const Sheet = win.CSSStyleSheet;
+        for (const root of roots) {
+            let item = rootSheets.get(root);
+            if (!item) {
+                try {
+                    item = { sheet: new Sheet(), key: '' };
+                }
+                catch {
+                    continue;
+                }
+                rootSheets.set(root, item);
+            }
+            const key = `${snapshotKey}|${flagState.join(' ')}|${rootRuleCount(root, item.sheet)}|${staticText.length}`;
+            if (force || item.key !== key) {
+                item.key = key;
+                // The site's primitives as the root sees them (its own sheets may declare them; the document may not), read with our sheet off.
+                const vars = { ...siteVars };
+                if (site.siteVars?.length) {
+                    const probe = root.firstElementChild ?? root.host;
+                    item.sheet.disabled = true;
+                    try {
+                        const style = win.getComputedStyle(probe);
+                        for (const name of site.siteVars) {
+                            const value = style.getPropertyValue(name).trim();
+                            if (value)
+                                vars[name] = value;
+                        }
+                    }
+                    catch { /* Keep the document's. */ }
+                    item.sheet.disabled = false;
+                }
+                let css = '';
+                try {
+                    css = site.css(collectRootRules(root, item.sheet, win.CSS), choice, mode, vars, flagState);
+                }
+                catch (error) {
+                    console.error(`[${name}] theme (shadow root) failed`, error);
+                }
+                try {
+                    item.sheet.replaceSync(staticText ? `${css}\n${staticText}` : css);
+                }
+                catch { /* Keeps the last good rules. */ }
+            }
+            // Last, so equal-specificity `!important` rules win over the site's; the site may re-set its list.
+            const list = root.adoptedStyleSheets;
+            if (list[list.length - 1] !== item.sheet) {
+                try {
+                    root.adoptedStyleSheets = [...list.filter(sheet => sheet !== item.sheet), item.sheet];
+                }
+                catch { /* Never break the site. */ }
+            }
+        }
+    };
+    /** The static sheet sits right after the palette sheet (its part rules are more specific anyway; order only breaks ties). */
+    const placeStatic = (fixed, style) => {
+        if (!fixed || !style?.isConnected)
+            return;
+        if (style.nextElementSibling !== fixed)
+            style.after(fixed);
+    };
+    const render = (force = false) => {
+        let style = doc.getElementById(styleId);
+        let fixed = doc.getElementById(staticId);
+        if (doc.body) {
+            watchMode();
+            syncResolved();
+        }
+        if (!active()) {
+            style?.remove();
+            fixed?.remove();
+            lastKey = '';
+            staticKey = '';
+            dropEarly();
+            syncRoots(false, '', false);
+            flagsOn(false);
+            if (savedCss) {
+                savedCss = '';
+                writeSnapshot(storage, null);
+            }
+            return;
+        }
+        if (!doc.body)
+            return;
+        flagsOn(true);
+        const snapshotKey = `${JSON.stringify(choice)}|${mode}`;
+        if (early && snapshot?.key !== snapshotKey)
+            dropEarly();
+        // The static sheet follows the theme and the mode only (and `refresh()`), never the site's rules.
+        if (site.staticCss && (force || staticKey !== snapshotKey)) {
+            staticKey = snapshotKey;
+            let text = '';
+            try {
+                text = site.staticCss(choice, mode);
+            }
+            catch (error) {
+                console.error(`[${name}] theme structure failed`, error);
+            }
+            staticText = text;
+            if (text) {
+                if (!fixed) {
+                    fixed = doc.createElement('style');
+                    fixed.id = staticId;
+                }
+                if (fixed.textContent !== text)
+                    fixed.textContent = text;
+            }
+            else {
+                fixed?.remove();
+                fixed = null;
+            }
+        }
+        const key = `${JSON.stringify(choice)}|${mode}|${flagState.join(' ')}|${ruleCount(doc) - (style?.sheet?.cssRules.length ?? 0) - (fixed?.sheet?.cssRules.length ?? 0)}`;
+        if (!force && key === lastKey) {
+            placeStatic(fixed, style);
+            syncRoots(true, snapshotKey, false);
+            return;
+        }
+        lastKey = key;
+        if (!style) {
+            style = doc.createElement('style');
+            style.id = styleId;
+        }
+        // The site's own values, not the ones our previous render overrode (switching themes re-reads them).
+        if (style.sheet)
+            style.sheet.disabled = true;
+        const vars = {};
+        if (site.siteVars?.length) {
+            const rootStyle = win.getComputedStyle(doc.documentElement);
+            for (const name of site.siteVars)
+                vars[name] = rootStyle.getPropertyValue(name).trim();
+        }
+        if (style.sheet)
+            style.sheet.disabled = false;
+        siteVars = vars;
+        const css = site.css(collectRules(doc, [style, fixed]), choice, mode, vars, flagState);
+        if (style.textContent !== css)
+            style.textContent = css;
+        // Last in <head> so equal-specificity `!important` rules win over the site's; the static sheet after it.
+        const last = fixed?.isConnected && doc.head?.lastElementChild === fixed ? fixed.previousElementSibling : doc.head?.lastElementChild;
+        if (style.parentNode !== doc.head || last !== style)
+            (doc.head || doc.documentElement).appendChild(style);
+        placeStatic(fixed, style);
+        syncRoots(true, snapshotKey, force);
+        const full = `${themeVarsCss(resolved)}\n${css}${staticText ? `\n${staticText}` : ''}`;
+        if (full !== savedCss) {
+            savedCss = full;
+            writeSnapshot(storage, { key: snapshotKey, choice, css: full });
+        }
+    };
+    const handle = {
+        apply(input) {
+            choice = catalog.normalize(input);
+            theme = catalog.resolve(choice);
+            const fonts = bundledFontsUsed(theme);
+            if (fonts.length) {
+                try {
+                    options.loadFonts?.(fonts);
+                }
+                catch (error) {
+                    console.error(`[${name}] theme fonts failed`, error);
+                }
+            }
+            if (active()) {
+                if (!timer)
+                    timer = setInterval(() => { try {
+                        render();
+                    }
+                    catch { /* Never break the site. */ } }, 1200);
+            }
+            else if (timer) {
+                clearInterval(timer);
+                timer = null;
+            }
+            try {
+                render(true);
+            }
+            catch (error) {
+                console.error(`[${name}] theme failed`, error);
+            }
+            win.dispatchEvent(new CustomEvent('wb-theme'));
+        },
+        current: () => choice,
+        theme: () => theme,
+        mode: () => mode,
+        resolved: () => {
+            if (doc.body && readMode() !== mode)
+                syncResolved();
+            return resolved;
+        },
+        onChange(listener) {
+            listeners.add(listener);
+            return () => { listeners.delete(listener); };
+        },
+        refresh() { try {
+            render(true);
+        }
+        catch (error) {
+            console.error(`[${name}] theme failed`, error);
+        } },
+    };
+    // The snapshot's theme until native code hands over the current one (usually the same): the
+    // live CSS then already renders at DOMContentLoaded instead of after the page finished loading.
+    if (snapshot) {
+        try {
+            handle.apply(snapshot.choice);
+        }
+        catch { /* Never break the site. */ }
+    }
+    if (doc.readyState === 'loading')
+        doc.addEventListener('DOMContentLoaded', () => render(true), { once: true });
+    // `--wb-*` exist from the start (the site's own palette until a theme is applied), for plugins and the UI kit.
+    else if (doc.body) {
+        try {
+            watchMode();
+            syncResolved();
+        }
+        catch { /* Never break the site. */ }
+    }
+    return handle;
+}
+//# sourceMappingURL=themeRuntime.js.map

package/dist/runtime/themeRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRuntime.js","sourceRoot":"","sources":["../../../runtime/src/themeRuntime.ts"],"names":[],"mappings":"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","sourcesContent":["// The theme engine in a site's page: keeps one `<style>` with the theme's CSS in sync while the site\n// adds its own rules (React apps insert them lazily), exposes the resolved theme as `--wb-*` custom\n// properties for plugins and the UI kit, follows the site's own color mode, and paints the last\n// theme from the page's first frame (a snapshot in the page's storage). What the CSS is comes from\n// the site adapter (`ThemeRuntimeSite`): X re-declares its own stylesheet rules with the theme's\n// colors (`buildThemeCss`) and adds type/shape/layout rules over its selectors.\n\nimport { domRoots, watchDom, type DomWatchHandle } from './domHub.ts';\nimport { FONT_ROLE_NAMES, themeKey, themeVarsCss, type ResolvedFonts, type ResolvedTheme } from './themeApi.ts';\nimport type { ThemeCatalog, ThemeChoice } from './themeChoice.ts';\nimport { bundledFontsUsed, isNeutral, resolveFontRoles, type FontSpec, type ThemeSpec } from './themeSpec.ts';\n\n/** A style rule as the engine reads it (CSSStyleRule, or a plain object in tests). */\nexport type RuleLike = { selectorText: string; style: { getPropertyValue(name: string): string; length?: number } };\n\n/** The font roles as the plugin API reports them in a site's page; an inheriting interface uses `siteStack` (the site's own font). */\nexport function resolvedFonts(font: FontSpec, siteStack: string): ResolvedFonts {\n  const roles = resolveFontRoles(font, siteStack);\n  return Object.fromEntries(FONT_ROLE_NAMES.map(role => {\n    const { stack, weight, size, tracking, tabular, inherited } = roles[role];\n    return [role, { stack, weight, size, tracking, tabular, inherited }];\n  })) as ResolvedFonts;\n}\n\ntype RuleNode = { selectorText?: string; style?: RuleLike['style']; cssRules?: ArrayLike<RuleNode>; conditionText?: string; type?: number; constructor?: { name?: string } };\nconst isSupports = (rule: RuleNode) => rule.type === 12 || rule.constructor?.name === 'CSSSupportsRule';\n\n/**\n * A style rule as it takes effect. Tailwind 4 writes an opacity utility as a fallback plus the real\n * value in a nested `@supports`:\n * `.bg-white\\/15 { background-color: var(--white); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--white) 15%, transparent) } }`.\n * Read alone, the outer declaration is a solid white fill; where the browser passes the condition the\n * nested one is what paints, so it answers for the rule.\n */\nfunction effectiveRule(rule: RuleNode, supported: (condition: string) => boolean): RuleLike {\n  const overrides: Array<RuleLike['style']> = [];\n  for (const child of Array.from(rule.cssRules ?? [])) {\n    if (!isSupports(child) || !supported(child.conditionText ?? '')) continue;\n    for (const inner of Array.from(child.cssRules ?? [])) {\n      // Bare declarations inside the group: a CSSNestedDeclarations, or `& { }` in older engines.\n      if (inner.style && (inner.selectorText === undefined || inner.selectorText === '&')) overrides.push(inner.style);\n    }\n  }\n  if (!overrides.length) return rule as RuleLike;\n  const outer = rule.style!;\n  return {\n    selectorText: rule.selectorText!,\n    style: {\n      getPropertyValue(name) {\n        for (let i = overrides.length - 1; i >= 0; i--) { const value = overrides[i]!.getPropertyValue(name); if (value) return value; }\n        return outer.getPropertyValue(name);\n      },\n      length: outer.length,\n    },\n  };\n}\n\n/**\n * Every style rule of `doc`'s stylesheets (inside media/supports groups too), except `own`'s (the\n * engine's own sheets: read as the site's, their radii and colors would be re-declared), each as it\n * takes effect (`effectiveRule`). A `@supports` group the browser does not pass is left out.\n */\nexport function collectRules(doc: Document, own: HTMLStyleElement | null | ReadonlyArray<HTMLStyleElement | null>): RuleLike[] {\n  const ours = (Array.isArray(own) ? own : [own]).filter(Boolean) as HTMLStyleElement[];\n  const sheets = Array.from(doc.styleSheets).filter(sheet => !ours.includes(sheet.ownerNode as HTMLStyleElement));\n  return rulesOf(sheets, (doc.defaultView as (Window & typeof globalThis) | null)?.CSS);\n}\n\ntype SheetLike = { cssRules: CSSRuleList | ArrayLike<unknown> };\n/**\n * The same for an open shadow root the site renders a part of itself in (X's chat embed): its adopted\n * sheets and its `<style>` elements, except the engine's own adopted `own` sheet.\n */\nexport function collectRootRules(root: { adoptedStyleSheets?: readonly SheetLike[]; styleSheets?: ArrayLike<SheetLike> }, own: SheetLike | null, css?: { supports?(condition: string): boolean }): RuleLike[] {\n  const sheets = [...Array.from(root.adoptedStyleSheets ?? []), ...Array.from(root.styleSheets ?? [])].filter(sheet => sheet !== own);\n  return rulesOf(sheets, css);\n}\n\nfunction rulesOf(sheets: readonly SheetLike[], css: { supports?(condition: string): boolean } | undefined): RuleLike[] {\n  const rules: RuleLike[] = [];\n  const verdicts = new Map<string, boolean>();\n  const supported = (condition: string) => {\n    if (!condition || !css?.supports) return true;\n    let verdict = verdicts.get(condition);\n    if (verdict === undefined) { try { verdict = css.supports(condition); } catch { verdict = true; } verdicts.set(condition, verdict); }\n    return verdict;\n  };\n  const walk = (list: ArrayLike<RuleNode>) => {\n    for (const rule of Array.from(list)) {\n      if (rule.selectorText !== undefined && rule.style) rules.push(effectiveRule(rule, supported));\n      else if (rule.cssRules && rule.selectorText === undefined && (!isSupports(rule) || supported(rule.conditionText ?? ''))) walk(rule.cssRules);\n    }\n  };\n  for (const sheet of sheets) {\n    try { walk(sheet.cssRules as unknown as ArrayLike<RuleNode>); } catch { /* Cross-origin sheet. */ }\n  }\n  return rules;\n}\n\nfunction rootRuleCount(root: ShadowRoot, own: CSSStyleSheet | null): number {\n  let count = 0;\n  for (const sheet of [...Array.from(root.adoptedStyleSheets ?? []), ...Array.from(root.styleSheets ?? [])]) {\n    if (sheet === own) continue;\n    try { count += sheet.cssRules.length; } catch { /* Cross-origin. */ }\n  }\n  return count;\n}\n\nfunction ruleCount(doc: Document): number {\n  let count = 0;\n  for (const sheet of Array.from(doc.styleSheets)) { try { count += sheet.cssRules.length; } catch { /* Cross-origin. */ } }\n  return count;\n}\n\n/**\n * The last theme CSS a tab showed, kept in the page's own storage so the next document paints it\n * from its first frame: native code only hands the theme over once the page has finished loading,\n * and the live CSS needs the site's rules, which it inserts while it renders. sessionStorage is per\n * tab and survives reloads and navigations; localStorage (smaller cap: the site uses it too) is per\n * account and covers a tab's first document.\n */\nexport type ThemeSnapshot = { key: string; choice: unknown; css: string };\nconst SNAPSHOT_KEY = 'wb:theme-snapshot';\nexport const SNAPSHOT_SESSION_MAX = 1_000_000;\nexport const SNAPSHOT_LOCAL_MAX = 200_000;\nexport type SnapshotStores = { session?: Storage | null; local?: Storage | null };\n\nfunction stores(win: Window): SnapshotStores {\n  const get = (name: 'sessionStorage' | 'localStorage') => { try { return win[name]; } catch { return null; } };\n  return { session: get('sessionStorage'), local: get('localStorage') };\n}\n\nexport function readSnapshot({ session, local }: SnapshotStores): ThemeSnapshot | null {\n  for (const store of [session, local]) {\n    try {\n      const value = JSON.parse(store?.getItem(SNAPSHOT_KEY) || 'null') as Partial<ThemeSnapshot> | null;\n      if (value && typeof value.key === 'string' && typeof value.css === 'string' && value.css && value.choice) return value as ThemeSnapshot;\n    } catch { /* Missing, blocked or foreign data: no snapshot. */ }\n  }\n  return null;\n}\n\n/** Stores `snapshot` (null clears it: the site's own look needs none), each store within its cap. */\nexport function writeSnapshot({ session, local }: SnapshotStores, snapshot: ThemeSnapshot | null) {\n  const json = snapshot ? JSON.stringify(snapshot) : '';\n  for (const [store, max] of [[session, SNAPSHOT_SESSION_MAX], [local, SNAPSHOT_LOCAL_MAX]] as const) {\n    try {\n      if (json && json.length <= max) store?.setItem(SNAPSHOT_KEY, json);\n      else store?.removeItem(SNAPSHOT_KEY);\n    } catch { /* Quota or blocked storage: the next document just starts unthemed. */ }\n  }\n}\n\n/** What the engine needs to know about a site. `Mode` is the site's own color mode (X: light, dim, dark). */\nexport type ThemeRuntimeSite<Mode extends string = string> = {\n  /** The site's built-in themes (themeChoice.ts). */\n  catalog: ThemeCatalog;\n  /** The mode before the page has a body. */\n  initialMode: Mode;\n  /** The site's color mode as the page paints it now (read before the theme's own override: e.g. the body's inline style). */\n  readMode(win: Window): Mode;\n  /** The theme's CSS for the site's current `rules` (the engine's own sheet excluded) in `mode`; `vars` are `siteVars` as the site sets them. */\n  css(rules: RuleLike[], choice: ThemeChoice, mode: Mode, vars: Record<string, string>, flags: readonly string[]): string;\n  /** The active theme resolved for plugins and the UI kit (the site's own palette when the theme keeps its colors). */\n  resolved(choice: ThemeChoice, mode: Mode): ResolvedTheme;\n  /** Custom properties of the site's root read with the theme's sheet disabled (their unthemed values). */\n  siteVars?: readonly string[];\n  /**\n   * The theme's CSS that does not depend on the site's stylesheet: components, variants, decoration,\n   * icons. It lives in its own sheet (`staticId`), so the site inserting rules never rebuilds it; it is\n   * rebuilt when the theme or the site's mode changes and on `refresh()` (the owner's switches, the\n   * icon choice, the language).\n   */\n  staticCss?(choice: ThemeChoice, mode: Mode): string;\n  /** Id of that sheet's `<style>` (default `wb-theme-static`). */\n  staticId?: string;\n  /** Id of the theme's `<style>` (default `wb-theme-css`). */\n  styleId?: string;\n  /** Name in console errors. */\n  name?: string;\n  /**\n   * Page states the theme's CSS keys on, as `html[data-wb-<name>]` attributes kept by the engine:\n   * set while `selector` matches in the page or one of its open shadow roots (domHub `shadowHosts`).\n   * A theme rule gated by `html[data-wb-chat]` costs nothing when the page changes; the same gate\n   * as `html:has(...)` makes the browser re-match the whole page on every insertion (seen on x.com:\n   * 10-100 ms per inserted node under a theme instead of 0.1 ms).\n   */\n  flags?: Readonly<Record<string, string>>;\n};\n\n/** The attribute a page flag sets on `<html>`. */\nexport const flagAttribute = (name: string) => `data-wb-${name}`;\n\n/** Which of `flags` hold in `roots` now (pure, for tests). */\nexport function pageFlags(roots: ReadonlyArray<{ querySelector(selector: string): unknown }>, flags: Readonly<Record<string, string>>): string[] {\n  const on: string[] = [];\n  for (const [name, selector] of Object.entries(flags)) {\n    try { if (roots.some(root => !!root.querySelector(selector))) on.push(name); } catch { /* A bad selector is never on. */ }\n  }\n  return on;\n}\n\nexport type ThemeHandle<Mode extends string = string> = {\n  apply(choice: unknown): void;\n  current(): ThemeChoice;\n  theme(): ThemeSpec;\n  /** The site's color mode the theme was last rendered for. */\n  mode(): Mode;\n  /** The active theme as values for plugins (`api.theme.current()`). */\n  resolved(): ResolvedTheme;\n  /** Calls `listener` after the theme or the site's color mode changes. */\n  onChange(listener: () => void): () => void;\n  /** Rebuilds the theme's CSS now: something it depends on besides the theme changed (the owner's switches, the icon choice). */\n  refresh(): void;\n};\nexport type ThemeRuntimeOptions = { /** Registers bundled families (e.g. \"Geist\") in the page before they are used. */ loadFonts?(names: string[]): void };\n\nconst VARS_ID = 'wb-theme-vars';\n\n/** Keeps the site's page in the owner's theme (see the top of this file). */\nexport function installThemeRuntime<Mode extends string>(win: Window, site: ThemeRuntimeSite<Mode>, options: ThemeRuntimeOptions = {}): ThemeHandle<Mode> {\n  const doc = win.document;\n  const name = site.name ?? 'wayBetter';\n  const styleId = site.styleId ?? 'wb-theme-css';\n  const staticId = site.staticId ?? 'wb-theme-static';\n  const { catalog } = site;\n  // Document start (no <html> yet): the snapshot as an adopted sheet paints with the site's first\n  // frame. It stays while the live CSS is for the same theme and site mode, and goes when they differ.\n  const storage = stores(win);\n  const snapshot = readSnapshot(storage);\n  let early: CSSStyleSheet | null = null;\n  if (snapshot) {\n    try {\n      const Sheet = (win as Window & typeof globalThis).CSSStyleSheet;\n      early = new Sheet();\n      early.replaceSync(snapshot.css);\n      doc.adoptedStyleSheets = [...doc.adoptedStyleSheets, early];\n    } catch { early = null; }\n  }\n  const dropEarly = () => {\n    if (!early) return;\n    const sheet = early;\n    early = null;\n    try { doc.adoptedStyleSheets = doc.adoptedStyleSheets.filter(item => item !== sheet); } catch { /* Never break the site. */ }\n  };\n  let savedCss = snapshot?.css ?? '';\n  let choice = catalog.defaultChoice;\n  let theme = catalog.resolve(choice);\n  let lastKey = '';\n  let timer: ReturnType<typeof setInterval> | null = null;\n  const active = () => !isNeutral(theme) || !!choice.accent || !!choice.icons;\n  let mode: Mode = site.initialMode;\n  let resolved: ResolvedTheme = site.resolved(choice, mode);\n  let resolvedKey = themeKey(resolved);\n  const listeners = new Set<() => void>();\n  const readMode = () => (doc.body ? site.readMode(win) : mode);\n  /** `--wb-*` on :root for plugin CSS, and a change notice when anything visible changed. */\n  const syncResolved = () => {\n    if (doc.body) mode = readMode();\n    resolved = site.resolved(choice, mode);\n    const key = themeKey(resolved);\n    let vars = doc.getElementById(VARS_ID) as HTMLStyleElement | null;\n    if (!vars?.isConnected) {\n      vars = doc.createElement('style');\n      vars.id = VARS_ID;\n      (doc.head || doc.documentElement).appendChild(vars);\n    }\n    const css = themeVarsCss(resolved);\n    if (vars.textContent !== css) vars.textContent = css;\n    if (key === resolvedKey) return;\n    resolvedKey = key;\n    for (const listener of [...listeners]) {\n      try { listener(); } catch (error) { console.error(`[${name}] theme listener failed`, error); }\n    }\n  };\n  let modeObserver: MutationObserver | null = null;\n  const watchMode = () => {\n    if (modeObserver || !doc.body) return;\n    // Sites repaint the body when their own display setting changes (X: Default / Dim / Lights out).\n    const Observer = (win as Window & typeof globalThis).MutationObserver ?? globalThis.MutationObserver;\n    if (!Observer) return;\n    modeObserver = new Observer(() => { try { if (readMode() !== mode) syncResolved(); } catch { /* Never break the site. */ } });\n    modeObserver.observe(doc.body, { attributes: true, attributeFilter: ['style'] });\n  };\n\n  let staticKey = '';\n  let staticText = '';\n  let siteVars: Record<string, string> = {};\n  // Page flags (`site.flags`): checked once per hub frame after the page changed, on every page (heavy ones too).\n  const flagNames = Object.keys(site.flags ?? {});\n  let flagWatch: DomWatchHandle | null = null;\n  // The flags that hold now; the theme's CSS is rebuilt when they change (a rule that only applies to a\n  // signed-out page can then be left out of a signed-in one instead of being gated by `:has()`).\n  let flagState: string[] = [];\n  const syncFlags = () => {\n    const root = doc.documentElement;\n    if (!root || !flagNames.length) return;\n    let on: string[] = [];\n    try { on = pageFlags(domRoots(win), site.flags!); } catch { on = []; }\n    for (const name of flagNames) {\n      const attr = flagAttribute(name);\n      const want = on.includes(name);\n      if (root.hasAttribute(attr) !== want) { if (want) root.setAttribute(attr, ''); else root.removeAttribute(attr); }\n    }\n    const changed = on.join(' ') !== flagState.join(' ');\n    flagState = on;\n    return changed;\n  };\n  const flagsOn = (on: boolean) => {\n    if (!flagNames.length) return;\n    if (on) {\n      syncFlags();\n      if (!flagWatch) { try { flagWatch = watchDom(win as never, () => { if (syncFlags()) { try { render(); } catch { /* Never break the site. */ } } }, { offOnHeavy: false }); } catch { flagWatch = null; } }\n    } else {\n      flagWatch?.dispose(); flagWatch = null;\n      for (const name of flagNames) doc.documentElement?.removeAttribute(flagAttribute(name));\n    }\n  };\n  // Open shadow roots the site renders a part of itself in (domHub `shadowHosts`; X's chat embed since\n  // 2026-10-01): the document's sheets do not reach inside, so each root adopts the theme built from\n  // its own rules plus the static sheet, kept last among its sheets, rebuilt when its rules change and\n  // taken off when the theme is off or the root is gone.\n  const rootSheets = new Map<ShadowRoot, { sheet: CSSStyleSheet; key: string }>();\n  const detach = (root: ShadowRoot, sheet: CSSStyleSheet) => { try { root.adoptedStyleSheets = root.adoptedStyleSheets.filter(item => item !== sheet); } catch { /* Root gone. */ } };\n  const syncRoots = (on: boolean, snapshotKey: string, force: boolean) => {\n    let roots: ShadowRoot[] = [];\n    if (on) { try { roots = domRoots(win).slice(1) as ShadowRoot[]; } catch { roots = []; } }\n    for (const [root, item] of rootSheets) if (!roots.includes(root)) { detach(root, item.sheet); rootSheets.delete(root); }\n    const Sheet = (win as Window & typeof globalThis).CSSStyleSheet;\n    for (const root of roots) {\n      let item = rootSheets.get(root);\n      if (!item) {\n        try { item = { sheet: new Sheet(), key: '' }; } catch { continue; }\n        rootSheets.set(root, item);\n      }\n      const key = `${snapshotKey}|${flagState.join(' ')}|${rootRuleCount(root, item.sheet)}|${staticText.length}`;\n      if (force || item.key !== key) {\n        item.key = key;\n        // The site's primitives as the root sees them (its own sheets may declare them; the document may not), read with our sheet off.\n        const vars = { ...siteVars };\n        if (site.siteVars?.length) {\n          const probe = root.firstElementChild ?? root.host;\n          item.sheet.disabled = true;\n          try { const style = win.getComputedStyle(probe); for (const name of site.siteVars) { const value = style.getPropertyValue(name).trim(); if (value) vars[name] = value; } } catch { /* Keep the document's. */ }\n          item.sheet.disabled = false;\n        }\n        let css = '';\n        try { css = site.css(collectRootRules(root, item.sheet, (win as Window & typeof globalThis).CSS), choice, mode, vars, flagState); } catch (error) { console.error(`[${name}] theme (shadow root) failed`, error); }\n        try { item.sheet.replaceSync(staticText ? `${css}\\n${staticText}` : css); } catch { /* Keeps the last good rules. */ }\n      }\n      // Last, so equal-specificity `!important` rules win over the site's; the site may re-set its list.\n      const list = root.adoptedStyleSheets;\n      if (list[list.length - 1] !== item.sheet) { try { root.adoptedStyleSheets = [...list.filter(sheet => sheet !== item!.sheet), item.sheet]; } catch { /* Never break the site. */ } }\n    }\n  };\n  /** The static sheet sits right after the palette sheet (its part rules are more specific anyway; order only breaks ties). */\n  const placeStatic = (fixed: HTMLStyleElement | null, style: HTMLStyleElement | null) => {\n    if (!fixed || !style?.isConnected) return;\n    if (style.nextElementSibling !== fixed) style.after(fixed);\n  };\n  const render = (force = false) => {\n    let style = doc.getElementById(styleId) as HTMLStyleElement | null;\n    let fixed = doc.getElementById(staticId) as HTMLStyleElement | null;\n    if (doc.body) { watchMode(); syncResolved(); }\n    if (!active()) { style?.remove(); fixed?.remove(); lastKey = ''; staticKey = ''; dropEarly(); syncRoots(false, '', false); flagsOn(false); if (savedCss) { savedCss = ''; writeSnapshot(storage, null); } return; }\n    if (!doc.body) return;\n    flagsOn(true);\n    const snapshotKey = `${JSON.stringify(choice)}|${mode}`;\n    if (early && snapshot?.key !== snapshotKey) dropEarly();\n    // The static sheet follows the theme and the mode only (and `refresh()`), never the site's rules.\n    if (site.staticCss && (force || staticKey !== snapshotKey)) {\n      staticKey = snapshotKey;\n      let text = '';\n      try { text = site.staticCss(choice, mode); } catch (error) { console.error(`[${name}] theme structure failed`, error); }\n      staticText = text;\n      if (text) {\n        if (!fixed) { fixed = doc.createElement('style'); fixed.id = staticId; }\n        if (fixed.textContent !== text) fixed.textContent = text;\n      } else { fixed?.remove(); fixed = null; }\n    }\n    const key = `${JSON.stringify(choice)}|${mode}|${flagState.join(' ')}|${ruleCount(doc) - (style?.sheet?.cssRules.length ?? 0) - (fixed?.sheet?.cssRules.length ?? 0)}`;\n    if (!force && key === lastKey) { placeStatic(fixed, style); syncRoots(true, snapshotKey, false); return; }\n    lastKey = key;\n    if (!style) { style = doc.createElement('style'); style.id = styleId; }\n    // The site's own values, not the ones our previous render overrode (switching themes re-reads them).\n    if (style.sheet) style.sheet.disabled = true;\n    const vars: Record<string, string> = {};\n    if (site.siteVars?.length) {\n      const rootStyle = win.getComputedStyle(doc.documentElement);\n      for (const name of site.siteVars) vars[name] = rootStyle.getPropertyValue(name).trim();\n    }\n    if (style.sheet) style.sheet.disabled = false;\n    siteVars = vars;\n    const css = site.css(collectRules(doc, [style, fixed]), choice, mode, vars, flagState);\n    if (style.textContent !== css) style.textContent = css;\n    // Last in <head> so equal-specificity `!important` rules win over the site's; the static sheet after it.\n    const last = fixed?.isConnected && doc.head?.lastElementChild === fixed ? fixed.previousElementSibling : doc.head?.lastElementChild;\n    if (style.parentNode !== doc.head || last !== style) (doc.head || doc.documentElement).appendChild(style);\n    placeStatic(fixed, style);\n    syncRoots(true, snapshotKey, force);\n    const full = `${themeVarsCss(resolved)}\\n${css}${staticText ? `\\n${staticText}` : ''}`;\n    if (full !== savedCss) { savedCss = full; writeSnapshot(storage, { key: snapshotKey, choice, css: full }); }\n  };\n\n  const handle: ThemeHandle<Mode> = {\n    apply(input) {\n      choice = catalog.normalize(input);\n      theme = catalog.resolve(choice);\n      const fonts = bundledFontsUsed(theme);\n      if (fonts.length) { try { options.loadFonts?.(fonts); } catch (error) { console.error(`[${name}] theme fonts failed`, error); } }\n      if (active()) {\n        if (!timer) timer = setInterval(() => { try { render(); } catch { /* Never break the site. */ } }, 1200);\n      } else if (timer) { clearInterval(timer); timer = null; }\n      try { render(true); } catch (error) { console.error(`[${name}] theme failed`, error); }\n      win.dispatchEvent(new CustomEvent('wb-theme'));\n    },\n    current: () => choice,\n    theme: () => theme,\n    mode: () => mode,\n    resolved: () => {\n      if (doc.body && readMode() !== mode) syncResolved();\n      return resolved;\n    },\n    onChange(listener) {\n      listeners.add(listener);\n      return () => { listeners.delete(listener); };\n    },\n    refresh() { try { render(true); } catch (error) { console.error(`[${name}] theme failed`, error); } },\n  };\n  // The snapshot's theme until native code hands over the current one (usually the same): the\n  // live CSS then already renders at DOMContentLoaded instead of after the page finished loading.\n  if (snapshot) { try { handle.apply(snapshot.choice); } catch { /* Never break the site. */ } }\n  if (doc.readyState === 'loading') doc.addEventListener('DOMContentLoaded', () => render(true), { once: true });\n  // `--wb-*` exist from the start (the site's own palette until a theme is applied), for plugins and the UI kit.\n  else if (doc.body) { try { watchMode(); syncResolved(); } catch { /* Never break the site. */ } }\n  return handle;\n}\n"]}