@dfosco/storyboard-react 3.11.2 → 3.12.0

package/package.json

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

package/src/canvas/CanvasPage.jsx

@@ -287,7 +287,6 @@ export default function CanvasPage({ name }) {
   const zoomRef = useRef(initialViewport?.zoom ?? 100)
   const scrollRef = useRef(null)
   const pendingScrollRestore = useRef(initialViewport)
-  const initialWidgetParam = useRef(new URLSearchParams(window.location.search).has('widget'))
   const [canvasTitle, setCanvasTitle] = useState(canvas?.title || name)
   const titleInputRef = useRef(null)
   const [localSources, setLocalSources] = useState(canvas?.sources ?? [])
@@ -396,8 +395,6 @@ export default function CanvasPage({ name }) {
     setLocalWidgets(canvas?.widgets ?? null)
     setLocalSources(canvas?.sources ?? [])
     setCanvasTitle(canvas?.title || name)
-    setSnapEnabled(canvas?.snapToGrid ?? false)
-    setSnapGridSize(canvas?.gridSize || 40)
     undoRedo.reset()
   }
 
@@ -922,13 +919,6 @@ export default function CanvasPage({ name }) {
     return () => document.removeEventListener('storyboard:canvas:zoom-to-fit', handleZoomToFit)
   }, [localWidgets, localSources, jsxExports])
 
-  // On initial load without a ?widget= deep link, zoom to fit all objects
-  useEffect(() => {
-    if (loading || initialWidgetParam.current) return
-    initialWidgetParam.current = true // only once
-    document.dispatchEvent(new CustomEvent('storyboard:canvas:zoom-to-fit'))
-  }, [loading])
-
   // Canvas background should follow toolbar theme target.
   useEffect(() => {
     function readMode() {

package/src/canvas/widgets/PrototypeEmbed.jsx

@@ -64,6 +64,8 @@ export default forwardRef(function PrototypeEmbed({ props, onUpdate, resizable }
 
   const iframeSrc = useMemo(() => {
     if (!rawSrc) return ''
+    // External URLs are embedded as-is — storyboard query params only apply to local prototypes
+    if (/^https?:\/\//.test(rawSrc)) return rawSrc
     const hashIdx = rawSrc.indexOf('#')
     const base = hashIdx >= 0 ? rawSrc.slice(0, hashIdx) : rawSrc
     const hash = hashIdx >= 0 ? rawSrc.slice(hashIdx) : ''