@nuxtjs/prismic 3.0.0-alpha.7 → 3.0.0-alpha.8

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/prismic",
-  "version": "3.0.0-alpha.7",
+  "version": "3.0.0-alpha.8",
   "configKey": "prismic",
   "compatibility": {
     "nuxt": "^3.0.0"

package/dist/module.mjs

@@ -7,7 +7,7 @@ import { existsSync } from 'fs';
 import consola from 'consola';
 
 const name = "@nuxtjs/prismic";
-const version = "3.0.0-alpha.7";
+const version = "3.0.0-alpha.8";
 
 const fileExists = (path, extensions = ["js", "ts"]) => {
   if (!path) {
@@ -70,6 +70,7 @@ const module = defineNuxtModule({
     (_a = nuxt.options.runtimeConfig).public || (_a.public = {});
     nuxt.options.runtimeConfig.public[name] = mergedOptions;
     addPlugin(resolver.resolve("runtime/plugin"));
+    addPlugin(resolver.resolve("runtime/plugin.client"));
     if (mergedOptions.injectComponents) {
       [
         "PrismicEmbed",

package/dist/runtime/plugin.client.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugin.client.mjs

@@ -0,0 +1,13 @@
+import { defineNuxtPlugin } from "#app";
+const pkgName = "@nuxtjs/prismic";
+export default defineNuxtPlugin((nuxtApp) => {
+  const mergedOptions = nuxtApp.payload.config[pkgName] ?? nuxtApp.payload.config.public[pkgName] ?? {};
+  if (mergedOptions.preview) {
+    window.addEventListener("prismicPreviewUpdate", (event) => {
+      if (refreshNuxtData) {
+        event.preventDefault();
+        refreshNuxtData();
+      }
+    });
+  }
+});

package/dist/runtime/plugin.mjs

@@ -7,7 +7,7 @@ import htmlSerializer from "#build/prismic/proxy/htmlSerializer";
 const pkgName = "@nuxtjs/prismic";
 export default defineNuxtPlugin((nuxtApp) => {
   const mergedOptions = nuxtApp.payload.config[pkgName] ?? nuxtApp.payload.config.public[pkgName] ?? {};
-  nuxtApp.vueApp.use(createPrismic({
+  const prismicPlugin = createPrismic({
     ...mergedOptions,
     client,
     linkResolver,
@@ -18,5 +18,21 @@ export default defineNuxtPlugin((nuxtApp) => {
       linkExternalComponent: NuxtLink,
       ...mergedOptions.components
     }
-  }));
+  });
+  nuxtApp.vueApp.use(prismicPlugin);
+  if (mergedOptions.preview) {
+    const previewCookie = useCookie("io.prismic.preview").value;
+    if (process.server) {
+      prismicPlugin.client.enableAutoPreviewsFromReq(useRequestEvent()?.req);
+    }
+    if (previewCookie) {
+      try {
+        const session = typeof previewCookie === "string" ? JSON.parse(decodeURIComponent(previewCookie)) : previewCookie;
+        if (Object.keys(session).some((key) => key in session && typeof session[key] === "object" && session[key] !== null && "preview" in session[key] && session[key].preview)) {
+          refreshNuxtData();
+        }
+      } catch (error) {
+      }
+    }
+  }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nuxtjs/prismic",
-	"version": "3.0.0-alpha.7",
+	"version": "3.0.0-alpha.8",
 	"description": "Easily connect your Nuxt 3 application to your content hosted on Prismic",
 	"keywords": [
 		"nuxt",

package/src/module.ts

@@ -86,6 +86,7 @@ export default defineNuxtModule<PrismicModuleOptions>({
 
 		// Add plugin
 		addPlugin(resolver.resolve('runtime/plugin'))
+		addPlugin(resolver.resolve('runtime/plugin.client'))
 
 		// Add components auto import
 		if (mergedOptions.injectComponents) {

package/src/runtime/plugin.client.ts

@@ -0,0 +1,24 @@
+import { defineNuxtPlugin } from '#app'
+
+// import { name as pkgName } from '../../package.json'
+import { PrismicModuleOptions } from '../types'
+
+// TODO: Revert when fixed
+const pkgName = '@nuxtjs/prismic'
+
+export default defineNuxtPlugin((nuxtApp) => {
+	const mergedOptions: PrismicModuleOptions =
+		nuxtApp.payload.config[pkgName] ??
+		nuxtApp.payload.config.public[pkgName] ??
+		{}
+
+	// Hot reload preview updates
+	if (mergedOptions.preview) {
+		window.addEventListener('prismicPreviewUpdate', (event) => {
+			if (refreshNuxtData) {
+				event.preventDefault()
+				refreshNuxtData()
+			}
+		})
+	}
+})

package/src/runtime/plugin.ts

@@ -22,7 +22,7 @@ export default defineNuxtPlugin((nuxtApp) => {
 		nuxtApp.payload.config.public[pkgName] ??
 		{}
 
-	nuxtApp.vueApp.use(createPrismic({
+	const prismicPlugin = createPrismic({
 		...mergedOptions,
 		client,
 		linkResolver,
@@ -33,5 +33,34 @@ export default defineNuxtPlugin((nuxtApp) => {
 			linkExternalComponent: NuxtLink,
 			...mergedOptions.components
 		}
-	}))
+	})
+
+	nuxtApp.vueApp.use(prismicPlugin)
+
+	if (mergedOptions.preview) {
+		const previewCookie = useCookie('io.prismic.preview').value
+
+		// Update client with req when running server side
+		if (process.server) {
+			prismicPlugin.client.enableAutoPreviewsFromReq(useRequestEvent()?.req)
+		}
+
+		if (previewCookie) {
+			try {
+				const session = typeof previewCookie === 'string' ? JSON.parse(decodeURIComponent(previewCookie)) : previewCookie
+
+				if (Object.keys(session).some(key =>
+					key in session &&
+					typeof session[key] === 'object' &&
+					session[key] !== null &&
+					'preview' in session[key] &&
+					session[key].preview)
+				) {
+					refreshNuxtData()
+				}
+			} catch (error) {
+				// noop
+			}
+		}
+	}
 })