@tpitre/story-ui 3.3.0 → 3.4.0

package/dist/playground/services/DragDropManager.js

@@ -0,0 +1,408 @@
+/**
+ * DragDropManager - Manages drag and drop operations in the playground
+ */
+export class DragDropManager {
+    constructor(store) {
+        this.activeDropZone = null;
+        this.store = store;
+    }
+    /**
+     * Start a drag operation
+     */
+    startDrag(item, event) {
+        this.store.startDrag(item);
+        // Store initial position if provided
+        if (event) {
+            item.initialPosition = {
+                x: event.clientX,
+                y: event.clientY
+            };
+        }
+        // Calculate offset if dragging existing component
+        if (item.type === 'move-component' && item.component && event) {
+            const element = event.target;
+            const rect = element.getBoundingClientRect();
+            item.offset = {
+                x: event.clientX - rect.left,
+                y: event.clientY - rect.top
+            };
+        }
+    }
+    /**
+     * Update drag position and find active drop zone
+     */
+    updateDrag(event) {
+        // Get canvas element to account for zoom and offset
+        const canvas = document.querySelector('[data-canvas]');
+        let adjustedX = event.clientX;
+        let adjustedY = event.clientY;
+        // Account for canvas transformations if available
+        if (canvas) {
+            const canvasRect = canvas.getBoundingClientRect();
+            const zoom = this.store.canvasZoom || 1;
+            const offset = this.store.canvasOffset || { x: 0, y: 0 };
+            // Adjust coordinates for canvas zoom and offset
+            adjustedX = (event.clientX - canvasRect.left - offset.x) / zoom;
+            adjustedY = (event.clientY - canvasRect.top - offset.y) / zoom;
+        }
+        const dropZone = this.getDropZoneAtPoint(adjustedX, adjustedY);
+        if (dropZone !== this.activeDropZone) {
+            // Update previous drop zone
+            if (this.activeDropZone) {
+                this.store.updateDropZone(this.activeDropZone.id, {
+                    isActive: false,
+                    isOver: false
+                });
+            }
+            // Update new drop zone
+            if (dropZone) {
+                const draggedItem = this.store.draggedItem;
+                const canDrop = draggedItem ? this.canDrop(draggedItem, dropZone) : false;
+                this.store.updateDropZone(dropZone.id, {
+                    isActive: true,
+                    isOver: true,
+                    canDrop
+                });
+            }
+            this.activeDropZone = dropZone;
+        }
+    }
+    /**
+     * End drag operation and perform drop if valid
+     */
+    endDrag(overId) {
+        const draggedItem = this.store.draggedItem;
+        if (!draggedItem) {
+            return null;
+        }
+        let result = null;
+        // Find drop zone by ID or get the active one
+        if (overId) {
+            const dropZone = this.store.dropZones.get(overId) || this.activeDropZone;
+            if (dropZone && this.canDrop(draggedItem, dropZone)) {
+                result = this.performDrop(draggedItem, dropZone);
+            }
+        }
+        // Clean up
+        this.cleanupDrag();
+        return result;
+    }
+    /**
+     * Cancel drag operation
+     */
+    cancelDrag() {
+        this.cleanupDrag();
+    }
+    /**
+     * Register a drop zone
+     */
+    registerDropZone(zone) {
+        this.store.registerDropZone(zone);
+    }
+    /**
+     * Unregister a drop zone
+     */
+    unregisterDropZone(id) {
+        this.store.unregisterDropZone(id);
+    }
+    /**
+     * Update drop zone properties
+     */
+    updateDropZone(id, updates) {
+        this.store.updateDropZone(id, updates);
+    }
+    /**
+     * Check if item can be dropped in zone
+     */
+    canDrop(item, zone) {
+        // Check if zone accepts this type
+        if (Array.isArray(zone.accepts)) {
+            if (item.type === 'new-component' && item.componentType) {
+                if (!zone.accepts.includes(item.componentType) && !zone.accepts.includes('all')) {
+                    return false;
+                }
+            }
+        }
+        else if (typeof zone.accepts === 'function') {
+            if (!zone.accepts(item)) {
+                return false;
+            }
+        }
+        // Check max children limit
+        if (zone.maxChildren !== undefined && zone.childCount !== undefined) {
+            if (zone.childCount >= zone.maxChildren) {
+                return false;
+            }
+        }
+        // Prevent dropping component on itself or its children
+        if (item.type === 'move-component' && item.component) {
+            if (item.component.id === zone.componentId) {
+                return false;
+            }
+            // Check if zone is a child of the dragged component
+            if (this.isDescendant(zone.componentId, item.component.id)) {
+                return false;
+            }
+        }
+        return true;
+    }
+    /**
+     * Validate drop operation
+     */
+    validateDrop(item, zone) {
+        const canDrop = this.canDrop(item, zone);
+        if (!canDrop) {
+            // Provide specific reason
+            if (zone.maxChildren && zone.childCount && zone.childCount >= zone.maxChildren) {
+                return {
+                    canDrop: false,
+                    reason: `Maximum children (${zone.maxChildren}) reached`
+                };
+            }
+            if (item.type === 'move-component' && item.component) {
+                if (item.component.id === zone.componentId) {
+                    return {
+                        canDrop: false,
+                        reason: 'Cannot drop component on itself'
+                    };
+                }
+                if (this.isDescendant(zone.componentId, item.component.id)) {
+                    return {
+                        canDrop: false,
+                        reason: 'Cannot drop component on its descendant'
+                    };
+                }
+            }
+            return {
+                canDrop: false,
+                reason: 'This component cannot be dropped here'
+            };
+        }
+        return {
+            canDrop: true,
+            targetZone: zone
+        };
+    }
+    /**
+     * Get drop zone at screen coordinates
+     */
+    getDropZoneAtPoint(x, y) {
+        // Update drop zone rectangles if needed
+        this.updateDropZoneRects();
+        // Find zones that contain the point
+        const candidates = [];
+        for (const zone of this.store.dropZones.values()) {
+            if (zone.rect && this.pointInRect(x, y, zone.rect)) {
+                candidates.push(zone);
+            }
+        }
+        // Return the most specific (smallest) zone
+        if (candidates.length > 0) {
+            return candidates.reduce((smallest, zone) => {
+                if (!smallest.rect || !zone.rect)
+                    return smallest;
+                const smallestArea = smallest.rect.width * smallest.rect.height;
+                const zoneArea = zone.rect.width * zone.rect.height;
+                return zoneArea < smallestArea ? zone : smallest;
+            });
+        }
+        return null;
+    }
+    /**
+     * Get all active drop zones
+     */
+    getActiveDropZones() {
+        return Array.from(this.store.dropZones.values()).filter(zone => zone.isActive);
+    }
+    /**
+     * Get nearest drop zone to coordinates
+     */
+    getNearestDropZone(x, y) {
+        let nearest = null;
+        let minDistance = Infinity;
+        for (const zone of this.store.dropZones.values()) {
+            if (!zone.rect)
+                continue;
+            const centerX = zone.rect.left + zone.rect.width / 2;
+            const centerY = zone.rect.top + zone.rect.height / 2;
+            const distance = Math.sqrt((x - centerX) ** 2 + (y - centerY) ** 2);
+            if (distance < minDistance) {
+                minDistance = distance;
+                nearest = zone;
+            }
+        }
+        return nearest;
+    }
+    /**
+     * Get insertion index for drop position
+     */
+    getInsertionIndex(zone, y) {
+        const parent = this.store.components.get(zone.componentId);
+        if (!parent || !parent.children)
+            return 0;
+        // Find the child element positions
+        const childElements = Array.from(document.querySelectorAll(`[data-component-id="${zone.componentId}"] > [data-component-id]`));
+        // Account for canvas transformations
+        const canvas = document.querySelector('[data-canvas]');
+        let adjustedY = y;
+        if (canvas) {
+            const canvasRect = canvas.getBoundingClientRect();
+            const zoom = this.store.canvasZoom || 1;
+            const offset = this.store.canvasOffset || { x: 0, y: 0 };
+            // Convert screen coordinates to canvas coordinates
+            adjustedY = (y - canvasRect.top - offset.y) / zoom;
+        }
+        // Find insertion point based on adjusted y position
+        for (let i = 0; i < childElements.length; i++) {
+            const rect = childElements[i].getBoundingClientRect();
+            let midY = rect.top + rect.height / 2;
+            // Adjust midY for canvas transformations
+            if (canvas) {
+                const canvasRect = canvas.getBoundingClientRect();
+                const zoom = this.store.canvasZoom || 1;
+                const offset = this.store.canvasOffset || { x: 0, y: 0 };
+                midY = (rect.top - canvasRect.top - offset.y) / zoom + rect.height / (2 * zoom);
+            }
+            if (adjustedY < midY) {
+                return i;
+            }
+        }
+        return parent.children.length;
+    }
+    /**
+     * Perform the drop operation
+     */
+    performDrop(item, zone) {
+        const result = {
+            dropZone: zone,
+            parentId: zone.componentId,
+            index: zone.insertIndex ?? 0,
+            success: false
+        };
+        try {
+            if (item.type === 'new-component' && item.componentType) {
+                // Create new component
+                const newComponent = {
+                    id: this.generateComponentId(item.componentType),
+                    type: item.componentType,
+                    displayName: item.componentType,
+                    props: this.getDefaultProps(item.componentType),
+                    parentId: zone.componentId,
+                    children: []
+                };
+                // Use the zone's insert index if specified
+                result.index = zone.insertIndex ?? this.getInsertionIndex(zone, 0);
+                this.store.addComponent(newComponent);
+                result.success = true;
+                result.componentId = newComponent.id;
+            }
+            else if (item.type === 'move-component' && item.component) {
+                // Move existing component
+                result.index = zone.insertIndex ?? this.getInsertionIndex(zone, 0);
+                this.store.moveComponent(item.component.id, zone.componentId, result.index);
+                result.success = true;
+                result.componentId = item.component.id;
+            }
+        }
+        catch (error) {
+            console.error('Drop operation failed:', error);
+            result.error = error instanceof Error ? error.message : 'Drop operation failed';
+        }
+        return result;
+    }
+    /**
+     * Get default props for component type
+     */
+    getDefaultProps(componentType) {
+        const defaults = {
+            Button: { children: 'Button', type: 'primary' },
+            Input: { placeholder: 'Enter text...' },
+            Card: { title: 'Card Title' },
+            Text: { children: 'Sample text' },
+            Title: { children: 'Title', level: 1 },
+            Box: { padding: 16 },
+            Stack: { spacing: 8 },
+            // Add more defaults as needed
+        };
+        return defaults[componentType] || {};
+    }
+    /**
+     * Clean up after drag operation
+     */
+    cleanupDrag() {
+        // Clear active drop zone
+        if (this.activeDropZone) {
+            this.store.updateDropZone(this.activeDropZone.id, {
+                isActive: false,
+                isOver: false,
+                canDrop: false
+            });
+            this.activeDropZone = null;
+        }
+        // Clear all drop zone states
+        for (const zone of this.store.dropZones.values()) {
+            this.store.updateDropZone(zone.id, {
+                isActive: false,
+                isOver: false,
+                canDrop: false
+            });
+        }
+        // End drag in store
+        this.store.endDrag();
+    }
+    /**
+     * Update drop zone DOM rectangles
+     */
+    updateDropZoneRects() {
+        const canvas = document.querySelector('[data-canvas]');
+        const zoom = this.store.canvasZoom || 1;
+        const offset = this.store.canvasOffset || { x: 0, y: 0 };
+        for (const zone of this.store.dropZones.values()) {
+            const element = document.querySelector(`[data-drop-zone-id="${zone.id}"]`);
+            if (element) {
+                const rect = element.getBoundingClientRect();
+                let computed;
+                // Adjust rectangle for canvas transformations
+                if (canvas) {
+                    const canvasRect = canvas.getBoundingClientRect();
+                    computed = new DOMRect((rect.left - canvasRect.left - offset.x) / zoom, (rect.top - canvasRect.top - offset.y) / zoom, rect.width / zoom, rect.height / zoom);
+                }
+                else {
+                    computed = rect;
+                }
+                this.store.updateDropZone(zone.id, { rect: computed });
+            }
+        }
+    }
+    /**
+     * Check if point is inside rectangle
+     */
+    pointInRect(x, y, rect) {
+        return x >= rect.left &&
+            x <= rect.right &&
+            y >= rect.top &&
+            y <= rect.bottom;
+    }
+    /**
+     * Check if one component is a descendant of another
+     */
+    isDescendant(possibleDescendantId, ancestorId) {
+        const component = this.store.components.get(possibleDescendantId);
+        if (!component)
+            return false;
+        if (component.parentId === ancestorId) {
+            return true;
+        }
+        if (component.parentId) {
+            return this.isDescendant(component.parentId, ancestorId);
+        }
+        return false;
+    }
+    /**
+     * Generate unique component ID
+     */
+    generateComponentId(type) {
+        return `${type.toLowerCase()}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    }
+}
+//# sourceMappingURL=DragDropManager.js.map

package/dist/playground/services/DragDropManager.js.map

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

package/dist/playground/services/StoryParser.d.ts

@@ -0,0 +1,73 @@
+/**
+ * StoryParser - Parses AI-generated story code into playground components
+ */
+import type { PlaygroundComponent } from '../types';
+export interface ParseResult {
+    success: boolean;
+    components: PlaygroundComponent[];
+    imports: ImportStatement[];
+    error?: string;
+    warnings?: string[];
+}
+export interface ImportStatement {
+    source: string;
+    specifiers: string[];
+    isDefault?: boolean;
+    isNamespace?: boolean;
+}
+export declare class StoryParser {
+    private componentIdCounter;
+    /**
+     * Parse story code into playground components
+     */
+    parseStoryToComponents(code: string): Promise<ParseResult>;
+    /**
+     * Extract the story component from the code
+     */
+    private extractStoryComponent;
+    /**
+     * Extract import statements from code
+     */
+    private extractImports;
+    /**
+     * Parse JSX string into component objects
+     */
+    private parseJSX;
+    /**
+     * Parse JSX props string
+     */
+    private parseProps;
+    /**
+     * Parse inline style string
+     */
+    private parseInlineStyles;
+    /**
+     * Parse children content
+     */
+    private parseChildren;
+    /**
+     * Parse children content and return components
+     */
+    private parseChildrenAsComponents;
+    /**
+     * Evaluate simple JavaScript expressions
+     */
+    private evaluateExpression;
+    /**
+     * Build component tree from flat list
+     */
+    private buildComponentTree;
+    /**
+     * Generate unique component ID
+     */
+    private generateId;
+    /**
+     * Validate parsed components
+     */
+    validateComponents(components: PlaygroundComponent[]): {
+        valid: boolean;
+        errors: string[];
+        warnings: string[];
+    };
+}
+//# sourceMappingURL=StoryParser.d.ts.map

package/dist/playground/services/StoryParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryParser.d.ts","sourceRoot":"","sources":["../../../playground/services/StoryParser.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,qBAAa,WAAW;IACtB,OAAO,CAAC,kBAAkB,CAAK;IAE/B;;OAEG;IACG,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAsChE;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAmC7B;;OAEG;IACH,OAAO,CAAC,cAAc;IAqCtB;;OAEG;IACH,OAAO,CAAC,QAAQ;IA+EhB;;OAEG;IACH,OAAO,CAAC,UAAU;IA6BlB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAsBzB;;OAEG;IACH,OAAO,CAAC,aAAa;IAwCrB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAkDjC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA2C1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA4B1B;;OAEG;IACH,OAAO,CAAC,UAAU;IAIlB;;OAEG;IACH,kBAAkB,CAAC,UAAU,EAAE,mBAAmB,EAAE,GAAG;QACrD,KAAK,EAAE,OAAO,CAAC;QACf,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;KACnB;CAiCF"}