@lemoncat7/dsh-theme-xiaohei 0.3.1 → 0.3.2

package/lib/sidebar-reveal.js

@@ -0,0 +1,51 @@
+/** Synchronize native wide content with the visible column, without changing
+ * Host layout/state or adding a competing animation timer. */
+export function createSidebarReveal(doc) {
+    let shell;
+    let observer;
+    let phase = '', width = 0, waiting = false;
+    const attribute = 'data-xiaohei-sidebar-reveal';
+    const readPhase = () => shell?.className.includes('_collapsed') ? 'rail'
+        : shell?.className.includes('_fading') ? 'closing' : 'wide';
+    const apply = () => {
+        if (!shell)
+            return;
+        // The Host freezes its shell at the requested width during grid motion.
+        // Reading the inline target does not force a layout.
+        const target = Number.parseFloat(shell.style.width);
+        if (waiting && phase === 'wide' && (!Number.isFinite(target) || width >= target - 2))
+            waiting = false;
+        const value = waiting ? 'waiting' : 'ready';
+        if (shell.getAttribute(attribute) !== value)
+            shell.setAttribute(attribute, value);
+    };
+    const changed = () => {
+        const next = readPhase();
+        if (next === 'wide' && phase !== 'wide')
+            waiting = true;
+        if (next === 'rail')
+            waiting = false;
+        phase = next;
+        apply();
+    };
+    return {
+        setColumn(column) {
+            const next = column?.querySelector?.("[data-slot='sidebar'] > div") ?? undefined;
+            if (next === shell)
+                return;
+            observer?.disconnect();
+            shell?.removeAttribute(attribute);
+            shell = next;
+            waiting = false;
+            phase = readPhase();
+            if (!shell)
+                return;
+            observer = new doc.defaultView.MutationObserver(changed);
+            observer.observe(shell, { attributes: true, attributeFilter: ['class', 'style'] });
+            apply();
+        },
+        resize(nextWidth) { width = nextWidth; apply(); },
+        dispose() { observer?.disconnect(); shell?.removeAttribute(attribute); shell = undefined; },
+    };
+}
+//# sourceMappingURL=sidebar-reveal.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemoncat7/dsh-theme-xiaohei",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "A Luo Xiaohei-inspired animated dark theme for DeepSeek Harness",
   "keywords": [
     "deepseek-harness",