pagiera 0.2.0-alpha.41 → 0.2.0-alpha.42

package/dist/full-editor.js

@@ -9801,16 +9801,23 @@ var FALLBACK_DEVICES = [
   { id: "tablet", name: "Tablet", width: 834 },
   { id: "mobile", name: "Mobile", width: 390 }
 ];
-function previewUrlFor(templateId) {
-  return `${DEFAULT_TEMPLATE_REGISTRY_URL.replace(/registry\.json$/, "")}${encodeURIComponent(templateId)}/preview`;
+function previewUrlFor(templateId, force) {
+  const base = `${DEFAULT_TEMPLATE_REGISTRY_URL.replace(/registry\.json$/, "")}${encodeURIComponent(templateId)}/preview`;
+  return force ? `${base}?refresh=1` : base;
 }
-function useTemplatePreview(templateId) {
+function useTemplatePreview(templateId, revision = 0) {
   const [pages, setPages] = useState12();
   const [error, setError] = useState12("");
   const [loading, setLoading] = useState12(false);
   const cache = useRef4(/* @__PURE__ */ new Map());
+  const lastRevision = useRef4(revision);
   useEffect9(() => {
     if (!templateId) return;
+    const force = revision !== lastRevision.current;
+    if (force) {
+      cache.current.clear();
+      lastRevision.current = revision;
+    }
     const cached = cache.current.get(templateId);
     if (cached) {
       setPages(cached);
@@ -9821,7 +9828,10 @@ function useTemplatePreview(templateId) {
     setLoading(true);
     setError("");
     setPages(void 0);
-    fetch(previewUrlFor(templateId), { headers: { Accept: "application/json" } }).then(async (response) => {
+    fetch(previewUrlFor(templateId, force), {
+      headers: { Accept: "application/json" },
+      cache: force ? "no-store" : "default"
+    }).then(async (response) => {
       const payload = await response.json().catch(() => ({}));
       if (!response.ok) throw new Error(payload?.error ?? `Preview returned ${response.status}.`);
       if (!Array.isArray(payload?.pages) || payload.pages.length === 0) {
@@ -9841,7 +9851,7 @@ function useTemplatePreview(templateId) {
     return () => {
       active = false;
     };
-  }, [templateId]);
+  }, [templateId, revision]);
   return { pages, loading, error };
 }
 function devicesFor(page) {
@@ -9981,7 +9991,8 @@ function TemplatesPanel({
   const [selectedFont, setSelectedFont] = useState13("");
   const [portalContainer, setPortalContainer] = useState13(null);
   const providerFonts = usePagieraFonts2();
-  const preview = useTemplatePreview(pendingTemplate?.id);
+  const [catalogRevision, setCatalogRevision] = useState13(0);
+  const preview = useTemplatePreview(pendingTemplate?.id, catalogRevision);
   const fontOptions = useMemo3(() => {
     const options = [
       ...pendingTemplate?.font?.url ? [{ label: `${pendingTemplate.font.title} \xB7 Template`, value: pendingTemplate.font.family }] : [],
@@ -9993,6 +10004,7 @@ function TemplatesPanel({
   const refresh = async (force = false) => {
     setStatus("loading");
     setError("");
+    if (force) setCatalogRevision((current) => current + 1);
     const result = await loadTemplateRegistry(registryUrl, force);
     setTemplates(result.registry.templates);
     setStatus(result.source);