@pinegrow/nuxt-module 3.0.0-beta.79 → 3.0.0-beta.80

package/dist/module.json

@@ -2,7 +2,7 @@
   "name": "pinegrow",
   "configKey": "pinegrow",
   "compatibility": {
-    "nuxt": "^3.0.0"
+    "nuxt": "^3.1.0"
   },
-  "version": "3.0.0-beta.78"
+  "version": "3.0.0-beta.79"
 }

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, addVitePlugin } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addServerPlugin, useNitro, addVitePlugin } from '@nuxt/kit';
 
 const module = defineNuxtModule({
   meta: {
@@ -9,7 +9,7 @@ const module = defineNuxtModule({
     // Compatibility constraints
     compatibility: {
       // Semver version of supported nuxt versions
-      nuxt: "^3.0.0"
+      nuxt: "^3.1.0"
     }
   },
   // Default configuration options for your module
@@ -69,14 +69,19 @@ const module = defineNuxtModule({
   hooks: {},
   async setup(moduleOptions, nuxt) {
     if (moduleOptions.liveDesigner) {
+      const { resolve } = createResolver(import.meta.url);
+      addServerPlugin(resolve("./runtime/nitro-plugin.mjs"));
       const nuxtInstance = nuxt;
+      let pluginInstance;
       nuxt.hook("listen", async (listenerServer) => {
         try {
           const { liveDesigner } = await import('./chunks/live-designer.mjs');
-          const pluginInstance = liveDesigner({
+          const nitroApp = useNitro();
+          pluginInstance = liveDesigner({
             ...moduleOptions.liveDesigner,
             listenerServer,
-            nuxtInstance
+            nuxtInstance,
+            nitroApp
           });
           addVitePlugin(pluginInstance);
         } catch (err) {

package/dist/runtime/nitro-plugin.d.mts

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

package/dist/runtime/nitro-plugin.mjs

@@ -0,0 +1,81 @@
+import { defineNitroPlugin } from 'nitropack/runtime/plugin'
+import path from 'path'
+import fs from 'fs'
+
+export default defineNitroPlugin(nitroApp => {
+	// const nitroInstance = nitroApp
+
+	nitroApp.hooks.hook('render:html', (html /*, { event }*/) => {
+		// console.log('render:html', html)
+		// html.bodyAppend.push('<hr>Appended by custom plugin')
+
+		const addons = [
+			{
+				name: 'pgia',
+				resources: [
+					{
+						parent: 'head',
+						parentResource: `public/pgia`, // relative to project root, must exists
+						// source: `<script src="pgia/index.js"></script>`,
+						source: `<script>/* Pinegrow Interactions, do not remove */ (function(){try{if(!document.documentElement.hasAttribute('data-pg-ia-disabled')) { window.pgia_small_mq=typeof pgia_small_mq=='string'?pgia_small_mq:'(max-width:767px)';window.pgia_large_mq=typeof pgia_large_mq=='string'?pgia_large_mq:'(min-width:768px)';var style = document.createElement('style');var pgcss='html:not(.pg-ia-no-preview) [data-pg-ia-hide=""] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show=""] {opacity:1;visibility:visible;display:block;}';if(document.documentElement.hasAttribute('data-pg-id') && document.documentElement.hasAttribute('data-pg-mobile')) {pgia_small_mq='(min-width:0)';pgia_large_mq='(min-width:99999px)'} pgcss+='@media ' + pgia_small_mq + '{ html:not(.pg-ia-no-preview) [data-pg-ia-hide="mobile"] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show="mobile"] {opacity:1;visibility:visible;display:block;}}';pgcss+='@media ' + pgia_large_mq + '{html:not(.pg-ia-no-preview) [data-pg-ia-hide="desktop"] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show="desktop"] {opacity:1;visibility:visible;display:block;}}';style.innerHTML=pgcss;document.querySelector('head').appendChild(style);}}catch(e){console&&console.log(e);}})()</script>`,
+						operation: 'append',
+					},
+					{
+						parent: 'body',
+						parentResource: `public/pgia`, // relative to project root, must exists
+						source: `<script src="/pgia/lib/index.js"></script>`,
+						operation: 'append',
+					},
+				],
+			},
+		]
+
+		addons.forEach(addon => {
+			addon.resources.forEach(resource => {
+				try {
+					let parentResourceExists = true
+
+					if (resource.parentResource) {
+						const projectRoot = process.cwd()
+						const resourcePath = path.resolve(
+							projectRoot,
+							resource.parentResource
+						)
+						parentResourceExists =
+							parentResourceExists && fs.existsSync(resourcePath)
+					}
+
+					if (parentResourceExists) {
+						switch (resource.operation) {
+							case 'prepend':
+								switch (resource.parent) {
+									case 'head':
+										html.head.push(resource.source)
+										break
+									case 'body':
+										html.bodyPrepend.push(resource.source)
+										break
+								}
+								break
+							case 'append':
+								switch (resource.parent) {
+									case 'head':
+										html.head.push(resource.source)
+										break
+									case 'body':
+										html.bodyAppend.push(resource.source)
+										break
+								}
+								break
+						}
+					}
+				} catch (err) {
+					// console.log(err)
+				}
+			})
+		})
+	})
+	// nitroApp.hooks.hook('render:response', (response, { event }) => {
+	// 	console.log('render:response', response)
+	// })
+})

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pinegrow/nuxt-module",
-	"version": "3.0.0-beta.79",
+	"version": "3.0.0-beta.80",
 	"description": "Pinegrow Nuxt Module",
 	"author": "Pinegrow (http://pinegrow.com/)",
 	"license": "MIT",
@@ -35,7 +35,7 @@
 	},
 	"dependencies": {
 		"@nuxt/kit": "latest",
-		"@pinegrow/vite-plugin": "3.0.0-beta.79"
+		"@pinegrow/vite-plugin": "3.0.0-beta.80"
 	},
 	"devDependencies": {
 		"@nuxt/module-builder": "latest",