@jxsuite/studio 0.16.0 → 0.16.1

package/dist/studio.js

@@ -1508,8 +1508,10 @@ var init_tab = __esm(() => {
 var exports_workspace = {};
 __export(exports_workspace, {
   workspace: () => workspace,
+  replaceAllTabs: () => replaceAllTabs,
   openTab: () => openTab,
   closeTab: () => closeTab,
+  closeAllTabs: () => closeAllTabs,
   activeTab: () => activeTab,
   activateTab: () => activateTab
 });
@@ -1531,6 +1533,32 @@ function closeTab(tabId) {
     workspace.activeTabId = workspace.tabOrder[workspace.tabOrder.length - 1] || null;
   }
 }
+function closeAllTabs() {
+  const tabs = [...workspace.tabs.values()];
+  workspace.tabs.clear();
+  workspace.tabOrder = [];
+  workspace.activeTabId = null;
+  for (const tab of tabs) {
+    disposeTab(tab);
+  }
+}
+function replaceAllTabs(newTabOpts) {
+  const oldIds = [...workspace.tabs.keys()];
+  const oldTabs = [...workspace.tabs.values()];
+  const newTab = createTab(newTabOpts);
+  workspace.tabs.set(newTab.id, newTab);
+  workspace.activeTabId = newTab.id;
+  workspace.tabOrder = [newTab.id];
+  for (const id of oldIds) {
+    if (id === newTab.id)
+      continue;
+    workspace.tabs.delete(id);
+  }
+  for (const tab of oldTabs) {
+    disposeTab(tab);
+  }
+  return newTab;
+}
 function activateTab(tabId) {
   if (workspace.tabs.has(tabId))
     workspace.activeTabId = tabId;
@@ -178841,23 +178869,6 @@ async function renderCanvasLive(gen, doc, canvasEl) {
     } else {
       canvasEl.removeAttribute("data-content-mode");
     }
-    const platform3 = globalThis.__jxPlatform;
-    if (platform3?.resolveAssetUrl && docBase) {
-      const mediaEls = el.querySelectorAll("img[src], video[src], source[src], video[poster]");
-      for (const node2 of mediaEls) {
-        for (const attr of ["src", "poster"]) {
-          const val = node2.getAttribute(attr);
-          if (val && !val.startsWith("data:") && !val.startsWith("blob:") && !val.startsWith("http")) {
-            try {
-              const resolved = new URL(val, docBase).pathname.replace(/^\//, "");
-              const dataUrl = await platform3.resolveAssetUrl(resolved);
-              if (dataUrl)
-                node2.setAttribute(attr, dataUrl);
-            } catch {}
-          }
-        }
-      }
-    }
     canvasEl.appendChild(el);
     if (canvasMode === "design" || canvasMode === "edit") {
       requestAnimationFrame(() => {
@@ -183083,38 +183094,40 @@ function registerPanelEvents(panel) {
     const tab = activeTab.value;
     const canvasMode = _ctx8.getCanvasMode();
     const elements = withPanelPointerEvents(() => document.elementsFromPoint(e.clientX, e.clientY));
+    if (!tab)
+      return;
     for (const el of elements) {
       if (canvas.contains(el) && el !== canvas) {
         if (layoutElements.has(el)) {
           view.layoutSelection = { el, layoutPath: activeLayoutPath };
-          activeTab.value.session.selection = null;
+          tab.session.selection = null;
           renderOnly("rightPanel");
           return;
         }
         view.layoutSelection = null;
         const originalPath = elToPath.get(el);
         if (originalPath) {
-          let path2 = bubbleInlinePath(tab?.doc.document, originalPath);
+          let path2 = bubbleInlinePath(tab.doc.document, originalPath);
           const newMedia = mediaName === "base" ? null : mediaName ?? null;
           const resolvedEl = path2 === originalPath ? el : findCanvasElement(path2, canvas) || el;
-          if (pathsEqual(path2, tab?.session.selection) && isEditableBlock(resolvedEl) && (canvasMode === "edit" || tab?.doc.mode === "content")) {
-            activeTab.value.session.ui.activeMedia = newMedia;
+          if (pathsEqual(path2, tab.session.selection) && isEditableBlock(resolvedEl) && (canvasMode === "edit" || tab.doc.mode === "content")) {
+            tab.session.ui.activeMedia = newMedia;
             _ctx8.enterInlineEdit(resolvedEl, path2);
             return;
           }
-          if (canvasMode === "design" && tab?.doc.mode !== "content") {
+          if (canvasMode === "design" && tab.doc.mode !== "content") {
             updateUi("pendingInlineEdit", { path: path2, mediaName });
-            activeTab.value.session.ui.activeMedia = newMedia;
-            activeTab.value.session.selection = path2;
+            tab.session.ui.activeMedia = newMedia;
+            tab.session.selection = path2;
             return;
           }
-          activeTab.value.session.ui.activeMedia = newMedia;
-          activeTab.value.session.selection = path2;
+          tab.session.ui.activeMedia = newMedia;
+          tab.session.selection = path2;
           return;
         }
       }
     }
-    activeTab.value.session.selection = null;
+    tab.session.selection = null;
   }, opts);
   overlayClk.addEventListener("dblclick", (e) => {
     const barInner = view.blockActionBarEl?.firstElementChild;
@@ -183128,16 +183141,18 @@ function registerPanelEvents(panel) {
       return;
     const tab = activeTab.value;
     const elements = withPanelPointerEvents(() => document.elementsFromPoint(e.clientX, e.clientY));
+    if (!tab)
+      return;
     for (const el of elements) {
       if (canvas.contains(el) && el !== canvas) {
         const originalPath = elToPath.get(el);
         if (originalPath) {
-          const path2 = bubbleInlinePath(tab?.doc.document, originalPath);
+          const path2 = bubbleInlinePath(tab.doc.document, originalPath);
           const resolvedEl = path2 === originalPath ? el : findCanvasElement(path2, canvas) || el;
           if (isEditableBlock(resolvedEl)) {
             const newMedia = mediaName === "base" ? null : mediaName ?? null;
-            activeTab.value.session.ui.activeMedia = newMedia;
-            activeTab.value.session.selection = path2;
+            tab.session.ui.activeMedia = newMedia;
+            tab.session.selection = path2;
             _ctx8.enterInlineEdit(resolvedEl, path2);
             return;
           }
@@ -183174,18 +183189,20 @@ function registerPanelEvents(panel) {
         return;
     }
     const tab = activeTab.value;
+    if (!tab)
+      return;
     const el = withPanelPointerEvents(() => document.elementFromPoint(e.clientX, e.clientY));
     if (el && canvas.contains(el) && el !== canvas) {
       let path2 = elToPath.get(el);
       if (path2) {
-        path2 = bubbleInlinePath(tab?.doc.document, path2);
-        if (!pathsEqual(path2, tab?.session.hover)) {
-          activeTab.value.session.hover = path2;
+        path2 = bubbleInlinePath(tab.doc.document, path2);
+        if (!pathsEqual(path2, tab.session.hover)) {
+          tab.session.hover = path2;
           renderOnly("overlays");
         }
       }
-    } else if (tab?.session.hover) {
-      activeTab.value.session.hover = null;
+    } else if (tab.session.hover) {
+      tab.session.hover = null;
       renderOnly("overlays");
     }
   }, opts);
@@ -184389,6 +184406,7 @@ async function openProject({ renderActivityBar, renderLeftPanel }) {
     if (!result)
       return;
     const { config, handle: handle2 } = result;
+    replaceAllTabs({ id: "initial", document: { tagName: "div", children: [] } });
     setProjectState({
       ...projectState,
       projectRoot: handle2.root,
@@ -215003,16 +215021,18 @@ function renderFrontmatterOnlyPanel() {
       fields.push({ field, entry: fieldSchema, value: fm[field] });
     }
     for (const [field, value2] of Object.entries(fm)) {
-      if (!schemaProps[field]) {
-        fields.push({
-          field,
-          entry: { type: typeof value2 === "boolean" ? "boolean" : "string" },
-          value: value2
-        });
-      }
+      if (schemaProps[field] || field.startsWith("$"))
+        continue;
+      fields.push({
+        field,
+        entry: { type: typeof value2 === "boolean" ? "boolean" : "string" },
+        value: value2
+      });
     }
   } else {
     for (const [field, value2] of Object.entries(fm)) {
+      if (field.startsWith("$"))
+        continue;
       fields.push({
         field,
         entry: { type: typeof value2 === "boolean" ? "boolean" : "string" },
@@ -216094,16 +216114,18 @@ function renderPropertiesPanelTemplate(ctx) {
         fields.push({ field, entry: fieldSchema, value: fm[field] });
       }
       for (const [field, value2] of Object.entries(fm)) {
-        if (!schemaProps[field]) {
-          fields.push({
-            field,
-            entry: { type: typeof value2 === "boolean" ? "boolean" : "string" },
-            value: value2
-          });
-        }
+        if (schemaProps[field] || field.startsWith("$"))
+          continue;
+        fields.push({
+          field,
+          entry: { type: typeof value2 === "boolean" ? "boolean" : "string" },
+          value: value2
+        });
       }
     } else {
       for (const [field, value2] of Object.entries(fm)) {
+        if (field.startsWith("$"))
+          continue;
         fields.push({
           field,
           entry: { type: typeof value2 === "boolean" ? "boolean" : "string" },
@@ -217318,5 +217340,5 @@ effect(() => {
     scheduleAutosave();
 });
 
-//# debugId=441141DC7697869B64756E2164756E21
+//# debugId=E697E6D3C357567164756E2164756E21
 //# sourceMappingURL=studio.js.map