@dfosco/storyboard-react 4.0.0-beta.19 → 4.0.0-beta.20

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dfosco/storyboard-react",
-  "version": "4.0.0-beta.19",
+  "version": "4.0.0-beta.20",
   "type": "module",
   "dependencies": {
-    "@dfosco/storyboard-core": "4.0.0-beta.19",
-    "@dfosco/tiny-canvas": "4.0.0-beta.19",
+    "@dfosco/storyboard-core": "4.0.0-beta.20",
+    "@dfosco/tiny-canvas": "4.0.0-beta.20",
     "@neodrag/react": "^2.3.1",
     "glob": "^11.0.0",
     "jsonc-parser": "^3.3.1",

package/src/canvas/widgets/StoryWidget.jsx

@@ -235,22 +235,29 @@ export default forwardRef(function StoryWidget({ id: widgetId, props, onUpdate,
     if (!showCode || sourceCode !== null) return
     const story = getStoryData(storyId)
     if (!story?._storyModule) {
-      Promise.resolve().then(() => setSourceCode('// Source not available'))
+      setSourceCode('// Source not available')
       return
     }
 
     let cancelled = false
-    Promise.resolve().then(() => { if (!cancelled) setSourceLoading(true) })
+    setSourceLoading(true)
 
     fetchStorySource(story._storyModule)
       .then((code) => {
         if (cancelled) return
         setSourceCode(code || '// Empty file')
+        setSourceLoading(false)
+      })
+      .catch(() => {
+        if (cancelled) return
+        setSourceCode('// Failed to load source')
+        setSourceLoading(false)
       })
-      .catch(() => { if (!cancelled) setSourceCode('// Failed to load source') })
-      .finally(() => { if (!cancelled) setSourceLoading(false) })
 
-    return () => { cancelled = true }
+    return () => {
+      cancelled = true
+      setSourceLoading(false)
+    }
   }, [showCode, sourceCode, storyId])
 
   // Re-highlight when the code-box theme changes (storyboard:theme:changed event).