dynim-core 1.0.0

package/dist/builder/freeze-overlay.js

@@ -0,0 +1,213 @@
+/**
+ * Page freeze overlay - captures events but allows scrolling
+ * Prevents button clicks, link navigation, form submissions
+ * while allowing drag-and-drop interactions
+ */
+export function createFreezeOverlay(config = {}) {
+    const { zIndex = 9998, onMouseDown, onMouseMove, onMouseUp, onMouseLeave, onClick, onDoubleClick, onWheel, contentRoot = document.body } = config;
+    const overlay = document.createElement('div');
+    overlay.id = '__editor-freeze-overlay__';
+    overlay.className = 'editor-freeze-overlay';
+    overlay.style.cssText = `
+    position: fixed;
+    inset: 0;
+    z-index: ${zIndex};
+    background: transparent;
+    cursor: default;
+    user-select: none;
+    -webkit-user-select: none;
+  `;
+    let lastHoveredElement = null;
+    let isMouseDown = false;
+    function isEditorElement(el) {
+        if (!el)
+            return true;
+        const skipIds = [
+            '__editor-freeze-overlay__',
+            '__editor-overlays__',
+            '__inspector-overlay__',
+            '__ai-prompt-popover__'
+        ];
+        if (skipIds.some(id => el.id === id))
+            return true;
+        if (el.closest('.builder') || el.closest('.builder-bar') || el.closest('.chatbot')) {
+            return true;
+        }
+        if (el.closest('#__editor-overlays__') || el.closest('#__editor-freeze-overlay__') || el.closest('#__ai-prompt-popover__')) {
+            return true;
+        }
+        return false;
+    }
+    function getElementAt(x, y) {
+        overlay.style.pointerEvents = 'none';
+        const element = document.elementFromPoint(x, y);
+        overlay.style.pointerEvents = 'auto';
+        if (!element)
+            return null;
+        if (isEditorElement(element))
+            return null;
+        if (contentRoot && contentRoot !== document.body) {
+            if (!contentRoot.contains(element) && element !== contentRoot) {
+                return null;
+            }
+        }
+        return element;
+    }
+    function isBuilderUI(target) {
+        return target !== null && (!!target.closest('.builder') ||
+            !!target.closest('.builder-bar') ||
+            !!target.closest('.builder-modal') ||
+            !!target.closest('#__ai-prompt-popover__'));
+    }
+    function handleDocumentMouseMove(e) {
+        const element = getElementAt(e.clientX, e.clientY);
+        onMouseMove?.(e, element);
+        lastHoveredElement = element;
+    }
+    function handleDocumentMouseUp(e) {
+        document.removeEventListener('mousemove', handleDocumentMouseMove, true);
+        document.removeEventListener('mouseup', handleDocumentMouseUp, true);
+        isMouseDown = false;
+        overlay.style.pointerEvents = 'none';
+        const clickTarget = document.elementFromPoint(e.clientX, e.clientY);
+        overlay.style.pointerEvents = 'auto';
+        if (isBuilderUI(clickTarget)) {
+            return;
+        }
+        const element = getElementAt(e.clientX, e.clientY);
+        onMouseUp?.(e, element);
+    }
+    function handleMouseDown(e) {
+        if (e.button !== 0)
+            return;
+        overlay.style.pointerEvents = 'none';
+        const clickTarget = document.elementFromPoint(e.clientX, e.clientY);
+        overlay.style.pointerEvents = 'auto';
+        if (isBuilderUI(clickTarget)) {
+            return;
+        }
+        e.preventDefault();
+        isMouseDown = true;
+        document.addEventListener('mousemove', handleDocumentMouseMove, true);
+        document.addEventListener('mouseup', handleDocumentMouseUp, true);
+        const element = getElementAt(e.clientX, e.clientY);
+        onMouseDown?.(e, element);
+    }
+    function handleMouseMove(e) {
+        if (isMouseDown)
+            return;
+        const element = getElementAt(e.clientX, e.clientY);
+        onMouseMove?.(e, element);
+        lastHoveredElement = element;
+    }
+    function handleMouseUp(e) {
+        if (isMouseDown)
+            return;
+        overlay.style.pointerEvents = 'none';
+        const clickTarget = document.elementFromPoint(e.clientX, e.clientY);
+        overlay.style.pointerEvents = 'auto';
+        if (isBuilderUI(clickTarget)) {
+            return;
+        }
+        const element = getElementAt(e.clientX, e.clientY);
+        onMouseUp?.(e, element);
+    }
+    function handleMouseLeave(e) {
+        if (isMouseDown)
+            return;
+        lastHoveredElement = null;
+        onMouseLeave?.(e);
+    }
+    function handleClick(e) {
+        overlay.style.pointerEvents = 'none';
+        const clickTarget = document.elementFromPoint(e.clientX, e.clientY);
+        overlay.style.pointerEvents = 'auto';
+        if (isBuilderUI(clickTarget)) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        const element = getElementAt(e.clientX, e.clientY);
+        onClick?.(e, element);
+    }
+    function handleDoubleClick(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        const element = getElementAt(e.clientX, e.clientY);
+        onDoubleClick?.(e, element);
+    }
+    function handleWheel(e) {
+        if (contentRoot && contentRoot !== document.body) {
+            contentRoot.scrollTop += e.deltaY;
+            contentRoot.scrollLeft += e.deltaX;
+        }
+        else {
+            window.scrollBy(e.deltaX, e.deltaY);
+        }
+        onWheel?.(e);
+    }
+    function handleFormPrevention(e) {
+        if (contentRoot && contentRoot.contains(e.target)) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    }
+    function preventDragStart(e) {
+        if (isBuilderUI(e.target))
+            return;
+        e.preventDefault();
+    }
+    function preventSelectStart(e) {
+        if (isBuilderUI(e.target))
+            return;
+        if (isMouseDown) {
+            e.preventDefault();
+        }
+    }
+    function attachListeners() {
+        overlay.addEventListener('mousedown', handleMouseDown);
+        overlay.addEventListener('mousemove', handleMouseMove);
+        overlay.addEventListener('mouseup', handleMouseUp);
+        overlay.addEventListener('mouseleave', handleMouseLeave);
+        overlay.addEventListener('click', handleClick);
+        overlay.addEventListener('dblclick', handleDoubleClick);
+        overlay.addEventListener('wheel', handleWheel, { passive: true });
+        document.addEventListener('submit', handleFormPrevention, true);
+        document.addEventListener('dragstart', preventDragStart, true);
+        document.addEventListener('selectstart', preventSelectStart, true);
+    }
+    function detachListeners() {
+        overlay.removeEventListener('mousedown', handleMouseDown);
+        overlay.removeEventListener('mousemove', handleMouseMove);
+        overlay.removeEventListener('mouseup', handleMouseUp);
+        overlay.removeEventListener('mouseleave', handleMouseLeave);
+        overlay.removeEventListener('click', handleClick);
+        overlay.removeEventListener('dblclick', handleDoubleClick);
+        overlay.removeEventListener('wheel', handleWheel);
+        document.removeEventListener('submit', handleFormPrevention, true);
+        document.removeEventListener('dragstart', preventDragStart, true);
+        document.removeEventListener('selectstart', preventSelectStart, true);
+        document.removeEventListener('mousemove', handleDocumentMouseMove, true);
+        document.removeEventListener('mouseup', handleDocumentMouseUp, true);
+        isMouseDown = false;
+    }
+    function mount() {
+        document.body.appendChild(overlay);
+        attachListeners();
+    }
+    function unmount() {
+        detachListeners();
+        overlay.remove();
+    }
+    function setCursor(cursor) {
+        overlay.style.cursor = cursor;
+    }
+    return {
+        element: overlay,
+        mount,
+        unmount,
+        getElementAt,
+        setCursor,
+        getLastHoveredElement: () => lastHoveredElement
+    };
+}

package/dist/builder/history-state.d.ts

@@ -0,0 +1,41 @@
+/**
+ * History state management - Undo/redo stack
+ * Tracks DOM move operations for undo/redo functionality
+ */
+export interface CreatedWrapper {
+    type: 'horizontal' | 'vertical';
+    position: string;
+    wrapperParent: HTMLElement;
+    insertedBefore: Node | null;
+    targetElement: HTMLElement;
+    styles: Record<string, string>;
+}
+export interface MoveEntry {
+    type: 'move';
+    element: HTMLElement;
+    originalParent: HTMLElement;
+    originalNextSibling: Node | null;
+    originalParentWasWrapper: boolean;
+    newParent: HTMLElement;
+    newNextSibling: Node | null;
+    createdWrapper: CreatedWrapper | null;
+}
+export interface HistoryStateData {
+    undoStack: MoveEntry[];
+    redoStack: MoveEntry[];
+}
+export type HistoryStateListener = (state: HistoryStateData) => void;
+export interface HistoryState {
+    getState: () => HistoryStateData;
+    setState: (updates: Partial<HistoryStateData>) => void;
+    subscribe: (listener: HistoryStateListener) => () => void;
+    pushChange: (entry: MoveEntry) => void;
+    undo: () => MoveEntry | null;
+    redo: () => MoveEntry | null;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    clear: () => void;
+    getChanges: () => MoveEntry[];
+}
+export declare function createHistoryState(initialState?: Partial<HistoryStateData>): HistoryState;
+//# sourceMappingURL=history-state.d.ts.map

package/dist/builder/history-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history-state.d.ts","sourceRoot":"","sources":["../../src/builder/history-state.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,mBAAmB,EAAE,IAAI,GAAG,IAAI,CAAC;IACjC,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,WAAW,CAAC;IACvB,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,SAAS,EAAE,SAAS,EAAE,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,gBAAgB,CAAC;IACjC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAC;IAC1D,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,EAAE,MAAM,SAAS,EAAE,CAAC;CAC/B;AAED,wBAAgB,kBAAkB,CAAC,YAAY,GAAE,OAAO,CAAC,gBAAgB,CAAM,GAAG,YAAY,CAuF7F"}

package/dist/builder/history-state.js

@@ -0,0 +1,76 @@
+/**
+ * History state management - Undo/redo stack
+ * Tracks DOM move operations for undo/redo functionality
+ */
+export function createHistoryState(initialState = {}) {
+    let state = {
+        undoStack: [],
+        redoStack: [],
+        ...initialState
+    };
+    const listeners = new Set();
+    function getState() {
+        return { ...state };
+    }
+    function setState(updates) {
+        state = { ...state, ...updates };
+        listeners.forEach(listener => listener(state));
+    }
+    function subscribe(listener) {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+    }
+    function pushChange(entry) {
+        setState({
+            undoStack: [...state.undoStack, entry],
+            redoStack: []
+        });
+    }
+    function undo() {
+        if (state.undoStack.length === 0)
+            return null;
+        const entry = state.undoStack[state.undoStack.length - 1];
+        setState({
+            undoStack: state.undoStack.slice(0, -1),
+            redoStack: [...state.redoStack, entry]
+        });
+        return entry;
+    }
+    function redo() {
+        if (state.redoStack.length === 0)
+            return null;
+        const entry = state.redoStack[state.redoStack.length - 1];
+        setState({
+            redoStack: state.redoStack.slice(0, -1),
+            undoStack: [...state.undoStack, entry]
+        });
+        return entry;
+    }
+    function canUndo() {
+        return state.undoStack.length > 0;
+    }
+    function canRedo() {
+        return state.redoStack.length > 0;
+    }
+    function clear() {
+        setState({
+            undoStack: [],
+            redoStack: []
+        });
+    }
+    function getChanges() {
+        return [...state.undoStack];
+    }
+    return {
+        getState,
+        setState,
+        subscribe,
+        pushChange,
+        undo,
+        redo,
+        canUndo,
+        canRedo,
+        clear,
+        getChanges
+    };
+}

package/dist/builder/index.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Builder exports - Visual editor and chatbot core
+ */
+export { createState } from './state';
+export type { Message, ChatState, StateListener, StateStore } from './state';
+export { createClient } from './client';
+export type { ClientConfig, MessageData, StreamClient } from './client';
+export { createWidget } from './widget';
+export type { WidgetMode, WidgetPosition, WidgetTheme, WidgetConfig, Widget } from './widget';
+export { createBuilder } from './builder';
+export type { BuilderConfig, Builder as BuilderInstance } from './builder';
+export { createBuilderClient } from './builder-client';
+export type { BuilderClientConfig, BuilderClient } from './builder-client';
+export { createCodeClient } from './code-client';
+export type { CodeClientConfig, CodeMessage, CodeEvent, CodeEdit, CodeClient } from './code-client';
+export { createEditorState } from './editor-state';
+export type { DropIndicator, EditorStateData, EditorStateListener, EditorState } from './editor-state';
+export { createHistoryState } from './history-state';
+export type { CreatedWrapper, MoveEntry, HistoryStateData, HistoryStateListener, HistoryState } from './history-state';
+export { createTreeState } from './tree-state';
+export type { TreeNode, SerializedRect, SerializedDOMNode, TreeStateData, TreeStateListener, TreeState } from './tree-state';
+export { createDiffState } from './diff-state';
+export type { DiffEntry, DiffState } from './diff-state';
+export { createFreezeOverlay } from './freeze-overlay';
+export type { FreezeOverlayConfig, FreezeOverlay } from './freeze-overlay';
+export { createOverlays } from './editor-overlays';
+export type { OverlaysConfig, Overlays } from './editor-overlays';
+export { createDragEngine } from './drag-engine';
+export type { DragEngineConfig, DropTarget, DragEngine } from './drag-engine';
+export { scanDOM, createDebouncedScanner, getElementAtPath, queryElements, generateSelector } from './dom-scanner';
+export type { ScanOptions, DebouncedScanner } from './dom-scanner';
+export { STABLE_ID_ATTR, VISIBILITY_ATTR, getVisibilityBoundary, canDropInZone, getStableId, findByStableId, getDomPath, getElementAtPath as getElementAtPathFromUtils, getRelevantStyles, serializeRect, buildElementIdentifier, buildPlacementTarget } from './element-utils';
+export type { ElementIdentifier, PlacementTarget, SerializedRect as SerializedRectFromUtils } from './element-utils';
+export { createAIPromptPopover } from './ai-prompt-popover';
+export type { AIPromptPopoverConfig, AIPromptPopover } from './ai-prompt-popover';
+export { getFiberFromDOM, getFiberRoot, captureReactTree } from './fiber-capture';
+export type { CaptureOptions } from './fiber-capture';
+export { createClassifier, setViewportSize } from './classifier/index';
+export type { Signal, ClassifierInput, Classification, Classifier } from './classifier/index';
+export { createBundleManager } from './bundle-manager';
+export type { BundleManager, BundleManagerConfig } from './bundle-manager';
+export { createStyleApplier, hasStyleChanges } from './style-applier';
+export type { StyleApplier, StyleApplierConfig, StyleChange, StyleChangeType } from './style-applier';
+import { createBuilder } from './builder';
+export declare const Chatbot: {
+    init(config: Parameters<typeof createBuilder>[0] & {
+        container?: string;
+    }): {
+        getMessages: () => import("./state").Message[];
+        clearMessages: () => void;
+        sendMessage: (text: string) => Promise<void>;
+        subscribe: (listener: import("./state").StateListener) => () => void;
+        destroy: () => void;
+        state: import("./state").StateStore;
+        client: import("./client").StreamClient;
+        widget: import("./widget").Widget;
+    };
+};
+export declare const Builder: {
+    create: typeof createBuilder;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/builder/index.d.ts.map

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

package/dist/builder/index.js

@@ -0,0 +1,92 @@
+/**
+ * Builder exports - Visual editor and chatbot core
+ */
+// State management
+export { createState } from './state';
+// Streaming client
+export { createClient } from './client';
+// Widget
+export { createWidget } from './widget';
+// Builder
+export { createBuilder } from './builder';
+// Builder client
+export { createBuilderClient } from './builder-client';
+// Code client (flexcode integration)
+export { createCodeClient } from './code-client';
+// Editor state
+export { createEditorState } from './editor-state';
+// History state
+export { createHistoryState } from './history-state';
+// Tree state
+export { createTreeState } from './tree-state';
+// Diff state
+export { createDiffState } from './diff-state';
+// Freeze overlay
+export { createFreezeOverlay } from './freeze-overlay';
+// Editor overlays
+export { createOverlays } from './editor-overlays';
+// Drag engine
+export { createDragEngine } from './drag-engine';
+// DOM scanner
+export { scanDOM, createDebouncedScanner, getElementAtPath, queryElements, generateSelector } from './dom-scanner';
+// Element utilities
+export { STABLE_ID_ATTR, VISIBILITY_ATTR, getVisibilityBoundary, canDropInZone, getStableId, findByStableId, getDomPath, getElementAtPath as getElementAtPathFromUtils, getRelevantStyles, serializeRect, buildElementIdentifier, buildPlacementTarget } from './element-utils';
+// AI prompt popover
+export { createAIPromptPopover } from './ai-prompt-popover';
+// Fiber capture
+export { getFiberFromDOM, getFiberRoot, captureReactTree } from './fiber-capture';
+// Classifier
+export { createClassifier, setViewportSize } from './classifier/index';
+// Bundle manager
+export { createBundleManager } from './bundle-manager';
+// Style applier
+export { createStyleApplier, hasStyleChanges } from './style-applier';
+// Namespace exports for backwards compatibility
+import { createState } from './state';
+import { createClient } from './client';
+import { createWidget } from './widget';
+import { createBuilder } from './builder';
+export const Chatbot = {
+    init(config) {
+        const { container, ...restConfig } = config;
+        if (!container) {
+            throw new Error('Chatbot: container is required');
+        }
+        const state = createState();
+        const client = createClient({
+            endpoint: restConfig.apiBase ? `${restConfig.apiBase}/api/chat` : '/api/chat',
+            onMessage: (data) => {
+                const messages = state.getState().messages;
+                const lastMessage = messages[messages.length - 1];
+                if (lastMessage?.role === 'assistant') {
+                    const newText = lastMessage.text + (data.text || data.content || '');
+                    state.updateMessage(lastMessage.id, { text: newText });
+                }
+            },
+        });
+        const widget = createWidget(container, state, client, {});
+        return {
+            getMessages: () => state.getState().messages,
+            clearMessages: () => state.clearMessages(),
+            sendMessage: (text) => {
+                state.addMessage({ role: 'user', text });
+                state.addMessage({ role: 'assistant', text: '' });
+                return client.send(text);
+            },
+            subscribe: state.subscribe,
+            destroy: () => {
+                widget.destroy();
+            },
+            state,
+            client,
+            widget
+        };
+    }
+};
+export const Builder = {
+    create: createBuilder
+};
+if (typeof window !== 'undefined') {
+    window.Chatbot = Chatbot;
+    window.Builder = Builder;
+}

package/dist/builder/state.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Observable state management for chatbot
+ * Uses event emitters for framework-agnostic reactivity
+ */
+export interface Message {
+    id: string;
+    role: 'user' | 'assistant' | 'system';
+    text: string;
+    timestamp: number;
+}
+export interface ChatState {
+    messages: Message[];
+    isLoading: boolean;
+    isTyping: boolean;
+    error: string | null;
+}
+export type StateListener = (state: ChatState) => void;
+export interface StateStore {
+    getState: () => ChatState;
+    setState: (updates: Partial<ChatState>) => void;
+    subscribe: (listener: StateListener) => () => void;
+    addMessage: (message: Omit<Message, 'id' | 'timestamp'> & Partial<Pick<Message, 'id' | 'timestamp'>>) => Message;
+    updateMessage: (id: string, updates: Partial<Message>) => void;
+    clearMessages: () => void;
+}
+export declare function createState(initialState?: Partial<ChatState>): StateStore;
+//# sourceMappingURL=state.d.ts.map

package/dist/builder/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/builder/state.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,MAAM,IAAI,CAAC;IACnD,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC,KAAK,OAAO,CAAC;IACjH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,YAAY,GAAE,OAAO,CAAC,SAAS,CAAM,GAAG,UAAU,CAuD7E"}

package/dist/builder/state.js

@@ -0,0 +1,50 @@
+/**
+ * Observable state management for chatbot
+ * Uses event emitters for framework-agnostic reactivity
+ */
+export function createState(initialState = {}) {
+    let state = {
+        messages: [],
+        isLoading: false,
+        isTyping: false,
+        error: null,
+        ...initialState
+    };
+    const listeners = new Set();
+    function getState() {
+        return { ...state };
+    }
+    function setState(updates) {
+        state = { ...state, ...updates };
+        listeners.forEach(listener => listener(state));
+    }
+    function subscribe(listener) {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+    }
+    function addMessage(message) {
+        const newMessage = {
+            id: crypto.randomUUID(),
+            timestamp: Date.now(),
+            ...message
+        };
+        setState({ messages: [...state.messages, newMessage] });
+        return newMessage;
+    }
+    function updateMessage(id, updates) {
+        setState({
+            messages: state.messages.map(msg => msg.id === id ? { ...msg, ...updates } : msg)
+        });
+    }
+    function clearMessages() {
+        setState({ messages: [] });
+    }
+    return {
+        getState,
+        setState,
+        subscribe,
+        addMessage,
+        updateMessage,
+        clearMessages
+    };
+}

package/dist/builder/style-applier.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Style Applier - Parses code edits and applies styling changes directly to DOM
+ *
+ * Extracts styling-related changes from React/JSX code diffs:
+ * - className prop changes
+ * - style prop changes
+ * - Tailwind class additions/removals
+ *
+ * Then applies them to the corresponding DOM elements without requiring a bundle reload.
+ */
+import type { CodeEdit } from './code-client';
+/**
+ * Types of style changes we can detect and apply
+ */
+export type StyleChangeType = 'className' | 'style' | 'tailwind';
+export interface StyleChange {
+    type: StyleChangeType;
+    filePath: string;
+    componentName?: string;
+    selector?: string;
+    oldClassName?: string;
+    newClassName?: string;
+    styleProperty?: string;
+    oldValue?: string;
+    newValue?: string;
+    addClasses?: string[];
+    removeClasses?: string[];
+}
+export interface StyleApplierConfig {
+    /** Function to query elements - defaults to document.querySelectorAll */
+    queryElements?: (selector: string) => NodeListOf<Element>;
+    /** Custom component to DOM mapping function */
+    mapComponentToElements?: (componentName: string, filePath: string) => Element[];
+    /** Called when a style change is applied */
+    onApply?: (change: StyleChange, elements: Element[]) => void;
+    /** Called when a style change fails to apply */
+    onError?: (change: StyleChange, error: Error) => void;
+}
+export interface StyleApplier {
+    /** Parse a code edit and extract style changes */
+    parseEdit(edit: CodeEdit): StyleChange[];
+    /** Apply a style change to the DOM */
+    applyChange(change: StyleChange): Element[];
+    /** Parse and apply all style changes from an edit */
+    processEdit(edit: CodeEdit): {
+        changes: StyleChange[];
+        applied: number;
+    };
+    /** Find DOM elements for a component */
+    findElements(componentName: string, filePath: string): Element[];
+}
+/**
+ * Create a style applier instance
+ */
+export declare function createStyleApplier(config?: StyleApplierConfig): StyleApplier;
+/**
+ * Utility: Check if an edit likely contains style changes
+ * Quick check before doing full parsing
+ */
+export declare function hasStyleChanges(edit: CodeEdit): boolean;
+//# sourceMappingURL=style-applier.d.ts.map

package/dist/builder/style-applier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-applier.d.ts","sourceRoot":"","sources":["../../src/builder/style-applier.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC;IAE1D,+CAA+C;IAC/C,sBAAsB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAEhF,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAE7D,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,WAAW,YAAY;IAC3B,kDAAkD;IAClD,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,WAAW,EAAE,CAAC;IAEzC,sCAAsC;IACtC,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,EAAE,CAAC;IAE5C,qDAAqD;IACrD,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG;QAAE,OAAO,EAAE,WAAW,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzE,wCAAwC;IACxC,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE,CAAC;CAClE;AAwJD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,kBAAuB,GAAG,YAAY,CAuLhF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAGvD"}