mount-observer 0.1.31 → 0.1.32

package/Synthesizer.js

@@ -1,6 +1,7 @@
 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';
@@ -62,6 +63,11 @@ 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

package/Synthesizer.ts

@@ -1,6 +1,7 @@
 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';
@@ -68,6 +69,12 @@ 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();
         

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "mount-observer",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
   "dependencies": {
-    "assign-gingerly": "0.0.28",
+    "assign-gingerly": "0.0.30",
     "id-generation": "0.0.4"
   },
   "devDependencies": {

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

@@ -0,0 +1,55 @@
+import { StatementsResult } from "../nested-regex-groups/types";
+
+export interface EndUserProps{
+    parsedStatements: StatementsResult<IncParameters>,
+}
+
+export interface AllProps extends EndUserProps{
+    enhancedElement: Element;
+    resolved: boolean;
+}
+
+export type AP = AllProps;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP  = Promise<PAP>
+
+export interface Actions{
+    hydrate(self: AP & Actions): ProPAP;
+    handleEvent(self: AP, event: Event, incParameters: IncParameters): void;
+    init(self: AP, enhancedElement: Element, initVals: PAP): Promise<void>
+}
+
+export type asOptions = 
+    | 'number'
+    | 'boolean'
+    | 'string' 
+    | 'object'
+    | 'regexp' 
+    | 'urlpattern'
+    | 'boolean|number'
+;
+
+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 IncParameters {
+    prop: string,
+    byAmtS?: string,
+    byAmtN?: number,
+    targetElementId?: string,
+    localEventType?: string,
+}

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

@@ -1,15 +1,17 @@
+import { StatementsResult } from "../nested-regex-groups/types";
+
 export interface Specifier {
     selector?: string;
     prop?: string;
 }
 
 export interface EndUserProps{
-    invokeParamSets: Array<InvokingParameters>,
+    invokeParamSet: StatementsResult<InvokingParameters>,
 }
 
 export interface AllProps extends EndUserProps{
     enhancedElement: Element;
-    rawStatements: Array<string>,
+    resolved: boolean;
 }
 
 export type AP = AllProps;
@@ -20,9 +22,16 @@ export type ProPAP  = Promise<PAP>
 
 export interface Actions{
     hydrate(self: AP): ProPAP;
+    init(self: AP, enhancedElement: Element, initVals: PAP): Promise<void>
 }
 
+
+
 export interface InvokingParameters {
-    remoteSpecifier: Specifier,
-    localEventType?: string,
+    targetSpecifier: {
+        hostOrPeerMethodName: string,
+        targetElementId?: string,
+    },
+    //defaults to "click" if not specified
+    localEventType: string,
 }

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

@@ -0,0 +1,26 @@
+import { StatementsResult } from "../nested-regex-groups/types";
+
+export interface EndUserProps{}
+
+export interface AllProps extends EndUserProps{
+    enhancedElement: Element;
+    parsedStatements: StatementsResult<TogglingParameters>;
+    resolved?: boolean;
+}
+
+export type AP = AllProps;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP  = Promise<PAP>
+
+export interface Actions{
+    init(self: AllProps, enhancedElement: Element, initVals: PAP): void;
+    hydrate(self: AP): ProPAP;
+    handleEvent(self: AP, e: Event, parsedStatement: TogglingParameters): void;
+}
+
+export interface TogglingParameters {
+    prop: string;
+    localEventType?: string;
+}

package/types/nested-regex-groups/types.d.ts

@@ -54,6 +54,12 @@ export interface PatternConfig {
   name: string;
   pattern: string;
   description?: string;
+  /**
+   * Default values to merge into the parsed result
+   * Keys can use dot notation for nested values
+   * Example: { trigger: 'on', 'lhs.id': '#lhs' }
+   */
+  defaultVals?: Record<string, string>;
 }
 
 /**