@lemoncat7/dsh-theme-xiaohei 0.4.5 → 0.5.0

package/lib/bloub-heixiu/styles.js

@@ -1,98 +0,0 @@
-export const HEIXIU_BLOUB_CSS = `
-#root [data-composer-card] > button.xiaohei-bloub {
-  all: unset;
-  --heixiu-ink: #111214;
-  --heixiu-outline: rgba(245,243,215,.16);
-  position: absolute;
-  box-sizing: border-box;
-  display: block;
-  width: 96px;
-  height: 96px;
-  min-width: 44px;
-  min-height: 44px;
-  right: calc(100% + 18px);
-  top: calc(50% - 48px);
-  margin: 0 !important;
-  padding: 0 !important;
-  border: 0 !important;
-  border-radius: 50%;
-  background: none !important;
-  box-shadow: none !important;
-  color: inherit;
-  cursor: pointer;
-  touch-action: manipulation;
-  user-select: none;
-  -webkit-tap-highlight-color: transparent;
-  /* Flight owns this transform. A CSS transition would replay cancelled
-     WAAPI transforms and corrupt the next target measurement. */
-  transition: none;
-  z-index: 3;
-}
-#root [data-composer-card] > button.xiaohei-bloub:focus-visible {
-  outline: 2px solid var(--dsw-alias-label-secondary);
-  outline-offset: -7px;
-}
-#root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift {
-  display: block;
-  width: 100%; height: 100%;
-  pointer-events: none;
-  --heixiu-drift-x: 7px;
-  --heixiu-drift-y: 10px;
-  animation: xiaohei-bloub-float 14s cubic-bezier(.45,0,.55,1) infinite;
-  animation-play-state: paused;
-}
-#root [data-composer-card] > button.xiaohei-bloub[data-floating='true'] > .xiaohei-bloub-drift {
-  animation-play-state: running;
-}
-@keyframes xiaohei-bloub-float {
-  0%, 100% { transform: translate(calc(-1 * var(--heixiu-drift-x)), var(--heixiu-drift-y)); }
-  50% { transform: translate(var(--heixiu-drift-x), calc(-1 * var(--heixiu-drift-y))); }
-}
-#root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift > svg {
-  display: block;
-  width: 100%; height: 100%;
-  overflow: hidden;
-  pointer-events: none;
-  transform: translate(var(--heixiu-follow-x, 0px), var(--heixiu-follow-y, 0px));
-  transition: transform 480ms cubic-bezier(.2,.75,.25,1);
-}
-#root [data-composer-card] > button.xiaohei-bloub:active > .xiaohei-bloub-drift > svg {
-  transform: translate(var(--heixiu-follow-x, 0px), var(--heixiu-follow-y, 0px)) scale(.98);
-}
-#root [data-composer-card][data-heixiu-dock='compact'] {
-  padding-inline-start: 64px !important;
-}
-#root [data-composer-card][data-heixiu-dock='compact'] > button.xiaohei-bloub {
-  width: 52px; height: 52px;
-  right: auto; left: 4px; top: 6px;
-}
-#root [data-composer-card][data-heixiu-dock='compact'] .xiaohei-bloub-drift {
-  --heixiu-drift-x: 2px;
-  --heixiu-drift-y: 3px;
-}
-#root [data-composer-card][data-heixiu-dock='welcome'] > button.xiaohei-bloub {
-  right: auto;
-  left: var(--heixiu-welcome-left);
-  top: var(--heixiu-welcome-top);
-  width: var(--heixiu-welcome-size);
-  height: var(--heixiu-welcome-size);
-}
-@media (max-width: 760px) {
-  #root [data-heixiu-hero-row] { box-sizing: border-box; padding-inline-start: 64px; max-width: 100%; }
-  #root [data-composer-card][data-heixiu-dock='welcome'] .xiaohei-bloub-drift {
-    --heixiu-drift-x: 2px;
-    --heixiu-drift-y: 4px;
-  }
-}
-#root [data-composer-card] > button.xiaohei-bloub[hidden] { display: none; }
-@media (prefers-reduced-motion: reduce) {
-  #root [data-composer-card] > button.xiaohei-bloub { transition: none; transform: none; }
-  #root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift { animation: none; transform: none; }
-  #root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift > svg { transition: none; transform: none; }
-}
-@media print {
-  #root [data-composer-card] > button.xiaohei-bloub { display: none; }
-  #root [data-composer-card][data-heixiu-dock='compact'] { padding-inline-start: 12px !important; }
-}
-`;
-//# sourceMappingURL=styles.js.map

package/lib/boot-appearance.d.ts

@@ -1,10 +0,0 @@
-export declare const XIAOHEI_BOOT_APPEARANCE_ATTRIBUTE = "data-xiaohei-boot-appearance";
-export declare const XIAOHEI_BOOT_APPEARANCE_STYLE_ID = "dsh-theme-xiaohei/boot-appearance-style";
-/**
- * Keep the document on the resolved DSH palette until the complete Xiaohei
- * theme has synchronously taken ownership of the page.
- */
-export declare const XIAOHEI_BOOT_APPEARANCE_CSS = "\nhtml:not([data-xiaohei-boot-appearance]) body:not([data-ds-dark-theme]),\nhtml:not([data-xiaohei-boot-appearance]) body:not([data-ds-dark-theme]) > #root {\n  color: #364044;\n  background-color: #E7ECEC !important;\n}\n\nhtml:not([data-xiaohei-boot-appearance]) body[data-ds-dark-theme],\nhtml:not([data-xiaohei-boot-appearance]) body[data-ds-dark-theme] > #root {\n  color: #D5DEDC;\n  background-color: #151C1E !important;\n}\n\nhtml[data-xiaohei-boot-appearance='light'] {\n  color-scheme: light !important;\n  background-color: #E7ECEC !important;\n}\n\nhtml[data-xiaohei-boot-appearance='light'] body,\nhtml[data-xiaohei-boot-appearance='light'] body > #root {\n  color: #364044;\n  background-color: #E7ECEC !important;\n}\n\nhtml[data-xiaohei-boot-appearance='dark'] {\n  color-scheme: dark !important;\n  background-color: #151C1E !important;\n}\n\nhtml[data-xiaohei-boot-appearance='dark'] body,\nhtml[data-xiaohei-boot-appearance='dark'] body > #root {\n  color: #D5DEDC;\n  background-color: #151C1E !important;\n}\n";
-/** Release the first-frame palette only after ThemeRuntime is authoritative. */
-export declare function releaseXiaoheiBootAppearance(doc: Document): void;
-//# sourceMappingURL=boot-appearance.d.ts.map

package/lib/boot-appearance.js

@@ -1,47 +0,0 @@
-export const XIAOHEI_BOOT_APPEARANCE_ATTRIBUTE = 'data-xiaohei-boot-appearance';
-export const XIAOHEI_BOOT_APPEARANCE_STYLE_ID = 'dsh-theme-xiaohei/boot-appearance-style';
-/**
- * Keep the document on the resolved DSH palette until the complete Xiaohei
- * theme has synchronously taken ownership of the page.
- */
-export const XIAOHEI_BOOT_APPEARANCE_CSS = `
-html:not([data-xiaohei-boot-appearance]) body:not([data-ds-dark-theme]),
-html:not([data-xiaohei-boot-appearance]) body:not([data-ds-dark-theme]) > #root {
-  color: #364044;
-  background-color: #E7ECEC !important;
-}
-
-html:not([data-xiaohei-boot-appearance]) body[data-ds-dark-theme],
-html:not([data-xiaohei-boot-appearance]) body[data-ds-dark-theme] > #root {
-  color: #D5DEDC;
-  background-color: #151C1E !important;
-}
-
-html[data-xiaohei-boot-appearance='light'] {
-  color-scheme: light !important;
-  background-color: #E7ECEC !important;
-}
-
-html[data-xiaohei-boot-appearance='light'] body,
-html[data-xiaohei-boot-appearance='light'] body > #root {
-  color: #364044;
-  background-color: #E7ECEC !important;
-}
-
-html[data-xiaohei-boot-appearance='dark'] {
-  color-scheme: dark !important;
-  background-color: #151C1E !important;
-}
-
-html[data-xiaohei-boot-appearance='dark'] body,
-html[data-xiaohei-boot-appearance='dark'] body > #root {
-  color: #D5DEDC;
-  background-color: #151C1E !important;
-}
-`;
-/** Release the first-frame palette only after ThemeRuntime is authoritative. */
-export function releaseXiaoheiBootAppearance(doc) {
-    doc.documentElement.removeAttribute(XIAOHEI_BOOT_APPEARANCE_ATTRIBUTE);
-    doc.getElementById(XIAOHEI_BOOT_APPEARANCE_STYLE_ID)?.remove();
-}
-//# sourceMappingURL=boot-appearance.js.map

package/lib/boot-loader.d.ts

@@ -1,5 +0,0 @@
-export declare const XIAOHEI_BOOT_LOADER_SCRIPT_ID = "dsh-theme-xiaohei/boot-loader-script";
-export declare const XIAOHEI_BOOT_LOADER_MARKER = "data-xiaohei-boot-loader";
-/** Inject the bootstrap immediately after body opens, before DSH's module script. */
-export declare function injectXiaoheiBootLoader(html: string): string;
-//# sourceMappingURL=boot-loader.d.ts.map

package/lib/boot-loader.js

@@ -1,158 +0,0 @@
-import { XIAOHEI_LOADING_HEIXIU_BLINK, XIAOHEI_LOADING_HEIXIU_OPEN, } from './generated-loading-assets.js';
-import { XIAOHEI_PLUGIN_LOADING_CSS } from './loading-heixiu.js';
-import { XIAOHEI_BOOT_APPEARANCE_ATTRIBUTE, XIAOHEI_BOOT_APPEARANCE_CSS, XIAOHEI_BOOT_APPEARANCE_STYLE_ID, } from './boot-appearance.js';
-export const XIAOHEI_BOOT_LOADER_SCRIPT_ID = 'dsh-theme-xiaohei/boot-loader-script';
-export const XIAOHEI_BOOT_LOADER_MARKER = 'data-xiaohei-boot-loader';
-/** Inject the bootstrap immediately after body opens, before DSH's module script. */
-export function injectXiaoheiBootLoader(html) {
-    if (html.includes(`id="${XIAOHEI_BOOT_LOADER_SCRIPT_ID}"`))
-        return html;
-    const config = {
-        appearanceAttribute: XIAOHEI_BOOT_APPEARANCE_ATTRIBUTE,
-        css: XIAOHEI_PLUGIN_LOADING_CSS,
-        openImage: XIAOHEI_LOADING_HEIXIU_OPEN,
-        blinkImage: XIAOHEI_LOADING_HEIXIU_BLINK,
-        scriptId: XIAOHEI_BOOT_LOADER_SCRIPT_ID,
-    };
-    const payload = escapeInlineScriptJson(config);
-    const script = `<script id="${XIAOHEI_BOOT_LOADER_SCRIPT_ID}">(${runXiaoheiBootLoader.toString()})(${payload});</script>`;
-    const withAppearance = injectBootAppearanceStyle(html);
-    const body = /<body(?:\s[^>]*)?>/i.exec(withAppearance);
-    if (body === null)
-        return `${withAppearance}${script}`;
-    const insertionPoint = resolveBootLoaderInsertionPoint(withAppearance, body.index + body[0].length);
-    return `${withAppearance.slice(0, insertionPoint)}${script}${withAppearance.slice(insertionPoint)}`;
-}
-/** Install the critical palette before the parser reaches the body. */
-function injectBootAppearanceStyle(html) {
-    const style = `<style id="${XIAOHEI_BOOT_APPEARANCE_STYLE_ID}">${XIAOHEI_BOOT_APPEARANCE_CSS}</style>`;
-    const headEnd = /<\/head\s*>/i.exec(html);
-    if (headEnd !== null) {
-        return `${html.slice(0, headEnd.index)}${style}${html.slice(headEnd.index)}`;
-    }
-    return `${style}${html}`;
-}
-/** Start after DSH has synchronously resolved its persisted theme preference. */
-function resolveBootLoaderInsertionPoint(html, bodyStart) {
-    const themeMutation = html.indexOf('document.body.toggleAttribute', bodyStart);
-    const themeMarker = themeMutation < 0
-        ? -1
-        : html.indexOf('data-ds-dark-theme', themeMutation);
-    if (themeMarker < 0)
-        return bodyStart;
-    const themeScriptEnd = html.indexOf('</script>', themeMarker);
-    return themeScriptEnd < 0 ? bodyStart : themeScriptEnd + '</script>'.length;
-}
-function escapeInlineScriptJson(value) {
-    return JSON.stringify(value)
-        .replaceAll('<', '\\u003c')
-        .replaceAll('\u2028', '\\u2028')
-        .replaceAll('\u2029', '\\u2029');
-}
-/** Self-contained browser bootstrap serialized into index.html by the Host. */
-function runXiaoheiBootLoader(config) {
-    const root = document.documentElement;
-    if (root.getAttribute('data-xiaohei-boot-loader') === 'host')
-        return;
-    root.setAttribute('data-xiaohei-boot-loader', 'host');
-    const syncAppearance = () => {
-        const dark = root.style.colorScheme === 'dark'
-            || document.body.hasAttribute('data-ds-dark-theme');
-        root.setAttribute(config.appearanceAttribute, dark ? 'dark' : 'light');
-    };
-    syncAppearance();
-    const style = document.createElement('style');
-    style.id = `${config.scriptId}/style`;
-    style.textContent = config.css;
-    document.head.append(style);
-    let decoratedCard;
-    let loadingSeen = false;
-    let disposed = false;
-    const isLoadingHint = (value) => {
-        const normalized = value?.trim() ?? '';
-        return normalized === 'Loading plugins...' || normalized === 'Loading plugins…';
-    };
-    const findHint = () => {
-        for (const element of document.querySelectorAll('div')) {
-            if (element.children.length === 0 && isLoadingHint(element.textContent))
-                return element;
-        }
-        return undefined;
-    };
-    const createImage = (source, className) => {
-        const image = document.createElement('img');
-        image.className = className;
-        image.alt = '';
-        image.decoding = 'async';
-        image.src = source;
-        return image;
-    };
-    const createTrack = () => {
-        const track = document.createElement('div');
-        track.className = 'xiaohei-plugin-loader__track';
-        track.setAttribute('aria-hidden', 'true');
-        for (let index = 0; index < 4; index += 1) {
-            const runner = document.createElement('span');
-            runner.className = 'xiaohei-plugin-loader__runner';
-            runner.style.setProperty('--xiaohei-loader-index', String(index));
-            runner.style.setProperty('--xiaohei-loader-delay', `${index * -700}ms`);
-            const sprite = document.createElement('span');
-            sprite.className = 'xiaohei-plugin-loader__sprite';
-            sprite.append(createImage(config.openImage, 'xiaohei-plugin-loader__runner-open'), createImage(config.blinkImage, 'xiaohei-plugin-loader__runner-blink'));
-            runner.append(sprite);
-            track.append(runner);
-        }
-        return track;
-    };
-    const clearCard = () => {
-        if (decoratedCard === undefined)
-            return;
-        decoratedCard.removeAttribute('data-xiaohei-plugin-loading');
-        decoratedCard.querySelector('.xiaohei-plugin-loader__track')?.remove();
-        decoratedCard = undefined;
-    };
-    let observer;
-    const dispose = () => {
-        if (disposed)
-            return;
-        disposed = true;
-        observer.disconnect();
-        clearCard();
-        style.remove();
-    };
-    const sync = () => {
-        if (disposed)
-            return;
-        const hint = findHint();
-        if (hint === undefined || hint.parentElement === null) {
-            if (loadingSeen)
-                dispose();
-            return;
-        }
-        loadingSeen = true;
-        const card = hint.parentElement;
-        if (card === decoratedCard && card.querySelector('.xiaohei-plugin-loader__track') !== null)
-            return;
-        clearCard();
-        decoratedCard = card;
-        const spinner = card.querySelector(":scope > [class*='_spinner_']");
-        if (spinner === null)
-            return;
-        card.setAttribute('data-xiaohei-plugin-loading', 'true');
-        spinner.append(createTrack());
-    };
-    let syncQueued = false;
-    const queueSync = () => {
-        if (syncQueued || disposed)
-            return;
-        syncQueued = true;
-        queueMicrotask(() => {
-            syncQueued = false;
-            sync();
-        });
-    };
-    observer = new MutationObserver(queueSync);
-    observer.observe(document, { childList: true, subtree: true });
-    sync();
-}
-//# sourceMappingURL=boot-loader.js.map

package/lib/chrome/accessibility.d.ts

@@ -1,3 +0,0 @@
-/** Reduced-motion, reduced-transparency, unsupported-browser, and forced-color fallbacks. */
-export declare const XIAOHEI_CHROME_ACCESSIBILITY_CSS = "\n@media (prefers-reduced-motion: reduce) {\n  #root [data-composer-card='true'],\n  #root [data-composer-card='true']::after,\n  #root [data-composer-card='true'] button::before,\n  #root [data-composer-card='true'] button::after,\n  #root [data-slot='conversation.composer'] button,\n  #root [data-slot='sidebar'] button,\n  #root [role='dialog']::before,\n  #root [role='dialog']::after,\n  #root [role='dialog'] button,\n  #root [role='menu'] button,\n  #root [role='listbox'] button {\n    transition-duration: 0.01ms !important;\n    animation: none !important;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  #root [data-composer-card='true'],\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    background: var(--xiaohei-surface-raised) !important;\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n  }\n\n  #root [role='dialog']::before {\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n    background: transparent !important;\n    border: 1px solid var(--xiaohei-edge-strong);\n  }\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    background: var(--xiaohei-surface-raised) !important;\n  }\n  #root [role='dialog']::before {\n    background: transparent;\n    border: 1px solid var(--xiaohei-edge-strong);\n  }\n}\n\n@media (forced-colors: active) {\n  #root [data-composer-card='true'],\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    border: 1px solid CanvasText !important;\n    background: Canvas !important;\n    box-shadow: none !important;\n  }\n\n  #root [data-composer-card='true']::after,\n  #root [role='dialog']::before,\n  #root [role='dialog']::after,\n  #root [data-composer-card='true'] button::before,\n  #root [data-composer-card='true'] button::after {\n    display: none;\n  }\n}\n";
-//# sourceMappingURL=accessibility.d.ts.map

package/lib/chrome/accessibility.js

@@ -1,69 +0,0 @@
-/** Reduced-motion, reduced-transparency, unsupported-browser, and forced-color fallbacks. */
-export const XIAOHEI_CHROME_ACCESSIBILITY_CSS = `
-@media (prefers-reduced-motion: reduce) {
-  #root [data-composer-card='true'],
-  #root [data-composer-card='true']::after,
-  #root [data-composer-card='true'] button::before,
-  #root [data-composer-card='true'] button::after,
-  #root [data-slot='conversation.composer'] button,
-  #root [data-slot='sidebar'] button,
-  #root [role='dialog']::before,
-  #root [role='dialog']::after,
-  #root [role='dialog'] button,
-  #root [role='menu'] button,
-  #root [role='listbox'] button {
-    transition-duration: 0.01ms !important;
-    animation: none !important;
-  }
-}
-
-@media (prefers-reduced-transparency: reduce) {
-  #root [data-composer-card='true'],
-  #root [role='dialog'],
-  #root [role='menu'],
-  #root [role='listbox'] {
-    background: var(--xiaohei-surface-raised) !important;
-    -webkit-backdrop-filter: none !important;
-    backdrop-filter: none !important;
-  }
-
-  #root [role='dialog']::before {
-    -webkit-backdrop-filter: none !important;
-    backdrop-filter: none !important;
-    background: transparent !important;
-    border: 1px solid var(--xiaohei-edge-strong);
-  }
-}
-
-@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
-  #root [role='dialog'],
-  #root [role='menu'],
-  #root [role='listbox'] {
-    background: var(--xiaohei-surface-raised) !important;
-  }
-  #root [role='dialog']::before {
-    background: transparent;
-    border: 1px solid var(--xiaohei-edge-strong);
-  }
-}
-
-@media (forced-colors: active) {
-  #root [data-composer-card='true'],
-  #root [role='dialog'],
-  #root [role='menu'],
-  #root [role='listbox'] {
-    border: 1px solid CanvasText !important;
-    background: Canvas !important;
-    box-shadow: none !important;
-  }
-
-  #root [data-composer-card='true']::after,
-  #root [role='dialog']::before,
-  #root [role='dialog']::after,
-  #root [data-composer-card='true'] button::before,
-  #root [data-composer-card='true'] button::after {
-    display: none;
-  }
-}
-`;
-//# sourceMappingURL=accessibility.js.map

package/lib/chrome/blink.d.ts

@@ -1,3 +0,0 @@
-/** Atomic blink rendering: one state hides live eyes and reveals the complete closed frame. */
-export declare const XIAOHEI_BLINK_CSS = "\n.xiaohei-scene__mascot-blink {\n  animation: none;\n}\n\n.xiaohei-scene__mascot[data-xiaohei-blink='closed'] .xiaohei-scene__mascot-blink {\n  opacity: 1;\n}\n\n.xiaohei-scene__mascot[data-xiaohei-blink='closed'] .xiaohei-gaze__eye {\n  visibility: hidden;\n}\n";
-//# sourceMappingURL=blink.d.ts.map

package/lib/chrome/blink.js

@@ -1,15 +0,0 @@
-/** Atomic blink rendering: one state hides live eyes and reveals the complete closed frame. */
-export const XIAOHEI_BLINK_CSS = `
-.xiaohei-scene__mascot-blink {
-  animation: none;
-}
-
-.xiaohei-scene__mascot[data-xiaohei-blink='closed'] .xiaohei-scene__mascot-blink {
-  opacity: 1;
-}
-
-.xiaohei-scene__mascot[data-xiaohei-blink='closed'] .xiaohei-gaze__eye {
-  visibility: hidden;
-}
-`;
-//# sourceMappingURL=blink.js.map

package/lib/chrome/composer-avatar.d.ts

@@ -1,10 +0,0 @@
-/**
- * Layered break-frame portrait.
- *
- * The character is rendered from authored raster poses. Only the body layer is
- * clipped by the doorway. Hair, ears and action hands are repeated through
- * dedicated masks above the front rim. Keeping one renderer and one state
- * machine avoids the pose jumps caused by handing off between DOM and WebGL.
- */
-export declare const XIAOHEI_COMPOSER_AVATAR_CSS: string;
-//# sourceMappingURL=composer-avatar.d.ts.map