@arbidocs/blocks 0.3.113 → 0.3.115

package/dist/index.cjs

@@ -2376,7 +2376,8 @@ function StudioEditor({
   live,
   initialSlug,
   testIdPrefix = "studio",
-  publishAsset
+  publishAsset,
+  resetSeam = false
 }) {
   const arbi = react.useArbi();
   const materialize = react$1.useMemo(
@@ -2407,6 +2408,14 @@ function StudioEditor({
       cancelled = true;
     };
   }, [slug, live]);
+  react$1.useEffect(() => {
+    if (!resetSeam) return;
+    const w = window;
+    w.__studioResetSlug = (s) => persistence.deletePage(arbi, live, s);
+    return () => {
+      delete w.__studioResetSlug;
+    };
+  }, [resetSeam, arbi, live, persistence]);
   const persist4 = react$1.useCallback(
     async (toSave) => {
       setSaving(true);
@@ -2692,6 +2701,26 @@ function createStudioPersistence(cfg) {
   function loadPublished(arbi, live, slug) {
     return readPage(arbi, live, publishedKey(slug), publishedFile(slug));
   }
+  async function deletePage(arbi, live, slug) {
+    try {
+      localStorage.removeItem(pageKey(slug));
+      localStorage.removeItem(publishedKey(slug));
+    } catch {
+    }
+    if (!canUseArbi(arbi, live)) return;
+    try {
+      await arbi.selectWorkspace(WORKSPACE_ID);
+      const docs = await arbi.documents.list();
+      const names = [pageFile(slug), publishedFile(slug)];
+      const ids = docs.filter(
+        (d) => (d.folder ?? "").includes(FOLDER) && names.some((n) => (d.file_name ?? "").endsWith(n))
+      ).map((d) => d.external_id);
+      if (ids.length) await arbi.documents.delete(ids);
+      console.info(`[studio] deleted ${ids.length} doc(s) for "${slug}" from ARBI`);
+    } catch (e) {
+      console.warn(`[studio] ARBI delete failed for "${slug}"`, e);
+    }
+  }
   async function saveTheme(arbi, live, theme) {
     try {
       localStorage.setItem(THEME_KEY, JSON.stringify(theme));
@@ -2728,7 +2757,7 @@ function createStudioPersistence(cfg) {
       return null;
     }
   }
-  return { savePage, loadPage, savePublished, loadPublished, saveTheme, loadTheme };
+  return { savePage, loadPage, savePublished, loadPublished, deletePage, saveTheme, loadTheme };
 }
 function AiTextField({
   value,
@@ -2886,7 +2915,9 @@ function ImageFieldControl({
   const [busy, setBusy] = react$1.useState(false);
   const arbi = react.useArbi();
   const gen = useImageGen();
+  const queryClient = reactQuery.useQueryClient();
   const tp = (...q) => tid(`${testIdPrefix}-image`, name, ...q);
+  const refreshAssets = () => queryClient.invalidateQueries({ queryKey: ["arbi", "documents", workspaceId] });
   const { data: docs } = react.useDocuments(workspaceId);
   const imageDocs = react$1.useMemo(
     () => (docs ?? []).filter(
@@ -2907,7 +2938,10 @@ function ImageFieldControl({
       await arbi.selectWorkspace(workspaceId);
       const res = await arbi.documents.uploadFile(file, file.name, { folder });
       const id = res.doc_ext_ids?.[0];
-      if (id) onChange(asAssetRef(id));
+      if (id) {
+        onChange(asAssetRef(id));
+        void refreshAssets();
+      }
     } finally {
       setBusy(false);
     }
@@ -2915,7 +2949,10 @@ function ImageFieldControl({
   const onGenerate = async () => {
     if (!prompt.trim() || gen.isGenerating) return;
     const id = await gen.generate(prompt);
-    if (id) onChange(asAssetRef(id));
+    if (id) {
+      onChange(asAssetRef(id));
+      void refreshAssets();
+    }
   };
   const MODES = [
     { key: "asset", label: "Assets", icon: lucideReact.ImagePlus },
@@ -2960,7 +2997,7 @@ function ImageFieldControl({
               {
                 src: thumb,
                 alt: d.file_name ?? "",
-                className: "aspect-square w-full object-cover"
+                className: "aspect-square w-full bg-muted object-contain"
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex aspect-square w-full items-center justify-center bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImagePlus, { className: "size-4" }) })
           },