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

package/README.md

@@ -1,5 +1,5 @@
 # @pinegrow/nuxt-module
 
-## Nuxt module for Pinegrow
+## Pinegrow Nuxt module
 
 http://www.pinegrow.com

package/dist/module.d.ts

@@ -2,10 +2,13 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
     liveDesigner?: {
+        [key in string]?: any;
+    } & {
         repoRoot?: string;
         configPath?: string;
         plugins?: string[];
-        usingStandaloneVueDevtools?: boolean;
+        devtoolsKey?: string;
+        vscodeTunnelUrl?: string;
         customTypes?: {
             default?: {};
         };

package/dist/module.json

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

package/dist/module.mjs

@@ -1,34 +1,89 @@
-import { defineNuxtModule, addVitePlugin } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addServerPlugin, useNitro, addVitePlugin } from '@nuxt/kit';
 
 const module = defineNuxtModule({
   meta: {
+    // Usually  npm package name of your module
     name: "pinegrow",
+    // The key in `nuxt.config` that holds your module options
     configKey: "pinegrow",
+    // Compatibility constraints
     compatibility: {
-      nuxt: "^3.0.0 || ~3.0.0-rc"
+      // Semver version of supported nuxt versions
+      nuxt: "^3.1.0"
     }
   },
+  // Default configuration options for your module
   defaults: {
     liveDesigner: {
+      // repoRoot: './',
+      // configPath: './',
       plugins: [],
-      usingStandaloneVueDevtools: false,
+      // devtoolsKey: 'devtools',
+      // vscodeTunnelUrl: 'https://vscode.dev/tunnel/hostname',
+      // iconsets: [],
+      // routerHistoryMode: 'html5',
+      // mergeWithPackageJson: {
+      // 	dependencies: {},
+      // 	devDependencies: {},
+      // },
       customTypes: {
-        default: {}
+        // To apply type overrides to a specific component (overrides above default fn),
+        // ComponentName: { prop: { customType: 'icon' } },
+        // VRating: {
+        //   ripple: {
+        //     customType: "boolean",
+        //   },
+        // },
+        // VSelect: {
+        // 	variant: {
+        // 		customType: 'select',
+        // 		options: ['plain', 'outlined', 'underlined', 'solo'],
+        // 		default: ''
+        // 	},
+        // 	density: {
+        // 		customType: 'select',
+        // 		options: ['default', 'compact', 'comfortable']
+        // 	},
+        // 	disabled: {
+        // 		customType: 'boolean'
+        // 	},
+        // 	appendIcon: {
+        // 		customType: 'icon'
+        // 	},
+        // }
+        // To apply type overrides to all components,
+        // all: { prop: { customType: 'icon' } },
+        default: {
+          // density: {
+          //   customType: "select",
+          //   // add options when customType is 'select'
+          //   options: ["default", "compact", "comfortable"],
+          // },
+        }
+      },
+      tailwindcss: {
+        cssPath: "./assets/css/tailwind.css"
       }
     }
   },
   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');
-          addVitePlugin(
-            liveDesigner({
-              ...moduleOptions.liveDesigner,
-              listenerServer
-            })
-          );
+          const nitroApp = useNitro();
+          pluginInstance = liveDesigner({
+            ...moduleOptions.liveDesigner,
+            listenerServer,
+            nuxtInstance,
+            nitroApp
+          });
+          addVitePlugin(pluginInstance);
         } catch (err) {
           console.log(err);
           console.log(

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.8",
+	"version": "3.0.0-beta.80",
 	"description": "Pinegrow Nuxt Module",
 	"author": "Pinegrow (http://pinegrow.com/)",
 	"license": "MIT",
@@ -28,16 +28,21 @@
 		"dev:build": "nuxi build playground",
 		"dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
 		"publish-beta": "npm run increment-beta-version && npm publish",
-		"increment-beta-version": "npm version prerelease --preid=beta"
+		"increment-beta-version": "npm version prerelease --preid=beta",
+		"lint": "npm run lint:fix && npm run format",
+		"lint:fix": "eslint --ext .js,.cjs,.ts,.vue --ignore-path .gitignore --fix ./src",
+		"format": "prettier --write ."
 	},
 	"dependencies": {
 		"@nuxt/kit": "latest",
-		"@pinegrow/vite-plugin": "latest"
+		"@pinegrow/vite-plugin": "3.0.0-beta.80"
 	},
 	"devDependencies": {
 		"@nuxt/module-builder": "latest",
-		"@nuxtjs/eslint-config-typescript": "latest",
-		"eslint": "latest",
-		"nuxt": "rc"
+		"@nuxt/eslint-config": "^0.1.1",
+		"nuxt": "^3.1.0",
+		"eslint": "^8.35.0",
+		"eslint-config-prettier": "^8.7.0",
+		"prettier": "^2.8.4"
 	}
 }