pagiera 0.2.0-alpha.40 → 0.2.0-alpha.42

package/dist/full-editor.js

@@ -9547,6 +9547,15 @@ function isRegistry(value) {
     (entry) => Boolean(entry && typeof entry.id === "string" && typeof entry.name === "string" && typeof entry.version === "string" && entry.preview)
   );
 }
+function withRefresh(url) {
+  try {
+    const parsed = new URL(url, globalThis.location?.href ?? "http://localhost");
+    parsed.searchParams.set("refresh", "1");
+    return /^[a-z][a-z0-9+.-]*:|^\/\//i.test(url) ? parsed.href : parsed.pathname + parsed.search + parsed.hash;
+  } catch {
+    return url;
+  }
+}
 async function fetchJson(url) {
   const response = await fetch(url, { cache: "no-cache", headers: { Accept: "application/json" } });
   if (!response.ok) throw new Error(`Template registry returned ${response.status}.`);
@@ -9563,7 +9572,7 @@ async function loadTemplateRegistry(url = DEFAULT_TEMPLATE_REGISTRY_URL, force =
     if (cached && isRegistry(cached)) return { registry: cached, source: "cache" };
   }
   try {
-    const response = await fetchJson(url);
+    const response = await fetchJson(force ? withRefresh(url) : url);
     const value = response.value;
     if (!isRegistry(value)) throw new Error("Template registry has an unsupported format.");
     if (cacheable) writeCache(key, value);
@@ -9792,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);
@@ -9812,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) {
@@ -9832,7 +9851,7 @@ function useTemplatePreview(templateId) {
     return () => {
       active = false;
     };
-  }, [templateId]);
+  }, [templateId, revision]);
   return { pages, loading, error };
 }
 function devicesFor(page) {
@@ -9972,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 }] : [],
@@ -9984,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);