mount-observer 0.0.55 → 0.0.57

package/MountObserver.js

@@ -147,7 +147,7 @@ export class MountObserver extends EventTarget {
         this.objNde = new WeakRef(within);
         const nodeToMonitor = this.#isComplex ? (within instanceof ShadowRoot ? within : within.getRootNode()) : within;
         if (!mutationObserverLookup.has(nodeToMonitor)) {
-            mutationObserverLookup.set(nodeToMonitor, new RootMutObs(nodeToMonitor));
+            mutationObserverLookup.set(nodeToMonitor, new RootMutObs(nodeToMonitor, this.#mountInit));
             refCount.set(nodeToMonitor, 1);
         }
         else {
@@ -430,7 +430,10 @@ export class MountObserver extends EventTarget {
         this.#filterAndMount(els, false, initializing);
     }
 }
-export function waitForIdleNodes(nodes) {
+export function waitForIdleNodes(nodes, idleTimeout) {
+    const mountInit = {
+        idleTimeout
+    };
     return new Promise((resolve) => {
         const mutObservers = [];
         for (const node of nodes) {
@@ -440,7 +443,7 @@ export function waitForIdleNodes(nodes) {
             }
             else {
                 const currentCount = refCount.get(node) || 0;
-                const newMutObs = new RootMutObs(node);
+                const newMutObs = new RootMutObs(node, mountInit);
                 mutationObserverLookup.set(node, newMutObs);
                 refCount.set(node, currentCount + 1);
                 mutObservers.push(newMutObs);

package/MountObserver.ts

@@ -159,7 +159,7 @@ export class MountObserver extends EventTarget implements IMountObserver{
         this.objNde = new WeakRef(within);
         const nodeToMonitor = this.#isComplex ? (within instanceof ShadowRoot ? within : within.getRootNode()) : within; 
         if(!mutationObserverLookup.has(nodeToMonitor)){
-            mutationObserverLookup.set(nodeToMonitor, new RootMutObs(nodeToMonitor));
+            mutationObserverLookup.set(nodeToMonitor, new RootMutObs(nodeToMonitor, this.#mountInit));
             refCount.set(nodeToMonitor, 1);
         }else{
             const currentCount = refCount.get(nodeToMonitor);
@@ -451,7 +451,10 @@ export class MountObserver extends EventTarget implements IMountObserver{
 
 }
 
-export function waitForIdleNodes(nodes: Array<Node>): Promise<void>{
+export function waitForIdleNodes(nodes: Array<Node>, idleTimeout?: number): Promise<void>{
+    const mountInit: MountInit = {
+        idleTimeout
+    };
     return new Promise((resolve) => {
         const mutObservers: Array<RootMutObs> = [];
         for(const node of nodes){
@@ -460,7 +463,7 @@ export function waitForIdleNodes(nodes: Array<Node>): Promise<void>{
                 mutObservers.push(mutObs);
             }else{
                 const currentCount = refCount.get(node) || 0;
-                const newMutObs = new RootMutObs(node);
+                const newMutObs = new RootMutObs(node, mountInit);
                 mutationObserverLookup.set(node, newMutObs);
                 refCount.set(node, currentCount + 1);
                 mutObservers.push(newMutObs);

package/Newish.js

@@ -1,6 +1,6 @@
 export { waitForEvent } from './waitForEvent.js';
 import { ObsAttr } from './ObsAttr.js';
-import { splitRefs } from './itemRefUtils/splitRefs.js';
+import { splitRefs } from './refid/splitRefs.js';
 export const attached = Symbol.for('xyyspnstnU+CDrNVa0VnxA');
 export class Newish {
     queue = [];
@@ -63,7 +63,7 @@ export class Newish {
     #attachItemrefs(enhancedElement) {
         //TODO:  watch for already attached itemrefs to be removed and remove them from the set
         // and call outOfScopeCallback on them
-        if (enhancedElement.hasAttribute('itemref')) {
+        if ('inScopeCallback' in this.#ce && enhancedElement.hasAttribute('itemref')) {
             const itemref = enhancedElement.getAttribute('itemref');
             const itemrefList = splitRefs(itemref); // itemref.split(' ').map((id) => id.trim()).filter((id) => id.length > 0);
             if (itemrefList.length === 0)
@@ -89,7 +89,7 @@ export class Newish {
             const fi = this.queue.shift();
             //TODO: Provide support for a virtual slice of a very large list
             if (Array.isArray(fi)) {
-                ce.$ = fi;
+                ce.ishList = fi;
             }
             else {
                 const { assigner } = this.#options;

package/Newish.ts

@@ -2,7 +2,7 @@ import { Assigner, BindishOptions } from './ts-refs/mount-observer/types.js';
 
 export {waitForEvent} from './waitForEvent.js';
 import {ObsAttr} from './ObsAttr.js';
-import {splitRefs} from './itemRefUtils/splitRefs.js';
+import {splitRefs} from './refid/splitRefs.js';
 export const attached = Symbol.for('xyyspnstnU+CDrNVa0VnxA');
 export class Newish implements EventListenerObject {
     queue: Array<any> = [];
@@ -38,7 +38,7 @@ export class Newish implements EventListenerObject {
         if(initPropVals !== undefined) this.queue.push(initPropVals);
         const ce = document.createElement(itemscope);
         if('attachedCallback' in ce && typeof ce.attachedCallback === 'function'){
-            await ce.attachedCallback(enhancedElement)
+            await ce.attachedCallback(enhancedElement, this.#options)
         }
         this.#ce = ce;
         const self = this;
@@ -69,7 +69,7 @@ export class Newish implements EventListenerObject {
     #attachItemrefs(enhancedElement: Element){
         //TODO:  watch for already attached itemrefs to be removed and remove them from the set
         // and call outOfScopeCallback on them
-        if(enhancedElement.hasAttribute('itemref')){
+        if('inScopeCallback' in (<any>this.#ce) && enhancedElement.hasAttribute('itemref')){
             const itemref = enhancedElement.getAttribute('itemref')!;
             const itemrefList = splitRefs(itemref);// itemref.split(' ').map((id) => id.trim()).filter((id) => id.length > 0);
             if(itemrefList.length === 0) return;
@@ -78,7 +78,7 @@ export class Newish implements EventListenerObject {
                 if(this.#alreadyAttached.has(id)) continue;
                 const itemrefElement = rn.getElementById(id);
                 if(itemrefElement){
-                    (<any>this.#ce).inScopeCallback(itemrefElement);
+                    (<any>this.#ce).inScopeCallback(itemrefElement, this.#options);
                     this.#alreadyAttached.add(id);
                 }
             }
@@ -95,7 +95,7 @@ export class Newish implements EventListenerObject {
             const fi = this.queue.shift();
             //TODO: Provide support for a virtual slice of a very large list
             if(Array.isArray(fi)){
-                (<any>ce).$ = fi;
+                (<any>ce).ishList = fi;
             }else{
                 const {assigner} = this.#options;
                 await assigner!(ce, fi);

package/README.md

@@ -925,5 +925,7 @@ And we can give each inheriting ShadowRoot a personality of its own by customizi
 </be-hive>
 ```
 
+## Creating an Element-To-RefID DOM passageway
+
 
 

package/RootMutObs.js

@@ -1,8 +1,10 @@
 export class RootMutObs extends EventTarget {
-    #idleTimeout = 20; //TODO: make this configurable
+    #idleTimeout; //TODO: make this configurable
     #idlePointer = 0;
-    constructor(rootNode) {
+    constructor(rootNode, options) {
         super();
+        this.#idleTimeout = options?.idleTimeout ?? 30;
+        console.log(this.#idleTimeout);
         this.#mutationObserver = new MutationObserver(mutationRecords => {
             this.dispatchEvent(new MutationEvent(mutationRecords));
             this.#triggerIsIdle();

package/RootMutObs.ts

@@ -1,11 +1,12 @@
-import {mutationEventName, AddMutationEventListener} from './ts-refs/mount-observer/types';
+import {mutationEventName, AddMutationEventListener, MountInit} from './ts-refs/mount-observer/types';
 
 export class RootMutObs extends EventTarget{
-    #idleTimeout = 20; //TODO: make this configurable
+    #idleTimeout: number; //TODO: make this configurable
     #idlePointer = 0;
-    constructor(rootNode: Node ){
+    constructor(rootNode: Node, options: MountInit ){
         super();
-        
+        this.#idleTimeout = options?.idleTimeout ?? 30;
+        console.log(this.#idleTimeout);
         this.#mutationObserver = new MutationObserver(mutationRecords => {
             this.dispatchEvent(new MutationEvent(mutationRecords));
             this.#triggerIsIdle();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mount-observer",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
@@ -45,16 +45,16 @@
       "default": "./waitForIsh.js",
       "types": "./waitForIsh.ts"
     },
-    "./itemRefUtils/splitRefs.js": {
-      "default": "./itemRefUtils/splitRefs.js",
-      "types": "./itemRefUtils/splitRefs.ts"
+    "./refid/splitRefs.js": {
+      "default": "./refid/splitRefs.js",
+      "types": "./refid/splitRefs.ts"
     }
   },
   "files": [
     "*.js",
     "*.ts",
     "./ts-refs/*",
-    "./itemRefUtils/*"
+    "./refid/*"
   ],
   "types": "./ts-refs/mount-observer/types.d.ts",
   "scripts": {

package/ts-refs/be-scoped/types.d.ts

@@ -1,4 +1,4 @@
-import {IEnhancement, BEAllProps} from '../trans-render/be/types';
+import {IEnhancement, BEAllProps, EMC} from '../trans-render/be/types';
 
 export interface EndUserProps extends IEnhancement{
     names: string;
@@ -6,6 +6,7 @@ export interface EndUserProps extends IEnhancement{
 
 export interface AllProps extends EndUserProps{
     parsedNames: string[];
+    emc: EMC<any, AllProps>;
 }
 
 export type AP = AllProps;
@@ -17,7 +18,7 @@ export type ProPAP = Promise<PAP>;
 export type BAP = AP & BEAllProps;
 
 export interface Actions{
-    parse(self: BAP): PAP;
+    parse(self: BAP): ProPAP;
     hydrate(self: BAP): ProPAP;
     retire(self: BAP): void;
 }

package/ts-refs/be-switched/types.d.ts

@@ -1,5 +1,5 @@
 //import { ActionOnEventConfigs } from "trans-render/froop/types";
-import {BEAllProps, IEnhancement} from '../trans-render/be/types';
+import {BEAllProps, EMC, IEnhancement} from '../trans-render/be/types';
 //import {BVAAllProps} from 'be-value-added/types';
 //import {AP as BPAP, ISignal, Actions as BPActions} from 'be-propagating/types';
 //import {ElTypes, SignalRefType} from 'be-linked/types';
@@ -43,6 +43,7 @@ export interface AllProps extends EndUserProps{
     nValueSwitches?: Array<NValueScriptSwitch>
     rawStatements?: Array<string>,
     notProcessedJS?: boolean,
+    emc: EMC<any, AllProps>,
 }
 
 export type SwitchStatement = string;

package/ts-refs/mount-observer/types.d.ts

@@ -27,6 +27,7 @@ export interface MountInit extends JSONSerializableMountInit{
     readonly whereSatisfies?: PipelineProcessor<boolean>,
     readonly do?: MountObserverCallbacks,
     readonly assigner?: Assigner,
+    readonly idleTimeout?: number
     // /**
     //  * Purpose -- there are scenarios where we may only want to affect changes that occur after the initial 
     //  * server rendering, so we only want to mount elements that appear 
@@ -209,7 +210,12 @@ export interface MOSE<TSynConfig=any>
 
 export interface BindishOptions{
     assigner?: Assigner,
-    waitFor?: string,
+    //waitFor?: string,
+    /**
+     * If derived from a template, set to true
+     * to indicate that the initial 
+     */
+    csr?: boolean,
 }
 
 //#endregion

package/ts-refs/per-each/types.d.ts

@@ -5,6 +5,7 @@ export interface EndUserProps extends IEnhancement{
     statement: string;
     mapIdxTo: string;
     idxStart: number;
+    idleTimeout: number;
 }
 
 export interface AllProps extends EndUserProps{