@tpitre/story-ui 3.3.0 → 3.4.0

package/dist/playground/stories/PlaygroundPhase4.stories.js

@@ -0,0 +1,334 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Storybook stories for testing Phase 4 features
+ */
+import React from 'react';
+import { Playground } from '../components/Playground/Playground';
+import { usePlaygroundStore } from '../store/playgroundStore';
+const meta = {
+    title: 'StoryUI/Playground/Phase4',
+    component: Playground,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+// Helper to create a complex component tree for testing
+const createComplexTree = () => {
+    const store = usePlaygroundStore.getState();
+    store.components.clear();
+    // Root container using layout helper
+    store.addComponent({
+        id: 'root',
+        type: 'Container',
+        displayName: 'App Root',
+        props: {
+            style: {
+                padding: '24px',
+                minHeight: '100vh',
+                background: '#f8fafc'
+            }
+        },
+        children: []
+    });
+    // Header using HStack layout helper
+    store.addComponent({
+        id: 'header',
+        type: 'HStack',
+        displayName: 'Header',
+        parentId: 'root',
+        isHelper: true,
+        props: {
+            style: {
+                padding: '16px 24px',
+                background: 'white',
+                borderBottom: '1px solid #e2e8f0',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                marginBottom: '24px',
+                borderRadius: '8px',
+                boxShadow: '0 1px 3px rgba(0,0,0,0.1)'
+            }
+        },
+        children: []
+    });
+    // Logo
+    store.addComponent({
+        id: 'logo',
+        type: 'Heading',
+        displayName: 'Logo',
+        parentId: 'header',
+        textContent: 'StoryUI Playground',
+        props: {
+            style: {
+                fontSize: '20px',
+                fontWeight: 'bold',
+                color: '#1a202c'
+            }
+        }
+    });
+    // Nav using Flex helper
+    store.addComponent({
+        id: 'nav',
+        type: 'Flex',
+        displayName: 'Navigation',
+        parentId: 'header',
+        isHelper: true,
+        props: {
+            style: {
+                gap: '16px'
+            }
+        },
+        children: []
+    });
+    // Nav items
+    ['Home', 'Features', 'Docs', 'Contact'].forEach((item, index) => {
+        store.addComponent({
+            id: `nav-${index}`,
+            type: 'Button',
+            displayName: item,
+            parentId: 'nav',
+            textContent: item,
+            props: {
+                style: {
+                    background: 'transparent',
+                    border: 'none',
+                    padding: '8px 12px',
+                    color: '#4a5568',
+                    cursor: 'pointer',
+                    fontSize: '14px'
+                }
+            }
+        });
+    });
+    // Main content area using Grid helper
+    store.addComponent({
+        id: 'main',
+        type: 'Grid',
+        displayName: 'Main Grid',
+        parentId: 'root',
+        isHelper: true,
+        props: {
+            style: {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(3, 1fr)',
+                gap: '24px',
+                marginBottom: '24px'
+            }
+        },
+        children: []
+    });
+    // Cards using Box helper
+    ['Feature 1', 'Feature 2', 'Feature 3'].forEach((title, index) => {
+        const cardId = `card-${index}`;
+        store.addComponent({
+            id: cardId,
+            type: 'Box',
+            displayName: `Card ${index + 1}`,
+            parentId: 'main',
+            isHelper: true,
+            props: {
+                style: {
+                    padding: '24px',
+                    background: 'white',
+                    borderRadius: '12px',
+                    boxShadow: '0 4px 6px rgba(0,0,0,0.07)'
+                }
+            },
+            children: []
+        });
+        // Card content using Stack helper
+        const stackId = `stack-${index}`;
+        store.addComponent({
+            id: stackId,
+            type: 'Stack',
+            displayName: 'Card Content',
+            parentId: cardId,
+            isHelper: true,
+            props: {
+                style: {
+                    gap: '12px'
+                }
+            },
+            children: []
+        });
+        store.addComponent({
+            id: `title-${index}`,
+            type: 'Heading',
+            displayName: 'Card Title',
+            parentId: stackId,
+            textContent: title,
+            props: {
+                style: {
+                    fontSize: '18px',
+                    fontWeight: '600',
+                    color: '#2d3748'
+                }
+            }
+        });
+        store.addComponent({
+            id: `desc-${index}`,
+            type: 'Text',
+            displayName: 'Card Description',
+            parentId: stackId,
+            textContent: 'This is a feature card demonstrating layout helpers and tree structure.',
+            props: {
+                style: {
+                    fontSize: '14px',
+                    color: '#718096',
+                    lineHeight: '1.5'
+                }
+            }
+        });
+    });
+    // Footer using Center helper
+    store.addComponent({
+        id: 'footer',
+        type: 'Center',
+        displayName: 'Footer',
+        parentId: 'root',
+        isHelper: true,
+        props: {
+            style: {
+                padding: '24px',
+                background: 'white',
+                borderRadius: '8px',
+                marginTop: '24px'
+            }
+        },
+        children: []
+    });
+    store.addComponent({
+        id: 'copyright',
+        type: 'Text',
+        displayName: 'Copyright',
+        parentId: 'footer',
+        textContent: '© 2024 StoryUI. All rights reserved.',
+        props: {
+            style: {
+                fontSize: '13px',
+                color: '#a0aec0'
+            }
+        }
+    });
+    // Build the tree structure
+    const components = store.components;
+    const root = components.get('root');
+    const header = components.get('header');
+    const logo = components.get('logo');
+    const nav = components.get('nav');
+    const main = components.get('main');
+    const footer = components.get('footer');
+    const copyright = components.get('copyright');
+    if (root && header && main && footer) {
+        // Build nav children
+        nav.children = ['nav-0', 'nav-1', 'nav-2', 'nav-3'];
+        // Build header children
+        header.children = ['logo', 'nav'];
+        // Build card children
+        for (let i = 0; i < 3; i++) {
+            const card = components.get(`card-${i}`);
+            const stack = components.get(`stack-${i}`);
+            const title = components.get(`title-${i}`);
+            const desc = components.get(`desc-${i}`);
+            if (stack && title && desc) {
+                stack.children = [`title-${i}`, `desc-${i}`];
+                components.set(`stack-${i}`, stack);
+            }
+            if (card && stack) {
+                card.children = [`stack-${i}`];
+                components.set(`card-${i}`, card);
+            }
+        }
+        // Build main children
+        main.children = ['card-0', 'card-1', 'card-2'];
+        // Build footer children
+        footer.children = ['copyright'];
+        // Build root children
+        root.children = ['header', 'main', 'footer'];
+        // Update components
+        components.set('nav', nav);
+        components.set('header', header);
+        components.set('main', main);
+        components.set('footer', footer);
+        components.set('root', root);
+    }
+    store.setMode('edit');
+};
+export const ComponentSearch = {
+    render: () => {
+        React.useEffect(() => {
+            createComplexTree();
+            const store = usePlaygroundStore.getState();
+            store.setSidebarTab('components');
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'Component Search',
+    parameters: {
+        docs: {
+            description: {
+                story: 'Test the component search functionality. Type in the search box to filter components by name, type, or description.'
+            }
+        }
+    }
+};
+export const LayoutHelpers = {
+    render: () => {
+        React.useEffect(() => {
+            createComplexTree();
+            const store = usePlaygroundStore.getState();
+            store.setSidebarTab('components');
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'Layout Helpers',
+    parameters: {
+        docs: {
+            description: {
+                story: 'Demonstrates layout helper components (Box, Stack, HStack, Grid, Flex, Center) that work across all design systems. These are marked with data-helper attributes.'
+            }
+        }
+    }
+};
+export const TreeView = {
+    render: () => {
+        React.useEffect(() => {
+            createComplexTree();
+            const store = usePlaygroundStore.getState();
+            store.setSidebarTab('structure');
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'Tree View Navigation',
+    parameters: {
+        docs: {
+            description: {
+                story: 'Test the tree view component structure navigator. Expand/collapse nodes, search for components, and double-click to focus. The tree shows the full component hierarchy.'
+            }
+        }
+    }
+};
+export const CompletePhase4 = {
+    render: () => {
+        React.useEffect(() => {
+            createComplexTree();
+            const store = usePlaygroundStore.getState();
+            store.setSidebarTab('structure');
+            // Select a component to show properties
+            setTimeout(() => {
+                store.selectComponent('card-0');
+            }, 100);
+        }, []);
+        return _jsx(Playground, { initialMode: "edit" });
+    },
+    name: 'All Phase 4 Features',
+    parameters: {
+        docs: {
+            description: {
+                story: 'All Phase 4 features working together: Component search in palette, Layout helpers for cross-design-system support, and Tree view for structural navigation.'
+            }
+        }
+    }
+};
+//# sourceMappingURL=PlaygroundPhase4.stories.js.map

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

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

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

@@ -0,0 +1,14 @@
+/**
+ * Storybook stories for testing Phase 5 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 CodeGeneration: Story;
+export declare const UndoRedo: Story;
+export declare const KeyboardShortcuts: Story;
+export declare const ExportDialog: Story;
+export declare const CompletePhase5: Story;
+//# sourceMappingURL=PlaygroundPhase5.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundPhase5.stories.d.ts","sourceRoot":"","sources":["../../../playground/stories/PlaygroundPhase5.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;AAwazC,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAC"}