@dfosco/storyboard 0.5.0-alpha.0 → 0.5.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfosco/storyboard",
-  "version": "0.5.0-alpha.0",
+  "version": "0.5.0-alpha.1",
   "type": "module",
   "license": "MIT",
   "description": "Storyboard prototyping framework — core engine, React integration, and canvas",

package/src/core/cli/branch.js

@@ -29,7 +29,7 @@ import { resolve } from 'path'
 import { repoRoot, worktreeDir, listWorktrees, getPort, detectWorktreeName } from '../worktree/port.js'
 import { hasUncommittedChanges, localBranchExists } from './dev-helpers.js'
 import { parseFlags } from './flags.js'
-import { dim, green, bold, cyan } from './intro.js'
+import { dim, green, bold } from './intro.js'
 
 const flagSchema = {
   worktree: { type: 'string', description: 'Target worktree/branch name (non-interactive)' },

package/src/core/cli/dev-helpers.test.js

@@ -20,8 +20,12 @@ describe('hasUncommittedChanges', () => {
 
 describe('localBranchExists', () => {
   it('returns true for a branch that exists', () => {
-    // The current branch must exist
-    const branch = execSync('git rev-parse --abbrev-ref HEAD', { cwd: repoRoot, encoding: 'utf8' }).trim()
+    // The current branch must exist — but in CI (detached HEAD) we fall back to 'main' or '0.5.0'
+    let branch = execSync('git rev-parse --abbrev-ref HEAD', { cwd: repoRoot, encoding: 'utf8' }).trim()
+    if (branch === 'HEAD') {
+      // Detached HEAD (e.g. CI checkout) — pick a branch we know exists
+      branch = localBranchExists('main', repoRoot) ? 'main' : '0.5.0'
+    }
     expect(localBranchExists(branch, repoRoot)).toBe(true)
   })
 

package/src/core/devtools/devtools.test.js

@@ -45,31 +45,31 @@ describe('mountDevTools', () => {
 
   it('creates a wrapper element in the DOM', async () => {
     await mountDevTools()
-    expect(document.getElementById('sb-command-menu')).not.toBeNull()
+    expect(document.getElementById('sb-core-ui')).not.toBeNull()
   })
 
   it('appends to document.body by default', async () => {
     await mountDevTools()
-    expect(document.getElementById('sb-command-menu')).toBeInTheDocument()
+    expect(document.getElementById('sb-core-ui')).toBeInTheDocument()
   })
 
   it('accepts a custom container', async () => {
     const container = document.createElement('div')
     document.body.appendChild(container)
     await mountDevTools({ container })
-    expect(container.querySelector('#sb-command-menu')).not.toBeNull()
+    expect(container.querySelector('#sb-core-ui')).not.toBeNull()
   })
 
   it('is idempotent — calling twice does not double-mount', async () => {
     await mountDevTools()
     await mountDevTools()
-    expect(document.querySelectorAll('#sb-command-menu').length).toBe(1)
+    expect(document.querySelectorAll('#sb-core-ui').length).toBe(1)
   })
 
   it('unmountDevTools removes the wrapper', async () => {
     await mountDevTools()
-    expect(document.getElementById('sb-command-menu')).not.toBeNull()
+    expect(document.getElementById('sb-core-ui')).not.toBeNull()
     await unmountDevTools()
-    expect(document.getElementById('sb-command-menu')).toBeNull()
+    expect(document.getElementById('sb-core-ui')).toBeNull()
   })
 })

package/src/internals/canvas/WebGLContextPool.test.jsx

@@ -1,4 +1,4 @@
-import { describe, it, expect, vi } from 'vitest'
+import { describe, it, expect } from 'vitest'
 import { render, act } from '@testing-library/react'
 import { WebGLContextPoolProvider, useWebGLSlot, usePoolVisibilityUpdater, Priority } from './WebGLContextPool.jsx'
 
@@ -54,11 +54,11 @@ describe('WebGLContextPool', () => {
   })
 
   it('prioritizes PINNED widgets over OFFSCREEN', () => {
-    let slot1, slot2, slot3
+    let slot3
     render(
       <WebGLContextPoolProvider maxLive={2}>
-        <TestWidget widgetId="t1" onSlot={(s) => { slot1 = s }} />
-        <TestWidget widgetId="t2" onSlot={(s) => { slot2 = s }} />
+        <TestWidget widgetId="t1" onSlot={() => {}} />
+        <TestWidget widgetId="t2" onSlot={() => {}} />
         <TestWidget widgetId="t3" onSlot={(s) => { slot3 = s }} />
       </WebGLContextPoolProvider>
     )
@@ -93,11 +93,11 @@ describe('WebGLContextPool', () => {
   })
 
   it('tracks generation across live-frozen-live transitions', () => {
-    let slot1, slot2, slot3
+    let slot3
     render(
       <WebGLContextPoolProvider maxLive={2}>
-        <TestWidget widgetId="t1" onSlot={(s) => { slot1 = s }} />
-        <TestWidget widgetId="t2" onSlot={(s) => { slot2 = s }} />
+        <TestWidget widgetId="t1" onSlot={() => {}} />
+        <TestWidget widgetId="t2" onSlot={() => {}} />
         <TestWidget widgetId="t3" onSlot={(s) => { slot3 = s }} />
       </WebGLContextPoolProvider>
     )
@@ -141,10 +141,10 @@ describe('WebGLContextPool', () => {
   })
 
   it('selected widgets get PINNED priority via visibility updater', () => {
-    let slot1, slot2, updater
+    let slot2, updater
     render(
       <WebGLContextPoolProvider maxLive={1}>
-        <TestWidget widgetId="t1" onSlot={(s) => { slot1 = s }} />
+        <TestWidget widgetId="t1" onSlot={() => {}} />
         <TestWidget widgetId="t2" onSlot={(s) => { slot2 = s }} />
         <TestUpdater onUpdater={(u) => { updater = u }} />
       </WebGLContextPoolProvider>

package/src/internals/canvas/widgets/ComponentWidget.jsx

@@ -4,7 +4,7 @@
 // The jsx- system is dormant (no canvases define a `jsx` field).
 import WidgetWrapper from './WidgetWrapper.jsx'
 
-export default function ComponentWidget({ component: Component, exportName }) {
+export default function ComponentWidget({ component: Component }) {
   if (!Component) return null
   return (
     <WidgetWrapper>

package/src/internals/vite/data-plugin.js

@@ -1012,7 +1012,12 @@ export default function storyboardDataPlugin() {
           // can't trace into its deps. Include the remark entry points so
           // Vite pre-bundles the full chain — covers all transitive CJS
           // packages (debug, extend, etc.) without whack-a-mole.
-          include: ['cmdk', 'remark', 'remark-gfm', 'remark-html', 'use-sync-external-store/shim', 'use-sync-external-store/shim/with-selector'],
+          include: [
+            'cmdk',
+            'remark', 'remark-gfm', 'remark-html',
+            'use-sync-external-store/shim', 'use-sync-external-store/shim/with-selector',
+            'feather-icons', '@primer/octicons', 'ansi-to-html',
+          ],
           exclude: ['@dfosco/storyboard'],
         },
       }