@particle-academy/fancy-cms-ui 0.4.0 → 0.5.1

package/dist/editor.d.cts

@@ -1,6 +1,7 @@
-export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-BQtAHLHl.cjs';
+export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-Dr_Gg7gu.cjs';
 import { ReactNode, ReactElement } from 'react';
-import { P as PageDoc, h as ElementRegistry, g as DataContext, N as Node, p as StyleProps, L as LayoutMode } from './registry-D5y5IgCR.cjs';
+import { P as PageDoc, h as ElementRegistry, g as DataContext, N as Node, q as StyleProps, L as LayoutMode } from './registry-CvzbUd5E.cjs';
+import '@particle-academy/fancy-doc-commons';
 
 /** Animatable per-node transform (mirrors fancy-motion's NodeState, kept local to avoid a hard dep). */
 interface NodeTransform {
@@ -76,4 +77,4 @@ interface NodeInspectorProps {
  */
 declare function NodeInspector({ node, transform, measured, onProps, onStyle, onLayout, onTransform, onRemove, onClose, }: NodeInspectorProps): ReactElement;
 
-export { EditablePage, type EditablePageProps, NodeInspector, type NodeInspectorProps };
+export { EditablePage, type EditablePageProps, NodeInspector, type NodeInspectorProps, type NodeTransform };

package/dist/editor.d.ts

@@ -1,6 +1,7 @@
-export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-CpX-LbfH.js';
+export { C as Canvas, a as CanvasProps, E as Editor, b as EditorAction, c as EditorApi, d as EditorProps, e as EditorState, I as Inspector, f as InspectorProps, L as LayersPanel, g as LayersPanelProps, i as editorReduce, j as initEditor, u as useEditor } from './useEditor-BGKnLQuK.js';
 import { ReactNode, ReactElement } from 'react';
-import { P as PageDoc, h as ElementRegistry, g as DataContext, N as Node, p as StyleProps, L as LayoutMode } from './registry-D5y5IgCR.js';
+import { P as PageDoc, h as ElementRegistry, g as DataContext, N as Node, q as StyleProps, L as LayoutMode } from './registry-CvzbUd5E.js';
+import '@particle-academy/fancy-doc-commons';
 
 /** Animatable per-node transform (mirrors fancy-motion's NodeState, kept local to avoid a hard dep). */
 interface NodeTransform {
@@ -76,4 +77,4 @@ interface NodeInspectorProps {
  */
 declare function NodeInspector({ node, transform, measured, onProps, onStyle, onLayout, onTransform, onRemove, onClose, }: NodeInspectorProps): ReactElement;
 
-export { EditablePage, type EditablePageProps, NodeInspector, type NodeInspectorProps };
+export { EditablePage, type EditablePageProps, NodeInspector, type NodeInspectorProps, type NodeTransform };

package/dist/editor.js

@@ -1,8 +1,9 @@
-import { useEditor, useLatestRef, CONTAINER_TYPES, keyBetween, ADD_DEFAULTS, ADD_MENU } from './chunk-6Q7DKNDZ.js';
-export { Canvas, Editor, Inspector, LayersPanel, editorReduce, initEditor, useEditor } from './chunk-6Q7DKNDZ.js';
-import { isBinding, childrenOf, CmsPage, defaultRegistry } from './chunk-GOXVGEKU.js';
+import { useEditor, useLatestRef, CONTAINER_TYPES, ADD_DEFAULTS, ADD_MENU } from './chunk-5VNXIAHG.js';
+export { Canvas, Editor, Inspector, LayersPanel, editorReduce, initEditor, useEditor } from './chunk-5VNXIAHG.js';
+import { isBinding, lastRootId, childrenOf, CmsPage, defaultRegistry } from './chunk-FDCP3LVR.js';
 import { useState, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
 import { ContextMenu } from '@particle-academy/react-fancy';
+import { fractionalKey } from '@particle-academy/fancy-doc-commons';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var CONTAINER_TYPES2 = /* @__PURE__ */ new Set(["section", "frame", "stack", "grid", "shape", "card", "device"]);
@@ -265,8 +266,6 @@ var input = {
 };
 var iconBtn = { background: "transparent", border: "none", color: "#e2e8f0", cursor: "pointer", fontSize: 13, padding: 4, borderRadius: 6 };
 var miniBtn = { font: "inherit", fontSize: 11, color: "#e2e8f0", background: "#334155", border: "1px solid #475569", borderRadius: 6, padding: "5px 10px", cursor: "pointer" };
-
-// src/editor/editorOps.ts
 function childrenOfMap(nodes, parent) {
   return Object.values(nodes).filter((n) => n.parent === parent).sort((a, b) => a.order < b.order ? -1 : a.order > b.order ? 1 : 0);
 }
@@ -300,20 +299,20 @@ function duplicateOps(doc, id) {
   if (!node) return { ops: [], newRootId: null };
   const sibs = childrenOf(doc, node.parent);
   const idx = sibs.findIndex((s) => s.id === id);
-  const newOrder = keyBetween(node.order, sibs[idx + 1]?.order ?? null);
+  const newOrder = fractionalKey(node.order, sibs[idx + 1]?.order ?? null);
   const { ops, newRootId } = cloneFrom(doc.nodes, id, node.parent, newOrder, doc.seq);
   if (node.parent === null && newRootId) {
-    const base = doc.sections;
+    const base = childrenOf(doc, null).map((n) => n.id);
     const at = base.indexOf(id);
-    ops.push({ t: "reorder_sections", order: [...base.slice(0, at + 1), newRootId, ...base.slice(at + 1)] });
+    ops.push({ t: "reorder_roots", order: [...base.slice(0, at + 1), newRootId, ...base.slice(at + 1)] });
   }
   return { ops, newRootId };
 }
 function pasteOps(doc, clip, target, containerTypes) {
   const sel = target ? doc.nodes[target] : null;
-  const parent = sel ? containerTypes.has(sel.type) ? sel.id : sel.parent : doc.sections[doc.sections.length - 1] ?? null;
+  const parent = sel ? containerTypes.has(sel.type) ? sel.id : sel.parent : lastRootId(doc);
   const sibs = childrenOf(doc, parent);
-  const newOrder = keyBetween(sibs.length ? sibs[sibs.length - 1].order : null, null);
+  const newOrder = fractionalKey(sibs.length ? sibs[sibs.length - 1].order : null, null);
   const { ops, newRootId } = cloneFrom(clip.nodes, clip.rootId, parent, newOrder, doc.seq);
   return { ops, newRootId };
 }
@@ -321,14 +320,14 @@ function reorderOps(doc, id, dir) {
   const node = doc.nodes[id];
   if (!node) return [];
   if (node.parent === null) {
-    const s = [...doc.sections];
+    const s = childrenOf(doc, null).map((n) => n.id);
     const i = s.indexOf(id);
     if (i < 0) return [];
     s.splice(i, 1);
     if (dir === "front") s.unshift(id);
     else if (dir === "back") s.push(id);
     else s.splice(Math.max(0, Math.min(s.length, dir === "up" ? i - 1 : i + 1)), 0, id);
-    return [{ t: "reorder_sections", order: s }];
+    return [{ t: "reorder_roots", order: s }];
   }
   const sibs = childrenOf(doc, node.parent);
   const idx = sibs.findIndex((sb) => sb.id === id);
@@ -337,16 +336,16 @@ function reorderOps(doc, id, dir) {
   let newOrder;
   if (dir === "up") {
     if (idx <= 0) return [];
-    newOrder = keyBetween(sibs[idx - 2]?.order ?? null, sibs[idx - 1].order);
+    newOrder = fractionalKey(sibs[idx - 2]?.order ?? null, sibs[idx - 1].order);
   } else if (dir === "down") {
     if (idx >= last) return [];
-    newOrder = keyBetween(sibs[idx + 1].order, sibs[idx + 2]?.order ?? null);
+    newOrder = fractionalKey(sibs[idx + 1].order, sibs[idx + 2]?.order ?? null);
   } else if (dir === "front") {
     if (idx >= last) return [];
-    newOrder = keyBetween(sibs[last].order, null);
+    newOrder = fractionalKey(sibs[last].order, null);
   } else {
     if (idx <= 0) return [];
-    newOrder = keyBetween(null, sibs[0].order);
+    newOrder = fractionalKey(null, sibs[0].order);
   }
   return [{ t: "move_node", id, parent: node.parent, order: newOrder }];
 }
@@ -479,9 +478,9 @@ function EditablePage({
   const addNode = useCallback(
     (kind) => {
       const doc2 = ed.state.doc;
-      const parent = selNode ? CONTAINER_TYPES.has(selNode.type) ? selNode.id : selNode.parent : doc2.sections[doc2.sections.length - 1] ?? null;
+      const parent = selNode ? CONTAINER_TYPES.has(selNode.type) ? selNode.id : selNode.parent : lastRootId(doc2);
       const siblings = childrenOf(doc2, parent);
-      const order = keyBetween(siblings.length ? siblings[siblings.length - 1].order : null, null);
+      const order = fractionalKey(siblings.length ? siblings[siblings.length - 1].order : null, null);
       const id = `n${doc2.seq + 1}-${Math.floor(performance.now())}`;
       const def = ADD_DEFAULTS[kind];
       ed.apply({ t: "insert_node", node: { id, type: def.type, parent, order, layout: def.layout, props: { ...def.props }, style: { base: { ...def.style } } } });
@@ -493,9 +492,9 @@ function EditablePage({
     (kind, targetId) => {
       const doc2 = ed.state.doc;
       const target = targetId ? doc2.nodes[targetId] : null;
-      const parent = target ? CONTAINER_TYPES.has(target.type) ? target.id : target.parent : doc2.sections[doc2.sections.length - 1] ?? null;
+      const parent = target ? CONTAINER_TYPES.has(target.type) ? target.id : target.parent : lastRootId(doc2);
       const siblings = childrenOf(doc2, parent);
-      const order = keyBetween(siblings.length ? siblings[siblings.length - 1].order : null, null);
+      const order = fractionalKey(siblings.length ? siblings[siblings.length - 1].order : null, null);
       const id = `n${doc2.seq + 1}-${Math.floor(performance.now())}`;
       const def = ADD_DEFAULTS[kind];
       ed.apply({ t: "insert_node", node: { id, type: def.type, parent, order, layout: def.layout, props: { ...def.props }, style: { base: { ...def.style } } } });
@@ -539,15 +538,15 @@ function EditablePage({
     let parent;
     let order;
     if (!hint.id || hint.edge === "inside") {
-      parent = hint.id ?? (doc2.sections[doc2.sections.length - 1] ?? null);
+      parent = hint.id ?? lastRootId(doc2);
       const sib = childrenOf(doc2, parent);
-      order = keyBetween(sib.length ? sib[sib.length - 1].order : null, null);
+      order = fractionalKey(sib.length ? sib[sib.length - 1].order : null, null);
     } else {
       const target = doc2.nodes[hint.id];
       parent = target.parent;
       const sib = childrenOf(doc2, parent);
       const idx = sib.findIndex((n) => n.id === hint.id);
-      order = hint.edge === "before" ? keyBetween(idx > 0 ? sib[idx - 1].order : null, target.order) : keyBetween(target.order, idx < sib.length - 1 ? sib[idx + 1].order : null);
+      order = hint.edge === "before" ? fractionalKey(idx > 0 ? sib[idx - 1].order : null, target.order) : fractionalKey(target.order, idx < sib.length - 1 ? sib[idx + 1].order : null);
     }
     const id = `n${doc2.seq + 1}-${Math.floor(performance.now())}`;
     const def = ADD_DEFAULTS[kind];