@tpitre/story-ui 3.3.0 → 3.4.0

package/dist/playground/store/playgroundStore.js

@@ -0,0 +1,337 @@
+/**
+ * Zustand store for Playground state management
+ */
+import { create } from 'zustand';
+import { devtools } from 'zustand/middleware';
+import { immer } from 'zustand/middleware/immer';
+import { enableMapSet } from 'immer';
+// Enable MapSet plugin for Immer to support Map and Set objects
+enableMapSet();
+const initialState = {
+    // Component State
+    components: new Map([
+        ['root', {
+                id: 'root',
+                type: 'Container',
+                displayName: 'Root Container',
+                props: {},
+                children: [],
+                style: {
+                    width: '100%',
+                    minHeight: '100vh',
+                    padding: '20px'
+                }
+            }]
+    ]),
+    rootId: 'root',
+    // Selection State
+    selectedIds: new Set(),
+    hoveredId: null,
+    focusedId: null,
+    // Drag State
+    draggedItem: null,
+    dropZones: new Map(),
+    dragState: 'idle',
+    // UI State
+    mode: 'edit',
+    sidebarTab: 'ai',
+    propertiesPanelOpen: true,
+    canvasZoom: 1,
+    canvasOffset: { x: 0, y: 0 },
+    showGrid: true,
+    snapToGrid: true,
+    gridSize: 8,
+    // History
+    history: [],
+    historyIndex: -1,
+    maxHistorySize: 50,
+    // AI Integration
+    generatedStoryCode: null,
+    isParsingStory: false,
+    parseError: null,
+    // Component Registry
+    availableComponents: [],
+    loadingComponents: new Set(),
+    failedComponents: new Map()
+};
+export const usePlaygroundStore = create()(devtools(immer((set, get) => ({
+    ...initialState,
+    // Component Actions
+    addComponent: (component) => set((state) => {
+        state.components.set(component.id, component);
+        // Add to parent's children if specified
+        if (component.parentId) {
+            const parent = state.components.get(component.parentId);
+            if (parent) {
+                if (!parent.children)
+                    parent.children = [];
+                parent.children.push(component.id);
+            }
+        }
+        // Save snapshot after adding
+        get().saveSnapshot('Add component');
+    }),
+    updateComponent: (id, updates) => {
+        set((state) => {
+            const component = state.components.get(id);
+            if (component) {
+                Object.assign(component, updates);
+            }
+        });
+        // Only save snapshot for significant changes, not every keystroke
+        const significantChanges = ['style', 'props', 'textContent', 'hidden'];
+        if (Object.keys(updates).some(key => significantChanges.includes(key))) {
+            // Debounce snapshot saving to avoid too many snapshots
+            setTimeout(() => {
+                get().saveSnapshot('Update component');
+            }, 500);
+        }
+    },
+    deleteComponent: (id) => set((state) => {
+        const component = state.components.get(id);
+        if (!component || id === state.rootId)
+            return;
+        // Remove from parent's children
+        if (component.parentId) {
+            const parent = state.components.get(component.parentId);
+            if (parent && parent.children) {
+                parent.children = parent.children.filter(childId => childId !== id);
+            }
+        }
+        // Delete component and all its children recursively
+        const deleteRecursive = (compId) => {
+            const comp = state.components.get(compId);
+            if (comp?.children) {
+                comp.children.forEach(childId => deleteRecursive(childId));
+            }
+            state.components.delete(compId);
+        };
+        deleteRecursive(id);
+        state.selectedIds.delete(id);
+        // Save snapshot after deletion
+        get().saveSnapshot('Delete component');
+    }),
+    moveComponent: (id, newParentId, index) => set((state) => {
+        const component = state.components.get(id);
+        const newParent = state.components.get(newParentId);
+        if (!component || !newParent)
+            return;
+        // Remove from old parent
+        if (component.parentId) {
+            const oldParent = state.components.get(component.parentId);
+            if (oldParent?.children) {
+                oldParent.children = oldParent.children.filter(childId => childId !== id);
+            }
+        }
+        // Add to new parent
+        if (!newParent.children)
+            newParent.children = [];
+        newParent.children.splice(index, 0, id);
+        component.parentId = newParentId;
+        // Save snapshot after move
+        get().saveSnapshot('Move component');
+    }),
+    duplicateComponent: (id) => {
+        const state = get();
+        const component = state.components.get(id);
+        if (!component)
+            return '';
+        const duplicateRecursive = (comp, newParentId) => {
+            const newId = `${comp.type}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+            const duplicate = {
+                ...comp,
+                id: newId,
+                parentId: newParentId ?? comp.parentId,
+                children: comp.children?.map(childId => {
+                    const childComp = state.components.get(childId);
+                    if (childComp) {
+                        const duplicatedChild = duplicateRecursive(childComp, newId);
+                        state.components.set(duplicatedChild.id, duplicatedChild);
+                        return duplicatedChild.id;
+                    }
+                    return childId;
+                })
+            };
+            return duplicate;
+        };
+        const duplicate = duplicateRecursive(component, component.parentId);
+        state.addComponent(duplicate);
+        return duplicate.id;
+    },
+    clearComponents: () => set((state) => {
+        state.components.clear();
+        state.selectedIds.clear();
+        state.hoveredId = null;
+        state.focusedId = null;
+        // Save snapshot after clearing
+        get().saveSnapshot('Clear components');
+    }),
+    // Selection Actions
+    selectComponent: (id, multi = false) => set((state) => {
+        if (multi) {
+            if (state.selectedIds.has(id)) {
+                state.selectedIds.delete(id);
+            }
+            else {
+                state.selectedIds.add(id);
+            }
+        }
+        else {
+            state.selectedIds.clear();
+            state.selectedIds.add(id);
+        }
+        state.focusedId = id;
+        // Open properties panel when selecting a component
+        if (!state.propertiesPanelOpen && state.selectedIds.size > 0) {
+            state.propertiesPanelOpen = true;
+        }
+    }),
+    deselectComponent: (id) => set((state) => {
+        state.selectedIds.delete(id);
+        if (state.focusedId === id) {
+            state.focusedId = null;
+        }
+    }),
+    selectAll: () => set((state) => {
+        state.components.forEach((_, id) => {
+            if (id !== state.rootId) {
+                state.selectedIds.add(id);
+            }
+        });
+    }),
+    deselectAll: () => set((state) => {
+        state.selectedIds.clear();
+        state.focusedId = null;
+    }),
+    setHoveredComponent: (id) => set((state) => {
+        state.hoveredId = id;
+    }),
+    // Drag Actions
+    startDrag: (item) => set((state) => {
+        state.draggedItem = item;
+        state.dragState = 'dragging';
+    }),
+    updateDrag: (updates) => set((state) => {
+        if (state.draggedItem) {
+            Object.assign(state.draggedItem, updates);
+        }
+    }),
+    endDrag: () => set((state) => {
+        state.draggedItem = null;
+        state.dragState = 'idle';
+    }),
+    registerDropZone: (zone) => set((state) => {
+        state.dropZones.set(zone.id, zone);
+    }),
+    unregisterDropZone: (id) => set((state) => {
+        state.dropZones.delete(id);
+    }),
+    updateDropZone: (id, updates) => set((state) => {
+        const zone = state.dropZones.get(id);
+        if (zone) {
+            Object.assign(zone, updates);
+        }
+    }),
+    // UI Actions
+    setMode: (mode) => set({ mode }),
+    setSidebarTab: (tab) => set({ sidebarTab: tab }),
+    togglePropertiesPanel: () => set((state) => {
+        state.propertiesPanelOpen = !state.propertiesPanelOpen;
+    }),
+    setCanvasZoom: (zoom) => set((state) => {
+        state.canvasZoom = Math.min(Math.max(zoom, 0.25), 4);
+    }),
+    panCanvas: (dx, dy) => set((state) => {
+        state.canvasOffset.x += dx;
+        state.canvasOffset.y += dy;
+    }),
+    resetCanvas: () => set((state) => {
+        state.canvasZoom = 1;
+        state.canvasOffset = { x: 0, y: 0 };
+    }),
+    toggleGrid: () => set((state) => {
+        state.showGrid = !state.showGrid;
+    }),
+    toggleSnapToGrid: () => set((state) => {
+        state.snapToGrid = !state.snapToGrid;
+    }),
+    setGridSize: (size) => set({ gridSize: size }),
+    // History Actions
+    undo: () => set((state) => {
+        if (state.historyIndex > 0) {
+            state.historyIndex--;
+            const snapshot = state.history[state.historyIndex];
+            state.components = new Map(snapshot.components);
+        }
+    }),
+    redo: () => set((state) => {
+        if (state.historyIndex < state.history.length - 1) {
+            state.historyIndex++;
+            const snapshot = state.history[state.historyIndex];
+            state.components = new Map(snapshot.components);
+        }
+    }),
+    saveSnapshot: (description) => set((state) => {
+        const snapshot = {
+            components: new Map(state.components),
+            timestamp: Date.now(),
+            description
+        };
+        // Remove any history after current index
+        state.history = state.history.slice(0, state.historyIndex + 1);
+        // Add new snapshot
+        state.history.push(snapshot);
+        // Limit history size
+        if (state.history.length > state.maxHistorySize) {
+            state.history.shift();
+        }
+        else {
+            state.historyIndex++;
+        }
+    }),
+    clearHistory: () => set((state) => {
+        state.history = [];
+        state.historyIndex = -1;
+    }),
+    // AI Actions
+    setGeneratedStoryCode: (code) => set({ generatedStoryCode: code }),
+    setIsParsingStory: (parsing) => set({ isParsingStory: parsing }),
+    setParseError: (error) => set({ parseError: error }),
+    loadComponentsFromStory: (components) => set((state) => {
+        // Clear existing components except root
+        state.components.clear();
+        state.components.set('root', initialState.components.get('root'));
+        // Add new components
+        components.forEach(component => {
+            state.components.set(component.id, component);
+        });
+        // Update root's children
+        const root = state.components.get('root');
+        if (root) {
+            root.children = components.filter(c => !c.parentId || c.parentId === 'root').map(c => c.id);
+        }
+        // Clear selection
+        state.selectedIds.clear();
+        // Save snapshot
+        get().saveSnapshot('Load from AI generation');
+    }),
+    // Component Registry Actions
+    setAvailableComponents: (components) => set({ availableComponents: components }),
+    addLoadingComponent: (name) => set((state) => {
+        state.loadingComponents.add(name);
+    }),
+    removeLoadingComponent: (name) => set((state) => {
+        state.loadingComponents.delete(name);
+    }),
+    setComponentError: (name, error) => set((state) => {
+        state.failedComponents.set(name, error);
+    }),
+    // Utility Actions
+    reset: () => set(initialState),
+    loadFromSnapshot: (snapshot) => set((state) => {
+        state.components = new Map(snapshot.components);
+        state.selectedIds.clear();
+        get().saveSnapshot('Load from snapshot');
+    })
+})), { name: 'playground-store' }));
+//# sourceMappingURL=playgroundStore.js.map

package/dist/playground/store/playgroundStore.js.map

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

package/dist/playground/stories/PlaygroundDragDrop.stories.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Storybook stories for testing Playground drag & drop functionality
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+import { Playground } from '../components/Playground/Playground';
+declare const meta: Meta<typeof Playground>;
+export default meta;
+type Story = StoryObj<typeof Playground>;
+export declare const BasicDragDrop: Story;
+export declare const EmptyCanvas: Story;
+export declare const WithAIAssistant: Story;
+export declare const NestedComponents: Story;
+//# sourceMappingURL=PlaygroundDragDrop.stories.d.ts.map

package/dist/playground/stories/PlaygroundDragDrop.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundDragDrop.stories.d.ts","sourceRoot":"","sources":["../../../playground/stories/PlaygroundDragDrop.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAGjE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAMjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AA+FzC,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAsF9B,CAAC"}

package/dist/playground/stories/PlaygroundDragDrop.stories.js

@@ -0,0 +1,227 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Storybook stories for testing Playground drag & drop functionality
+ */
+import React from 'react';
+import { Playground } from '../components/Playground/Playground';
+import { usePlaygroundStore } from '../store/playgroundStore';
+const meta = {
+    title: 'StoryUI/Playground/DragDrop',
+    component: Playground,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+// Helper to initialize the store with test data
+const initializeWithTestData = () => {
+    const store = usePlaygroundStore.getState();
+    // Clear existing components
+    store.components.clear();
+    // Add root container
+    store.addComponent({
+        id: 'root',
+        type: 'Container',
+        displayName: 'Root Container',
+        props: {
+            style: {
+                padding: '20px',
+                minHeight: '100vh',
+                background: '#f5f5f5'
+            }
+        },
+        children: []
+    });
+    // Add a few test components
+    store.addComponent({
+        id: 'card1',
+        type: 'Card',
+        displayName: 'Sample Card',
+        parentId: 'root',
+        props: {
+            style: {
+                padding: '16px',
+                background: 'white',
+                borderRadius: '8px',
+                marginBottom: '16px',
+                boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+            }
+        },
+        children: []
+    });
+    store.addComponent({
+        id: 'text1',
+        type: 'Text',
+        displayName: 'Sample Text',
+        parentId: 'card1',
+        textContent: 'This is a draggable text component',
+        props: {
+            style: {
+                fontSize: '16px',
+                color: '#333'
+            }
+        }
+    });
+    store.addComponent({
+        id: 'button1',
+        type: 'Button',
+        displayName: 'Sample Button',
+        parentId: 'root',
+        textContent: 'Click Me',
+        props: {
+            style: {
+                padding: '8px 16px',
+                background: '#3b82f6',
+                color: 'white',
+                border: 'none',
+                borderRadius: '6px',
+                cursor: 'pointer'
+            }
+        }
+    });
+    // Update root children
+    const root = store.components.get('root');
+    if (root) {
+        root.children = ['card1', 'button1'];
+        store.components.set('root', root);
+    }
+    // Update card children
+    const card = store.components.get('card1');
+    if (card) {
+        card.children = ['text1'];
+        store.components.set('card1', card);
+    }
+    // Set mode to edit
+    store.setMode('edit');
+    // Open component palette
+    store.setSidebarTab('components');
+};
+export const BasicDragDrop = {
+    render: () => {
+        React.useEffect(() => {
+            initializeWithTestData();
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'Basic Drag & Drop',
+    parameters: {
+        docs: {
+            description: {
+                story: 'Test drag & drop functionality with pre-populated components. Try dragging components from the palette or rearranging existing components.'
+            }
+        }
+    }
+};
+export const EmptyCanvas = {
+    render: () => {
+        React.useEffect(() => {
+            const store = usePlaygroundStore.getState();
+            store.setMode('edit');
+            store.setSidebarTab('components');
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'Empty Canvas',
+    parameters: {
+        docs: {
+            description: {
+                story: 'Start with an empty canvas. Drag components from the palette to build your layout.'
+            }
+        }
+    }
+};
+export const WithAIAssistant = {
+    render: () => {
+        React.useEffect(() => {
+            const store = usePlaygroundStore.getState();
+            store.setMode('edit');
+            store.setSidebarTab('ai');
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'With AI Assistant',
+    parameters: {
+        docs: {
+            description: {
+                story: 'Use the AI Assistant to generate a layout, then drag & drop to refine it.'
+            }
+        }
+    }
+};
+export const NestedComponents = {
+    render: () => {
+        React.useEffect(() => {
+            const store = usePlaygroundStore.getState();
+            // Clear and create nested structure
+            store.components.clear();
+            // Root
+            store.addComponent({
+                id: 'root',
+                type: 'Container',
+                displayName: 'Root',
+                props: { style: { padding: '20px', minHeight: '100vh' } },
+                children: []
+            });
+            // Main container
+            store.addComponent({
+                id: 'main',
+                type: 'Box',
+                displayName: 'Main Container',
+                parentId: 'root',
+                props: { style: { padding: '20px', background: '#fff' } },
+                children: []
+            });
+            // Nested containers
+            store.addComponent({
+                id: 'row1',
+                type: 'HStack',
+                displayName: 'Row 1',
+                parentId: 'main',
+                props: { style: { gap: '16px', marginBottom: '16px' } },
+                children: []
+            });
+            store.addComponent({
+                id: 'col1',
+                type: 'Box',
+                displayName: 'Column 1',
+                parentId: 'row1',
+                props: { style: { flex: 1, padding: '12px', background: '#f0f0f0' } },
+                children: []
+            });
+            store.addComponent({
+                id: 'col2',
+                type: 'Box',
+                displayName: 'Column 2',
+                parentId: 'row1',
+                props: { style: { flex: 1, padding: '12px', background: '#f0f0f0' } },
+                children: []
+            });
+            // Build tree structure
+            const root = store.components.get('root');
+            const main = store.components.get('main');
+            const row1 = store.components.get('row1');
+            const col1 = store.components.get('col1');
+            const col2 = store.components.get('col2');
+            if (root && main && row1 && col1 && col2) {
+                row1.children = ['col1', 'col2'];
+                main.children = ['row1'];
+                root.children = ['main'];
+                store.components.set('row1', row1);
+                store.components.set('main', main);
+                store.components.set('root', root);
+            }
+            store.setMode('edit');
+            store.setSidebarTab('components');
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'Nested Components',
+    parameters: {
+        docs: {
+            description: {
+                story: 'Test drag & drop with deeply nested component structures.'
+            }
+        }
+    }
+};
+//# sourceMappingURL=PlaygroundDragDrop.stories.js.map

package/dist/playground/stories/PlaygroundDragDrop.stories.js.map

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

package/dist/playground/stories/PlaygroundPhase4.stories.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Storybook stories for testing Phase 4 features
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+import { Playground } from '../components/Playground/Playground';
+declare const meta: Meta<typeof Playground>;
+export default meta;
+type Story = StoryObj<typeof Playground>;
+export declare const ComponentSearch: Story;
+export declare const LayoutHelpers: Story;
+export declare const TreeView: Story;
+export declare const CompletePhase4: Story;
+//# sourceMappingURL=PlaygroundPhase4.stories.d.ts.map

package/dist/playground/stories/PlaygroundPhase4.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundPhase4.stories.d.ts","sourceRoot":"","sources":["../../../playground/stories/PlaygroundPhase4.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAGjE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAMjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AA8QzC,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}