tuiuiu.js 0.1.1

package/dist/storybook/core/comparatives.js

@@ -0,0 +1,301 @@
+/**
+ * Storybook Comparatives Engine
+ *
+ * Handles side-by-side comparison of component variants:
+ * - Generate variants from control options
+ * - Custom variant definitions
+ * - Layout modes (horizontal, vertical, grid)
+ * - Diff highlighting
+ */
+import { createSignal } from '../../core/signal.js';
+/**
+ * Create a comparatives manager
+ */
+export function createComparatives(options = {}) {
+    const { story, layoutMode = 'horizontal', gridColumns = 2 } = options;
+    const initialBaseProps = story
+        ? Object.fromEntries(Object.entries(story.controls || {}).map(([key, control]) => [
+            key,
+            control.defaultValue,
+        ]))
+        : {};
+    const [state, setState] = createSignal({
+        baseProps: { ...initialBaseProps },
+        groups: [],
+        selectedGroupIndex: 0,
+        layoutMode,
+        gridColumns,
+        showLabels: true,
+        showBorders: true,
+    });
+    // Variant management
+    const addVariant = (groupIndex, variant) => {
+        setState((s) => {
+            const newGroups = [...s.groups];
+            if (groupIndex < 0 || groupIndex >= newGroups.length)
+                return s;
+            newGroups[groupIndex] = {
+                ...newGroups[groupIndex],
+                variants: [...newGroups[groupIndex].variants, variant],
+            };
+            return { ...s, groups: newGroups };
+        });
+    };
+    const removeVariant = (groupIndex, variantIndex) => {
+        setState((s) => {
+            const newGroups = [...s.groups];
+            if (groupIndex < 0 || groupIndex >= newGroups.length)
+                return s;
+            const group = newGroups[groupIndex];
+            if (variantIndex < 0 || variantIndex >= group.variants.length)
+                return s;
+            newGroups[groupIndex] = {
+                ...group,
+                variants: group.variants.filter((_, i) => i !== variantIndex),
+            };
+            return { ...s, groups: newGroups };
+        });
+    };
+    const updateVariant = (groupIndex, variantIndex, updates) => {
+        setState((s) => {
+            const newGroups = [...s.groups];
+            if (groupIndex < 0 || groupIndex >= newGroups.length)
+                return s;
+            const group = newGroups[groupIndex];
+            if (variantIndex < 0 || variantIndex >= group.variants.length)
+                return s;
+            newGroups[groupIndex] = {
+                ...group,
+                variants: group.variants.map((v, i) => i === variantIndex ? { ...v, ...updates } : v),
+            };
+            return { ...s, groups: newGroups };
+        });
+    };
+    // Group management
+    const addGroup = (group) => {
+        setState((s) => ({
+            ...s,
+            groups: [...s.groups, group],
+        }));
+    };
+    const removeGroup = (index) => {
+        setState((s) => {
+            if (index < 0 || index >= s.groups.length)
+                return s;
+            const newGroups = s.groups.filter((_, i) => i !== index);
+            const newSelectedIndex = Math.min(s.selectedGroupIndex, newGroups.length - 1);
+            return {
+                ...s,
+                groups: newGroups,
+                selectedGroupIndex: Math.max(0, newSelectedIndex),
+            };
+        });
+    };
+    const selectGroup = (index) => {
+        setState((s) => {
+            if (index < 0 || index >= s.groups.length)
+                return s;
+            return { ...s, selectedGroupIndex: index };
+        });
+    };
+    // Auto-generation
+    const generateFromControl = (key, control) => {
+        const variants = [];
+        switch (control.type) {
+            case 'select':
+                if (control.options) {
+                    for (const option of control.options) {
+                        variants.push({
+                            label: String(option),
+                            props: { [key]: option },
+                        });
+                    }
+                }
+                break;
+            case 'boolean':
+                variants.push({ label: 'true', props: { [key]: true } }, { label: 'false', props: { [key]: false } });
+                break;
+            case 'color':
+                const colors = ['white', 'gray', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan'];
+                for (const color of colors) {
+                    variants.push({
+                        label: color,
+                        props: { [key]: color },
+                    });
+                }
+                break;
+            case 'range':
+            case 'number':
+                const min = control.min ?? 0;
+                const max = control.max ?? 100;
+                const step = control.step ?? Math.ceil((max - min) / 5);
+                for (let v = min; v <= max; v += step) {
+                    variants.push({
+                        label: String(v),
+                        props: { [key]: v },
+                    });
+                }
+                break;
+            default:
+                // For text, just show the default value
+                variants.push({
+                    label: 'Default',
+                    props: { [key]: control.defaultValue },
+                });
+        }
+        return {
+            name: control.label,
+            description: `Variants for ${key}`,
+            variants,
+            varyingProp: key,
+        };
+    };
+    const generateAllGroups = (controls) => {
+        setState((s) => {
+            const newGroups = [];
+            for (const [key, control] of Object.entries(controls)) {
+                // Skip text controls as they generate too many variants
+                if (control.type === 'text')
+                    continue;
+                const group = generateFromControl(key, control);
+                // Limit variants to keep display manageable
+                group.variants = group.variants.slice(0, 8);
+                newGroups.push(group);
+            }
+            return {
+                ...s,
+                groups: newGroups,
+                selectedGroupIndex: 0,
+            };
+        });
+    };
+    // Layout
+    const setLayoutMode = (mode) => {
+        setState((s) => ({ ...s, layoutMode: mode }));
+    };
+    const setGridColumns = (columns) => {
+        setState((s) => ({ ...s, gridColumns: Math.max(1, columns) }));
+    };
+    const toggleLabels = () => {
+        setState((s) => ({ ...s, showLabels: !s.showLabels }));
+    };
+    const toggleBorders = () => {
+        setState((s) => ({ ...s, showBorders: !s.showBorders }));
+    };
+    // Get render data
+    const getCurrentVariants = () => {
+        const s = state();
+        if (s.groups.length === 0)
+            return [];
+        if (s.selectedGroupIndex < 0 || s.selectedGroupIndex >= s.groups.length)
+            return [];
+        return s.groups[s.selectedGroupIndex].variants;
+    };
+    const getVariantProps = (variant) => {
+        const s = state();
+        return { ...s.baseProps, ...variant.props };
+    };
+    // Load story
+    const loadStory = (story) => {
+        const baseProps = Object.fromEntries(Object.entries(story.controls || {}).map(([key, control]) => [
+            key,
+            control.defaultValue,
+        ]));
+        setState({
+            baseProps,
+            groups: [],
+            selectedGroupIndex: 0,
+            layoutMode: state().layoutMode,
+            gridColumns: state().gridColumns,
+            showLabels: true,
+            showBorders: true,
+        });
+        // Auto-generate groups
+        generateAllGroups(story.controls || {});
+    };
+    return {
+        state,
+        addVariant,
+        removeVariant,
+        updateVariant,
+        addGroup,
+        removeGroup,
+        selectGroup,
+        generateFromControl,
+        generateAllGroups,
+        setLayoutMode,
+        setGridColumns,
+        toggleLabels,
+        toggleBorders,
+        getCurrentVariants,
+        getVariantProps,
+        loadStory,
+    };
+}
+/**
+ * Create a comparison definition for a specific component
+ */
+export function createComparison(config) {
+    return {
+        name: config.title,
+        description: config.description,
+        variants: config.variants,
+    };
+}
+/**
+ * Built-in comparison templates
+ */
+export const comparisonTemplates = {
+    // Border styles comparison
+    borderStyles: () => ({
+        name: 'Border Styles',
+        description: 'Compare different border styles',
+        variants: [
+            { label: 'Single', props: { borderStyle: 'single' } },
+            { label: 'Double', props: { borderStyle: 'double' } },
+            { label: 'Round', props: { borderStyle: 'round' } },
+            { label: 'Bold', props: { borderStyle: 'bold' } },
+            { label: 'Classic', props: { borderStyle: 'classic' } },
+        ],
+        varyingProp: 'borderStyle',
+    }),
+    // Colors comparison
+    colors: () => ({
+        name: 'Colors',
+        description: 'Compare color options',
+        variants: [
+            { label: 'White', props: { color: 'white' } },
+            { label: 'Cyan', props: { color: 'cyan' } },
+            { label: 'Green', props: { color: 'green' } },
+            { label: 'Yellow', props: { color: 'yellow' } },
+            { label: 'Red', props: { color: 'red' } },
+            { label: 'Magenta', props: { color: 'magenta' } },
+            { label: 'Blue', props: { color: 'blue' } },
+        ],
+        varyingProp: 'color',
+    }),
+    // Sizes comparison
+    sizes: () => ({
+        name: 'Sizes',
+        description: 'Compare different sizes',
+        variants: [
+            { label: 'XS', props: { size: 'xs', padding: 0 } },
+            { label: 'SM', props: { size: 'sm', padding: 1 } },
+            { label: 'MD', props: { size: 'md', padding: 2 } },
+            { label: 'LG', props: { size: 'lg', padding: 3 } },
+        ],
+        varyingProp: 'size',
+    }),
+    // States comparison
+    states: () => ({
+        name: 'States',
+        description: 'Compare component states',
+        variants: [
+            { label: 'Default', props: {} },
+            { label: 'Focused', props: { isFocused: true } },
+            { label: 'Disabled', props: { disabled: true } },
+            { label: 'Loading', props: { isLoading: true } },
+        ],
+    }),
+};
+//# sourceMappingURL=comparatives.js.map

package/dist/storybook/core/comparatives.js.map

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

package/dist/storybook/core/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Storybook Core Modules
+ */
+export * from './navigator.js';
+export * from './registry.js';
+export * from './playground.js';
+export * from './comparatives.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/storybook/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/storybook/core/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/dist/storybook/core/index.js

@@ -0,0 +1,8 @@
+/**
+ * Storybook Core Modules
+ */
+export * from './navigator.js';
+export * from './registry.js';
+export * from './playground.js';
+export * from './comparatives.js';
+//# sourceMappingURL=index.js.map

package/dist/storybook/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/storybook/core/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/dist/storybook/core/navigator.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Storybook Navigator
+ *
+ * Manages navigation state for the storybook:
+ * - Category/story selection
+ * - View modes (preview, playground, comparatives, docs)
+ * - Search and filtering
+ * - Focus management between panels
+ */
+import type { Story, StoryCategory } from '../types.js';
+export type ViewMode = 'preview' | 'playground' | 'comparatives' | 'docs';
+export type FocusArea = 'sidebar' | 'preview' | 'controls';
+export interface NavigatorState {
+    categories: StoryCategory[];
+    currentCategoryIndex: number;
+    currentStoryIndex: number;
+    expandedCategories: Set<string>;
+    viewMode: ViewMode;
+    focusArea: FocusArea;
+    searchQuery: string;
+    searchResults: Story[];
+    history: Array<{
+        categoryIndex: number;
+        storyIndex: number;
+    }>;
+    historyIndex: number;
+}
+export interface Navigator {
+    state: () => NavigatorState;
+    currentCategory: () => StoryCategory | null;
+    currentStory: () => Story | null;
+    filteredCategories: () => StoryCategory[];
+    selectCategory: (index: number) => void;
+    selectStory: (categoryIndex: number, storyIndex: number) => void;
+    nextStory: () => void;
+    prevStory: () => void;
+    nextCategory: () => void;
+    prevCategory: () => void;
+    toggleCategory: (categoryName: string) => void;
+    setViewMode: (mode: ViewMode) => void;
+    toggleViewMode: () => void;
+    setFocusArea: (area: FocusArea) => void;
+    cycleFocus: () => void;
+    setSearchQuery: (query: string) => void;
+    clearSearch: () => void;
+    goBack: () => void;
+    goForward: () => void;
+    findStoryByName: (name: string) => {
+        categoryIndex: number;
+        storyIndex: number;
+    } | null;
+    getStoryPath: () => string;
+}
+export interface NavigatorOptions {
+    categories: StoryCategory[];
+    initialCategoryIndex?: number;
+    initialStoryIndex?: number;
+    initialViewMode?: ViewMode;
+}
+/**
+ * Create a navigator for storybook navigation
+ */
+export declare function createNavigator(options: NavigatorOptions): Navigator;
+//# sourceMappingURL=navigator.d.ts.map

package/dist/storybook/core/navigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigator.d.ts","sourceRoot":"","sources":["../../../src/storybook/core/navigator.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,CAAC;AAC1E,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,cAAc;IAE7B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAGhC,QAAQ,EAAE,QAAQ,CAAC;IAGnB,SAAS,EAAE,SAAS,CAAC;IAGrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,KAAK,EAAE,CAAC;IAGvB,OAAO,EAAE,KAAK,CAAC;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IAExB,KAAK,EAAE,MAAM,cAAc,CAAC;IAC5B,eAAe,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IAC5C,YAAY,EAAE,MAAM,KAAK,GAAG,IAAI,CAAC;IACjC,kBAAkB,EAAE,MAAM,aAAa,EAAE,CAAC;IAG1C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAG/C,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,MAAM,IAAI,CAAC;IAG3B,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IAGvB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;IAGxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IAGtB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACxF,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAuSpE"}