dynim-core 1.0.5 → 1.0.7

package/dist/builder/builder.d.ts

@@ -23,6 +23,8 @@ export interface BuilderConfig {
     }>;
     /** External CodeClient to use (shares state with parent) - if not provided, creates its own */
     codeClient?: CodeClient;
+    /** Function to load a bundle URL (typically bundleManager.load) */
+    loadBundle?: (bundleUrl: string) => Promise<void>;
 }
 export interface Builder {
     enter: () => 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,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;CACzB;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,CAmXjE;;;;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,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,CAoejE;;;;AAMD,wBAAyC"}

package/dist/builder/builder.js

@@ -15,7 +15,7 @@ import { createCodeClient } from './code-client';
 import { createBuilderClient } from './builder-client';
 import { buildElementIdentifier, getRelevantStyles } from './element-utils';
 export function createBuilder(config = {}) {
-    const { logo = 'Builder', onExit, onEnter, chatConfig = {}, contentRoot = document.body, pageId = window.location.pathname, apiBase = 'http://localhost:8080', sessionToken, refreshToken, getSession, codeClient: externalCodeClient } = config;
+    const { logo = 'Builder', onExit, onEnter, chatConfig = {}, contentRoot = document.body, pageId = window.location.pathname, apiBase = 'http://localhost:8080', sessionToken, refreshToken, getSession, codeClient: externalCodeClient, loadBundle } = config;
     let isActive = false;
     let chatWidget = null;
     let state = null;
@@ -38,6 +38,18 @@ export function createBuilder(config = {}) {
       </div>
       <div class="builder-bar__divider"></div>
       <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">
+            <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>
+          Preview
+        </button>
+        <button class="builder-bar__btn builder-bar__btn--save" disabled>
+          <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
+            <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
+          </svg>
+          Save
+        </button>
         <button class="builder-bar__btn builder-bar__btn--exit">
           <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
             <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
@@ -50,6 +62,8 @@ export function createBuilder(config = {}) {
     let builderClient = null;
     // Track unsubscribe function for external client
     let unsubscribeFromClient = null;
+    // Track unsubscribe function for bundleReady state
+    let unsubscribeCodeClient = null;
     function initCodeClient(stateRef) {
         // Handler for message updates (used by both internal and external client)
         const handleMessageUpdate = (message) => {
@@ -235,6 +249,16 @@ export function createBuilder(config = {}) {
             });
             initCodeClient(state);
             initBuilderClient();
+            // Subscribe to code client to track bundleReady state
+            if (client) {
+                unsubscribeCodeClient = client.onMessage((message) => {
+                    const saveBtn = root.querySelector('.builder-bar__btn--save');
+                    if (saveBtn) {
+                        // Enable when bundleReady (changes exist to save)
+                        saveBtn.disabled = !message.bundleReady;
+                    }
+                });
+            }
             // Pre-warm the cache for faster chat responses (projectId comes from JWT)
             if (client) {
                 client.warmCache();
@@ -282,6 +306,9 @@ export function createBuilder(config = {}) {
         freezeOverlay = null;
         editorState = null;
         treeState = null;
+        // Cleanup bundleReady subscription
+        unsubscribeCodeClient?.();
+        unsubscribeCodeClient = null;
         if (chatWidget) {
             chatWidget.close();
             chatWidget.root.style.display = 'none';
@@ -292,7 +319,29 @@ export function createBuilder(config = {}) {
         if (!isActive)
             return;
         isActive = false;
-        // Notify server of exit
+        // Step 1: Abandon temp edits on server
+        if (client) {
+            try {
+                await client.abandonCode();
+                console.log('[Builder] Temp edits abandoned');
+                // Step 2: Load permanent bundle (now that temp edits are gone)
+                if (loadBundle) {
+                    const savedBundleUrl = `${apiBase}/api/code/bundle`;
+                    console.log('[Builder] Loading permanent bundle:', savedBundleUrl);
+                    try {
+                        await loadBundle(savedBundleUrl);
+                        console.log('[Builder] Permanent bundle loaded');
+                    }
+                    catch (bundleError) {
+                        console.error('[Builder] Failed to load permanent bundle:', bundleError);
+                    }
+                }
+            }
+            catch (error) {
+                console.error('[Builder] Exit/abandon failed:', error);
+            }
+        }
+        // Step 3: Notify server (optional additional cleanup)
         if (builderClient) {
             try {
                 await builderClient.exit(pageId, true);
@@ -302,8 +351,56 @@ export function createBuilder(config = {}) {
                 console.error('[Builder] Exit notification failed:', error);
             }
         }
+        // Step 4: Cleanup UI
         cleanup();
     }
+    async function handlePreview() {
+        if (!builderClient) {
+            console.error('[Builder] Builder client not initialized');
+            return;
+        }
+        try {
+            console.log('[Builder] Requesting preview...');
+            const result = await builderClient.preview(pageId);
+            console.log('[Builder] Preview result:', result);
+            if (result.previewUrl) {
+                window.open(result.previewUrl, '_blank');
+            }
+        }
+        catch (error) {
+            console.error('[Builder] Preview failed:', error);
+        }
+    }
+    async function handleSave() {
+        if (!client) {
+            console.error('[Builder] Code client not initialized');
+            return;
+        }
+        try {
+            console.log('[Builder] Saving code edits...');
+            await client.saveCode();
+            console.log('[Builder] Save complete - exiting builder');
+            // After save, the current bundle IS the permanent state
+            // Skip abandon/reload and just cleanup UI
+            if (!isActive)
+                return;
+            isActive = false;
+            // Notify server of exit (no discard since we saved)
+            if (builderClient) {
+                try {
+                    await builderClient.exit(pageId, false);
+                    console.log('[Builder] Exit notification sent');
+                }
+                catch (error) {
+                    console.error('[Builder] Exit notification failed:', error);
+                }
+            }
+            cleanup();
+        }
+        catch (error) {
+            console.error('[Builder] Save failed:', error);
+        }
+    }
     root.addEventListener('click', (e) => {
         const target = e.target;
         if (target.closest('.builder-bar__btn--exit')) {
@@ -311,6 +408,16 @@ export function createBuilder(config = {}) {
             exit();
             return;
         }
+        if (target.closest('.builder-bar__btn--preview')) {
+            e.stopPropagation();
+            handlePreview();
+            return;
+        }
+        if (target.closest('.builder-bar__btn--save')) {
+            e.stopPropagation();
+            handleSave();
+            return;
+        }
     });
     document.addEventListener('click', (e) => {
         const target = e.target;

package/package.json

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

package/src/styles/builder.css

@@ -109,6 +109,10 @@
   transform: scale(0.96);
 }
 
+.builder-bar__btn--save.builder-bar__btn--saved {
+  background: #22c55e !important;
+}
+
 .builder-bar__btn--preview {
   background: rgba(255, 255, 255, 0.08);
   color: #94a3b8;