@iebh/tera-fy 1.0.4 → 1.0.5

package/lib/terafy.client.js

@@ -20,7 +20,7 @@ export default class TeraFy {
 	*/
 	settings = {
 		devMode: true,
-		siteUrl: 'http://localhost:5173/embed',
+		siteUrl: 'https://tera-tools.com/embed',
 		restrictOrigin: '*', // DEBUG: Need to restrict this to TERA site
 	};
 
@@ -186,10 +186,10 @@ export default class TeraFy {
 	/**
 	* Setup the TERA-fy client singleton
 	*
-	* @param {Object} [options] Additional options to merge into `settings`
+	* @param {Object} [options] Additional options to merge into `settings` via `set`
 	*/
 	constructor(options) {
-		Object.assign(this.settings, options);
+		if (options) this.set(options);
 	}
 
 
@@ -309,7 +309,7 @@ export default class TeraFy {
 	}
 	// }}}
 
-	// Utility - debug(), use(), toggleFullscreen() {{{
+	// Utility - debug(), use(), mixin(), toggleFullscreen() {{{
 
 	/**
 	* Debugging output function
@@ -359,11 +359,36 @@ export default class TeraFy {
 		if (typeof mod != 'function') throw new Error('Expected use() call to be provided with a class initalizer');
 
 		let singleton = new mod(this, options);
+		this.mixin(this, singleton);
+
 		this.plugins.push(singleton);
 		return this;
 	}
 
 
+	/**
+	* Internal function used by use() to merge an external declared singleton against this object
+	*
+	* @param {Object} target Initalied class instance to extend
+	* @param {Object} source Initalized source object to extend from
+	*/
+	mixin(target, source) {
+		Object.getOwnPropertyNames(Object.getPrototypeOf(source))
+			.filter(prop => !['constructor', 'prototype', 'name'].includes(prop))
+			.forEach((prop) => {
+				console.log('Merge method', prop);
+				Object.defineProperty(
+					target,
+					prop,
+					{
+						value: source[prop].bind(target),
+						enumerable: false,
+					},
+				);
+			});
+	}
+
+
 	/**
 	* Fit the nested TERA server to a full-screen
 	* This is usually because the server component wants to perform some user activity like calling $prompt
@@ -377,6 +402,5 @@ export default class TeraFy {
 		globalThis.document.body.classList.toggle('tera-fy-focus', isFocused === 'toggle' ? undefined : isFocused);
 		return this;
 	}
-
 	// }}}
 }

package/package.json

@@ -1,22 +1,27 @@
 {
   "name": "@iebh/tera-fy",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "TERA website worker",
   "scripts": {
     "dev": "esbuild --platform=browser --format=esm --bundle lib/terafy.client.js --outfile=dist/terafy.js --minify --sourcemap --serve --servedir=.",
     "build": "concurrently 'npm:build:*'",
     "build:client": "esbuild --platform=browser --format=esm --bundle lib/terafy.client.js --outfile=dist/terafy.js --minify --sourcemap",
     "build:docs": "jsdoc2md --files lib/terafy.*.js lib/plugins/*.js >api.md",
-    "lint": "eslint ./lib"
+    "lint": "eslint ."
   },
   "type": "module",
   "imports": {
     "#terafy": "./lib/terafy.client.js"
   },
   "exports": {
-    ".": "./lib/terafy.client.js",
+    ".": {
+      "browser": "./lib/terafy.client.js",
+      "import": "./lib/terafy.client.js",
+      "require": "./dist/terafy.js",
+      "default": "./dist/terafy.js"
+    },
     "./server": "./lib/terafy.server.js",
-    "./plugins/*": "./lib/plugins/*.js"
+    "./plugins/*": "./plugins/*.js"
   },
   "repository": {
     "type": "git",

package/{lib/plugins → plugins}/vue.js

@@ -1,5 +1,5 @@
 import TeraFyPluginBase from './base.js';
-import diff from 'just-diff';
+import {diff} from 'just-diff';
 import {reactive, watch} from 'vue';
 
 /**
@@ -62,4 +62,41 @@ export default class TeraFyPluginVue extends TeraFyPluginBase {
 			})
 	}
 
+
+	/**
+	* Provide a Vue@3 compatible plugin
+	*/
+	vuePlugin() {
+		let context = this;
+
+		return {
+
+			/**
+			* Install into Vue as a generic Vue@3 plugin
+			*
+			* @param {Object} [options] Additional options to mutate behaviour
+			* @param {String} [options.globalName='$tera'] Globa property to allocate this service as
+			* @param {Objecct} [options.bindOptions] Options passed to `bindProjectState()`
+			*
+			* @returns {VuePlugin} A plugin matching the Vue@3 spec
+			*/
+			install(app, options) {
+				let settings = {
+					globalName: '$tera',
+					stateOptions: {
+						autoRequire: true,
+						write: true,
+					},
+					...options,
+				};
+
+				app.config.globalProperties[settings.globalName] = {
+					// Create project binding
+					// state: context.bindProjectState(settings.stateOptions),
+				};
+			},
+
+		};
+	}
+
 }