mount-observer 0.0.74 → 0.0.76

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "mount-observer",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
   "devDependencies": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.53.2",
     "ssi-server": "0.0.1"
   },
   "exports": {
@@ -65,6 +65,14 @@
       "default": "./slotkin/beKindred.js",
       "types": "./slotkin/beKindred.ts"
     },
+    "./slotkin/getBreadth.js": {
+      "default": "./slotkin/getBreadth.js",
+      "types": "./slotkin/getBreadth.ts"
+    },
+    "./slotkin/getFrag.js": {
+      "default": "./slotkin/getFrag.js",
+      "types": "./slotkin/getFrag.ts"
+    },
     "./slotkin/wrap.js": {
       "default": "./slotkin/wrap.js",
       "types": "./slotkin/wrap.ts"

package/slotkin/getBreadth.js

@@ -0,0 +1,19 @@
+export function getBreadth(innerEl, base) {
+    const priors = [];
+    let ps = innerEl.previousSibling;
+    while (ps !== null && !(ps.nodeType === Node.COMMENT_NODE && ps.data.includes(` ${base} `))) {
+        priors.push(ps);
+        ps = ps.previousSibling;
+    }
+    if (ps !== null)
+        priors.push(ps);
+    const nexts = [];
+    let ns = innerEl.nextSibling;
+    while (ns !== null && !(ns.nodeType === Node.COMMENT_NODE && ns.data.includes(` /${base} `))) {
+        nexts.push(ns);
+        ns = ns.nextSibling;
+    }
+    if (ns !== null)
+        nexts.push(ns);
+    return [...priors.reverse(), ...nexts];
+}

package/slotkin/getBreadth.ts

@@ -0,0 +1,21 @@
+export function getBreadth(
+    innerEl: Element, 
+    base: string,
+){
+    const priors: Array<Node> = [];
+    let ps = innerEl.previousSibling as Comment | null;
+    while(ps !== null && !(ps.nodeType === Node.COMMENT_NODE && (ps as Comment).data.includes( ` ${base} `))){
+        priors.push(ps);
+        ps = ps.previousSibling as Comment | null;
+    }
+    if(ps !== null) priors.push(ps);
+    const nexts: Array<Node> = [];
+    let ns = innerEl.nextSibling as Comment | null; 
+    while(ns !== null && !(ns.nodeType === Node.COMMENT_NODE && (ns as Comment).data.includes( ` /${base} `))){
+        nexts.push(ns);
+        ns = ns.nextSibling as Comment | null;
+    }
+    if(ns !== null) nexts.push(ns);
+    return [...priors.reverse(), ...nexts];
+        
+}

package/slotkin/getFrag.js

@@ -0,0 +1,22 @@
+export function getFrag(templ, base) {
+    let openComment = templ.nextSibling;
+    if (openComment === null || openComment.nodeType !== Node.COMMENT_NODE)
+        return null;
+    if (base !== undefined && !openComment.data.includes(` ${base} `))
+        return null;
+    if (base === undefined) {
+        base = openComment.data.trim().split(' ')[1];
+        if (base === undefined)
+            return null;
+    }
+    const returnArr = [openComment];
+    let ns = openComment.nextSibling;
+    while (ns !== null && !(ns.nodeType === Node.COMMENT_NODE && ns.data.includes(` /${base} `))) {
+        returnArr.push(ns);
+        ns = ns.nextSibling;
+    }
+    if (ns === null)
+        return null;
+    returnArr.push(ns);
+    return returnArr;
+}

package/slotkin/getFrag.ts

@@ -0,0 +1,21 @@
+export function getFrag(
+    templ: HTMLTemplateElement, 
+    base?: string,
+){
+    let openComment = templ.nextSibling as Comment | null;
+    if(openComment === null || openComment.nodeType !== Node.COMMENT_NODE) return null;
+    if(base !== undefined && !openComment.data.includes(` ${base} `)) return null;
+    if(base === undefined){
+        base = openComment.data.trim().split(' ')[1];
+        if(base === undefined) return null;
+    }
+    const returnArr: Array<Node> = [openComment];
+    let ns = openComment.nextSibling;
+    while(ns !== null && !(ns.nodeType === Node.COMMENT_NODE && (ns as Comment).data.includes( ` /${base} `))){
+        returnArr.push(ns);
+        ns = ns.nextSibling;
+    }
+    if(ns === null) return null;
+    returnArr.push(ns);
+    return returnArr;
+}

package/slotkin/wrap.js

@@ -4,9 +4,9 @@ export function wrap(templ, base, force = false) {
     if (!wasWrapped) {
         templ[wrapped] = base;
         if (force || templ.content.childElementCount > 1) {
-            const start = document.createComment(base);
+            const start = document.createComment(` ${base} `);
             templ.content.prepend(start);
-            const end = document.createComment(`/${base}`);
+            const end = document.createComment(` /${base} `);
             templ.content.appendChild(end);
         }
     }

package/slotkin/wrap.ts

@@ -9,9 +9,9 @@ export function wrap(
     if (!wasWrapped) {
         (<any>templ)[wrapped] = base;
         if (force || templ.content.childElementCount > 1) {
-            const start = document.createComment(base);
+            const start = document.createComment(` ${base} `);
             templ.content.prepend(start);
-            const end = document.createComment(`/${base}`);
+            const end = document.createComment(` /${base} `);
             templ.content.appendChild(end);
         }
     }

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

@@ -29,6 +29,10 @@ export type DirectionalScopeSigils =
      * itemscoped host
      */
     |'$'
+    /**
+     * comment scope
+     */
+    |'/**/'
     ;
 
 export type AttrSigils =
@@ -129,6 +133,11 @@ export interface Specifier {
      */
     modulo?: Modulo;
 
+    /**
+     * is a scope query within comments
+     */
+    cmtWrap?: boolean;
+
     /**
      * itemscope hierarchy domain specifier
      */