@allternit/ix 0.1.0 → 0.1.1

package/dist/collab/visual-editor.js.bak

@@ -1,259 +0,0 @@
-/**
- * Visual Editor for A2R-IX
- *
- * Declarative API for building UI IR visually.
- */
-/**
- * Create visual editor
- */
-export function createVisualEditor() {
-    return {
-        create(version = '1.0.0') {
-            return createUIRootBuilder(version);
-        },
-        load(root) {
-            return createUIRootBuilder(root.version, root);
-        },
-    };
-}
-/**
- * Create UI root builder
- */
-function createUIRootBuilder(version, existing) {
-    const root = existing || {
-        version,
-        components: [],
-        state: { variables: [], computed: [], initial: {} },
-        actions: [],
-    };
-    let metadata = {};
-    return {
-        metadata(meta) {
-            metadata = { ...metadata, ...meta };
-            return this;
-        },
-        add(component) {
-            const comp = 'build' in component ? component.build() : component;
-            root.components.push(comp);
-            return this;
-        },
-        state(path, type, defaultValue) {
-            root.state.variables.push({ path, type, default: defaultValue });
-            if (defaultValue !== undefined) {
-                root.state.initial[path] = defaultValue;
-            }
-            return this;
-        },
-        computed(name, deps, compute) {
-            if (!root.state.computed) {
-                root.state.computed = [];
-            }
-            root.state.computed.push({
-                name,
-                deps,
-                compute: { $expr: compute },
-            });
-            return this;
-        },
-        action(id, type, handler) {
-            root.actions.push({ id, type, handler });
-            return this;
-        },
-        css(styles) {
-            root.css = styles;
-            return this;
-        },
-        build() {
-            if (Object.keys(metadata).length > 0) {
-                root.metadata = { ...root.metadata, ...metadata };
-            }
-            return root;
-        },
-    };
-}
-/**
- * Component type builders
- */
-export const components = {
-    /** Layout components */
-    layout: {
-        Box: (props) => createComponentBuilder('Box', props),
-        Stack: (props) => createComponentBuilder('Stack', props),
-        Grid: (props) => createComponentBuilder('Grid', props),
-        Flex: (props) => createComponentBuilder('Flex', props),
-        Container: (props) => createComponentBuilder('Container', props),
-    },
-    /** Typography components */
-    typography: {
-        Text: (text, props) => createComponentBuilder('Text', { children: text, ...props }),
-        Heading: (text, level = 1, props) => createComponentBuilder('Heading', { children: text, level, ...props }),
-        Paragraph: (text, props) => createComponentBuilder('Paragraph', { children: text, ...props }),
-        Label: (text, props) => createComponentBuilder('Label', { children: text, ...props }),
-    },
-    /** Input components */
-    input: {
-        Button: (text, props) => createComponentBuilder('Button', { children: text, ...props }),
-        Input: (props) => createComponentBuilder('Input', props),
-        TextArea: (props) => createComponentBuilder('TextArea', props),
-        Select: (options, props) => createComponentBuilder('Select', { options, ...props }),
-        Checkbox: (props) => createComponentBuilder('Checkbox', props),
-        Radio: (props) => createComponentBuilder('Radio', props),
-        Switch: (props) => createComponentBuilder('Switch', props),
-    },
-    /** Display components */
-    display: {
-        Image: (src, props) => createComponentBuilder('Image', { src, ...props }),
-        Icon: (name, props) => createComponentBuilder('Icon', { name, ...props }),
-        Badge: (text, props) => createComponentBuilder('Badge', { children: text, ...props }),
-        Card: (props) => createComponentBuilder('Card', props),
-        List: (items, renderItem, props) => createComponentBuilder('List', { items, renderItem, ...props }),
-        Table: (data, columns, props) => createComponentBuilder('Table', { data, columns, ...props }),
-    },
-};
-/**
- * Create component builder
- */
-function createComponentBuilder(type, initialProps = {}) {
-    const component = {
-        id: generateId(),
-        type,
-        props: { ...initialProps },
-    };
-    return {
-        id(id) {
-            component.id = id;
-            return this;
-        },
-        props(props) {
-            Object.assign(component.props, props);
-            return this;
-        },
-        prop(key, value) {
-            component.props[key] = value;
-            return this;
-        },
-        bind(prop, statePath, direction = 'one-way') {
-            if (!component.bindings) {
-                component.bindings = [];
-            }
-            component.bindings.push({ prop, statePath, direction });
-            return this;
-        },
-        on(event, action, params) {
-            if (!component.events) {
-                component.events = [];
-            }
-            component.events.push({ event, action, params });
-            return this;
-        },
-        child(childComponent) {
-            if (!component.children) {
-                component.children = [];
-            }
-            const child = 'build' in childComponent ? childComponent.build() : childComponent;
-            component.children.push(child);
-            return this;
-        },
-        when(condition) {
-            component.condition = { $expr: condition };
-            return this;
-        },
-        repeat(items, as, options) {
-            component.repeat = {
-                items,
-                as,
-                indexAs: options?.indexAs,
-                filter: options?.filter ? { $expr: options.filter } : undefined,
-                sort: options?.sort ? { $expr: options.sort } : undefined,
-            };
-            return this;
-        },
-        style(styles) {
-            component.style = styles;
-            return this;
-        },
-        className(className) {
-            component.className = className;
-            return this;
-        },
-        build() {
-            return component;
-        },
-    };
-}
-/**
- * Generate unique ID
- */
-function generateId() {
-    return `comp_${Math.random().toString(36).substr(2, 9)}`;
-}
-/**
- * Fluent API for common patterns
- */
-export const patterns = {
-    /** Create a form with inputs */
-    form: (fields, submitAction) => {
-        const editor = createVisualEditor();
-        const builder = editor.create();
-        // Add state for each field
-        fields.forEach((field) => {
-            builder.state(`form.${field.name}`, field.type === 'number' ? 'number' : 'string', '');
-        });
-        // Build form components
-        const formContainer = components.layout.Stack({ spacing: 4 })
-            .className('a2r-form');
-        fields.forEach((field) => {
-            formContainer.child(components.layout.Stack({ direction: 'vertical', spacing: 1 })
-                .child(components.typography.Label(field.label))
-                .child(components.input.Input({ type: field.type })
-                .bind('value', `form.${field.name}`, 'two-way')));
-        });
-        formContainer.child(components.input.Button('Submit', { variant: 'primary' })
-            .on('onClick', submitAction));
-        builder.add(formContainer);
-        return builder;
-    },
-    /** Create a data table */
-    dataTable: (dataPath, columns) => {
-        return components.display.Table([], [])
-            .bind('data', dataPath)
-            .prop('columns', columns);
-    },
-    /** Create a modal/dialog */
-    modal: (title, content, onClose) => {
-        return components.layout.Box({ padding: 4 })
-            .className('a2r-modal')
-            .child(components.layout.Stack({ direction: 'vertical', spacing: 2 })
-            .child(components.layout.Stack({ direction: 'horizontal', justify: 'between' })
-            .child(components.typography.Heading(title, 3))
-            .child(components.input.Button('×', { variant: 'ghost', size: 'sm' })
-            .on('onClick', onClose)))
-            .child(content));
-    },
-    /** Create a navigation menu */
-    navMenu: (items) => {
-        const list = components.layout.Stack({ direction: 'vertical', spacing: 1 })
-            .className('a2r-nav-menu');
-        items.forEach((item) => {
-            const btn = components.input.Button(item.label, { variant: 'ghost' })
-                .on('onClick', item.action);
-            if (item.icon) {
-                btn.prop('icon', item.icon);
-            }
-            list.child(btn);
-        });
-        return list;
-    },
-};
-// Export fluent API
-export const ui = {
-    /** Create new UI */
-    create: (version) => createVisualEditor().create(version),
-    /** Load existing UI */
-    load: (root) => createVisualEditor().load(root),
-    /** Component builders */
-    components,
-    /** Pattern builders */
-    patterns,
-};
-//# sourceMappingURL=visual-editor.js.map

package/dist/collab/yjs-adapter.d.ts.bak

@@ -1,95 +0,0 @@
-/**
- * Yjs/CRDT Adapter for A2R-IX
- *
- * Real-time collaborative state synchronization using Yjs.
- */
-import type { StateStore, StateStoreConfig } from '../state/store';
-import type { JSONPatch } from '../state/patch';
-interface YDoc {
-    getMap(name: string): YMap;
-    on(event: string, callback: () => void): void;
-    off(event: string, callback: () => void): void;
-    transact(callback: () => void): void;
-    destroy(): void;
-}
-interface YMap {
-    set(key: string, value: unknown): void;
-    get(key: string): unknown;
-    has(key: string): boolean;
-    delete(key: string): void;
-    toJSON(): Record<string, unknown>;
-    observe(callback: (event: YMapEvent) => void): void;
-    unobserve(callback: (event: YMapEvent) => void): void;
-}
-interface YMapEvent {
-    changes: {
-        keys: Map<string, {
-            action: 'add' | 'update' | 'delete';
-            oldValue: unknown;
-        }>;
-    };
-}
-interface YProvider {
-    on(event: string, callback: () => void): void;
-    off(event: string, callback: () => void): void;
-    destroy(): void;
-}
-export interface YjsAdapterConfig {
-    /** Yjs document instance */
-    doc: YDoc;
-    /** Yjs provider (WebSocket, WebRTC, etc.) */
-    provider?: YProvider;
-    /** Map name for state storage */
-    mapName?: string;
-    /** User ID for awareness */
-    userId?: string;
-    /** User info for awareness */
-    userInfo?: Record<string, unknown>;
-    /** Conflict resolution strategy */
-    conflictResolution?: 'last-write-wins' | 'first-write-wins' | 'merge';
-    /** Batch updates (ms) */
-    batchDelay?: number;
-}
-export interface YjsAdapter {
-    /** Get local state store */
-    getStore(): StateStore;
-    /** Apply local patch (will sync to others) */
-    applyPatch(patch: JSONPatch): void;
-    /** Get current awareness state */
-    getAwareness(): Map<number, AwarenessState>;
-    /** Set local awareness state */
-    setAwareness(state: Partial<AwarenessState>): void;
-    /** Subscribe to awareness changes */
-    subscribeAwareness(callback: (states: Map<number, AwarenessState>) => void): () => void;
-    /** Get sync status */
-    getSyncStatus(): 'synced' | 'syncing' | 'disconnected';
-    /** Subscribe to sync status changes */
-    subscribeSyncStatus(callback: (status: 'synced' | 'syncing' | 'disconnected') => void): () => void;
-    /** Destroy adapter */
-    destroy(): void;
-}
-export interface AwarenessState {
-    user?: {
-        id: string;
-        name?: string;
-        color?: string;
-        [key: string]: unknown;
-    };
-    cursor?: {
-        x: number;
-        y: number;
-        componentId?: string;
-    };
-    selection?: string[];
-    [key: string]: unknown;
-}
-/**
- * Create Yjs adapter for collaborative state
- */
-export declare function createYjsAdapter(config: YjsAdapterConfig): YjsAdapter;
-/**
- * Create collaborative state store
- */
-export declare function createCollaborativeStore(yjsConfig: YjsAdapterConfig, localConfig?: Omit<StateStoreConfig, 'initial' | 'variables'>): StateStore;
-export {};
-//# sourceMappingURL=yjs-adapter.d.ts.map

package/dist/collab/yjs-adapter.js.bak

@@ -1,282 +0,0 @@
-/**
- * Yjs/CRDT Adapter for A2R-IX
- *
- * Real-time collaborative state synchronization using Yjs.
- */
-/**
- * Create Yjs adapter for collaborative state
- */
-export function createYjsAdapter(config) {
-    const { doc, provider, mapName = 'a2r-ix-state' } = config;
-    const ymap = doc.getMap(mapName);
-    // Local state store wrapper
-    let localState = {};
-    const subscribers = new Map();
-    const syncStatusSubscribers = new Set();
-    const awarenessSubscribers = new Set();
-    let syncStatus = 'syncing';
-    const awarenessMap = new Map();
-    const clientId = 0;
-    /**
-     * Initialize from Yjs map
-     */
-    function initialize() {
-        // Load initial state
-        localState = { ...ymap.toJSON() };
-        // Observe Yjs changes
-        ymap.observe((event) => {
-            doc.transact(() => {
-                event.changes.keys.forEach((change, key) => {
-                    const newValue = ymap.get(key);
-                    if (change.action === 'delete') {
-                        delete localState[key];
-                    }
-                    else {
-                        localState[key] = newValue;
-                    }
-                    // Notify local subscribers
-                    notifySubscribers(key, newValue);
-                });
-            });
-        });
-        // Set up provider sync status
-        if (provider) {
-            provider.on('sync', () => {
-                updateSyncStatus('synced');
-            });
-            provider.on('disconnect', () => {
-                updateSyncStatus('disconnected');
-            });
-            provider.on('connect', () => {
-                updateSyncStatus('syncing');
-            });
-        }
-    }
-    /**
-     * Update sync status
-     */
-    function updateSyncStatus(status) {
-        syncStatus = status;
-        syncStatusSubscribers.forEach((cb) => cb(status));
-    }
-    /**
-     * Notify subscribers
-     */
-    function notifySubscribers(path, value) {
-        const pathSubscribers = subscribers.get(path);
-        if (pathSubscribers) {
-            pathSubscribers.forEach((cb) => cb(value));
-        }
-        // Notify parent path subscribers
-        const parts = path.split('.');
-        while (parts.length > 1) {
-            parts.pop();
-            const parentPath = parts.join('.');
-            const parentSubscribers = subscribers.get(parentPath);
-            if (parentSubscribers) {
-                const parentValue = getValue(parentPath);
-                parentSubscribers.forEach((cb) => cb(parentValue));
-            }
-        }
-    }
-    /**
-     * Get value at path
-     */
-    function getValue(path) {
-        const parts = path.split('.');
-        let current = localState;
-        for (const part of parts) {
-            if (current && typeof current === 'object') {
-                current = current[part];
-            }
-            else {
-                return undefined;
-            }
-        }
-        return current;
-    }
-    /**
-     * Set value at path
-     */
-    function setValue(path, value) {
-        const parts = path.split('.');
-        doc.transact(() => {
-            if (parts.length === 1) {
-                if (value === undefined) {
-                    ymap.delete(path);
-                    delete localState[path];
-                }
-                else {
-                    ymap.set(path, value);
-                    localState[path] = value;
-                }
-            }
-            else {
-                // Handle nested paths
-                const rootKey = parts[0];
-                let root = ymap.get(rootKey) || {};
-                // Clone to avoid modifying shared Yjs object directly
-                root = { ...root };
-                let current = root;
-                for (let i = 1; i < parts.length - 1; i++) {
-                    const part = parts[i];
-                    if (!current[part] || typeof current[part] !== 'object') {
-                        current[part] = {};
-                    }
-                    current = current[part];
-                }
-                if (value === undefined) {
-                    delete current[parts[parts.length - 1]];
-                }
-                else {
-                    current[parts[parts.length - 1]] = value;
-                }
-                ymap.set(rootKey, root);
-                localState[rootKey] = root;
-            }
-        });
-        notifySubscribers(path, value);
-    }
-    /**
-     * Apply JSON Patch
-     */
-    function applyPatch(patch) {
-        doc.transact(() => {
-            patch.forEach((op) => {
-                const path = op.path.slice(1).replace(/\//g, '.');
-                switch (op.op) {
-                    case 'add':
-                    case 'replace':
-                        setValue(path, op.value);
-                        break;
-                    case 'remove':
-                        setValue(path, undefined);
-                        break;
-                }
-            });
-        });
-    }
-    /**
-     * Create state store interface
-     */
-    function getStore() {
-        return {
-            get: (path) => getValue(path),
-            set: (path, value) => setValue(path, value),
-            subscribe: (path, callback) => {
-                if (!subscribers.has(path)) {
-                    subscribers.set(path, new Set());
-                }
-                subscribers.get(path).add(callback);
-                return () => {
-                    subscribers.get(path)?.delete(callback);
-                };
-            },
-            batch: (updates) => {
-                doc.transact(() => {
-                    Object.entries(updates).forEach(([path, value]) => {
-                        setValue(path, value);
-                    });
-                });
-            },
-            snapshot: () => ({ ...localState }),
-            restore: (snapshot) => {
-                doc.transact(() => {
-                    Object.entries(snapshot).forEach(([key, value]) => {
-                        ymap.set(key, value);
-                        localState[key] = value;
-                    });
-                });
-            },
-            reset: () => {
-                doc.transact(() => {
-                    Object.keys(ymap.toJSON()).forEach((key) => {
-                        ymap.delete(key);
-                    });
-                    localState = {};
-                });
-            },
-            compute: () => { },
-            bind: () => { },
-            getBindings: () => [],
-        };
-    }
-    /**
-     * Get awareness state
-     */
-    function getAwareness() {
-        return new Map(awarenessMap);
-    }
-    /**
-     * Set awareness state
-     */
-    function setAwareness(state) {
-        const current = awarenessMap.get(clientId) || {};
-        awarenessMap.set(clientId, { ...current, ...state });
-        // Broadcast to others (would use y-protocols in production)
-        awarenessSubscribers.forEach((cb) => cb(new Map(awarenessMap)));
-    }
-    /**
-     * Subscribe to awareness changes
-     */
-    function subscribeAwareness(callback) {
-        awarenessSubscribers.add(callback);
-        return () => awarenessSubscribers.delete(callback);
-    }
-    /**
-     * Get sync status
-     */
-    function getSyncStatus() {
-        return syncStatus;
-    }
-    /**
-     * Subscribe to sync status
-     */
-    function subscribeSyncStatus(callback) {
-        syncStatusSubscribers.add(callback);
-        return () => syncStatusSubscribers.delete(callback);
-    }
-    /**
-     * Destroy adapter
-     */
-    function destroy() {
-        subscribers.clear();
-        syncStatusSubscribers.clear();
-        awarenessSubscribers.clear();
-        if (provider) {
-            provider.destroy();
-        }
-        // Clear all keys from ymap
-        const keys = Object.keys(ymap.toJSON());
-        keys.forEach((key) => ymap.delete(key));
-    }
-    // Initialize
-    initialize();
-    // Set initial user awareness
-    if (config.userId) {
-        setAwareness({
-            user: {
-                id: config.userId,
-                ...config.userInfo,
-            },
-        });
-    }
-    return {
-        getStore,
-        applyPatch,
-        getAwareness,
-        setAwareness,
-        subscribeAwareness,
-        getSyncStatus,
-        subscribeSyncStatus,
-        destroy,
-    };
-}
-/**
- * Create collaborative state store
- */
-export function createCollaborativeStore(yjsConfig, localConfig = {}) {
-    const adapter = createYjsAdapter(yjsConfig);
-    return adapter.getStore();
-}
-//# sourceMappingURL=yjs-adapter.js.map