sh3-core 0.10.4 → 0.10.5

package/dist/__test__/fixtures.js

@@ -54,6 +54,7 @@ export function makeSplitNode(children, overrides = {}) {
         sizes: (_b = overrides.sizes) !== null && _b !== void 0 ? _b : children.map(() => 1 / children.length),
         pinned: overrides.pinned,
         collapsed: overrides.collapsed,
+        fixed: overrides.fixed,
         children,
     };
 }

package/dist/layout/LayoutRenderer.browser.test.js

@@ -272,3 +272,81 @@ describe('LayoutRenderer browser — E.5 splitter collapse toggle', () => {
         expect((_a = root.collapsed) === null || _a === void 0 ? void 0 : _a[0]).toBe(true);
     });
 });
+// ---------------------------------------------------------------------------
+// E.6 — fixed[] slots: no collapse widget, frozen handles
+// ---------------------------------------------------------------------------
+describe('LayoutRenderer browser — E.6 fixed slots', () => {
+    beforeEach(() => { cleanupDOM(); resetFramework(); });
+    it('hides the collapse widget on a fixed pane but keeps it on panes with a non-fixed neighbor', async () => {
+        stubView();
+        registerApp(makeApp({
+            manifest: makeAppManifest({ id: 'e6a' }),
+            initialLayout: [
+                {
+                    name: 'default',
+                    tree: makeTree(makeSplitNode([
+                        makeSlotNode('a', 'test:view'),
+                        makeSlotNode('b', 'test:view'),
+                        makeSlotNode('c', 'test:view'),
+                    ], { fixed: [true, false, false] })),
+                },
+            ],
+        }));
+        await launchApp('e6a');
+        renderWithShell(LayoutRenderer, { path: [] });
+        await settle(30);
+        expect(document.querySelector('[data-testid="collapse-toggle-0"]')).toBeNull();
+        expect(document.querySelector('[data-testid="collapse-toggle-1"]')).not.toBeNull();
+        expect(document.querySelector('[data-testid="collapse-toggle-2"]')).not.toBeNull();
+    });
+    it('freezes the handle adjacent to a fixed pane: dblclick does not collapse', async () => {
+        var _a, _b, _c, _d;
+        stubView();
+        registerApp(makeApp({
+            manifest: makeAppManifest({ id: 'e6b' }),
+            initialLayout: [
+                {
+                    name: 'default',
+                    tree: makeTree(makeSplitNode([makeSlotNode('a', 'test:view'), makeSlotNode('b', 'test:view')], { fixed: [true, false] })),
+                },
+            ],
+        }));
+        await launchApp('e6b');
+        renderWithShell(LayoutRenderer, { path: [] });
+        await settle(30);
+        const handle = document.querySelector('[data-testid="splitter-handle-0"]');
+        expect(handle).not.toBeNull();
+        expect(handle.classList.contains('frozen')).toBe(true);
+        // pointer-events: none blocks Playwright clicks, so dispatch the event
+        // directly to verify the handler itself refuses to toggle.
+        handle.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));
+        await settle(50);
+        const root = layoutStore.root;
+        if ((root === null || root === void 0 ? void 0 : root.type) !== 'split')
+            throw new Error('expected split root');
+        expect((_b = (_a = root.collapsed) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : false).toBe(false);
+        expect((_d = (_c = root.collapsed) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : false).toBe(false);
+    });
+    it('hides the collapse widget on a middle pane whose neighbors are both fixed', async () => {
+        stubView();
+        registerApp(makeApp({
+            manifest: makeAppManifest({ id: 'e6c' }),
+            initialLayout: [
+                {
+                    name: 'default',
+                    tree: makeTree(makeSplitNode([
+                        makeSlotNode('a', 'test:view'),
+                        makeSlotNode('b', 'test:view'),
+                        makeSlotNode('c', 'test:view'),
+                    ], { fixed: [true, false, true] })),
+                },
+            ],
+        }));
+        await launchApp('e6c');
+        renderWithShell(LayoutRenderer, { path: [] });
+        await settle(30);
+        expect(document.querySelector('[data-testid="collapse-toggle-0"]')).toBeNull();
+        expect(document.querySelector('[data-testid="collapse-toggle-1"]')).toBeNull();
+        expect(document.querySelector('[data-testid="collapse-toggle-2"]')).toBeNull();
+    });
+});

package/dist/layout/LayoutRenderer.svelte

@@ -169,6 +169,7 @@
       sizes={split.sizes}
       pinned={split.pinned}
       collapsed={split.collapsed}
+      fixed={split.fixed}
       count={split.children.length}
       pane={splitPane}
       onResize={(i, v) => (split.sizes[i] = v)}

package/dist/layout/types.d.ts

@@ -21,6 +21,14 @@ export interface SplitNode {
     pinned?: SizeMode[];
     /** Per-child collapsed state. Omitted means all expanded. */
     collapsed?: boolean[];
+    /**
+     * Per-child fixed flag. A fixed child has no collapse widget and the
+     * resize handles on either side of it are frozen (non-interactive,
+     * rendered thinner). A non-fixed child whose every neighbor is fixed
+     * also loses its collapse widget — there's nowhere for the freed
+     * space to be used.
+     */
+    fixed?: boolean[];
     /** Ordered child nodes. Length must equal `sizes` length. */
     children: LayoutNode[];
 }

package/dist/primitives/ResizableSplitter.svelte

@@ -28,6 +28,7 @@
     sizes,
     pinned,
     collapsed,
+    fixed,
     count,
     pane,
     onResize,
@@ -46,6 +47,13 @@
     pinned?: SizeMode[];
     /** Per-pane collapsed state. Omitted entries default to false. */
     collapsed?: boolean[];
+    /**
+     * Per-pane fixed flag. A fixed pane has no collapse widget and
+     * the handles on either side of it are frozen (non-interactive,
+     * rendered thinner). A non-fixed pane whose every neighbor is
+     * fixed also loses its collapse widget.
+     */
+    fixed?: boolean[];
     /** Number of panes — `sizes.length` should match. */
     count: number;
     /** Snippet invoked once per pane with the pane index. */
@@ -67,6 +75,15 @@
 
   const modeOf = (i: number): SizeMode => pinned?.[i] ?? 'fr';
   const isCollapsed = (i: number): boolean => collapsed?.[i] ?? false;
+  const isFixed = (i: number): boolean => fixed?.[i] ?? false;
+  const isHandleFrozen = (i: number): boolean => isFixed(i) || isFixed(i + 1);
+
+  function canCollapse(i: number): boolean {
+    if (isFixed(i)) return false;
+    const left = i > 0 ? !isFixed(i - 1) : false;
+    const right = i < count - 1 ? !isFixed(i + 1) : false;
+    return left || right;
+  }
 
   /** CSS `flex` shorthand for pane i. */
   function flexFor(i: number): string {
@@ -88,8 +105,9 @@
   let drag: DragState | null = $state(null);
 
   function beginDrag(e: PointerEvent, handleIndex: number) {
-    // Disable resize handles adjacent to collapsed panes.
+    // Disable resize handles adjacent to collapsed or fixed panes.
     if (isCollapsed(handleIndex) || isCollapsed(handleIndex + 1)) return;
+    if (isHandleFrozen(handleIndex)) return;
 
     e.preventDefault();
     (e.target as HTMLElement).setPointerCapture(e.pointerId);
@@ -198,12 +216,13 @@
           <span class="collapse-icon">{direction === 'horizontal' ? '▸' : '▾'}</span>
         </button>
       {:else}
-        {#if onCollapseToggle}
+        {#if onCollapseToggle && canCollapse(i)}
           <button
             type="button"
             class="collapse-header expanded"
             class:horizontal={direction === 'horizontal'}
             class:vertical={direction === 'vertical'}
+            data-testid="collapse-toggle-{i}"
             onclick={() => onCollapseToggle?.(i, true)}
             aria-label="Collapse pane"
           >
@@ -221,12 +240,17 @@
         class="splitter-handle"
         class:dragging={drag?.handleIndex === i}
         class:disabled={isCollapsed(i) || isCollapsed(i + 1)}
+        class:frozen={isHandleFrozen(i)}
         data-testid="splitter-handle-{i}"
         onpointerdown={(e) => beginDrag(e, i)}
         onpointermove={moveDrag}
         onpointerup={endDrag}
         onpointercancel={endDrag}
-        ondblclick={() => onCollapseToggle?.(i, !isCollapsed(i))}
+        ondblclick={() => {
+          if (isHandleFrozen(i)) return;
+          if (!canCollapse(i) && !isCollapsed(i)) return;
+          onCollapseToggle?.(i, !isCollapsed(i));
+        }}
         role="separator"
         aria-orientation={direction === 'horizontal' ? 'vertical' : 'horizontal'}
       ></div>
@@ -323,6 +347,15 @@
     cursor: default;
     pointer-events: none;
   }
+  .splitter-handle.frozen {
+    cursor: default;
+    pointer-events: none;
+    background: var(--shell-border);
+    opacity: 0.5;
+  }
+  .splitter-handle.frozen:hover {
+    background: var(--shell-border);
+  }
 
   .horizontal > .splitter-handle {
     width: 4px;
@@ -332,4 +365,6 @@
     height: 4px;
     cursor: row-resize;
   }
+  .horizontal > .splitter-handle.frozen { width: 1px; }
+  .vertical   > .splitter-handle.frozen { height: 1px; }
 </style>

package/dist/primitives/ResizableSplitter.svelte.d.ts

@@ -14,6 +14,13 @@ type $$ComponentProps = {
     pinned?: SizeMode[];
     /** Per-pane collapsed state. Omitted entries default to false. */
     collapsed?: boolean[];
+    /**
+     * Per-pane fixed flag. A fixed pane has no collapse widget and
+     * the handles on either side of it are frozen (non-interactive,
+     * rendered thinner). A non-fixed pane whose every neighbor is
+     * fixed also loses its collapse widget.
+     */
+    fixed?: boolean[];
     /** Number of panes — `sizes.length` should match. */
     count: number;
     /** Snippet invoked once per pane with the pane index. */

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** Auto-generated from package.json — do not edit manually. */
-export declare const VERSION = "0.10.4";
+export declare const VERSION = "0.10.5";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** Auto-generated from package.json — do not edit manually. */
-export const VERSION = '0.10.4';
+export const VERSION = '0.10.5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh3-core",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "type": "module",
   "files": [
     "dist"