mount-observer 0.0.97 → 0.0.99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mount-observer",
-  "version": "0.0.97",
+  "version": "0.0.99",
   "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

@@ -25,16 +25,16 @@ export function genIds(enhancedElement) {
     for (const hi of hashIds) {
         if (!(hi instanceof HTMLElement))
             continue;
-        const { localName } = hi;
-        if (uniqueCheck.has(localName))
+        const idName = hi.getAttribute('itemscope') || hi.localName;
+        if (uniqueCheck.has(idName))
             throw 500;
-        uniqueCheck.add(localName);
+        uniqueCheck.add(idName);
         let sideEffects = '';
         const hashValue = hi.getAttribute('#');
         if (hashValue) {
             sideEffects = `${hashValue} `;
         }
-        hi.dataset.id = `{{${sideEffects}${localName}}}`;
+        hi.dataset.id = `{{${sideEffects}${idName}}}`;
         hi.removeAttribute('#');
     }
     //now find all elements with attribute @
@@ -54,6 +54,23 @@ export function genIds(enhancedElement) {
         nameEl.dataset.id = `{{${sideEffects}${val}}}`;
         nameEl.removeAttribute('@');
     }
+    //now find all elements with attribute |
+    const itemprops = Array.from(scopeFragment.querySelectorAll('[itemprop]:not([itemprop=""])[\\|]')).filter(x => inScope(scopeFragment, x));
+    for (const itempropEl of itemprops) {
+        if (!(itempropEl instanceof HTMLElement))
+            continue;
+        const val = itempropEl.getAttribute('itemprop');
+        if (uniqueCheck.has(val))
+            throw 500;
+        uniqueCheck.add(val);
+        let sideEffects = '';
+        const nameValue = itempropEl.getAttribute('|');
+        if (nameValue) {
+            sideEffects = `${nameValue} `;
+        }
+        itempropEl.dataset.id = `{{${sideEffects}${val}}}`;
+        itempropEl.removeAttribute('|');
+    }
     const dataIds = Array.from(scopeFragment.querySelectorAll('[data-id^="{{"][data-id$="}}"]')).filter(x => inScope(scopeFragment, x));
     const ids = [];
     for (const di of dataIds) {
@@ -69,6 +86,8 @@ export function genIds(enhancedElement) {
             throw 500;
         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/refid/genIds.ts

@@ -26,15 +26,15 @@ export function genIds(enhancedElement: Element){
     const uniqueCheck = new Set();
     for(const hi of hashIds){
         if(!(hi instanceof HTMLElement)) continue;
-        const {localName} = hi;
-        if(uniqueCheck.has(localName)) throw 500;
-        uniqueCheck.add(localName);
+        const idName = hi.getAttribute('itemscope') || hi.localName;
+        if(uniqueCheck.has(idName)) throw 500;
+        uniqueCheck.add(idName);
         let sideEffects = '';
         const hashValue = hi.getAttribute('#');
         if(hashValue){
             sideEffects = `${hashValue} `;
         }
-        hi.dataset.id = `{{${sideEffects}${localName}}}`;
+        hi.dataset.id = `{{${sideEffects}${idName}}}`;
         hi.removeAttribute('#');
     }
 
@@ -54,6 +54,22 @@ export function genIds(enhancedElement: Element){
         nameEl.removeAttribute('@');
     }
 
+    //now find all elements with attribute |
+    const itemprops = Array.from(scopeFragment.querySelectorAll('[itemprop]:not([itemprop=""])[\\|]')).filter(x => inScope(scopeFragment, x));
+    for(const itempropEl of itemprops){
+        if(!(itempropEl instanceof HTMLElement)) continue;
+        const val = itempropEl.getAttribute('itemprop');
+        if(uniqueCheck.has(val)) throw 500;
+        uniqueCheck.add(val);
+        let sideEffects = '';
+        const nameValue = itempropEl.getAttribute('|');
+        if(nameValue){
+            sideEffects = `${nameValue} `;
+        }
+        itempropEl.dataset.id = `{{${sideEffects}${val}}}`;
+        itempropEl.removeAttribute('|');
+    }
+
     const dataIds = Array.from(scopeFragment.querySelectorAll('[data-id^="{{"][data-id$="}}"]')).filter(x => inScope(scopeFragment, x));
     const ids: Array<string> = [];
     for(const di of dataIds){
@@ -66,7 +82,7 @@ export function genIds(enhancedElement: Element){
         if(ids.includes(id)) throw 500;
         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 = ``;