@dfosco/storyboard-react 4.0.0-beta.7 → 4.0.0-beta.8

package/package.json

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

package/src/canvas/CanvasPage.jsx

@@ -1006,22 +1006,31 @@ export default function CanvasPage({ name }) {
         e.preventDefault()
         setSelectedWidgetIds(new Set())
       }
-      // Copy: cmd+c copies URL, alt+cmd+c copies ID (single widget only)
+      // Copy shortcuts (single widget selected):
+      // - cmd+c → copy URL/content
+      // - Shift+C (no cmd) → copy widget ID (or file path for images)
       const mod = e.metaKey || e.ctrlKey
-      if (mod && e.key === 'c' && selectedWidgetIds.size === 1) {
+      if (mod && e.key === 'c' && !e.shiftKey && selectedWidgetIds.size === 1) {
         const widgetId = [...selectedWidgetIds][0]
         const widget = localWidgets?.find(w => w.id === widgetId)
         if (widget) {
           e.preventDefault()
-          if (e.altKey) {
-            // alt+cmd+c → copy widget ID
-            navigator.clipboard.writeText(widgetId).catch(() => {})
+          const url = getWidgetCopyableUrl(widget)
+          if (url) {
+            navigator.clipboard.writeText(url).catch(() => {})
+          }
+        }
+      }
+      // Shift+C (uppercase C, no cmd) → copy ID or file path
+      if (e.key === 'C' && e.shiftKey && !mod && selectedWidgetIds.size === 1) {
+        const widgetId = [...selectedWidgetIds][0]
+        const widget = localWidgets?.find(w => w.id === widgetId)
+        if (widget) {
+          e.preventDefault()
+          if (widget.type === 'image' && widget.props?.src) {
+            navigator.clipboard.writeText(`src/canvas/images/${widget.props.src}`).catch(() => {})
           } else {
-            // cmd+c → copy widget URL/content
-            const url = getWidgetCopyableUrl(widget)
-            if (url) {
-              navigator.clipboard.writeText(url).catch(() => {})
-            }
+            navigator.clipboard.writeText(widgetId).catch(() => {})
           }
         }
       }