@jxsuite/studio 0.14.0 → 0.15.0

package/dist/studio.js

@@ -1543,6 +1543,8 @@ var init_workspace = __esm(() => {
     projectRoot: null,
     projectConfig: null,
     componentRegistry: [],
+    clipboard: null,
+    styleClipboard: null,
     fileTree: {
       dirs: new Map,
       expanded: new Set,
@@ -42319,8 +42321,9 @@ init_reactivity();
 var HISTORY_LIMIT = 100;
 function transactDoc(tab, mutationFn, { skipHistory = false } = {}) {
   mutationFn(tab);
+  const raw = toRaw(tab.doc.document);
+  tab.doc.document = { ...raw };
   if (!skipHistory) {
-    const raw = toRaw(tab.doc.document);
     const snapshot = {
       document: structuredClone(raw),
       selection: tab.session.selection ? [...tab.session.selection] : null
@@ -42499,6 +42502,14 @@ function mutateUpdateMediaNestedStyle(tab, path, mediaName, selector, prop, valu
   if (Object.keys(node.style).length === 0)
     delete node.style;
 }
+function mutateReplaceStyle(tab, path, style) {
+  const node = getNodeAtPath(tab.doc.document, path);
+  if (style && Object.keys(style).length > 0) {
+    node.style = style;
+  } else {
+    delete node.style;
+  }
+}
 function mutateAddDef(tab, name, def2) {
   const doc = tab.doc.document;
   if (!doc.state)
@@ -178784,7 +178795,6 @@ init_workspace();
 init_store();
 init_workspace();
 init_components();
-var clipboard = null;
 function copyNode() {
   const tab = activeTab.value;
   if (!tab?.session.selection)
@@ -178792,7 +178802,7 @@ function copyNode() {
   const node = getNodeAtPath(tab.doc.document, tab.session.selection);
   if (!node)
     return;
-  clipboard = structuredClone(node);
+  workspace.clipboard = structuredClone(node);
   statusMessage("Copied");
 }
 function cutNode() {
@@ -178803,17 +178813,17 @@ function cutNode() {
   const node = getNodeAtPath(tab.doc.document, sel);
   if (!node)
     return;
-  clipboard = structuredClone(node);
+  workspace.clipboard = structuredClone(node);
   transactDoc(tab, (t) => mutateRemoveNode(t, sel));
   statusMessage("Cut");
 }
 function pasteNode() {
-  if (!clipboard)
+  if (!workspace.clipboard)
     return;
   const tab = activeTab.value;
   if (!tab)
     return;
-  const clip = clipboard;
+  const clip = workspace.clipboard;
   const pPath = tab.session.selection || [];
   const parent = getNodeAtPath(tab.doc.document, pPath);
   if (!parent)
@@ -178854,6 +178864,27 @@ function showContextMenu(e, path, opts = {}) {
       label: "Duplicate",
       action: () => transactDoc(activeTab.value, (t) => mutateDuplicateNode(t, path))
     });
+    if (node.style) {
+      items.push({
+        label: "Copy styles",
+        action: () => {
+          workspace.styleClipboard = JSON.parse(JSON.stringify(node.style));
+          statusMessage("Styles copied");
+        }
+      });
+    }
+    if (workspace.styleClipboard) {
+      items.push({
+        label: "Paste styles",
+        action: () => {
+          if (!workspace.styleClipboard)
+            return;
+          const style = JSON.parse(JSON.stringify(workspace.styleClipboard));
+          transactDoc(activeTab.value, (t) => mutateReplaceStyle(t, path, style));
+          statusMessage("Styles pasted");
+        }
+      });
+    }
     items.push({ label: "—" });
     items.push({
       label: "Insert before",
@@ -178897,8 +178928,8 @@ function showContextMenu(e, path, opts = {}) {
       danger: true
     });
   }
-  if (clipboard) {
-    const clip = clipboard;
+  if (workspace.clipboard) {
+    const clip = workspace.clipboard;
     items.push({ label: "—" });
     items.push({
       label: "Paste inside",
@@ -217220,5 +217251,5 @@ effect(() => {
     scheduleAutosave();
 });
 
-//# debugId=B73DF558C97F3D0664756E2164756E21
+//# debugId=CE5832A90C0FE77064756E2164756E21
 //# sourceMappingURL=studio.js.map