mount-observer 0.0.41 → 0.0.43

package/MountObserver.js

@@ -1,8 +1,10 @@
 import { RootMutObs } from './RootMutObs.js';
+export const guid = '5Pv6bHOVH0ae07opRZ8N/g';
 const mutationObserverLookup = new WeakMap();
 const refCount = new WeakMap();
 export class MountObserver extends EventTarget {
     #mountInit;
+    #options;
     //#rootMutObs: RootMutObs | undefined;
     #abortController;
     mountedElements;
@@ -111,7 +113,8 @@ export class MountObserver extends EventTarget {
         }
         this.dispatchEvent(new Event('disconnectedCallback'));
     }
-    async observe(within) {
+    async observe(within, options) {
+        this.#options = options;
         const init = this.#mountInit;
         const { whereMediaMatches } = init;
         if (whereMediaMatches === undefined) {
@@ -249,6 +252,7 @@ export class MountObserver extends EventTarget {
         const mount = this.#mountInit.do?.mount;
         const { import: imp } = this.#mountInit;
         const me = this.mountedElements;
+        const options = this.#options;
         for (const match of matching) {
             if (alreadyMounted.has(match))
                 continue;
@@ -280,6 +284,12 @@ export class MountObserver extends EventTarget {
                     initializing
                 });
             }
+            if (options?.leaveBreadcrumb) {
+                if (match[guid] === undefined) {
+                    match[guid] = new Set();
+                }
+                match[guid].add(this);
+            }
             this.dispatchEvent(new MountEvent(match, initializing));
             //should we automatically call readAttrs?
             //the thinking is it might make more sense to call that after mounting

package/MountObserver.ts

@@ -2,16 +2,19 @@ import {MountInit, IMountObserver, AddMutationEventListener,
     MutationEvent, dismountEventName, mountEventName, IMountEvent, IDismountEvent,
     disconnectedEventName, IDisconnectEvent, IAttrChangeEvent, attrChangeEventName, AttrChangeInfo, loadEventName, ILoadEvent,
     AttrParts,
-    MOSE, WeakDual
+    MOSE, WeakDual,
+    MountObserverOptions
 } from './ts-refs/mount-observer/types';
 import {RootMutObs} from './RootMutObs.js';
 export {MOSE} from './ts-refs/mount-observer/types';
+export const guid = '5Pv6bHOVH0ae07opRZ8N/g';
 
 const mutationObserverLookup = new WeakMap<Node, RootMutObs>();
 const refCount = new WeakMap<Node, number>();
 export class MountObserver extends EventTarget implements IMountObserver{
     
     #mountInit: MountInit;
+    #options: MountObserverOptions | undefined;
     //#rootMutObs: RootMutObs | undefined;
     #abortController: AbortController;
     mountedElements: WeakDual<Element>;
@@ -120,7 +123,8 @@ export class MountObserver extends EventTarget implements IMountObserver{
                 
     }
 
-    async observe(within: Node){
+    async observe(within: Node, options?: MountObserverOptions){
+        this.#options = options;
         const init = this.#mountInit;
         const {whereMediaMatches} = init;
         if(whereMediaMatches === undefined){
@@ -261,6 +265,7 @@ export class MountObserver extends EventTarget implements IMountObserver{
         const mount = this.#mountInit.do?.mount; 
         const {import: imp} = this.#mountInit;
         const me = this.mountedElements;
+        const options = this.#options;
         for(const match of matching){
             if(alreadyMounted.has(match)) continue;
             if(!me.weakSet.has(match)){
@@ -291,6 +296,12 @@ export class MountObserver extends EventTarget implements IMountObserver{
                     initializing
                 }) 
             }
+            if(options?.leaveBreadcrumb){
+                if((<any>match)[guid] === undefined){
+                    (<any>match)[guid] = new Set();
+                }
+                (<any>match)[guid].add(this);
+            }
             this.dispatchEvent(new MountEvent(match, initializing));
             //should we automatically call readAttrs?
             //the thinking is it might make more sense to call that after mounting

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "mount-observer",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
   "devDependencies": {
-    "@playwright/test": "1.49.1",
+    "@playwright/test": "1.50.0",
     "ssi-server": "0.0.1"
   },
   "exports": {

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

@@ -32,6 +32,10 @@ export interface MountInit extends JSONSerializableMountInit{
     // readonly ignoreInitialMatches?: boolean,
 }
 
+export interface MountObserverOptions{
+    leaveBreadcrumb?: boolean,
+}
+
 export interface MountObserverCallbacks{
     readonly mount?: PipelineProcessor,
     readonly dismount?: PipelineProcessor,
@@ -131,7 +135,7 @@ interface AttrChangeInfo{
 
 //#region mount event
 export type mountEventName = 'mount';
-export interface IMountEvent{
+export interface IMountEvent extends Event{
     mountedElement: Element,
 }
 export type mountEventHandler = (e: IMountEvent) => void;

package/ts-refs/mt-si/types.d.ts

@@ -0,0 +1,21 @@
+import {IEnhancement, BEAllProps} from '../trans-render/be/types';
+
+export interface EndUserProps extends IEnhancement{
+    doEval: boolean;
+}
+
+export interface AllProps extends EndUserProps{
+    //enhKey: string;
+}
+
+export type AP = AllProps;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP = Promise<PAP>;
+
+export type BAP = AP & BEAllProps;
+
+export interface Actions{
+    hydrate(self: BAP): ProPAP;
+}