@nuxtjs/prismic 3.0.0-alpha.6 → 3.0.0-alpha.9

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/prismic",
-  "version": "3.0.0-alpha.6",
+  "version": "3.0.0-alpha.9",
   "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.6";
+const version = "3.0.0-alpha.9";
 
 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",
@@ -114,9 +115,9 @@ const module = defineNuxtModule({
         });
       }
       const repositoryName = isRepositoryEndpoint(mergedOptions.endpoint) ? getRepositoryName(mergedOptions.endpoint) : mergedOptions.endpoint;
-      (_b = nuxt.options).head || (_b.head = {});
-      (_c = nuxt.options.head).script || (_c.script = []);
-      nuxt.options.head.script.push({
+      (_b = nuxt.options.app).head || (_b.head = {});
+      (_c = nuxt.options.app.head).script || (_c.script = []);
+      nuxt.options.app.head.script.push({
         src: `https://static.cdn.prismic.io/prismic.min.js?repo=${repositoryName}&new=true`
       });
     }

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,11 @@
+import { defineNuxtPlugin, refreshNuxtData } 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) => {
+      event.preventDefault();
+      refreshNuxtData();
+    });
+  }
+});

package/dist/runtime/plugin.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from "#app";
+import { defineNuxtPlugin, useCookie, refreshNuxtData } from "#app";
 import NuxtLink from "#app/components/nuxt-link";
 import { createPrismic } from "@prismicio/vue";
 import client from "#build/prismic/proxy/client";
@@ -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.6",
+	"version": "3.0.0-alpha.9",
 	"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) {
@@ -146,9 +147,9 @@ export default defineNuxtModule<PrismicModuleOptions>({
 			const repositoryName = isRepositoryEndpoint(mergedOptions.endpoint)
 				? getRepositoryName(mergedOptions.endpoint)
 				: mergedOptions.endpoint
-			nuxt.options.head ||= {}
-			nuxt.options.head.script ||= []
-			nuxt.options.head.script.push({
+			nuxt.options.app.head ||= {}
+			nuxt.options.app.head.script ||= []
+			nuxt.options.app.head.script.push({
 				src: `https://static.cdn.prismic.io/prismic.min.js?repo=${repositoryName}&new=true`
 			})
 		}

package/src/runtime/plugin.client.ts

@@ -0,0 +1,22 @@
+import { defineNuxtPlugin, refreshNuxtData } 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) => {
+			event.preventDefault()
+			refreshNuxtData()
+		})
+	}
+})

package/src/runtime/plugin.ts

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from '#app'
+import { defineNuxtPlugin, useCookie, refreshNuxtData } from '#app'
 import NuxtLink from '#app/components/nuxt-link'
 
 import { createPrismic } from '@prismicio/vue'
@@ -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
+			}
+		}
+	}
 })