@canvus/core 0.1.0

package/README.md

@@ -0,0 +1,80 @@
+# Canvus SDK
+
+[![npm version](https://img.shields.io/npm/v/@canvus/core.svg)](https://www.npmjs.com/package/@canvus/core)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
+
+Canvus is a headless, framework-agnostic vanilla TypeScript SDK for building visual layout editing workspaces. By separating rendering and visual handles, it enables developers to construct CMS page-builder canvases, A/B testing editors, and high-performance visual IDE tools with web-native performance.
+
+---
+
+## 🚀 Key Features
+
+*   **Twin-Layer Architecture**: Renders user-supplied HTML/CSS inside an isolated Shadow DOM projection layer, keeping parent editor styles untouched. An HTML5 Canvas overlay runs overlays, coordinates selections, snap lines, and resizing handles.
+*   **Zero Framework Dependencies**: Pure TypeScript, compiling to a lightweight ESM bundle.
+*   **Operation-Driven State Synchronization**: Exposes discrete mutations (`Operation` delta payloads) for visual gestures, allowing host applications to manage a unified history stack (Undo/Redo) and multiplayer collaboration.
+*   **Pluggable Rich Text Escape Hatch**: Features a built-in plain-text editor, with a callback trigger to mount custom rich-text editors (e.g., TipTap or Quill).
+*   **Native Class Manipulation**: Supports modifying Tailwind CSS or Bootstrap style classes directly on nodes without relying on inline CSS styling attribute overwrites.
+*   **requestAnimationFrame Throttled Rendering**: Canvas repaints are scheduled for the next animation frame, avoiding performance bottlenecks on high-refresh-rate screens.
+
+---
+
+## 📦 Directory Tour
+
+```
+canvus/
+├── demo/                   # Dev Workbench (Interactive local testing site)
+├── dist/                   # Compiled SDK ESM build and type declarations
+├── docs/                   # Developer documentation & Architecture Decision Records (ADRs)
+├── src/                    # SDK Core source code (TypeScript)
+├── skills/                 # Custom Agent/AI skills for codebase tasks
+└── package.json            # Scripts, build rules, and dependencies
+```
+
+For a detailed walkthrough of each source file and their individual roles, see the [Architecture Guide](file:///Users/balfaro01/Documents/GitHub/canvus/docs/architecture.md).
+
+---
+
+## 🛠️ Quick Start
+
+### 1. Installation
+Install via npm:
+```bash
+npm install @canvus/core
+```
+
+### 2. Basic Usage
+Import and initialize a workspace in your project:
+```ts
+import { Workspace } from "@canvus/core";
+
+const workspace = new Workspace(container, {
+  html: '<div class="my-layout">Hello Canvus</div>',
+  onChange(ops) {
+    console.log("Operations:", ops);
+  },
+});
+```
+
+The SDK exports all core primitives — see the [API Reference](docs/api.md) for the full surface.
+
+### 3. Development (Contributing)
+To work on the SDK itself, clone the repo and use the local dev scripts:
+```bash
+git clone https://github.com/balfaro01/canvus.git
+cd canvus
+npm install
+npm run build      # Compile TypeScript → dist/
+npm run demo       # Launch workbench at http://localhost:3000
+```
+
+---
+
+## 📚 Developer Guides
+
+To understand how to integrate, configure, and extend the Canvus SDK, explore the following documentation:
+
+1.  **[Architecture & Reflow Loop Guide](file:///Users/balfaro01/Documents/GitHub/canvus/docs/architecture.md)**: Twin-layer mounting, ResizeObserver integration, and the Synchronous Reflow Loop.
+2.  **[Operation Payloads & Undo/Redo](file:///Users/balfaro01/Documents/GitHub/canvus/docs/operations.md)**: Schema design for style, class, hierarchy, and text changes.
+3.  **[Custom Editor Integration](file:///Users/balfaro01/Documents/GitHub/canvus/docs/custom-editor-integration.md)**: Mounting TipTap/Quill rich-text editors.
+4.  **[Layout & Insertion System](file:///Users/balfaro01/Documents/GitHub/canvus/docs/layout-system.md)**: Deep-dives into Flex/Grid detection, tree hierarchy rules, and drag drop zones.
+5.  **[Complete API Reference](file:///Users/balfaro01/Documents/GitHub/canvus/docs/api.md)**: Full catalog of `Workspace` configuration, callback hooks, and API methods.

package/dist/drop-zone.d.ts

@@ -0,0 +1,48 @@
+import { NodeTree } from "./tree.js";
+import { Rect } from "./types.js";
+/** Visual description of the insertion line segment in canvas-space. */
+export interface InsertionIndicator {
+    /** Starting X coordinate in canvas-space. */
+    x1: number;
+    /** Starting Y coordinate in canvas-space. */
+    y1: number;
+    /** Ending X coordinate in canvas-space. */
+    x2: number;
+    /** Ending Y coordinate in canvas-space. */
+    y2: number;
+    /** Whether the insertion points before or after the reference child. */
+    side: "before" | "after";
+}
+/** Resolved drop target descriptor. */
+export interface DropTarget {
+    /** The container node ID receiving the dropped element. */
+    parentId: string;
+    /** Insertion position within the parent's children. */
+    insertionIndex: number;
+    /** Visual indicator details for rendering. */
+    indicator: InsertionIndicator;
+    /** Grid placement details, present only if the parent is a grid container. */
+    gridPlacement?: {
+        colStart: number;
+        rowStart: number;
+        colSpan: number;
+        rowSpan: number;
+        rect: Rect;
+    };
+}
+/**
+ * Traverses the node tree reverse depth-first to find the deepest
+ * container under the cursor, computes the insertion point within
+ * its CSS flow layout, and returns visual indicator line coordinates.
+ *
+ * @param draggedId  - The ID of the node currently being dragged.
+ * @param canvasPos  - The current canvas-space cursor position.
+ * @param tree       - The NodeTree model instance.
+ * @param getWrapper - Callback to fetch a mounted wrapper DOM element.
+ * @returns The resolved `DropTarget` details, or `null` if empty space.
+ */
+export declare function findDropTarget(draggedId: string, canvasPos: {
+    x: number;
+    y: number;
+}, tree: NodeTree, getWrapper: (id: string) => HTMLElement | null, getContentRoot?: (id: string) => HTMLElement | null): DropTarget | null;
+//# sourceMappingURL=drop-zone.d.ts.map

package/dist/drop-zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.d.ts","sourceRoot":"","sources":["../src/drop-zone.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGrC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,wEAAwE;AACxE,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC1B;AAED,uCAAuC;AACvC,MAAM,WAAW,UAAU;IACzB,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,SAAS,EAAE,kBAAkB,CAAC;IAC9B,8EAA8E;IAC9E,aAAa,CAAC,EAAE;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,IAAI,CAAC;KACZ,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,EAC9C,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,GAClD,UAAU,GAAG,IAAI,CAgOnB"}

package/dist/drop-zone.js

@@ -0,0 +1,230 @@
+// ─────────────────────────────────────────────────────────────
+// canvus/src/drop-zone.ts
+// Flow-Aware Drop Target Detection & Insertion Index Engine.
+//
+// Calculates candidate parent containers and insertion points
+// during drag operations based on container CSS flow layouts.
+// ─────────────────────────────────────────────────────────────
+import { detectLayout, getFlowAxis, parseGridTracks, getGridCellAt, getGridAreaRect } from "./layout.js";
+import { isPointInElement } from "./matrix.js";
+/**
+ * Traverses the node tree reverse depth-first to find the deepest
+ * container under the cursor, computes the insertion point within
+ * its CSS flow layout, and returns visual indicator line coordinates.
+ *
+ * @param draggedId  - The ID of the node currently being dragged.
+ * @param canvasPos  - The current canvas-space cursor position.
+ * @param tree       - The NodeTree model instance.
+ * @param getWrapper - Callback to fetch a mounted wrapper DOM element.
+ * @returns The resolved `DropTarget` details, or `null` if empty space.
+ */
+export function findDropTarget(draggedId, canvasPos, tree, getWrapper, getContentRoot) {
+    const reversedNodes = tree.flattenReverse();
+    let targetContainer = null;
+    // 1. Find the deepest container under the cursor.
+    //    Exclude the dragged node and all its descendants to prevent cycles.
+    for (const node of reversedNodes) {
+        if (node.id === draggedId || tree.isAncestor(draggedId, node.id)) {
+            continue;
+        }
+        if (!tree.isContainer(node.id)) {
+            continue;
+        }
+        if (node.currentRect && isPointInElement(canvasPos.x, canvasPos.y, node.currentRect)) {
+            targetContainer = node;
+            break;
+        }
+    }
+    if (!targetContainer)
+        return null;
+    const parentId = targetContainer.id;
+    const parentWrapper = getWrapper(parentId);
+    if (!parentWrapper)
+        return null;
+    const layoutElement = getContentRoot
+        ? getContentRoot(parentId)
+        : parentWrapper.firstElementChild ?? parentWrapper;
+    if (!layoutElement)
+        return null;
+    // Detect parent layout properties.
+    const layoutInfo = detectLayout(layoutElement);
+    const flowAxis = getFlowAxis(layoutInfo); // "x" (horizontal) or "y" (vertical)
+    const parentRect = targetContainer.currentRect;
+    // Read styling for padding/border.
+    const cs = getComputedStyle(layoutElement);
+    const padLeft = parseFloat(cs.paddingLeft) || 0;
+    const padRight = parseFloat(cs.paddingRight) || 0;
+    const padTop = parseFloat(cs.paddingTop) || 0;
+    const padBottom = parseFloat(cs.paddingBottom) || 0;
+    // Grid container handling
+    if (layoutInfo.mode === "grid" || layoutInfo.mode === "inline-grid") {
+        const colTracks = parseGridTracks(layoutInfo.gridTemplateColumns || "", layoutInfo.gap.column);
+        const rowTracks = parseGridTracks(layoutInfo.gridTemplateRows || "", layoutInfo.gap.row);
+        const cx = canvasPos.x - parentRect.x - padLeft;
+        const cy = canvasPos.y - parentRect.y - padTop;
+        const { col, row } = getGridCellAt(cx, cy, colTracks, rowTracks, layoutInfo.gap.column, layoutInfo.gap.row);
+        let colSpan = 1;
+        let rowSpan = 1;
+        const draggedWrapper = getWrapper(draggedId);
+        if (draggedWrapper) {
+            const draggedRoot = getContentRoot
+                ? getContentRoot(draggedId)
+                : draggedWrapper.firstElementChild;
+            if (draggedRoot) {
+                colSpan = getGridSpan(draggedRoot, "column");
+                rowSpan = getGridSpan(draggedRoot, "row");
+            }
+        }
+        const cellRect = getGridAreaRect(parentRect, padLeft, padTop, col, row, colSpan, rowSpan, colTracks, rowTracks);
+        return {
+            parentId,
+            insertionIndex: 0,
+            indicator: {
+                x1: cellRect.x,
+                y1: cellRect.y,
+                x2: cellRect.x + cellRect.width,
+                y2: cellRect.y + cellRect.height,
+                side: "before",
+            },
+            gridPlacement: {
+                colStart: col,
+                rowStart: row,
+                colSpan,
+                rowSpan,
+                rect: cellRect,
+            },
+        };
+    }
+    const gap = flowAxis === "y" ? layoutInfo.gap.row : layoutInfo.gap.column;
+    // Filter out the dragged node from children to get the target layout state.
+    const children = tree.getChildren(parentId).filter(c => c.id !== draggedId);
+    if (children.length === 0) {
+        // Empty container: draw insertion line at the padding boundary.
+        const indicator = flowAxis === "y"
+            ? {
+                x1: parentRect.x + padLeft,
+                y1: parentRect.y + padTop,
+                x2: parentRect.x + parentRect.width - padRight,
+                y2: parentRect.y + padTop,
+                side: "before",
+            }
+            : {
+                x1: parentRect.x + padLeft,
+                y1: parentRect.y + padTop,
+                x2: parentRect.x + padLeft,
+                y2: parentRect.y + parentRect.height - padBottom,
+                side: "before",
+            };
+        return {
+            parentId,
+            insertionIndex: 0,
+            indicator,
+        };
+    }
+    if (flowAxis === "y") {
+        // Vertical flow (column, block).
+        // Map children to their vertical center points.
+        const centers = children.map(c => {
+            const r = c.currentRect;
+            return { id: c.id, rect: r, centerY: r.y + r.height / 2 };
+        });
+        for (let i = 0; i < centers.length; i++) {
+            const center = centers[i];
+            if (!center)
+                continue;
+            if (canvasPos.y < center.centerY) {
+                const refRect = center.rect;
+                const y = refRect.y - gap / 2;
+                return {
+                    parentId,
+                    insertionIndex: i,
+                    indicator: {
+                        x1: parentRect.x + padLeft,
+                        y1: y,
+                        x2: parentRect.x + parentRect.width - padRight,
+                        y2: y,
+                        side: "before",
+                    },
+                };
+            }
+        }
+        // Drop after the last child.
+        const lastChild = children[children.length - 1];
+        const lastRect = lastChild && lastChild.currentRect ? lastChild.currentRect : parentRect;
+        const y = lastRect.y + lastRect.height + gap / 2;
+        return {
+            parentId,
+            insertionIndex: children.length,
+            indicator: {
+                x1: parentRect.x + padLeft,
+                y1: y,
+                x2: parentRect.x + parentRect.width - padRight,
+                y2: y,
+                side: "after",
+            },
+        };
+    }
+    else {
+        // Horizontal flow (row, inline).
+        // Map children to their horizontal center points.
+        const centers = children.map(c => {
+            const r = c.currentRect;
+            return { id: c.id, rect: r, centerX: r.x + r.width / 2 };
+        });
+        for (let i = 0; i < centers.length; i++) {
+            const center = centers[i];
+            if (!center)
+                continue;
+            if (canvasPos.x < center.centerX) {
+                const refRect = center.rect;
+                const x = refRect.x - gap / 2;
+                return {
+                    parentId,
+                    insertionIndex: i,
+                    indicator: {
+                        x1: x,
+                        y1: parentRect.y + padTop,
+                        x2: x,
+                        y2: parentRect.y + parentRect.height - padBottom,
+                        side: "before",
+                    },
+                };
+            }
+        }
+        // Drop after the last child.
+        const lastChild = children[children.length - 1];
+        const lastRect = lastChild && lastChild.currentRect ? lastChild.currentRect : parentRect;
+        const x = lastRect.x + lastRect.width + gap / 2;
+        return {
+            parentId,
+            insertionIndex: children.length,
+            indicator: {
+                x1: x,
+                y1: parentRect.y + padTop,
+                x2: x,
+                y2: parentRect.y + parentRect.height - padBottom,
+                side: "after",
+            },
+        };
+    }
+}
+/** Helper to extract grid span (e.g. 'span 2') from content styles. */
+function getGridSpan(element, dimension) {
+    const cs = getComputedStyle(element);
+    const startVal = cs.getPropertyValue(`grid-${dimension}-start`);
+    const endVal = cs.getPropertyValue(`grid-${dimension}-end`);
+    const val = cs.getPropertyValue(`grid-${dimension}`);
+    // Check for "span N" in any of these styles
+    const spanMatch = (startVal + " " + endVal + " " + val).match(/span\s+(\d+)/i);
+    if (spanMatch && spanMatch[1]) {
+        return parseInt(spanMatch[1], 10);
+    }
+    // Check if start and end are numeric indices
+    const startNum = parseInt(startVal, 10);
+    const endNum = parseInt(endVal, 10);
+    if (!isNaN(startNum) && !isNaN(endNum) && endNum > startNum) {
+        return endNum - startNum;
+    }
+    return 1;
+}
+//# sourceMappingURL=drop-zone.js.map

package/dist/drop-zone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.js","sourceRoot":"","sources":["../src/drop-zone.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export type { Vec2, Rect, ViewportMatrix, WebHTMLNode, ResolvedNode, LayoutMode, ResizeAnchor, InteractionMode, DragHandleState, CanvusTool, CommandShortcut, Command, } from "./types.js";
+export { ZOOM_MIN, ZOOM_MAX, createIdleDragState, createDefaultViewport, resolveNode, } from "./types.js";
+export { screenToCanvas, canvasToScreen, calculateZoomAnchor, applyWheelZoom, applyPan, isPointInElement, hitTestElements, getAnchorPositions, clampScale, lerp, lerpViewport, } from "./matrix.js";
+export type { RectChangeCallback } from "./shadow-mount.js";
+export { ShadowMount } from "./shadow-mount.js";
+export { NodeTree, computeAggregateBounds } from "./tree.js";
+export type { FlexDirection, FlexWrap, LayoutInfo, ChildSlot, GridTrack, } from "./layout.js";
+export { detectLayout, getFlowAxis, getFlowSign, getLayoutLabel, detectChildSlots, parseGridTracks, } from "./layout.js";
+export type { OverlayStyle, OverlayFrame, LayoutBadgeInfo, GridOverlayInfo, Guide, } from "./renderer.js";
+export { OverlayRenderer, anchorCursor, computeAlignmentGuides, computeSnappedPosition, } from "./renderer.js";
+export type { WorkspaceConfig, WorkspaceCallbacks, } from "./workspace.js";
+export { Workspace } from "./workspace.js";
+export type { DropTarget, InsertionIndicator, } from "./drop-zone.js";
+export { findDropTarget } from "./drop-zone.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,YAAY,EACV,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,eAAe,EACf,OAAO,GACR,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,GACZ,MAAM,YAAY,CAAC;AAIpB,OAAO,EACL,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,aAAa,CAAC;AAIrB,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAI7D,YAAY,EACV,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,GACV,MAAM,aAAa,CAAC;AAErB,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,eAAe,GAChB,MAAM,aAAa,CAAC;AAIrB,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAIvB,YAAY,EACV,eAAe,EACf,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,YAAY,EACV,UAAU,EACV,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,14 @@
+// ─────────────────────────────────────────────────────────────
+// canvus/src/index.ts — Public API barrel export.
+// ─────────────────────────────────────────────────────────────
+export { ZOOM_MIN, ZOOM_MAX, createIdleDragState, createDefaultViewport, resolveNode, } from "./types.js";
+// ── Viewport Math ───────────────────────────────────────────
+export { screenToCanvas, canvasToScreen, calculateZoomAnchor, applyWheelZoom, applyPan, isPointInElement, hitTestElements, getAnchorPositions, clampScale, lerp, lerpViewport, } from "./matrix.js";
+export { ShadowMount } from "./shadow-mount.js";
+// ── Node Tree Model ─────────────────────────────────────────
+export { NodeTree, computeAggregateBounds } from "./tree.js";
+export { detectLayout, getFlowAxis, getFlowSign, getLayoutLabel, detectChildSlots, parseGridTracks, } from "./layout.js";
+export { OverlayRenderer, anchorCursor, computeAlignmentGuides, computeSnappedPosition, } from "./renderer.js";
+export { Workspace } from "./workspace.js";
+export { findDropTarget } from "./drop-zone.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,kDAAkD;AAClD,gEAAgE;AAmBhE,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,GACZ,MAAM,YAAY,CAAC;AAEpB,+DAA+D;AAE/D,OAAO,EACL,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,aAAa,CAAC;AAMrB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,+DAA+D;AAE/D,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAY7D,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,eAAe,GAChB,MAAM,aAAa,CAAC;AAYrB,OAAO,EACL,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AASvB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAS3C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/layout.d.ts

@@ -0,0 +1,143 @@
+import type { LayoutMode, Rect } from "./types.js";
+/** Flex direction values. */
+export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+/** Flex wrap values. */
+export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
+/**
+ * Complete layout metadata extracted from a container element's
+ * computed styles. Covers flex, grid, and block layout properties.
+ */
+export interface LayoutInfo {
+    /** Resolved CSS `display` mode. */
+    mode: LayoutMode;
+    /** Flex direction (only meaningful for flex/inline-flex). */
+    direction: FlexDirection | null;
+    /** Flex wrap mode. */
+    wrap: FlexWrap | null;
+    /** Resolved gap values in CSS pixels. */
+    gap: {
+        row: number;
+        column: number;
+    };
+    /** Resolved `align-items` value. */
+    alignItems: string;
+    /** Resolved `justify-content` value. */
+    justifyContent: string;
+    /** Raw `grid-template-columns` computed value. */
+    gridTemplateColumns: string | null;
+    /** Raw `grid-template-rows` computed value. */
+    gridTemplateRows: string | null;
+    /** Raw `grid-auto-flow` computed value. */
+    gridAutoFlow: string | null;
+}
+/**
+ * Describes the computed position and size of a single "slot"
+ * in a flex/grid/block container — where a child element sits.
+ */
+export interface ChildSlot {
+    /** Zero-based index within the parent's children. */
+    index: number;
+    /** Bounding rect of the slot, relative to the container's padding box. */
+    rect: Rect;
+}
+/** Describes a single grid track (column or row). */
+export interface GridTrack {
+    /** Start offset from the container's padding edge (px). */
+    start: number;
+    /** Size of the track (px). */
+    size: number;
+}
+/**
+ * Detects the CSS layout mode and properties of an element.
+ *
+ * Reads `getComputedStyle()` to extract the resolved display
+ * mode, flex direction, gap, alignment, and grid template values.
+ *
+ * @param element - The DOM element to inspect.
+ * @returns Complete `LayoutInfo` descriptor.
+ */
+export declare function detectLayout(element: HTMLElement): LayoutInfo;
+/**
+ * Returns the primary flow axis for a layout container.
+ *
+ * - Flex row → "x" (horizontal)
+ * - Flex column → "y" (vertical)
+ * - Grid row (default auto-flow) → "x"
+ * - Block → "y" (vertical stacking)
+ *
+ * @param info - The layout info to inspect.
+ * @returns "x" for horizontal flow, "y" for vertical flow.
+ */
+export declare function getFlowAxis(info: LayoutInfo): "x" | "y";
+/**
+ * Returns the flow direction sign for a layout container.
+ *
+ * `1` for normal direction, `-1` for reverse.
+ * Useful for computing insertion positions.
+ */
+export declare function getFlowSign(info: LayoutInfo): 1 | -1;
+/**
+ * Detects the position and size of each child element's slot
+ * within a container, measured relative to the container's
+ * padding box.
+ *
+ * This uses `getBoundingClientRect()` for accuracy, then
+ * converts to container-relative coordinates.
+ *
+ * @param container - The parent DOM element.
+ * @returns Array of `ChildSlot` objects, one per child element.
+ */
+export declare function detectChildSlots(container: HTMLElement): ChildSlot[];
+/**
+ * Parses grid track values from a resolved `grid-template-columns`
+ * or `grid-template-rows` string into an array of `GridTrack` objects.
+ *
+ * The browser resolves templates like `1fr 2fr 100px` into
+ * computed pixel values like `200px 400px 100px`. This function
+ * parses those resolved values, accounting for the layout gap between tracks.
+ *
+ * @param templateValue - The resolved CSS grid template string
+ *                         (e.g. "200px 400px 100px").
+ * @param gap           - The layout gap in pixels between tracks.
+ * @returns Array of grid tracks with start offsets and sizes.
+ */
+export declare function parseGridTracks(templateValue: string, gap?: number): GridTrack[];
+/**
+ * Maps a padding-box relative coordinate (x, y) to the grid cell indices (1-indexed).
+ *
+ * @param x - X coordinate relative to container padding edge.
+ * @param y - Y coordinate relative to container padding edge.
+ * @param columns - Parsed column tracks.
+ * @param rows - Parsed row tracks.
+ * @param colGap - Column gap.
+ * @param rowGap - Row gap.
+ * @returns { col: number, row: number } (1-indexed, matching CSS grid-column-start/grid-row-start).
+ */
+export declare function getGridCellAt(x: number, y: number, columns: ReadonlyArray<GridTrack>, rows: ReadonlyArray<GridTrack>, colGap: number, rowGap: number): {
+    col: number;
+    row: number;
+};
+/**
+ * Computes the canvas-space bounding rect of a grid area span.
+ *
+ * @param containerRect - The parent container's canvas-space bounding box.
+ * @param padLeft - Container padding-left.
+ * @param padTop - Container padding-top.
+ * @param colStart - 1-based column start index.
+ * @param rowStart - 1-based row start index.
+ * @param colSpan - Column span.
+ * @param rowSpan - Row span.
+ * @param columns - Parsed column tracks.
+ * @param rows - Parsed row tracks.
+ * @returns The bounding Rect in canvas-space.
+ */
+export declare function getGridAreaRect(containerRect: Rect, padLeft: number, padTop: number, colStart: number, rowStart: number, colSpan: number, rowSpan: number, columns: ReadonlyArray<GridTrack>, rows: ReadonlyArray<GridTrack>): Rect;
+/**
+ * Returns a short, human-readable label for a layout mode.
+ * Used for layout badge overlays.
+ *
+ * @param info - The layout info to label.
+ * @returns A concise string like "FLEX →", "FLEX ↓", "GRID", "BLOCK".
+ */
+export declare function getLayoutLabel(info: LayoutInfo): string;
+//# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAInD,6BAA6B;AAC7B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEhF,wBAAwB;AACxB,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,IAAI,EAAE,UAAU,CAAC;IAGjB,6DAA6D;IAC7D,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,sBAAsB;IACtB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAGtB,yCAAyC;IACzC,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAGrC,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;IAGvB,kDAAkD;IAClD,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,+CAA+C;IAC/C,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,2CAA2C;IAC3C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAID;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,EAAE,IAAI,CAAC;CACZ;AAID,qDAAqD;AACrD,MAAM,WAAW,SAAS;IACxB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAID;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,CAyC7D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,CAWvD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,CAKpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,WAAW,GAAG,SAAS,EAAE,CAwBpE;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,GAAE,MAAU,GAAG,SAAS,EAAE,CAuBnF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAC3B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,EACjC,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CA0B9B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAC7B,aAAa,EAAE,IAAI,EACnB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,EACjC,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAC7B,IAAI,CAmBN;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAuBvD"}