@dfosco/storyboard-react 3.3.1 → 3.4.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@dfosco/storyboard-react",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "type": "module",
   "dependencies": {
-    "@dfosco/storyboard-core": "3.3.1",
+    "@dfosco/storyboard-core": "3.4.0",
     "@dfosco/tiny-canvas": "^1.1.0",
     "@neodrag/react": "^2.3.1",
     "glob": "^11.0.0",

package/src/canvas/CanvasPage.jsx

@@ -283,15 +283,16 @@ export default function CanvasPage({ name }) {
 
   useEffect(() => {
     function handleKeyDown(e) {
-      if (e.key === ' ' && !e.repeat) {
+      if (e.key === ' ') {
         const tag = e.target.tagName
         if (tag === 'INPUT' || tag === 'TEXTAREA' || e.target.isContentEditable) return
         e.preventDefault()
-        setSpaceHeld(true)
+        if (!e.repeat) setSpaceHeld(true)
       }
     }
     function handleKeyUp(e) {
       if (e.key === ' ') {
+        e.preventDefault()
         setSpaceHeld(false)
         isPanning.current = false
         setPanningActive(false)

package/src/vite/data-plugin.js

@@ -369,6 +369,21 @@ function generateModule({ index, protoFolders, flowRoutes, canvasRoutes }, root)
         parsed = { ...parsed, folder: protoFolders[name] }
       }
 
+      // Load toolbar.config.json from prototype directory if present
+      if (suffix === 'prototype') {
+        const protoDir = path.dirname(absPath)
+        const toolbarConfigPath = path.join(protoDir, 'toolbar.config.json')
+        if (fs.existsSync(toolbarConfigPath)) {
+          try {
+            const toolbarRaw = fs.readFileSync(toolbarConfigPath, 'utf-8')
+            const toolbarConfig = parseJsonc(toolbarRaw)
+            if (toolbarConfig) {
+              parsed = { ...parsed, toolbarConfig }
+            }
+          } catch { /* skip invalid toolbar config */ }
+        }
+      }
+
       // Inject inferred _route into flow data (explicit route takes precedence)
       if (suffix === 'flow' && flowRoutes[name] && !parsed?.route) {
         parsed = { ...parsed, _route: flowRoutes[name] }
@@ -566,6 +581,17 @@ export default function storyboardDataPlugin() {
         // a feedback loop (save → file change → reload → lose editing state).
         if (/\.canvas\.jsonl$/.test(normalized)) return
 
+        // Invalidate when toolbar.config.json inside a prototype changes
+        if (normalized.endsWith('/toolbar.config.json') && normalized.includes('/prototypes/')) {
+          buildResult = null
+          const mod = server.moduleGraph.getModuleById(RESOLVED_ID)
+          if (mod) {
+            server.moduleGraph.invalidateModule(mod)
+            server.ws.send({ type: 'full-reload' })
+          }
+          return
+        }
+
         const parsed = parseDataFile(filePath)
         // Also invalidate when files are added/removed inside .folder/ directories
         const inFolder = normalized.includes('.folder/')