@archie/devtools 0.0.12-beta → 0.0.12

package/dist/client/client.js

@@ -4109,8 +4109,7 @@ function summarizeEditorChangeEvent(event) {
   if (event.kind === "move") {
     const selectedHint = event.selectedNodeKey && event.selectedNodeKey !== event.nodeKey ? ` (selected ${event.selectedNodeKey})` : "";
     const anchorHint = event.anchorNodeKey && event.anchorNodeKey !== event.nodeKey ? ` (anchor ${event.anchorNodeKey})` : "";
-    const commandHint = event.commandType ? ` ${event.commandType}` : "";
-    return `move${commandHint} ${event.nodeKey}: parent ${event.payload.before.parentNodeId}[${event.payload.before.index}] \u2192 ${event.payload.after.parentNodeId}[${event.payload.after.index}]${event.payload.after.commitNodeId ? ` (commit ${event.payload.after.commitNodeId}` : ""}${event.payload.after.beforeNodeId ? ` before ${event.payload.after.beforeNodeId}` : ""}${event.payload.after.afterNodeId ? ` after ${event.payload.after.afterNodeId}` : ""}${event.payload.after.commitNodeId ? ")" : ""}${selectedHint}${anchorHint}`;
+    return `move ${event.nodeKey}: parent ${event.payload.before.parentNodeId}[${event.payload.before.index}] \u2192 ${event.payload.after.parentNodeId}[${event.payload.after.index}]${event.payload.after.commitNodeId ? ` (commit ${event.payload.after.commitNodeId}` : ""}${event.payload.after.beforeNodeId ? ` before ${event.payload.after.beforeNodeId}` : ""}${event.payload.after.afterNodeId ? ` after ${event.payload.after.afterNodeId}` : ""}${event.payload.after.commitNodeId ? ")" : ""}${selectedHint}${anchorHint}`;
   }
   if (event.payload.after.mode === "grid-span") {
     return `resize(grid-span) ${event.nodeKey}: col ${event.payload.before.colSpan ?? 1}\u2192${event.payload.after.colSpan ?? 1}, row ${event.payload.before.rowSpan ?? 1}\u2192${event.payload.after.rowSpan ?? 1}`;
@@ -4169,8 +4168,6 @@ var useDesignModeStore = create((set, get) => ({
   }),
   // Change tracking actions
   recordMoveChange: ({
-    operationId,
-    commandType,
     nodeKey,
     nodeId,
     inspectorRef,
@@ -4179,9 +4176,6 @@ var useDesignModeStore = create((set, get) => ({
     selectedInspectorRef,
     anchorNodeKey,
     anchorNodeId,
-    container,
-    beforeSibling,
-    afterSibling,
     componentName,
     before,
     after
@@ -4189,8 +4183,6 @@ var useDesignModeStore = create((set, get) => ({
     const now = Date.now();
     const event = {
       kind: "move",
-      operationId: operationId ?? `${now}:${nodeId}`,
-      commandType: commandType ?? "reorder",
       nodeKey,
       nodeId,
       inspectorRef,
@@ -4199,9 +4191,6 @@ var useDesignModeStore = create((set, get) => ({
       selectedInspectorRef,
       anchorNodeKey,
       anchorNodeId,
-      container: container ?? null,
-      beforeSibling: beforeSibling ?? null,
-      afterSibling: afterSibling ?? null,
       payload: { before, after },
       at: now
     };
@@ -4224,11 +4213,10 @@ var useDesignModeStore = create((set, get) => ({
       };
     });
   },
-  recordResizeChange: ({ operationId, nodeKey, nodeId, inspectorRef, componentName, before, after }) => {
+  recordResizeChange: ({ nodeKey, nodeId, inspectorRef, componentName, before, after }) => {
     const now = Date.now();
     const event = {
       kind: "resize",
-      operationId: operationId ?? `${now}:${nodeId}`,
       nodeKey,
       nodeId,
       inspectorRef,
@@ -7565,16 +7553,7 @@ function useDragLifecycle({
           const inspRef = getInspectorRefFromElement(anchorEl);
           const selectedNodeKey = getNodeKeyFromElement(selectedEl);
           const selectedInspectorRef = getInspectorRefFromElement(selectedEl);
-          const containerIdentity = buildRuntimeIdentityLocal(
-            command.to.parentNodeId ?? command.to.laneContainerId,
-            resolveNodeElement
-          );
-          const beforeSiblingIdentity = buildRuntimeIdentityLocal(command.to.beforeNodeId, resolveNodeElement);
-          const afterSiblingIdentity = buildRuntimeIdentityLocal(command.to.afterNodeId, resolveNodeElement);
-          const operationId = `${command.at}:${anchorNodeId}`;
           recordMoveChange({
-            operationId,
-            commandType: command.type,
             nodeKey,
             nodeId: anchorNodeId,
             inspectorRef: inspRef,
@@ -7583,16 +7562,19 @@ function useDragLifecycle({
             selectedInspectorRef,
             anchorNodeKey: nodeKey,
             anchorNodeId,
-            container: containerIdentity,
-            beforeSibling: beforeSiblingIdentity,
-            afterSibling: afterSiblingIdentity,
             componentName: getEditorMeta(anchorEl)?.componentName,
             before: command.from,
             after: command.to
           });
+          const containerIdentity = buildRuntimeIdentityLocal(
+            command.to.laneContainerId ?? command.to.parentNodeId,
+            resolveNodeElement
+          );
+          const beforeSiblingIdentity = buildRuntimeIdentityLocal(command.to.beforeNodeId, resolveNodeElement);
+          const afterSiblingIdentity = buildRuntimeIdentityLocal(command.to.afterNodeId, resolveNodeElement);
           dispatchRuntimeEvent({
             type: "element-moved",
-            operationId,
+            operationId: `${command.at}:${anchorNodeId}`,
             commandType: command.type,
             selected: {
               nodeId: selectedNodeId,
@@ -7757,10 +7739,8 @@ function useResizeSession({
       after: { width: afterW, height: afterH, colSpan: afterColSpan, rowSpan: afterRowSpan, styles: afterStyles },
       at: Date.now()
     };
-    const operationId = `${resizeCmd.at}:${selectedNodeId}`;
     refs.historyRef.current.execute(resizeCmd, applyCommand);
     recordResizeChange({
-      operationId,
       nodeKey: selectedNodeKey,
       nodeId: selectedNodeId,
       inspectorRef,
@@ -7770,7 +7750,7 @@ function useResizeSession({
     });
     dispatchRuntimeEvent({
       type: "element-resized",
-      operationId,
+      operationId: `${resizeCmd.at}:${selectedNodeId}`,
       selected: {
         nodeId: selectedNodeId,
         nodeKey: selectedNodeKey,
@@ -8120,18 +8100,11 @@ function DesignModeOverlay() {
         mode: enabled ? "arrange" : "off",
         canUndo: orderedChanges.length > 0,
         changes: orderedChanges.map((event, index) => ({
-          id: `${event.kind}:${event.operationId}:${index}`,
+          id: `${event.kind}:${event.nodeKey}:${event.at}:${index}`,
           kind: event.kind,
-          operationId: event.operationId,
-          commandType: event.kind === "move" ? event.commandType : void 0,
           nodeKey: event.nodeKey,
           nodeId: event.nodeId,
           inspectorRef: event.inspectorRef,
-          selectedNodeKey: event.kind === "move" ? event.selectedNodeKey : void 0,
-          selectedNodeId: event.kind === "move" ? event.selectedNodeId : void 0,
-          selectedInspectorRef: event.kind === "move" ? event.selectedInspectorRef : void 0,
-          anchorNodeKey: event.kind === "move" ? event.anchorNodeKey : void 0,
-          anchorNodeId: event.kind === "move" ? event.anchorNodeId : void 0,
           summary: summarizeEditorChangeEvent(event),
           at: event.at
         })),

package/dist/client/client.mjs

@@ -4075,8 +4075,7 @@ function summarizeEditorChangeEvent(event) {
   if (event.kind === "move") {
     const selectedHint = event.selectedNodeKey && event.selectedNodeKey !== event.nodeKey ? ` (selected ${event.selectedNodeKey})` : "";
     const anchorHint = event.anchorNodeKey && event.anchorNodeKey !== event.nodeKey ? ` (anchor ${event.anchorNodeKey})` : "";
-    const commandHint = event.commandType ? ` ${event.commandType}` : "";
-    return `move${commandHint} ${event.nodeKey}: parent ${event.payload.before.parentNodeId}[${event.payload.before.index}] \u2192 ${event.payload.after.parentNodeId}[${event.payload.after.index}]${event.payload.after.commitNodeId ? ` (commit ${event.payload.after.commitNodeId}` : ""}${event.payload.after.beforeNodeId ? ` before ${event.payload.after.beforeNodeId}` : ""}${event.payload.after.afterNodeId ? ` after ${event.payload.after.afterNodeId}` : ""}${event.payload.after.commitNodeId ? ")" : ""}${selectedHint}${anchorHint}`;
+    return `move ${event.nodeKey}: parent ${event.payload.before.parentNodeId}[${event.payload.before.index}] \u2192 ${event.payload.after.parentNodeId}[${event.payload.after.index}]${event.payload.after.commitNodeId ? ` (commit ${event.payload.after.commitNodeId}` : ""}${event.payload.after.beforeNodeId ? ` before ${event.payload.after.beforeNodeId}` : ""}${event.payload.after.afterNodeId ? ` after ${event.payload.after.afterNodeId}` : ""}${event.payload.after.commitNodeId ? ")" : ""}${selectedHint}${anchorHint}`;
   }
   if (event.payload.after.mode === "grid-span") {
     return `resize(grid-span) ${event.nodeKey}: col ${event.payload.before.colSpan ?? 1}\u2192${event.payload.after.colSpan ?? 1}, row ${event.payload.before.rowSpan ?? 1}\u2192${event.payload.after.rowSpan ?? 1}`;
@@ -4135,8 +4134,6 @@ var useDesignModeStore = create((set, get) => ({
   }),
   // Change tracking actions
   recordMoveChange: ({
-    operationId,
-    commandType,
     nodeKey,
     nodeId,
     inspectorRef,
@@ -4145,9 +4142,6 @@ var useDesignModeStore = create((set, get) => ({
     selectedInspectorRef,
     anchorNodeKey,
     anchorNodeId,
-    container,
-    beforeSibling,
-    afterSibling,
     componentName,
     before,
     after
@@ -4155,8 +4149,6 @@ var useDesignModeStore = create((set, get) => ({
     const now = Date.now();
     const event = {
       kind: "move",
-      operationId: operationId ?? `${now}:${nodeId}`,
-      commandType: commandType ?? "reorder",
       nodeKey,
       nodeId,
       inspectorRef,
@@ -4165,9 +4157,6 @@ var useDesignModeStore = create((set, get) => ({
       selectedInspectorRef,
       anchorNodeKey,
       anchorNodeId,
-      container: container ?? null,
-      beforeSibling: beforeSibling ?? null,
-      afterSibling: afterSibling ?? null,
       payload: { before, after },
       at: now
     };
@@ -4190,11 +4179,10 @@ var useDesignModeStore = create((set, get) => ({
       };
     });
   },
-  recordResizeChange: ({ operationId, nodeKey, nodeId, inspectorRef, componentName, before, after }) => {
+  recordResizeChange: ({ nodeKey, nodeId, inspectorRef, componentName, before, after }) => {
     const now = Date.now();
     const event = {
       kind: "resize",
-      operationId: operationId ?? `${now}:${nodeId}`,
       nodeKey,
       nodeId,
       inspectorRef,
@@ -7531,16 +7519,7 @@ function useDragLifecycle({
           const inspRef = getInspectorRefFromElement(anchorEl);
           const selectedNodeKey = getNodeKeyFromElement(selectedEl);
           const selectedInspectorRef = getInspectorRefFromElement(selectedEl);
-          const containerIdentity = buildRuntimeIdentityLocal(
-            command.to.parentNodeId ?? command.to.laneContainerId,
-            resolveNodeElement
-          );
-          const beforeSiblingIdentity = buildRuntimeIdentityLocal(command.to.beforeNodeId, resolveNodeElement);
-          const afterSiblingIdentity = buildRuntimeIdentityLocal(command.to.afterNodeId, resolveNodeElement);
-          const operationId = `${command.at}:${anchorNodeId}`;
           recordMoveChange({
-            operationId,
-            commandType: command.type,
             nodeKey,
             nodeId: anchorNodeId,
             inspectorRef: inspRef,
@@ -7549,16 +7528,19 @@ function useDragLifecycle({
             selectedInspectorRef,
             anchorNodeKey: nodeKey,
             anchorNodeId,
-            container: containerIdentity,
-            beforeSibling: beforeSiblingIdentity,
-            afterSibling: afterSiblingIdentity,
             componentName: getEditorMeta(anchorEl)?.componentName,
             before: command.from,
             after: command.to
           });
+          const containerIdentity = buildRuntimeIdentityLocal(
+            command.to.laneContainerId ?? command.to.parentNodeId,
+            resolveNodeElement
+          );
+          const beforeSiblingIdentity = buildRuntimeIdentityLocal(command.to.beforeNodeId, resolveNodeElement);
+          const afterSiblingIdentity = buildRuntimeIdentityLocal(command.to.afterNodeId, resolveNodeElement);
           dispatchRuntimeEvent({
             type: "element-moved",
-            operationId,
+            operationId: `${command.at}:${anchorNodeId}`,
             commandType: command.type,
             selected: {
               nodeId: selectedNodeId,
@@ -7723,10 +7705,8 @@ function useResizeSession({
       after: { width: afterW, height: afterH, colSpan: afterColSpan, rowSpan: afterRowSpan, styles: afterStyles },
       at: Date.now()
     };
-    const operationId = `${resizeCmd.at}:${selectedNodeId}`;
     refs.historyRef.current.execute(resizeCmd, applyCommand);
     recordResizeChange({
-      operationId,
       nodeKey: selectedNodeKey,
       nodeId: selectedNodeId,
       inspectorRef,
@@ -7736,7 +7716,7 @@ function useResizeSession({
     });
     dispatchRuntimeEvent({
       type: "element-resized",
-      operationId,
+      operationId: `${resizeCmd.at}:${selectedNodeId}`,
       selected: {
         nodeId: selectedNodeId,
         nodeKey: selectedNodeKey,
@@ -8086,18 +8066,11 @@ function DesignModeOverlay() {
         mode: enabled ? "arrange" : "off",
         canUndo: orderedChanges.length > 0,
         changes: orderedChanges.map((event, index) => ({
-          id: `${event.kind}:${event.operationId}:${index}`,
+          id: `${event.kind}:${event.nodeKey}:${event.at}:${index}`,
           kind: event.kind,
-          operationId: event.operationId,
-          commandType: event.kind === "move" ? event.commandType : void 0,
           nodeKey: event.nodeKey,
           nodeId: event.nodeId,
           inspectorRef: event.inspectorRef,
-          selectedNodeKey: event.kind === "move" ? event.selectedNodeKey : void 0,
-          selectedNodeId: event.kind === "move" ? event.selectedNodeId : void 0,
-          selectedInspectorRef: event.kind === "move" ? event.selectedInspectorRef : void 0,
-          anchorNodeKey: event.kind === "move" ? event.anchorNodeKey : void 0,
-          anchorNodeId: event.kind === "move" ? event.anchorNodeId : void 0,
           summary: summarizeEditorChangeEvent(event),
           at: event.at
         })),

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@archie/devtools",
-  "version": "0.0.12-beta",
+  "version": "0.0.12",
   "description": "DevTools for Archie generated applications - Route synchronization and editor communication",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/8base-archie/archie-devtools.git"
   },
   "publishConfig": {
-    "access": "restricted",
+    "access": "public",
     "provenance": false
   },
   "main": "dist/index.js",