mount-observer 0.1.32 → 0.1.35

package/Synthesizer.js

@@ -1,7 +1,6 @@
 import './ElementMountExtension.js';
 import { waitForEvent } from 'assign-gingerly/waitForEvent.js';
 import { AddedScriptElementEvent } from './Events.js';
-import { registryItem as inferRegistryItem } from 'assign-gingerly/Infer.js';
 import 'mount-observer/handlers/MountObserverScript.js';
 import { mos } from 'mount-observer/handlers/MountObserverScript.js';
 import 'mount-observer/handlers/ScriptExport.js';
@@ -63,11 +62,6 @@ export class Synthesizer extends HTMLElement {
     connectedCallback() {
         // Synthesizer elements are infrastructure, not UI
         this.hidden = true;
-        // Register the Infer enhancement in the appropriate registry
-        const registry = this.customElementRegistry || customElements;
-        if (registry.enhancementRegistry) {
-            registry.enhancementRegistry.push(inferRegistryItem);
-        }
         // Identify the root node
         const rootNode = this.getRootNode();
         // Determine if this is a syndicator or subscriber
@@ -221,16 +215,25 @@ export class Synthesizer extends HTMLElement {
             // Check if export property exists
             let exportValue = scriptElement.export;
             if (!exportValue) {
-                // Wait for resolved event with timeout
-                const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout waiting for resolved event')), 5000));
-                const eventPromise = waitForEvent(scriptElement, 'resolved');
+                // Determine which event to wait for based on script type
+                const scriptType = scriptElement.getAttribute('type');
+                const eventName = scriptType === 'emc-parser' ? 'parser-registered' : 'resolved';
+                // Wait for appropriate event with timeout
+                const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error(`Timeout waiting for ${eventName} event`)), 5000));
+                const eventPromise = waitForEvent(scriptElement, eventName);
                 const event = await Promise.race([eventPromise, timeoutPromise]);
-                exportValue = event.export;
+                // For parser scripts, we don't need an export value
+                // For other scripts, get the export from the event
+                if (scriptType !== 'emc-parser') {
+                    exportValue = event.export;
+                }
             }
             // Clone the script element
             const clonedScript = scriptElement.cloneNode(true);
-            // Copy the export property
-            clonedScript.export = exportValue;
+            // Copy the export property if it exists
+            if (exportValue !== undefined) {
+                clonedScript.export = exportValue;
+            }
             // Append to this element's children
             this.appendChild(clonedScript);
         }

package/Synthesizer.ts

@@ -1,7 +1,6 @@
 import './ElementMountExtension.js';
 import { waitForEvent } from 'assign-gingerly/waitForEvent.js';
 import { AddedScriptElementEvent } from './Events.js';
-import { registryItem as inferRegistryItem } from 'assign-gingerly/Infer.js';
 
 import 'mount-observer/handlers/MountObserverScript.js';
 import {mos} from 'mount-observer/handlers/MountObserverScript.js';
@@ -69,12 +68,6 @@ export abstract class Synthesizer extends HTMLElement {
         // Synthesizer elements are infrastructure, not UI
         this.hidden = true;
         
-        // Register the Infer enhancement in the appropriate registry
-        const registry = (this as any).customElementRegistry || customElements;
-        if (registry.enhancementRegistry) {
-            registry.enhancementRegistry.push(inferRegistryItem);
-        }
-        
         // Identify the root node
         const rootNode = this.getRootNode();
         
@@ -250,22 +243,33 @@ export abstract class Synthesizer extends HTMLElement {
             let exportValue = (scriptElement as any).export;
             
             if (!exportValue) {
-                // Wait for resolved event with timeout
+                // Determine which event to wait for based on script type
+                const scriptType = scriptElement.getAttribute('type');
+                const eventName = scriptType === 'emc-parser' ? 'parser-registered' : 'resolved';
+                
+                // Wait for appropriate event with timeout
                 const timeoutPromise = new Promise((_, reject) => 
-                    setTimeout(() => reject(new Error('Timeout waiting for resolved event')), 5000)
+                    setTimeout(() => reject(new Error(`Timeout waiting for ${eventName} event`)), 5000)
                 );
                 
-                const eventPromise = waitForEvent(scriptElement, 'resolved');
+                const eventPromise = waitForEvent(scriptElement, eventName);
                 
                 const event = await Promise.race([eventPromise, timeoutPromise]);
-                exportValue = (event as any).export;
+                
+                // For parser scripts, we don't need an export value
+                // For other scripts, get the export from the event
+                if (scriptType !== 'emc-parser') {
+                    exportValue = (event as any).export;
+                }
             }
             
             // Clone the script element
             const clonedScript = scriptElement.cloneNode(true) as HTMLScriptElement;
             
-            // Copy the export property
-            (clonedScript as any).export = exportValue;
+            // Copy the export property if it exists
+            if (exportValue !== undefined) {
+                (clonedScript as any).export = exportValue;
+            }
             
             // Append to this element's children
             this.appendChild(clonedScript);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mount-observer",
-  "version": "0.1.32",
+  "version": "0.1.35",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",

package/playwright.config.ts

@@ -1,5 +1,6 @@
 // playwright.config.ts
 import { PlaywrightTestConfig, devices } from '@playwright/test';
+
 const config: PlaywrightTestConfig = {
   testIgnore: '**/experimentalCrossScopeRegistering/**',
   webServer: {
@@ -16,14 +17,35 @@ const config: PlaywrightTestConfig = {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
     },
-    // {
-    //   name: 'firefox',
-    //   use: { ...devices['Desktop Firefox'] },
-    // },
-    // {
-    //   name: 'webkit',
-    //   use: { ...devices['Desktop Safari'] },
-    // },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+      // Tests to skip in Firefox (known failures)
+      // Note: experimentalCrossScopeRegistering is already ignored globally
+      testIgnore: [
+        '**/experimentalCrossScopeRegistering/**',
+        '**/id-generation-integration.spec.mjs',
+        '**/test-element-mount.spec.mjs',
+        '**/test-emc-script.spec.mjs',
+        '**/test-enhance-mounted-element.spec.mjs',
+        '**/test-mount-globally.spec.mjs',
+      ],
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+      // Tests to skip in WebKit (known failures)
+      // Note: experimentalCrossScopeRegistering is already ignored globally
+      testIgnore: [
+        '**/experimentalCrossScopeRegistering/**',
+        '**/test-builtins.spec.mjs',
+        '**/test-element-mount.spec.mjs',
+        '**/test-emc-script.spec.mjs',
+        '**/test-enhance-mounted-element.spec.mjs',
+        '**/test-mount-globally.spec.mjs',
+      ],
+    },
   ],
 };
+
 export default config;

package/types/assign-gingerly/types.d.ts

@@ -298,9 +298,15 @@ export declare function assignGingerly(
 export default assignGingerly;
 
 export declare class ElementEnhancementGateway{
+  //TODO:  this isn't right
   enh: ElementEnhancement;
 }
 
 export interface ElementEnhancement{
   dispose(regItem: EnhancementConfig): void;
 }
+
+export interface ElementInfer{
+  value: any;
+  eventType: string
+}

package/types/be-bound/types.d.ts

@@ -0,0 +1,60 @@
+import { Specifier } from "../trans-render/dss/types";
+import {AbsorbingObject, SharingObject} from '../trans-render/asmr/types';
+import { StatementsResult } from "../nested-regex-groups/types";
+
+export interface EndUserProps{
+    bindingRules?: StatementsResult<BindingRule>;
+}
+
+export interface AllProps extends EndUserProps{
+    enhancedElement: Element;
+    bindings: Array<Binding>,
+    isParsed?: boolean,
+    rawStatements?: Array<string>
+}
+
+export type SignalEnhancement = 'be-value-added' | 'be-propagating' | undefined;
+
+export interface BindingRule {
+    
+    localProp?: string,
+    localEvent?: string,
+    remoteSpecifierString?: string,
+    remoteSpecifier?: Specifier,
+
+
+}
+
+export interface Binding {
+    //new and improved
+    localAbsObj: AbsorbingObject;
+    localShareObj: SharingObject;
+    remoteAbsObj: AbsorbingObject;
+    remoteShareObj: SharingObject;
+    //remoteRef: WeakRef<Element>;
+}
+
+export type AP = AllProps;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP = Promise<PAP>;
+
+
+export interface Actions{
+    noAttrs(self: AP): ProPAP;
+    getBindings(self: AP): ProPAP;
+    hydrate(self: AP): ProPAP;
+    onRawStatements(self: AP): void;
+}
+
+export type WithStatement = string;
+
+export type BetweenStatement = string;
+
+export type TriggerSource = 'local' | 'remote' | 'tie';
+
+export interface SpecificityResult {
+    val?: any,
+    winner?: TriggerSource;
+}

package/types/do-inc/types.d.ts

@@ -1,3 +1,4 @@
+import { ElementEnhancementGateway } from "../assign-gingerly/types";
 import { StatementsResult } from "../nested-regex-groups/types";
 
 export interface EndUserProps{
@@ -5,7 +6,7 @@ export interface EndUserProps{
 }
 
 export interface AllProps extends EndUserProps{
-    enhancedElement: Element;
+    enhancedElement: Element & ElementEnhancementGateway;
     resolved: boolean;
 }
 
@@ -34,20 +35,20 @@ export type asOptions =
 export type SubPropPath = string;
 export type EventName = string;
 
-export interface Specifier {
-    id?: string,
-    prop?: string,
-    path?: SubPropPath,
-    evtName?: EventName,
-    as?: asOptions,
-    constVal?: any;
-    enhKey?: string;
-    ish?: boolean;
-    host?: boolean;
-}
+// export interface Specifier {
+//     id?: string,
+//     prop?: string,
+//     path?: SubPropPath,
+//     evtName?: EventName,
+//     as?: asOptions,
+//     constVal?: any;
+//     enhKey?: string;
+//     ish?: boolean;
+//     host?: boolean;
+// }
 
 export interface IncParameters {
-    prop: string,
+    prop?: string | null,
     byAmtS?: string,
     byAmtN?: number,
     targetElementId?: string,

package/types/do-invoke/types.d.ts

@@ -1,3 +1,4 @@
+import { ElementEnhancementGateway } from "../assign-gingerly/types";
 import { StatementsResult } from "../nested-regex-groups/types";
 
 export interface Specifier {
@@ -10,7 +11,7 @@ export interface EndUserProps{
 }
 
 export interface AllProps extends EndUserProps{
-    enhancedElement: Element;
+    enhancedElement: Element & ElementEnhancementGateway;
     resolved: boolean;
 }
 

package/types/do-toggle/types.d.ts

@@ -1,9 +1,10 @@
+import { ElementEnhancementGateway, ElementInfer } from "../assign-gingerly/types";
 import { StatementsResult } from "../nested-regex-groups/types";
 
 export interface EndUserProps{}
 
 export interface AllProps extends EndUserProps{
-    enhancedElement: Element;
+    enhancedElement: Element & ElementEnhancementGateway;
     parsedStatements: StatementsResult<TogglingParameters>;
     resolved?: boolean;
 }
@@ -21,6 +22,6 @@ export interface Actions{
 }
 
 export interface TogglingParameters {
-    prop: string;
+    prop?: string | null;
     localEventType?: string;
 }