dynim-core 1.0.4 → 1.0.6

package/src/styles/builder.css

@@ -109,7 +109,7 @@
   transform: scale(0.96);
 }
 
-.builder-bar__btn--saved {
+.builder-bar__btn--save.builder-bar__btn--saved {
   background: #22c55e !important;
 }
 
@@ -141,30 +141,6 @@
   transform: scale(0.96);
 }
 
-/* Undo button - contextual appearance */
-.builder-bar__btn--undo {
-  padding: 6px 10px;
-  background: rgba(255, 255, 255, 0.08);
-  color: #94a3b8;
-  animation: undoSlideIn 0.2s ease-out;
-}
-
-.builder-bar__btn--undo:hover {
-  background: rgba(255, 255, 255, 0.12);
-  color: #ffffff;
-}
-
-@keyframes undoSlideIn {
-  from {
-    opacity: 0;
-    transform: translateX(-8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
 /* Disabled state for all buttons */
 .builder-bar__btn:disabled {
   opacity: 0.35;
@@ -178,115 +154,6 @@
   opacity: 1 !important;
 }
 
-/* ===========================================
-   UNSAVED CHANGES MODAL
-   =========================================== */
-
-.builder-modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 10010 !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: auto;
-}
-
-.builder-modal__backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-}
-
-.builder-modal__dialog {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: #1e293b;
-  border-radius: 16px;
-  padding: 24px;
-  min-width: 320px;
-  max-width: 400px;
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  z-index: 10011;
-  pointer-events: auto;
-}
-
-.builder-modal__title {
-  font-size: 18px;
-  font-weight: 600;
-  color: #ffffff;
-  margin-bottom: 8px;
-}
-
-.builder-modal__message {
-  font-size: 14px;
-  color: #94a3b8;
-  margin-bottom: 24px;
-  line-height: 1.5;
-}
-
-.builder-modal__actions {
-  display: flex;
-  gap: 8px;
-  justify-content: flex-end;
-}
-
-.builder-modal__btn {
-  padding: 8px 16px;
-  border: none;
-  border-radius: 8px;
-  font-family: inherit;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.builder-modal__btn--cancel {
-  background: rgba(255, 255, 255, 0.08);
-  color: #94a3b8;
-}
-
-.builder-modal__btn--cancel:hover {
-  background: rgba(255, 255, 255, 0.12);
-  color: #ffffff;
-}
-
-.builder-modal__btn--discard {
-  background: rgba(239, 68, 68, 0.15);
-  color: #ef4444;
-}
-
-.builder-modal__btn--discard:hover {
-  background: rgba(239, 68, 68, 0.25);
-}
-
-.builder-modal__btn--save {
-  background: #3b82f6;
-  color: #ffffff;
-}
-
-.builder-modal__btn--save:hover {
-  background: #2563eb;
-}
-
-/* ===========================================
-   RESPONSIVE
-   =========================================== */
-
 /* ===========================================
    EDITOR OVERLAYS - Dark Reader Protection
    Uses !important to prevent browser extensions
@@ -320,38 +187,6 @@
   box-sizing: border-box !important;
 }
 
-/* Drag ghost - purple dashed */
-.editor-drag-ghost.active {
-  position: fixed !important;
-  border: 2px dashed #8b5cf6 !important;
-  background: rgba(139, 92, 246, 0.1) !important;
-  border-radius: 4px !important;
-  pointer-events: none !important;
-  z-index: 10004 !important;
-  box-sizing: border-box !important;
-  opacity: 0.8 !important;
-}
-
-/* Drop target highlight - subtle green fill */
-.editor-drop-target.active {
-  position: fixed !important;
-  background: rgba(34, 197, 94, 0.1) !important;
-  border-radius: 3px !important;
-  pointer-events: none !important;
-  z-index: 10001 !important;
-  box-sizing: border-box !important;
-}
-
-/* Drop line - green indicator */
-.editor-drop-line.active {
-  position: fixed !important;
-  background: #22c55e !important;
-  border-radius: 2px !important;
-  pointer-events: none !important;
-  z-index: 10002 !important;
-  box-shadow: 0 0 8px rgba(34, 197, 94, 0.5) !important;
-}
-
 /* Tooltip */
 .editor-tooltip.active {
   position: fixed !important;
@@ -370,14 +205,6 @@
   box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
 }
 
-/* Parent highlight */
-.editor-parent-highlight.active {
-  position: fixed !important;
-  pointer-events: none !important;
-  z-index: 10000 !important;
-  box-sizing: border-box !important;
-}
-
 /* ===========================================
    RESPONSIVE
    =========================================== */
@@ -404,19 +231,4 @@
     width: 14px;
     height: 14px;
   }
-
-  .builder-modal__dialog {
-    min-width: auto;
-    margin: 16px;
-    padding: 20px;
-  }
-
-  .builder-modal__actions {
-    flex-direction: column;
-  }
-
-  .builder-modal__btn {
-    width: 100%;
-    padding: 12px 16px;
-  }
 }

package/src/styles/editor.css

@@ -1,12 +1,11 @@
 /**
- * Editor styles - Visual overlays for the drag-and-drop editor
- * Matches the original drag&drop folder styling
+ * Editor styles - Visual overlays for the editor
+ * Hover highlight, selection box, and tooltip
  */
 
 :root {
   --editor-accent-blue: #0ea5e9;
   --editor-accent-purple: #8b5cf6;
-  --editor-accent-green: #22c55e;
 }
 
 /* Freeze overlay - captures events but allows scroll */
@@ -47,54 +46,6 @@
   box-sizing: border-box;
 }
 
-/* Drag ghost - purple dashed */
-.editor-drag-ghost {
-  position: fixed;
-  border: 2px dashed var(--editor-accent-purple);
-  background: rgba(139, 92, 246, 0.1);
-  border-radius: 4px;
-  pointer-events: none;
-  z-index: 10004;
-  box-sizing: border-box;
-  opacity: 0.8;
-}
-
-/* Drop target highlight - green tint */
-.editor-drop-target {
-  position: fixed;
-  background: rgba(34, 197, 94, 0.1);
-  border-radius: 3px;
-  pointer-events: none;
-  z-index: 10001;
-  box-sizing: border-box;
-}
-
-/* Parent highlight - disabled, not used in original */
-.editor-parent-highlight {
-  display: none !important;
-}
-
-/* Drop indicator line - green */
-.editor-drop-line {
-  position: fixed;
-  background: var(--editor-accent-green);
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 10002;
-  box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
-}
-
-/* No-drop indicator - red dashed border for invalid drop zones */
-.editor-no-drop-indicator {
-  position: fixed;
-  border: 2px dashed #ef4444;
-  background: rgba(239, 68, 68, 0.1);
-  border-radius: 4px;
-  pointer-events: none;
-  z-index: 10003;
-  box-sizing: border-box;
-}
-
 /* Tooltip - selector info */
 .editor-tooltip {
   position: fixed;
@@ -113,16 +64,6 @@
   box-shadow: 0 2px 8px rgba(0,0,0,0.3);
 }
 
-/* Cursor states */
-.editor-freeze-overlay[data-dragging="true"] {
-  cursor: grabbing !important;
-}
-
-/* Wrappers created by drag-and-drop (minimal styling) */
-[data-dnd-wrapper] {
-  /* No visual styling - just structural */
-}
-
 /* Builder mode active state */
 body.builder-mode-active {
   /* Prevent selection during builder mode */

package/dist/builder/diff-state.d.ts

@@ -1,24 +0,0 @@
-/**
- * Diff State - Tracks original element positions for computing serializable diffs
- *
- * This module records the FIRST position of each moved element.
- * When getDiff() is called, it compares original vs current DOM state
- * to produce serializable diff objects (not DOM references).
- */
-import { type ElementIdentifier, type PlacementTarget } from './element-utils';
-export interface DiffEntry {
-    element: ElementIdentifier;
-    type: 'moved' | 'removed';
-    from: PlacementTarget;
-    to: PlacementTarget;
-}
-export interface DiffState {
-    snapshotInitialState: (rootElement: HTMLElement) => void;
-    trackElement: (domElement: HTMLElement, fallbackPlacement?: PlacementTarget) => void;
-    getDiff: () => DiffEntry[];
-    hasChanges: () => boolean;
-    clearAll: () => void;
-    getTrackedCount: () => number;
-}
-export declare function createDiffState(): DiffState;
-//# sourceMappingURL=diff-state.d.ts.map

package/dist/builder/diff-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"diff-state.d.ts","sourceRoot":"","sources":["../../src/builder/diff-state.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,EAAE,EAAE,eAAe,CAAC;CACrB;AA6CD,MAAM,WAAW,SAAS;IACxB,oBAAoB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,iBAAiB,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACrF,OAAO,EAAE,MAAM,SAAS,EAAE,CAAC;IAC3B,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,MAAM,CAAC;CAC/B;AAED,wBAAgB,eAAe,IAAI,SAAS,CAyG3C"}

package/dist/builder/diff-state.js

@@ -1,134 +0,0 @@
-/**
- * Diff State - Tracks original element positions for computing serializable diffs
- *
- * This module records the FIRST position of each moved element.
- * When getDiff() is called, it compares original vs current DOM state
- * to produce serializable diff objects (not DOM references).
- */
-import { getStableId, findByStableId, buildElementIdentifier, buildPlacementTarget } from './element-utils';
-function serializeIdentifier(el) {
-    if (!el)
-        return '';
-    if (el.id)
-        return `#${el.id}`;
-    const parts = [
-        el.tagName,
-        el.classes.sort().join('.'),
-        `nth:${el.nthOfType}`,
-        el.textContentPreview?.slice(0, 20) || '',
-    ];
-    if (el.parentIdentifier) {
-        parts.push('>' + serializeIdentifier(el.parentIdentifier));
-    }
-    return parts.join('|');
-}
-function placementsEqual(a, b) {
-    if (!a || !b)
-        return a === b;
-    if (a.position !== b.position)
-        return false;
-    if (a.parentStableId && b.parentStableId) {
-        if (a.parentStableId !== b.parentStableId)
-            return false;
-    }
-    else {
-        if (serializeIdentifier(a.parent) !== serializeIdentifier(b.parent))
-            return false;
-    }
-    if (a.referenceStableId && b.referenceStableId) {
-        return a.referenceStableId === b.referenceStableId;
-    }
-    if (a.referenceElement && b.referenceElement) {
-        return serializeIdentifier(a.referenceElement) === serializeIdentifier(b.referenceElement);
-    }
-    return a.referenceElement === b.referenceElement;
-}
-export function createDiffState() {
-    const initialSnapshot = new Map();
-    const movedElements = new Map();
-    function snapshotInitialState(rootElement) {
-        if (!rootElement)
-            return;
-        function walkAndSnapshot(element) {
-            if (element.nodeType !== Node.ELEMENT_NODE)
-                return;
-            const htmlElement = element;
-            const stableId = getStableId(htmlElement);
-            const placement = buildPlacementTarget(htmlElement);
-            if (placement) {
-                initialSnapshot.set(stableId, placement);
-            }
-            for (const child of Array.from(element.children)) {
-                walkAndSnapshot(child);
-            }
-        }
-        for (const child of Array.from(rootElement.children)) {
-            walkAndSnapshot(child);
-        }
-    }
-    function trackElement(domElement, _fallbackPlacement) {
-        if (!domElement)
-            return;
-        const stableId = getStableId(domElement);
-        if (movedElements.has(stableId)) {
-            return;
-        }
-        const elementIdentifier = buildElementIdentifier(domElement);
-        movedElements.set(stableId, {
-            stableId,
-            element: elementIdentifier,
-        });
-    }
-    function getDiff() {
-        const diffs = [];
-        for (const [stableId, tracked] of movedElements) {
-            const element = findByStableId(stableId);
-            const originalPlacement = initialSnapshot.get(stableId);
-            if (!element) {
-                if (originalPlacement) {
-                    diffs.push({
-                        element: tracked.element,
-                        type: 'removed',
-                        from: originalPlacement,
-                        to: originalPlacement,
-                    });
-                }
-                continue;
-            }
-            if (!originalPlacement)
-                continue;
-            const currentPlacement = buildPlacementTarget(element);
-            if (!currentPlacement)
-                continue;
-            if (!placementsEqual(originalPlacement, currentPlacement)) {
-                diffs.push({
-                    element: tracked.element,
-                    type: 'moved',
-                    from: originalPlacement,
-                    to: currentPlacement,
-                });
-            }
-        }
-        return diffs;
-    }
-    function hasChanges() {
-        return movedElements.size > 0;
-    }
-    function clearAll() {
-        movedElements.clear();
-    }
-    function getTrackedCount() {
-        return movedElements.size;
-    }
-    if (typeof window !== 'undefined') {
-        window.__diffState = { getDiff, hasChanges, getTrackedCount, movedElements, initialSnapshot };
-    }
-    return {
-        snapshotInitialState,
-        trackElement,
-        getDiff,
-        hasChanges,
-        clearAll,
-        getTrackedCount,
-    };
-}

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

@@ -1 +0,0 @@
-{"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"}