@twobirds/microcomponents 0.0.27 → 0.0.29

package/src/customObservables.ts

@@ -3,7 +3,7 @@
 import { LooseObject } from './helpers.js';
 import { isObject, parse, debounce, deepEqual } from './helpers.js';
 
-export const makeCO = ( target: LooseObject, propertyName?: string ) => {
+export const observe = ( target: LooseObject, propertyName?: string ) => {
 
 	let keys = !propertyName ? [ ...Object.getOwnPropertyNames(target) ] : [ propertyName ];
 
@@ -341,7 +341,7 @@ export const makeCO = ( target: LooseObject, propertyName?: string ) => {
 
 type Callback = ( value: any ) => void;
 
- export type Observable = {
+export type Observable = {
     observe: (cb: Callback) => void;
     notify: () => void;
     bind: (target: HTMLElement | ShadowRoot) => void;

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, observe } from "./microcomponents.js";
+//import { MC, DC, McEvent } from "./MC.js";
+//import { defineCE, getCE } from "./customElements.js";
+//import { observe } 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 );
 	}
 }
 
@@ -79,7 +96,7 @@ defineCE(
 			that.Counter = 0;
 
 			// convert all props defined so far into custom observables
-			makeCO(that);
+			observe(that);
 
 			DC.add(target, "logger", new Logger(target, console, "[logger]"));