@dfosco/storyboard-react 4.1.0-beta.1 → 4.1.0-beta.3

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dfosco/storyboard-react",
-  "version": "4.1.0-beta.1",
+  "version": "4.1.0-beta.3",
   "type": "module",
   "dependencies": {
     "@base-ui/react": "^1.4.0",
-    "@dfosco/storyboard-core": "4.1.0-beta.1",
-    "@dfosco/tiny-canvas": "4.1.0-beta.1",
+    "@dfosco/storyboard-core": "4.1.0-beta.3",
+    "@dfosco/tiny-canvas": "4.1.0-beta.3",
     "@neodrag/react": "^2.3.1",
     "glob": "^11.0.0",
     "jsonc-parser": "^3.3.1",

package/src/canvas/useCanvas.js

@@ -6,6 +6,8 @@ import { getCanvasData } from '@dfosco/storyboard-core'
  * Falls back to build-time data if the server is unavailable.
  */
 async function fetchCanvasFromServer(name) {
+  // Canvas server API is only available during local dev
+  if (import.meta.env?.PROD) return null
   try {
     const base = (import.meta.env?.BASE_URL || '/').replace(/\/$/, '')
     const res = await fetch(`${base}/_storyboard/canvas/read?name=${encodeURIComponent(name)}`)

package/src/canvas/widgets/ImageWidget.jsx

@@ -24,6 +24,9 @@ const ImageWidget = forwardRef(function ImageWidget({ props, onUpdate, resizable
 
   const src = readProp(props, 'src', imageSchema)
   const isPrivate = readProp(props, 'private', imageSchema)
+
+  // Private images are not included in production builds
+  const isHiddenInProd = isPrivate && import.meta.env?.PROD
   const width = readProp(props, 'width', imageSchema)
   const height = readProp(props, 'height', imageSchema)
 
@@ -77,7 +80,7 @@ const ImageWidget = forwardRef(function ImageWidget({ props, onUpdate, resizable
     }
   }), [src, onUpdate])
 
-  if (!src) return null
+  if (!src || isHiddenInProd) return null
 
   const sizeStyle = {}
   if (typeof width === 'number') sizeStyle.width = `${width}px`

package/src/context.jsx

@@ -10,6 +10,7 @@ export { StoryboardContext }
 
 const CanvasPageLazy = lazy(() => import('./canvas/CanvasPage.jsx'))
 const StoryPageLazy = lazy(() => import('./story/StoryPage.jsx'))
+const CommandPaletteLazy = lazy(() => import('./CommandPalette/CommandPalette.jsx'))
 
 // Build a map from canvas route paths → canvas names at module load time
 const canvasRouteMap = new Map()
@@ -115,6 +116,26 @@ function getPageFlowName(pathname) {
  * The matched record entry is injected under the "record" key in flow data.
  */
 export default function StoryboardProvider({ flowName, sceneName, recordName, recordParam, children }) {
+  const basePath = import.meta.env?.BASE_URL || '/'
+
+  return (
+    <>
+      <StoryboardProviderInner
+        flowName={flowName}
+        sceneName={sceneName}
+        recordName={recordName}
+        recordParam={recordParam}
+      >
+        {children}
+      </StoryboardProviderInner>
+      <Suspense fallback={null}>
+        <CommandPaletteLazy basePath={basePath} />
+      </Suspense>
+    </>
+  )
+}
+
+function StoryboardProviderInner({ flowName, sceneName, recordName, recordParam, children }) {
   const location = useLocation()
   const params = useParams()