dynim-core 1.0.0

package/dist/builder/dom-scanner.js

@@ -0,0 +1,102 @@
+/**
+ * DOM scanner - serializes DOM tree for the component tree
+ */
+import { getDomPath, getRelevantStyles, serializeRect, STABLE_ID_ATTR } from './element-utils';
+export function scanDOM(root, options = {}) {
+    const { maxDepth = 20, skipIds = ['__editor-freeze-overlay__', '__editor-overlays__', '__inspector-overlay__'] } = options;
+    function isSkippedElement(el) {
+        if (!el.id)
+            return false;
+        return skipIds.some(id => el.id === id || el.id.startsWith('__editor'));
+    }
+    function serializeNode(node, depth) {
+        if (depth > maxDepth)
+            return null;
+        if (isSkippedElement(node))
+            return null;
+        const rect = node.getBoundingClientRect();
+        const domPath = getDomPath(node, root);
+        const children = [];
+        for (const child of Array.from(node.children)) {
+            if (child instanceof HTMLElement) {
+                const serialized = serializeNode(child, depth + 1);
+                if (serialized)
+                    children.push(serialized);
+            }
+        }
+        const attributes = {};
+        for (const attr of Array.from(node.attributes)) {
+            attributes[attr.name] = attr.value;
+        }
+        return {
+            domPath,
+            tagName: node.tagName.toLowerCase(),
+            id: node.id || null,
+            className: node.className || '',
+            rect: serializeRect(rect),
+            computedStyles: getRelevantStyles(node),
+            computedDisplay: window.getComputedStyle(node).display,
+            hasChildren: node.children.length > 0,
+            textContent: (node.textContent || '').trim().slice(0, 100) || null,
+            attributes,
+            childCount: node.children.length,
+            children,
+            depth
+        };
+    }
+    return serializeNode(root, 0);
+}
+export function createDebouncedScanner(root, callback, delay = 100) {
+    let timeoutId = null;
+    function scan() {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            const tree = scanDOM(root);
+            callback(tree);
+        }, delay);
+    }
+    function cancel() {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+    }
+    return { scan, cancel };
+}
+export function getElementAtPath(path, root) {
+    let current = root;
+    for (const index of path) {
+        if (!current || !current.children[index]) {
+            return null;
+        }
+        current = current.children[index];
+    }
+    return current;
+}
+export function queryElements(selector, root = document.body) {
+    try {
+        return Array.from(root.querySelectorAll(selector));
+    }
+    catch {
+        return [];
+    }
+}
+export function generateSelector(element) {
+    const tag = element.tagName.toLowerCase();
+    if (element.id) {
+        return `#${element.id}`;
+    }
+    const classes = Array.from(element.classList).filter(c => {
+        if (!c)
+            return false;
+        if (/^(flex|grid|p-|m-|w-|h-|bg-|text-|border-|rounded-|shadow-|overflow-|relative|absolute|fixed|hidden|block|inline|items-|justify-|gap-|space-)/.test(c)) {
+            return false;
+        }
+        return c.length > 1;
+    }).slice(0, 3);
+    const classSelector = classes.length > 0 ? '.' + classes.join('.') : '';
+    return `${tag}${classSelector}`;
+}
+export { STABLE_ID_ATTR };

package/dist/builder/drag-engine.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Drag & drop engine - handles all drag detection and drop target calculation
+ */
+import type { EditorState } from './editor-state';
+import type { HistoryState } from './history-state';
+import type { DiffState } from './diff-state';
+import type { Overlays } from './editor-overlays';
+import type { FreezeOverlay } from './freeze-overlay';
+export interface DragEngineConfig {
+    contentRoot: HTMLElement;
+    editorState: EditorState;
+    historyState: HistoryState;
+    diffState: DiffState;
+    treeState?: unknown;
+    overlays: Overlays;
+    freezeOverlay?: FreezeOverlay | null;
+    onRescan?: () => void;
+}
+export interface DropTarget {
+    element: HTMLElement;
+    position: string;
+    rect: DOMRect;
+    parentRect: DOMRect | null;
+}
+export interface DragEngine {
+    attach: () => void;
+    detach: () => void;
+    setFreezeOverlay: (overlay: FreezeOverlay) => void;
+    handleMouseDown: (e: MouseEvent, element: HTMLElement | null) => void;
+    handleMouseMove: (e: MouseEvent, element: HTMLElement | null) => void;
+    handleMouseUp: (e: MouseEvent, element: HTMLElement | null) => void;
+    handleMouseLeave: (e: MouseEvent) => void;
+    handleClick: (e: MouseEvent, element: HTMLElement | null) => void;
+    handleDoubleClick: (e: MouseEvent, element: HTMLElement | null) => void;
+    handleWheel: (e: WheelEvent) => void;
+    executeUndo: () => void;
+    executeRedo: () => void;
+    findDropTarget: (x: number, y: number, draggedElement: HTMLElement) => DropTarget | null;
+}
+export declare function createDragEngine(config: DragEngineConfig): DragEngine;
+//# sourceMappingURL=drag-engine.d.ts.map

package/dist/builder/drag-engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-engine.d.ts","sourceRoot":"","sources":["../../src/builder/drag-engine.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAA6B,MAAM,iBAAiB,CAAC;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,eAAe,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,aAAa,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACpE,gBAAgB,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,iBAAiB,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxE,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,KAAK,UAAU,GAAG,IAAI,CAAC;CAC1F;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,UAAU,CAixBrE"}