mount-observer 0.0.98 → 0.0.100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mount-observer",
-  "version": "0.0.98",
+  "version": "0.0.100",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
@@ -69,6 +69,10 @@
       "default": "./refid/joinMatching.js",
       "types": "./refid/joinMatching.ts"
     },
+    "./refid/nudge.js": {
+      "default": "./refid/nudge.js",
+      "types": "./refid/nudge.ts"
+    },
     "./refid/refs.js": {
       "default": "./refid/refs.js",
       "types": "./refid/refs.ts"

package/refid/genIds.js

@@ -20,7 +20,10 @@ export function genIds(enhancedElement) {
     // if(parentElement === null) throw 404;
     const scopeFragment = (enhancedElement.closest(scopeMatches) || enhancedElement.getRootNode());
     //first find all elements with attribute #
-    const hashIds = Array.from(scopeFragment.querySelectorAll('[\\#]')).filter(x => inScope(scopeFragment, x));
+    const hashTest = '[\\#]';
+    const hashIds = Array.from(scopeFragment.querySelectorAll(hashTest)).filter(x => inScope(scopeFragment, x));
+    if (scopeFragment instanceof Element && scopeFragment.matches(hashTest))
+        hashIds.push(scopeFragment);
     const uniqueCheck = new Set();
     for (const hi of hashIds) {
         if (!(hi instanceof HTMLElement))
@@ -38,7 +41,10 @@ export function genIds(enhancedElement) {
         hi.removeAttribute('#');
     }
     //now find all elements with attribute @
-    const names = Array.from(scopeFragment.querySelectorAll('[name]:not([name=""])[\\@]')).filter(x => inScope(scopeFragment, x));
+    const nameTest = '[name]:not([name=""])[\\@]';
+    const names = Array.from(scopeFragment.querySelectorAll(nameTest)).filter(x => inScope(scopeFragment, x));
+    if (scopeFragment instanceof Element && scopeFragment.matches(nameTest))
+        names.push(scopeFragment);
     for (const nameEl of names) {
         if (!(nameEl instanceof HTMLElement))
             continue;
@@ -55,7 +61,10 @@ export function genIds(enhancedElement) {
         nameEl.removeAttribute('@');
     }
     //now find all elements with attribute |
-    const itemprops = Array.from(scopeFragment.querySelectorAll('[itemprop]:not([itemprop=""])[\\|]')).filter(x => inScope(scopeFragment, x));
+    const itemScopeTest = '[itemprop]:not([itemprop=""])[\\|]';
+    const itemprops = Array.from(scopeFragment.querySelectorAll(itemScopeTest)).filter(x => inScope(scopeFragment, x));
+    if (scopeFragment instanceof Element && scopeFragment.matches(itemScopeTest))
+        itemprops.push(scopeFragment);
     for (const itempropEl of itemprops) {
         if (!(itempropEl instanceof HTMLElement))
             continue;
@@ -71,7 +80,10 @@ export function genIds(enhancedElement) {
         itempropEl.dataset.id = `{{${sideEffects}${val}}}`;
         itempropEl.removeAttribute('|');
     }
-    const dataIds = Array.from(scopeFragment.querySelectorAll('[data-id^="{{"][data-id$="}}"]')).filter(x => inScope(scopeFragment, x));
+    const dataIdTest = '[data-id^="{{"][data-id$="}}"]';
+    const dataIds = Array.from(scopeFragment.querySelectorAll(dataIdTest)).filter(x => inScope(scopeFragment, x));
+    if (scopeFragment instanceof Element && scopeFragment.matches(dataIdTest))
+        dataIds.push(scopeFragment);
     const ids = [];
     for (const di of dataIds) {
         if (!(di instanceof HTMLElement))

package/refid/genIds.ts

@@ -22,7 +22,9 @@ export function genIds(enhancedElement: Element){
     const scopeFragment = (enhancedElement.closest(scopeMatches) || enhancedElement.getRootNode()) as DocumentFragment | Element;
 
     //first find all elements with attribute #
-    const hashIds = Array.from(scopeFragment.querySelectorAll('[\\#]')).filter(x => inScope(scopeFragment, x));
+    const hashTest = '[\\#]';
+    const hashIds = Array.from(scopeFragment.querySelectorAll(hashTest)).filter(x => inScope(scopeFragment, x));
+    if(scopeFragment instanceof Element && scopeFragment.matches(hashTest)) hashIds.push(scopeFragment); 
     const uniqueCheck = new Set();
     for(const hi of hashIds){
         if(!(hi instanceof HTMLElement)) continue;
@@ -39,7 +41,9 @@ export function genIds(enhancedElement: Element){
     }
 
     //now find all elements with attribute @
-    const names = Array.from(scopeFragment.querySelectorAll('[name]:not([name=""])[\\@]')).filter(x => inScope(scopeFragment, x));
+    const nameTest = '[name]:not([name=""])[\\@]';
+    const names = Array.from(scopeFragment.querySelectorAll(nameTest)).filter(x => inScope(scopeFragment, x));
+    if(scopeFragment instanceof Element && scopeFragment.matches(nameTest)) names.push(scopeFragment);
     for(const nameEl of names){
         if(!(nameEl instanceof HTMLElement)) continue;
         const val = nameEl.getAttribute('name');
@@ -55,7 +59,9 @@ export function genIds(enhancedElement: Element){
     }
 
     //now find all elements with attribute |
-    const itemprops = Array.from(scopeFragment.querySelectorAll('[itemprop]:not([itemprop=""])[\\|]')).filter(x => inScope(scopeFragment, x));
+    const itemScopeTest = '[itemprop]:not([itemprop=""])[\\|]';
+    const itemprops = Array.from(scopeFragment.querySelectorAll(itemScopeTest)).filter(x => inScope(scopeFragment, x));
+    if(scopeFragment instanceof Element && scopeFragment.matches(itemScopeTest)) itemprops.push(scopeFragment);
     for(const itempropEl of itemprops){
         if(!(itempropEl instanceof HTMLElement)) continue;
         const val = itempropEl.getAttribute('itemprop');
@@ -69,8 +75,9 @@ export function genIds(enhancedElement: Element){
         itempropEl.dataset.id = `{{${sideEffects}${val}}}`;
         itempropEl.removeAttribute('|');
     }
-
-    const dataIds = Array.from(scopeFragment.querySelectorAll('[data-id^="{{"][data-id$="}}"]')).filter(x => inScope(scopeFragment, x));
+    const dataIdTest = '[data-id^="{{"][data-id$="}}"]';
+    const dataIds = Array.from(scopeFragment.querySelectorAll(dataIdTest)).filter(x => inScope(scopeFragment, x));
+    if(scopeFragment instanceof Element && scopeFragment.matches(dataIdTest)) dataIds.push(scopeFragment);
     const ids: Array<string> = [];
     for(const di of dataIds){
         if(!(di instanceof HTMLElement)) continue;
@@ -83,6 +90,7 @@ export function genIds(enhancedElement: Element){
         ids.push(id);
     }
     if(ids.length === 0) return;
+
     const allChildren = Array.from(scopeFragment.querySelectorAll('*')).filter(x => inScope(scopeFragment, x));
     if(scopeFragment instanceof Element) allChildren.push(scopeFragment);
 

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

@@ -0,0 +1,28 @@
+import {IEnhancement, BEAllProps} from '../trans-render/be/types';
+import { Specifier } from '../trans-render/dss/types';
+
+export interface EndUserProps extends IEnhancement{}
+
+export interface AP extends EndUserProps{
+    parsedStatements: Array<IncParameters>,
+    rawStatements: Array<string>,
+}
+
+export type AllProps = AP;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP  = Promise<PAP>
+
+export type BAP = AP & BEAllProps;
+
+export interface Actions{
+    hydrate(self: BAP & BEAllProps): ProPAP;
+    
+}
+
+export interface IncParameters {
+    targetSpecifier: Specifier,
+    sourceSpecifier: Specifier,
+    localEventType?: string,
+}

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

@@ -0,0 +1,28 @@
+import {IEnhancement, BEAllProps} from '../trans-render/be/types';
+import { Specifier } from '../trans-render/dss/types';
+
+export interface EndUserProps extends IEnhancement{
+
+}
+
+export interface AP extends EndUserProps{
+    parsedStatements: Array<InvokingParameters>,
+    rawStatements: Array<string>,
+}
+
+export type AllProps = AP;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP  = Promise<PAP>
+
+export type BAP = AP & BEAllProps;
+
+export interface Actions{
+    hydrate(self: this): ProPAP;
+}
+
+export interface InvokingParameters {
+    remoteSpecifier: Specifier,
+    localEventType?: string,
+}

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

@@ -0,0 +1,27 @@
+import {IEnhancement, BEAllProps} from '../trans-render/be/types';
+import { Specifier } from '../trans-render/dss/types';
+
+export interface EndUserProps extends IEnhancement{}
+
+export interface AP extends EndUserProps{
+    parsedStatements: Array<TogglingParameters>,
+    rawStatements: Array<string>,
+}
+
+export type AllProps = AP;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP  = Promise<PAP>
+
+export type BAP = AP & BEAllProps;
+
+export interface Actions{
+    hydrate(self: BAP & BEAllProps): ProPAP;
+    
+}
+
+export interface TogglingParameters {
+    remoteSpecifier: Specifier,
+    localEventType?: string,
+}

package/ts-refs/trans-render/dss/types.d.ts

@@ -5,6 +5,8 @@ export type Target = ID | Host | Hostish;
 
 export type MindReadProp = ``;
 export type PropPath = `?.${string}`;
+
+export type Prop = string;
 export type ConstVal = `\`${string}\``;
 
 export type asOptions = 
@@ -19,7 +21,7 @@ export type asOptions =
 export type MindReadType = ``;
 export type TypeQualifier = `-as-${asOptions}`;
 
-export type ValExpression = `${PropPath | ConstVal | MindReadProp}${TypeQualifier | MindReadType}`;
+export type ValExpression = `${Prop | PropPath | ConstVal | MindReadProp}${TypeQualifier | MindReadType}`;
 
 export type MindReadEvent = ``;