@twobirds/microcomponents 0.0.27 → 0.0.28

package/public/test.html

@@ -7,7 +7,6 @@
             <link rel="icon" type="image/svg+xml" sizes="any" href="MicroComponents.svg" />
             <link href="./my-tag.css" rel="stylesheet" />
             <script type="module" src="./test.js"></script>
-            <script src="./customSelectors.min.js"></script>
         </head>
     <body>
         Open the debugger, read console, then:&nbsp;

package/public/test.js

@@ -1,7 +1,8 @@
 "use strict";
-import { MC, DC } from "./MC.js";
-import { defineCE, getCE } from "./customElements.js";
-import { makeCO } from "./customObservables.js";
+import { MC, DC, defineCE, getCE, makeCO } from "./microcomponents.js";
+//import { MC, DC, McEvent } from "./MC.js";
+//import { defineCE, getCE } from "./customElements.js";
+//import { makeCO } from "./customObservables.js";
 //MC.debug = true;
 class Adder {
     constructor() { }
@@ -9,6 +10,15 @@ class Adder {
         return numbers.reduce((acc, curr) => acc + curr, 0);
     }
 }
+class DeeplyNestedEvTarget extends MC {
+    constructor(target) {
+        super(target);
+    }
+    oneInit(ev) {
+        let logger = this.target?.target?.target?._mc?.logger;
+        logger?.warn("DeeplyNestedEvTarget .oneInit(ev)", ev);
+    }
+}
 class EvTarget extends MC {
     constructor(target) {
         super(target);
@@ -18,8 +28,9 @@ class EvTarget extends MC {
         logger?.log("onCustomEvent", ev);
     }
     oneInit(ev) {
-        let logger = this.target?.target?._mc?.logger;
+        let that = this, _mc = that._mc, logger = this.target?.target?._mc?.logger;
         logger?.warn("EvTarget .oneInit(ev)", ev);
+        _mc.deeplyNestedEvTarget = new DeeplyNestedEvTarget(that);
     }
 }
 class Logger extends DC {

package/public/test.js.map

@@ -1 +1 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":"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"}

package/src/MC.ts

@@ -137,22 +137,94 @@ function trigger( target: unknown, ev: McEvent | string, data: any = {}) {
 	return;
 }
 
+// run the "init" lifecycle event on the completemcr structure
+function init( element: MC | DC ){
+	let isDomMcInstance = element.constructor === DC;
+
+	setTimeout(
+		() => {
+			element.trigger('Init');
+			if ( !isDomMcInstance ) {
+				setTimeout(
+					() => {
+						let keys = Object.keys( element?._mc );
+						if ( keys.length ){
+							//console.log( 'inner Inits on [', mc.constructor.name, ']', keys );
+							keys?.forEach( (key: string) => {
+								let mc = element?._mc?.[key];
+								//console.log( key, typeof mc?.oneInit, mc );
+								if ( ( mc as any )['oneInit'] &&  typeof ( mc as any ).oneInit == 'function' ){
+									( mc as any ).oneInit( new McEvent('Init') );
+								}
+							});
+						};
+					}
+					, 0
+				);
+			}
+		}
+		, 0
+	);
+
+}
+
+function autoAttachListeners( element: MC | DC ){
+	if ( !isBrowser() || element.constructor === DC ) return;
+
+	const target = element.target;
+
+	if ( target instanceof HTMLElement ){
+		let that: LooseObject = element;
+		Object
+			.getOwnPropertyNames( that.constructor.prototype )
+			.filter( key => /^on[A-Z]|one[A-Z]/.test(key) && typeof that.constructor.prototype[key] === 'function' )
+			.forEach( key => {
+				let
+					once = /^one/.test(key),
+					withoutOnOne = key.replace( /^on[e]{0,1}/, '' ), // preserves upper/lowercase for non-native events
+					nativeEventName = withoutOnOne.toLowerCase(),
+					listener = ( ev: McEvent | Event | CustomEvent ) => { that.trigger( withoutOnOne, ev ); };
+				;
+
+				if ( once ){
+					// console.log( '...is only called once', that.constructor.prototype[key] );
+					Object.defineProperty(
+						element,
+						'on' + withoutOnOne,
+						{
+							configurable: true,
+							enumerable: false,
+							writable: true,
+							value: (ev: any) => {
+								// console.log( 'onceHandler execute:', that.constructor.prototype[key] );
+								( that.constructor.prototype[key] ).bind(that)(ev);
+							}
+						}
+					);
+				}
+
+				if ( nativeEventNames.has( 'on' + nativeEventName ) ){ // native event defined in HTMLElement
+					// console.log('added as native listener', target, nativeEventName );
+					addListener( target, nativeEventName, listener, false, once );
+				}
+			});
+	}
+}
+
 class McBase {
 
 	#target: WeakRef<any>; // avoid circular reference
 
-	#_mc: { [key:string]: any } = {};
-
 	constructor( target: { [key:string]: any } ) {
-		let that = this;
+		let that: unknown = this,
+			element  = (that as MC | DC );
 
 		this.#target = new WeakRef( target );
 
-		if ( this.constructor !== DC){
-			Object.defineProperty( this, "_mc", {
-				get(){ return this.#_mc }
-			});
-		};
+
+		init( element ); // async lifecycle event
+
+		autoAttachListeners( element );
 	}
 
 	get target(): any {
@@ -163,34 +235,10 @@ class McBase {
 
 class MC extends McBase {
 
+	_mc: { [key:string]: any } = {};
+
 	constructor(target: any) {
 		super(target);
-		let that = this;
-
-		setTimeout(
-			() => {
-				that.trigger('Init');
-				setTimeout(
-					() => {
-						let keys = Object.keys( (that as any)?._mc );
-						if ( keys.length ){
-							//console.log( 'inner Inits on [', that.constructor.name, ']', keys );
-							keys?.forEach( (key: string) => {
-								let mc = (that as any)?._mc?.[key];
-								//console.log( key, typeof mc?.oneInit, mc );
-								if ( mc?.oneInit &&  typeof mc?.oneInit == 'function' ){
-									mc.oneInit( new McEvent('Init') );
-								}
-							});
-						};
-					}
-					, 0
-				);
-			}
-			,0
-		);
-
-		this.autoAttachListeners();
 	}
 
     static trigger = trigger;
@@ -276,85 +324,14 @@ class MC extends McBase {
 
 	}
 
-	autoAttachListeners(){
-		if ( !isBrowser() ) return;
-
-		const target = this.target;
-
-		if ( target instanceof HTMLElement ){
-			let that: LooseObject = this;
-			Object
-				.getOwnPropertyNames( that.constructor.prototype )
-				.filter( key => /^on[A-Z]|one[A-Z]/.test(key) && typeof that.constructor.prototype[key] === 'function' )
-				.forEach( key => {
-					let
-						once = /^one/.test(key),
-						withoutOnOne = key.replace( /^on[e]{0,1}/, '' ), // preserves upper/lowercase for non-native events
-						nativeEventName = withoutOnOne.toLowerCase(),
-						listener = ( ev: McEvent | Event | CustomEvent ) => { that.trigger( withoutOnOne, ev ); };
-					;
-
-					if ( once ){
-						// console.log( '...is only called once', that.constructor.prototype[key] );
-						Object.defineProperty(
-							this,
-							'on' + withoutOnOne,
-							{
-								configurable: true,
-								enumerable: false,
-								writable: true,
-								value: (ev: any) => {
-									// console.log( 'onceHandler execute:', that.constructor.prototype[key] );
-									( that.constructor.prototype[key] ).bind(that)(ev);
-								}
-							}
-						);
-					}
-
-					if ( nativeEventNames.has( 'on' + nativeEventName ) ){ // native event defined in HTMLElement
-						// console.log('added as native listener', target, nativeEventName );
-						addListener( target, nativeEventName, listener, false, once );
-					}
-				});
-		}
-	}
-
 };
 
 class DC extends McBase {
 
+	protected __mc: { [key:string]: any } = {};
+
 	constructor(target: HTMLElement ) {
 		super(target);
-
-		let that = this,
-			isDomMcInstance = that.constructor === DC;
-
-		setTimeout(
-			() => {
-				that.trigger('Init');
-				if ( !isDomMcInstance ) {
-					setTimeout(
-						() => {
-							let keys = Object.keys( (that as any)?._mc );
-							if ( keys.length ){
-								//console.log( 'inner Inits on [', that.constructor.name, ']', keys );
-								keys?.forEach( (key: string) => {
-									let mc = (that as any)?._mc?.[key];
-									//console.log( key, typeof mc?.oneInit, mc );
-									if ( mc?.oneInit &&  typeof mc?.oneInit == 'function' ){
-										mc.oneInit( new McEvent('Init') );
-									}
-								});
-							};
-						}
-						, 0
-					);
-				}
-			}
-			, 0
-		);
-
-		this.autoAttachListeners();
 	}
 
 	static debug: boolean = false;
@@ -364,17 +341,13 @@ class DC extends McBase {
 	static trigger: Function = trigger;
 
 	get _mc(): { [key:string]: any } {
-		return this._mc;
+		return this.__mc;
 	}
 
 	trigger( ev: McEvent | string, data: any = {}, bubble?: string ) {
 		MC.prototype.trigger.call( this, ev, data, bubble );
 	};
 
-	autoAttachListeners() {
-		MC.prototype.autoAttachListeners.call( this );
-	};
-
 	parent(search: string = ''): any[] {
 		let target: HTMLElement = (this as any).target;
 		if (!isDOM(target)) return [];

package/src/test.ts

@@ -1,8 +1,9 @@
 "use strict";
 
-import { MC, DC, McEvent } from "./MC.js";
-import { defineCE, getCE } from "./customElements.js";
-import { makeCO } from "./customObservables.js";
+import { MC, DC, McEvent, defineCE, getCE, makeCO } from "./microcomponents.js";
+//import { MC, DC, McEvent } from "./MC.js";
+//import { defineCE, getCE } from "./customElements.js";
+//import { makeCO } from "./customObservables.js";
 
 //MC.debug = true;
 
@@ -14,6 +15,17 @@ class Adder {
 	}
 }
 
+class DeeplyNestedEvTarget extends MC {
+	constructor(target: any) {
+		super(target);
+	}
+
+	oneInit(ev: McEvent) {
+		let logger = this.target?.target?.target?._mc?.logger;
+		logger?.warn("DeeplyNestedEvTarget .oneInit(ev)", ev);
+	}
+}
+
 class EvTarget extends MC {
 	constructor(target: any) {
 		super(target);
@@ -25,8 +37,13 @@ class EvTarget extends MC {
 	}
 
 	oneInit(ev: McEvent) {
-		let logger = this.target?.target?._mc?.logger;
+		let that = this,
+			_mc = that._mc!,
+			logger = this.target?.target?._mc?.logger;
+
 		logger?.warn("EvTarget .oneInit(ev)", ev);
+
+		_mc.deeplyNestedEvTarget = new DeeplyNestedEvTarget( that );
 	}
 }