dynim-core 1.0.9 → 1.0.11

package/dist/builder/builder.d.ts

@@ -32,6 +32,10 @@ export interface Builder {
     enter: () => void;
     exit: () => void;
     isActive: () => boolean;
+    isPreviewMode: () => boolean;
+    togglePreview: () => void;
+    enterPreviewMode: () => void;
+    exitPreviewMode: () => void;
     getEditorState: () => unknown;
     getTreeState: () => unknown;
     destroy: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../src/builder/builder.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAA6B,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAQxE,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAIlE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,+FAA+F;IAC/F,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,MAAM,GAAE,aAAkB,GAAG,OAAO,CAyejE;;;;AAMD,wBAAyC"}
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../src/builder/builder.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAA6B,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAQxE,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAIlE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,+FAA+F;IAC/F,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,MAAM,GAAE,aAAkB,GAAG,OAAO,CA0kBjE;;;;AAMD,wBAAyC"}

package/dist/builder/builder.js

@@ -17,6 +17,7 @@ import { buildElementIdentifier, getRelevantStyles } from './element-utils';
 export function createBuilder(config = {}) {
     const { logo = 'Builder', onExit, onEnter, onExitStart, chatConfig = {}, contentRoot = document.body, pageId = window.location.pathname, apiBase = 'http://localhost:8080', sessionToken, refreshToken, getSession, codeClient: externalCodeClient, loadBundle } = config;
     let isActive = false;
+    let isPreviewMode = false;
     let chatWidget = null;
     let state = null;
     let client = null;
@@ -37,6 +38,12 @@ export function createBuilder(config = {}) {
         <span>${logo}</span>
       </div>
       <div class="builder-bar__divider"></div>
+      <span class="builder-bar__preview-badge" style="display: none;">
+        <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
+          <path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/>
+        </svg>
+        PREVIEWING
+      </span>
       <div class="builder-bar__actions">
         <button class="builder-bar__btn builder-bar__btn--preview">
           <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
@@ -318,6 +325,11 @@ export function createBuilder(config = {}) {
     async function exit() {
         if (!isActive)
             return;
+        // Exit preview mode first if active
+        if (isPreviewMode) {
+            isPreviewMode = false;
+            updateBarForPreviewMode(false);
+        }
         isActive = false;
         // Notify IMMEDIATELY before any async work
         // This allows BuilderProvider to set isExitingRef before streaming events can interfere
@@ -404,6 +416,71 @@ export function createBuilder(config = {}) {
             console.error('[Builder] Save failed:', error);
         }
     }
+    function updateBarForPreviewMode(isPreviewing) {
+        const previewBtn = root.querySelector('.builder-bar__btn--preview');
+        const previewBadge = root.querySelector('.builder-bar__preview-badge');
+        if (previewBtn) {
+            // Update button text while preserving the icon
+            const textNode = Array.from(previewBtn.childNodes).find(node => node.nodeType === Node.TEXT_NODE);
+            if (textNode) {
+                textNode.textContent = isPreviewing ? 'Edit' : 'Preview';
+            }
+            else {
+                // Fallback: append text if no text node found
+                previewBtn.appendChild(document.createTextNode(isPreviewing ? 'Edit' : 'Preview'));
+            }
+        }
+        if (previewBadge) {
+            previewBadge.style.display = isPreviewing ? 'flex' : 'none';
+        }
+        // Add/remove preview mode class for styling
+        root.classList.toggle('builder-bar--preview-mode', isPreviewing);
+    }
+    function enterPreviewMode() {
+        if (!isActive || isPreviewMode)
+            return;
+        isPreviewMode = true;
+        console.log('[Builder] Entering preview mode');
+        // Hide editing UI
+        freezeOverlay?.unmount();
+        overlays?.hideAll();
+        interactionEngine?.detach();
+        aiPromptPopover?.unmount();
+        // Hide chat
+        chatWidget?.close();
+        if (chatWidget?.root) {
+            chatWidget.root.style.display = 'none';
+        }
+        // Clear any selection
+        editorState?.clearSelection();
+        // Update bar UI
+        updateBarForPreviewMode(true);
+    }
+    function exitPreviewMode() {
+        if (!isActive || !isPreviewMode)
+            return;
+        isPreviewMode = false;
+        console.log('[Builder] Exiting preview mode');
+        // Restore editing UI
+        freezeOverlay?.mount();
+        overlays?.mount();
+        interactionEngine?.attach();
+        aiPromptPopover?.mount();
+        // Show chat
+        if (chatWidget?.root) {
+            chatWidget.root.style.display = '';
+        }
+        // Update bar UI
+        updateBarForPreviewMode(false);
+    }
+    function togglePreview() {
+        if (isPreviewMode) {
+            exitPreviewMode();
+        }
+        else {
+            enterPreviewMode();
+        }
+    }
     root.addEventListener('click', (e) => {
         const target = e.target;
         if (target.closest('.builder-bar__btn--exit')) {
@@ -413,7 +490,7 @@ export function createBuilder(config = {}) {
         }
         if (target.closest('.builder-bar__btn--preview')) {
             e.stopPropagation();
-            handlePreview();
+            togglePreview();
             return;
         }
         if (target.closest('.builder-bar__btn--save')) {
@@ -435,6 +512,10 @@ export function createBuilder(config = {}) {
         enter,
         exit,
         isActive: () => isActive,
+        isPreviewMode: () => isPreviewMode,
+        togglePreview,
+        enterPreviewMode,
+        exitPreviewMode,
         getEditorState: () => editorState?.getState(),
         getTreeState: () => treeState?.getState(),
         destroy: () => {

package/dist/builder/code-client.d.ts

@@ -88,6 +88,8 @@ export interface CodeClient {
     getEdits: () => Promise<CodeEdit[]>;
     /** Pre-warm the file cache for faster code requests - projectId comes from JWT */
     warmCache: () => Promise<void>;
+    /** Abort any active streaming request */
+    abort: () => void;
     /** Set/update the session token */
     setSessionToken: (token: string, refreshToken?: string) => void;
     /** Check if authenticated */

package/dist/builder/code-client.d.ts.map

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

package/dist/builder/code-client.js

@@ -36,6 +36,8 @@ export function createCodeClient(config = {}) {
     let needsTextBreak = false;
     // Additional message listeners (for sharing client between components)
     const messageListeners = new Set();
+    // AbortController for canceling active streams
+    let currentAbortController = null;
     /** Notify all listeners of message update */
     function notifyListeners() {
         onMessageUpdate?.(currentMessage);
@@ -164,6 +166,11 @@ export function createCodeClient(config = {}) {
             onAuthError?.(new Error('Not authenticated'));
             return;
         }
+        // Abort any existing stream before starting a new one
+        if (currentAbortController) {
+            currentAbortController.abort();
+        }
+        currentAbortController = new AbortController();
         // Reset message state for new request
         currentMessage = createEmptyMessage();
         needsTextBreak = false;
@@ -183,7 +190,8 @@ export function createCodeClient(config = {}) {
                     'Content-Type': 'application/json',
                     'Accept': 'text/event-stream'
                 },
-                body
+                body,
+                signal: currentAbortController.signal
             });
             if (!response.ok) {
                 if (response.status === 401 || response.status === 403) {
@@ -285,10 +293,29 @@ export function createCodeClient(config = {}) {
             }
         }
         catch (error) {
+            // Don't log abort errors as they're intentional
+            if (error.name === 'AbortError') {
+                console.log('[CodeClient] Stream aborted');
+                return;
+            }
             console.error('[CodeClient] Code request error:', error);
             updateMessage({ status: 'error', error: error.message });
             onError?.(error);
         }
+        finally {
+            currentAbortController = null;
+        }
+    }
+    /**
+     * Abort any active streaming request
+     * Used when exiting builder to prevent race conditions
+     */
+    function abort() {
+        if (currentAbortController) {
+            console.log('[CodeClient] Aborting active stream');
+            currentAbortController.abort();
+            currentAbortController = null;
+        }
     }
     /**
      * Save pending edits (commit temp changes)
@@ -413,6 +440,7 @@ export function createCodeClient(config = {}) {
         abandonCode,
         getEdits,
         warmCache,
+        abort,
         setSessionToken,
         isAuthenticated: () => !!currentSessionToken,
         getMessage: () => currentMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-core",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/styles/builder.css

@@ -70,6 +70,32 @@
   margin: 0 4px;
 }
 
+/* Preview badge */
+.builder-bar__preview-badge {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 12px;
+  background: #3b82f6;
+  color: white;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.builder-bar__preview-badge svg {
+  width: 14px;
+  height: 14px;
+}
+
+/* Preview mode bar styling */
+.builder-bar--preview-mode .builder-bar {
+  background: linear-gradient(to right, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.95));
+  border-bottom: 2px solid #3b82f6;
+}
+
 /* Actions section */
 .builder-bar__actions {
   display: flex;