@vigilkids/cms-nuxt 0.1.0 → 0.2.1

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.15.0"
   },
-  "version": "0.1.0",
+  "version": "0.2.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -49,6 +49,10 @@ const module = defineNuxtModule({
       });
     }
     if (options.preview?.enabled !== false) {
+      addServerHandler({
+        middleware: true,
+        handler: resolve("./runtime/server/middleware/preview-context")
+      });
       addServerHandler({
         route: "/api/preview",
         method: "get",

package/dist/runtime/composables/useCmsPreview.js

@@ -1,10 +1,23 @@
-import { useRuntimeConfig, useState } from "#imports";
-import { computed } from "vue";
+import { useCookie, useRequestEvent, useRoute, useRuntimeConfig } from "#imports";
+import { computed, ref } from "vue";
+export function useCmsPreviewToken() {
+  const config = useRuntimeConfig();
+  const cookieName = config.public.cms.preview?.cookieName ?? "__preview_token";
+  if (import.meta.server) {
+    const event = useRequestEvent();
+    const token = event?.context?.__cms_preview_token ?? null;
+    return ref(token);
+  }
+  const cookie = useCookie(cookieName);
+  return computed(
+    () => cookie.value ? decodeURIComponent(cookie.value) : null
+  );
+}
 export function useCmsPreview() {
-  const previewToken = useState("cmsPreviewToken", () => null);
-  const isPreview = computed(() => !!previewToken.value);
+  const token = useCmsPreviewToken();
+  const route = useRoute();
+  const isPreview = computed(() => !!token.value || route.query._preview === "1");
   function exitPreview() {
-    previewToken.value = null;
     if (import.meta.client) {
       const config = useRuntimeConfig();
       const cookieName = config.public.cms.preview?.cookieName ?? "__preview_token";
@@ -12,5 +25,5 @@ export function useCmsPreview() {
       window.location.reload();
     }
   }
-  return { isPreview, previewToken, exitPreview };
+  return { isPreview, previewToken: token, exitPreview };
 }

package/dist/runtime/server/api/_revalidate.post.js

@@ -29,11 +29,13 @@ export default defineEventHandler(async (event) => {
   paths.push(`${localePrefix}/blog/${payload.slug}`);
   paths.push(`${localePrefix}/blog`);
   const storage = useStorage("cache:nitro:routes");
+  const allKeys = await storage.getKeys("_:");
   let cleared = 0;
   for (const path of paths) {
-    const cacheKey = path.replace(/\//g, ":");
-    if (await storage.hasItem(cacheKey)) {
-      await storage.removeItem(cacheKey);
+    const escapedPrefix = path.replace(/\W/g, "").slice(0, 16);
+    const matchingKeys = allKeys.filter((k) => k.startsWith(`_:${escapedPrefix}.`));
+    for (const key of matchingKeys) {
+      await storage.removeItem(key);
       cleared++;
     }
   }

package/dist/runtime/server/api/preview.get.js

@@ -27,5 +27,5 @@ export default defineEventHandler(async (event) => {
   }
   const articlePath = cmsConfig.preview?.articlePath ?? "/blog/{slug}";
   const path = articlePath.replace("{slug}", slug);
-  return sendRedirect(event, `${prefix}${path}`, 302);
+  return sendRedirect(event, `${prefix}${path}?_preview=1`, 302);
 });

package/dist/runtime/server/middleware/preview-context.js

@@ -0,0 +1,20 @@
+import { useRuntimeConfig } from "#imports";
+import { defineEventHandler, getCookie } from "h3";
+export default defineEventHandler((event) => {
+  const config = useRuntimeConfig();
+  const cookieName = config.public.cms.preview?.cookieName ?? "__preview_token";
+  const raw = getCookie(event, cookieName);
+  if (raw) {
+    event.context.__cms_preview_token = decodeURIComponent(raw);
+    const url = event.node.req.url || "/";
+    if (!url.startsWith("/api/") && !url.startsWith("/_") && !url.startsWith("/cms-proxy/")) {
+      const ts = Date.now();
+      const sep = url.includes("?") ? "&" : "?";
+      event.node.req.url = `${url}${sep}_pt=${ts}`;
+      if (event.node.req.originalUrl) {
+        const origSep = event.node.req.originalUrl.includes("?") ? "&" : "?";
+        event.node.req.originalUrl = `${event.node.req.originalUrl}${origSep}_pt=${ts}`;
+      }
+    }
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vigilkids/cms-nuxt",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Nuxt 3 module for OnEx CMS — composables, server routes, middleware, sitemap",
   "type": "module",
   "main": "./dist/module.mjs",