@lemoncat7/dsh-theme-xiaohei 0.4.5 → 0.5.0

package/lib/deferred-decorations.js

@@ -1,51 +0,0 @@
-import { subscribeXiaoheiHostDom } from './host-dom.js';
-export function installDeferredDecorations(doc = typeof document === 'undefined' ? undefined : document, load = () => require.async('./client.decorations.js')) {
-    const win = doc?.defaultView;
-    if (!doc || !win)
-        return () => { };
-    let disposed = false;
-    let started = false;
-    let timer;
-    let idle;
-    let cleanup;
-    let unsubscribe = () => { };
-    const run = () => {
-        if (disposed)
-            return;
-        void load().then(module => {
-            if (!disposed)
-                cleanup = module.installDecorations(doc);
-        }).catch(() => {
-            // Decorative failure must never prevent reading or sending messages.
-            if (!disposed)
-                console.warn('[xiaohei] Decorative resources unavailable; refresh to retry.');
-        });
-    };
-    const check = () => {
-        if (disposed || started || !doc.querySelector('[data-slot="sidebar"]'))
-            return;
-        started = true;
-        unsubscribe();
-        // Let the committed app paint before starting the independent resource request.
-        timer = win.setTimeout(() => {
-            if (disposed)
-                return;
-            if (typeof win.requestIdleCallback === 'function')
-                idle = win.requestIdleCallback(run, { timeout: 1500 });
-            else
-                run();
-        }, 100);
-    };
-    unsubscribe = subscribeXiaoheiHostDom(doc, check);
-    check();
-    return () => {
-        disposed = true;
-        unsubscribe();
-        if (timer !== undefined)
-            win.clearTimeout(timer);
-        if (idle !== undefined)
-            win.cancelIdleCallback(idle);
-        cleanup?.();
-    };
-}
-//# sourceMappingURL=deferred-decorations.js.map

package/lib/gaze.d.ts

@@ -1,4 +0,0 @@
-export declare const XIAOHEI_GAZE_STYLE_ID = "dsh-theme-xiaohei/gaze-style";
-/** Install a proximity gaze without keeping a permanent animation loop alive. */
-export declare function installXiaoheiGaze(doc?: Document | undefined): () => void;
-//# sourceMappingURL=gaze.d.ts.map

package/lib/gaze.js

@@ -1,230 +0,0 @@
-import { XIAOHEI_IDLE_EYE_BASE } from './generated-keyart.js';
-import { XIAOHEI_GAZE_CSS } from './chrome/gaze.js';
-import { subscribeXiaoheiHostDom } from './host-dom.js';
-import { XIAOHEI_PORTAL_ACTIVITY_EVENT, XIAOHEI_PORTAL_LAYER_ID, } from './portal.js';
-export const XIAOHEI_GAZE_STYLE_ID = 'dsh-theme-xiaohei/gaze-style';
-const POINTER_FULL_GAZE_RADIUS_PX = 360;
-const POINTER_GAZE_LIMIT_PX = 460;
-const PORTAL_FULL_GAZE_RADIUS_PX = 320;
-const PORTAL_GAZE_LIMIT_PX = 440;
-const EYE_CENTER_X = (69 + 109) / 2 / 256;
-const EYE_CENTER_Y = (105 + 108) / 2 / 256;
-const SETTLED_EPSILON = 0.015;
-/** Install a proximity gaze without keeping a permanent animation loop alive. */
-export function installXiaoheiGaze(doc = typeof document === 'undefined' ? undefined : document) {
-    if (doc?.body === undefined || doc.defaultView === null)
-        return () => { };
-    const win = doc.defaultView;
-    doc.getElementById(XIAOHEI_GAZE_STYLE_ID)?.remove();
-    const style = doc.createElement('style');
-    style.id = XIAOHEI_GAZE_STYLE_ID;
-    style.textContent = XIAOHEI_GAZE_CSS;
-    doc.head.append(style);
-    const reducedMotion = win.matchMedia('(prefers-reduced-motion: reduce)');
-    const coarsePointer = win.matchMedia('(hover: none) and (pointer: coarse)');
-    let disposed = false;
-    let pointer;
-    let portalActive = false;
-    let gaze;
-    let mascot;
-    let frameId = 0;
-    let lastFrameTime = 0;
-    let currentX = 0;
-    let currentY = 0;
-    const behaviorDisabled = () => reducedMotion.matches || coarsePointer.matches;
-    const setMoving = (moving) => {
-        if (gaze !== undefined)
-            gaze.dataset.moving = String(moving);
-    };
-    const writeOffset = () => {
-        if (gaze === undefined)
-            return;
-        gaze.style.setProperty('--xiaohei-gaze-x', `${currentX.toFixed(3)}px`);
-        gaze.style.setProperty('--xiaohei-gaze-y', `${currentY.toFixed(3)}px`);
-    };
-    const wake = () => {
-        if (disposed || doc.hidden || frameId !== 0 || gaze === undefined)
-            return;
-        setMoving(true);
-        frameId = win.requestAnimationFrame(tick);
-    };
-    const tick = (time) => {
-        frameId = 0;
-        if (disposed || doc.hidden || gaze === undefined || mascot === undefined)
-            return;
-        const target = resolveGazeTarget(doc, mascot, pointer, portalActive, behaviorDisabled());
-        const elapsed = lastFrameTime === 0 ? 16 : Math.min(48, Math.max(1, time - lastFrameTime));
-        const easing = 1 - Math.exp(-elapsed / 82);
-        currentX += (target.x - currentX) * easing;
-        currentY += (target.y - currentY) * easing;
-        lastFrameTime = time;
-        if (Math.abs(target.x - currentX) < SETTLED_EPSILON)
-            currentX = target.x;
-        if (Math.abs(target.y - currentY) < SETTLED_EPSILON)
-            currentY = target.y;
-        writeOffset();
-        const unsettled = currentX !== target.x || currentY !== target.y;
-        if (portalActive || unsettled) {
-            frameId = win.requestAnimationFrame(tick);
-            return;
-        }
-        lastFrameTime = 0;
-        setMoving(false);
-    };
-    const attach = () => {
-        const nextMascot = doc.querySelector('.xiaohei-scene__mascot') ?? undefined;
-        if (nextMascot === mascot && gaze?.isConnected === true)
-            return;
-        gaze?.remove();
-        gaze = undefined;
-        mascot = nextMascot;
-        if (nextMascot === undefined)
-            return;
-        const viewport = nextMascot.querySelector('.xiaohei-scene__mascot-idle-viewport');
-        if (viewport === null)
-            return;
-        gaze = createGazeLayer(doc);
-        viewport.append(gaze);
-        writeOffset();
-        wake();
-    };
-    const onPointerMove = (event) => {
-        if (event.pointerType === 'touch') {
-            pointer = undefined;
-        }
-        else {
-            pointer = { x: event.clientX, y: event.clientY };
-        }
-        wake();
-    };
-    const clearPointer = () => {
-        pointer = undefined;
-        wake();
-    };
-    const onPortalActivity = (event) => {
-        portalActive = Boolean(event.detail?.active);
-        wake();
-    };
-    const onPreferenceChange = () => wake();
-    const onStateChange = () => wake();
-    const onVisibilityChange = () => {
-        if (doc.hidden) {
-            if (frameId !== 0)
-                win.cancelAnimationFrame(frameId);
-            frameId = 0;
-            lastFrameTime = 0;
-            setMoving(false);
-        }
-        else
-            wake();
-    };
-    const unsubscribeHostDom = subscribeXiaoheiHostDom(doc, attach);
-    const stateObserver = new win.MutationObserver(onStateChange);
-    stateObserver.observe(doc.documentElement, {
-        attributes: true,
-        attributeFilter: ['data-xiaohei-state'],
-    });
-    doc.addEventListener('pointermove', onPointerMove, { passive: true });
-    doc.addEventListener('visibilitychange', onVisibilityChange);
-    doc.addEventListener('pointerleave', clearPointer);
-    doc.addEventListener(XIAOHEI_PORTAL_ACTIVITY_EVENT, onPortalActivity);
-    win.addEventListener('blur', clearPointer);
-    reducedMotion.addEventListener('change', onPreferenceChange);
-    coarsePointer.addEventListener('change', onPreferenceChange);
-    attach();
-    return () => {
-        disposed = true;
-        if (frameId !== 0)
-            win.cancelAnimationFrame(frameId);
-        unsubscribeHostDom();
-        stateObserver.disconnect();
-        doc.removeEventListener('pointermove', onPointerMove);
-        doc.removeEventListener('visibilitychange', onVisibilityChange);
-        doc.removeEventListener('pointerleave', clearPointer);
-        doc.removeEventListener(XIAOHEI_PORTAL_ACTIVITY_EVENT, onPortalActivity);
-        win.removeEventListener('blur', clearPointer);
-        reducedMotion.removeEventListener('change', onPreferenceChange);
-        coarsePointer.removeEventListener('change', onPreferenceChange);
-        gaze?.remove();
-        style.remove();
-    };
-}
-function createGazeLayer(doc) {
-    const layer = doc.createElement('span');
-    layer.className = 'xiaohei-gaze';
-    layer.dataset.moving = 'false';
-    const base = doc.createElement('img');
-    base.className = 'xiaohei-gaze__base';
-    base.alt = '';
-    base.decoding = 'async';
-    base.fetchPriority = 'low';
-    base.src = XIAOHEI_IDLE_EYE_BASE;
-    const leftPupil = doc.createElement('span');
-    leftPupil.className = 'xiaohei-gaze__pupil xiaohei-gaze__pupil--left';
-    const leftEye = doc.createElement('span');
-    leftEye.className = 'xiaohei-gaze__eye xiaohei-gaze__eye--left';
-    leftEye.append(leftPupil);
-    const rightPupil = doc.createElement('span');
-    rightPupil.className = 'xiaohei-gaze__pupil xiaohei-gaze__pupil--right';
-    const rightEye = doc.createElement('span');
-    rightEye.className = 'xiaohei-gaze__eye xiaohei-gaze__eye--right';
-    rightEye.append(rightPupil);
-    layer.append(base, leftEye, rightEye);
-    return layer;
-}
-function resolveGazeTarget(doc, mascot, pointer, portalActive, disabled) {
-    if (disabled || (doc.documentElement.getAttribute('data-xiaohei-state') ?? 'idle') !== 'idle') {
-        return { x: 0, y: 0 };
-    }
-    const mascotRect = mascot.getBoundingClientRect();
-    if (mascotRect.width <= 0 || mascotRect.height <= 0)
-        return { x: 0, y: 0 };
-    const eyeCenter = {
-        x: mascotRect.left + mascotRect.width * EYE_CENTER_X,
-        y: mascotRect.top + mascotRect.height * EYE_CENTER_Y,
-    };
-    const maximum = {
-        x: clamp(5 * mascotRect.width / 256, 3.6, 5.2),
-        y: clamp(3.2 * mascotRect.height / 256, 2.4, 3.35),
-    };
-    if (portalActive) {
-        const portalLayer = doc.getElementById(XIAOHEI_PORTAL_LAYER_ID);
-        const traveler = portalLayer?.querySelector('.xiaohei-portal__traveler');
-        if (portalLayer?.dataset.running === 'true' && traveler !== null && traveler !== undefined) {
-            const travelerRect = traveler.getBoundingClientRect();
-            const portalTarget = {
-                x: travelerRect.left + travelerRect.width / 2,
-                y: travelerRect.top + travelerRect.height / 2,
-            };
-            const offset = offsetToward(eyeCenter, portalTarget, PORTAL_FULL_GAZE_RADIUS_PX, PORTAL_GAZE_LIMIT_PX, maximum);
-            if (offset !== undefined)
-                return offset;
-        }
-    }
-    if (pointer !== undefined) {
-        return offsetToward(eyeCenter, pointer, POINTER_FULL_GAZE_RADIUS_PX, POINTER_GAZE_LIMIT_PX, maximum) ?? { x: 0, y: 0 };
-    }
-    return { x: 0, y: 0 };
-}
-function offsetToward(origin, target, fullRadius, limitRadius, maximum) {
-    const dx = target.x - origin.x;
-    const dy = target.y - origin.y;
-    const distance = Math.hypot(dx, dy);
-    if (distance >= limitRadius)
-        return undefined;
-    if (distance < 0.001)
-        return { x: 0, y: 0 };
-    const fadeProgress = clamp((distance - fullRadius) / (limitRadius - fullRadius), 0, 1);
-    const strength = 1 - smoothstep(fadeProgress);
-    return {
-        x: dx / distance * maximum.x * strength,
-        y: dy / distance * maximum.y * strength,
-    };
-}
-function smoothstep(value) {
-    return value * value * (3 - 2 * value);
-}
-function clamp(value, minimum, maximum) {
-    return Math.min(maximum, Math.max(minimum, value));
-}
-//# sourceMappingURL=gaze.js.map

package/lib/generated-backgrounds.d.ts

@@ -1,14 +0,0 @@
-/** Generated by scripts/embed-assets.mjs for atmosphere and independent lossless character poses. */
-export declare const XIAOHEI_WALLPAPER_LIGHT: string;
-export declare const XIAOHEI_WALLPAPER_DARK: string;
-export declare const XIAOHEI_SEATED_LIGHT: string;
-export declare const XIAOHEI_SEATED_DARK: string;
-export declare const XIAOHEI_PEEK_LIGHT: string;
-export declare const XIAOHEI_PEEK_DARK: string;
-export declare const XIAOHEI_CHIN_LIGHT: string;
-export declare const XIAOHEI_CHIN_DARK: string;
-export declare const XIAOHEI_DOZE_LIGHT: string;
-export declare const XIAOHEI_DOZE_DARK: string;
-export declare const XIAOHEI_HALFPEEK_LIGHT: string;
-export declare const XIAOHEI_HALFPEEK_DARK: string;
-//# sourceMappingURL=generated-backgrounds.d.ts.map