dynim-core 1.0.5 → 1.0.6

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;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,CA0bjE;;;;AAMD,wBAAyC"}

package/dist/builder/builder.js

@@ -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">
+          <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"/>
@@ -304,6 +316,52 @@ export function createBuilder(config = {}) {
         }
         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');
+            // Visual feedback - briefly show saved state
+            const saveBtn = root.querySelector('.builder-bar__btn--save');
+            if (saveBtn) {
+                saveBtn.classList.add('builder-bar__btn--saved');
+                saveBtn.textContent = 'Saved!';
+                setTimeout(() => {
+                    saveBtn.classList.remove('builder-bar__btn--saved');
+                    saveBtn.innerHTML = `
+            <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
+          `;
+                }, 2000);
+            }
+        }
+        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 +369,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.6",
   "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;