@webqit/oohtml 1.8.35 → 1.9.2

package/package.json

@@ -14,7 +14,7 @@
     "wicg-proposal"
   ],
   "homepage": "https://webqit.io/tooling/oohtml",
-  "version": "1.8.35",
+  "version": "1.9.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -40,16 +40,18 @@
   "dependencies": {
     "@webqit/browser-pie": "^0.0.17",
     "@webqit/observer": "^1.7.5",
-    "@webqit/subscript": "^1.1.11",
-    "@webqit/util": "^0.8.7"
+    "@webqit/subscript": "^2.0.8",
+    "@webqit/util": "^0.8.7",
+    "acorn": "^8.7.0"
   },
   "devDependencies": {
     "chai": "^4.3.4",
+    "compression-webpack-plugin": "^9.2.0",
     "coveralls": "^3.1.1",
     "mocha": "^9.0.2",
     "mocha-lcov-reporter": "^1.3.0",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^3.3.12"
+    "webpack": "^5.69.0",
+    "webpack-cli": "^4.9.2"
   },
   "author": "Oxford Harrison <oxharris.dev@gmail.com>",
   "maintainers": [

package/src/subscript/Element.js

@@ -0,0 +1,115 @@
+
+/**
+ * @imports
+ */
+import { _internals, _isNumeric, _isFunction } from '@webqit/util/js/index.js';
+import Subscript from '@webqit/subscript';
+
+/**
+ * ---------------------------
+ * Subscript Element
+ * ---------------------------
+ */
+
+export const Element  = BaseElement => class extends BaseElement {
+
+    /**
+     * @subscript Element
+     */
+
+    static get subscriptMethods() {
+        return [ 'render' ];
+    }
+
+    static get subscriptParams() {
+        return { globalsAutoObserve: [ 'document' ] };
+    }
+
+    static implement( element, subscriptFunction ) {
+        let subscriptConsole = _internals( element, 'oohtml', 'subscript', 'console' );
+        let id = subscriptFunction.name;
+        if ( !id ) {
+            id = [ ...subscriptConsole.keys() ].filter( k => _isNumeric( k ) ).length;
+        }
+        subscriptConsole.set( id, subscriptFunction );
+        return subscriptFunction;
+    }
+    
+    static implementScript( element, script ) {
+        let source = ( script.textContent || '' ).trim();
+        return this.implement( element, Subscript.call( element, source ) );
+    }
+    
+    static implementMethod( element, method ) {
+        if ( method.name === 'constructor' ) {
+            throw new Error(`Constructors cannot be subscript methods.`);
+        }
+       return this.implement( element, Subscript.clone( method, element ) );
+    }
+
+    /**
+     * @constructor()
+     */
+    constructor() {
+        super();
+        const subscriptConstructor = this.constructor;
+        subscriptConstructor.subscriptMethods.forEach( methodName => {
+            if ( !this[ methodName ] ) return;
+            let proxy = subscriptConstructor.implementMethod( this, this[ methodName ] );
+            this[ methodName ] = proxy;
+        } );
+        if ( ( typeof WebQit === 'undefined' ) || !WebQit.Observer ) return;
+        ( subscriptConstructor.subscriptParams.globalsAutoObserve || [] ).forEach( identifier => {
+            WebQit.Observer.link( globalThis, identifier, globalThis[ identifier ] );
+        } );
+    }
+
+    /**
+     * @connectedCallback()
+     */
+    connectedCallback() {
+        if ( ( typeof WebQit === 'undefined' ) || !WebQit.Observer ) return;
+        const signals = ( mutations, evt, namespace = [] ) => {
+            let subscriptConsole = _internals( this, 'oohtml', 'subscript', 'console' );
+            subscriptConsole.forEach( api => api.signal( ...mutations.map( mu => ( { ...mu, path: namespace.concat( mu.path ) } ) ) ) );
+        };
+        WebQit.Observer.observe( globalThis, signals, {
+            subtree: true, tags: [ this, 'subscript-element', 'globals' ], unique: true
+        } );
+        WebQit.Observer.observe( this, mutations => signals( mutations, null, [ 'this' ] ), { 
+            subtree: true, tags: [ this, 'subscript-element', 'this' ], unique: true
+        } );
+        if ( super.connectedCallback ) {
+            super.connectedCallback();
+        }
+    }
+
+    /**
+     * @disconnectedCallback()
+     */
+    disconnectedCallback() {
+         let subscriptConsole = _internals( this, 'oohtml', 'subscript', 'console' );
+         subscriptConsole.forEach( api => api.dispose() );
+        if ( ( typeof WebQit === 'undefined' ) || !WebQit.Observer ) return;
+        WebQit.Observer.unobserve( globalThis, null, null, { 
+            subtree: true, tags: [ this, 'subscript-element', 'globals' ]
+        } );
+        WebQit.Observer.unobserve( this, null, null, { 
+            subtree: true, tags: [ this, 'subscript-element', 'this' ]
+        } );
+        if ( super.disconnectedCallback ) {
+            super.disconnectedCallback();
+        }
+    }
+
+    get subscriptConsole() {
+        return _internals( this, 'oohtml', 'subscript', 'console' );
+    }
+
+    /**
+     * @render()
+     */
+
+    render() {}
+
+}

package/src/subscript/browser-entry.js

@@ -7,4 +7,4 @@ import init from './index.js';
 /**
  * @init
  */
-init.call(window);
+init.call( window );