@walkeros/web-source-browser 3.0.2 → 3.1.0

package/dist/walkerOS.json

@@ -1,9 +1,11 @@
 {
   "$meta": {
     "package": "@walkeros/web-source-browser",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "type": "source",
-    "platform": "web",
+    "platform": [
+      "web"
+    ],
     "renderer": "browser",
     "docs": "https://www.walkeros.io/docs/sources/web/browser",
     "source": "https://github.com/elbwalker/walkerOS/tree/main/packages/web/sources/browser/src"
@@ -83,6 +85,9 @@
     }
   },
   "examples": {
+    "createTrigger": {
+      "$code": "async e=>{let n;const t=document,i=window;return{get flow(){return n},trigger:(r,o)=>async a=>{var s,u;if(\"load\"===r||!r){const e=\"object\"==typeof o&&null!==o?o:{};if(e.url){const n=new URL(e.url);i.history.replaceState({},\"\",n.pathname)}e.title&&(t.title=e.title),e.referrer&&Object.defineProperty(t,\"referrer\",{value:e.referrer,configurable:!0})}if(a&&(t.body.innerHTML=a),!n){const t=await gh({...e,run:null==(s=e.run)||s});n={collector:t.collector,elb:t.elb}}if(!r||\"load\"===r)return;const l=\"string\"==typeof o?o:void 0,c=l?t.querySelector(l):null,d=e=>{c?c.dispatchEvent(e):console.warn(`Trigger: element not found for selector \"${l}\"`)};switch(r){case\"click\":d(new MouseEvent(\"click\",{bubbles:!0}));break;case\"submit\":d(new Event(\"submit\",{bubbles:!0}));break;case\"hover\":d(new MouseEvent(\"mouseenter\",{bubbles:!0}));break;case\"scroll\":Object.defineProperty(i,\"scrollY\",{value:\"object\"==typeof o&&null!==o&&null!=(u=o.distance)?u:500,configurable:!0}),i.dispatchEvent(new Event(\"scroll\"));break;case\"impression\":case\"visible\":c&&console.warn(`Trigger: \"${r}\" requires IntersectionObserver mock in test environment`);break;default:console.warn(`Trigger: unknown type \"${r}\"`)}}}}"
+    },
     "env": {
       "push": {
         "push": {
@@ -196,15 +201,11 @@
     },
     "step": {
       "clickEvent": {
-        "in": {
-          "trigger": "click",
-          "element": "button[data-elb=\"cta\"]",
-          "attributes": {
-            "data-elb": "cta",
-            "data-elb-cta": "label:Sign Up",
-            "data-elbaction": "click:click"
-          }
+        "trigger": {
+          "type": "click",
+          "options": "button"
         },
+        "in": "<button data-elb=\"cta\" data-elb-cta=\"label:Sign Up\" data-elbaction=\"click:click\">Sign Up</button>",
         "out": {
           "name": "cta click",
           "data": {
@@ -216,22 +217,11 @@
         }
       },
       "contextAndGlobals": {
-        "in": {
-          "trigger": "click",
-          "element": "div[data-elb=\"cta\"]",
-          "attributes": {
-            "data-elb": "cta",
-            "data-elb-cta": "label:Try Now",
-            "data-elbaction": "click:signup"
-          },
-          "context": {
-            "test": "engagement_flow"
-          },
-          "globals": {
-            "language": "en",
-            "plan": "premium"
-          }
+        "trigger": {
+          "type": "click",
+          "options": "[data-elb=\"cta\"]"
         },
+        "in": "<div data-elbcontext=\"test:engagement_flow\" data-elbglobals=\"language:en;plan:premium\"><div data-elb=\"cta\" data-elb-cta=\"label:Try Now\" data-elbaction=\"click:signup\">Try Now</div></div>",
         "out": {
           "name": "cta signup",
           "data": {
@@ -253,15 +243,11 @@
         }
       },
       "dataAttributeTypes": {
-        "in": {
-          "trigger": "click",
-          "element": "div[data-elb=\"product\"]",
-          "attributes": {
-            "data-elb": "product",
-            "data-elb-product": "price:99.99;available:true;colors[]:red;colors[]:blue",
-            "data-elbaction": "click:select"
-          }
+        "trigger": {
+          "type": "click",
+          "options": "div"
         },
+        "in": "<div data-elb=\"product\" data-elb-product=\"price:99.99;available:true;colors[]:red;colors[]:blue\" data-elbaction=\"click:select\"></div>",
         "out": {
           "name": "product select",
           "data": {
@@ -278,15 +264,11 @@
         }
       },
       "impressionEvent": {
-        "in": {
-          "trigger": "impression",
-          "element": "div[data-elb=\"banner\"]",
-          "attributes": {
-            "data-elb": "banner",
-            "data-elb-banner": "type:promotional;position:sidebar",
-            "data-elbaction": "impression:view"
-          }
+        "trigger": {
+          "type": "impression",
+          "options": "div"
         },
+        "in": "<div data-elb=\"banner\" data-elb-banner=\"type:promotional;position:sidebar\" data-elbaction=\"impression:view\"></div>",
         "out": {
           "name": "banner view",
           "data": {
@@ -299,21 +281,10 @@
         }
       },
       "nestedEntities": {
-        "in": {
-          "trigger": "load",
-          "element": "div[data-elb=\"product\"]",
-          "attributes": {
-            "data-elb": "product",
-            "data-elb-product": "id:SKU-42;name:Sneakers",
-            "data-elbaction": "load:view"
-          },
-          "children": [
-            {
-              "data-elb": "size",
-              "data-elb-size": "selected:large;inStock:true"
-            }
-          ]
+        "trigger": {
+          "type": "load"
         },
+        "in": "<div data-elb=\"product\" data-elb-product=\"id:SKU-42;name:Sneakers\" data-elbaction=\"load:view\"><div data-elb=\"size\" data-elb-size=\"selected:large;inStock:true\"></div></div>",
         "out": {
           "name": "product view",
           "data": {
@@ -335,12 +306,15 @@
         }
       },
       "pageView": {
-        "in": {
-          "trigger": "load",
-          "url": "https://example.com/docs",
-          "title": "Documentation",
-          "referrer": "https://example.com/"
+        "trigger": {
+          "type": "load",
+          "options": {
+            "url": "https://example.com/docs",
+            "title": "Documentation",
+            "referrer": "https://example.com/"
+          }
         },
+        "in": "",
         "out": {
           "name": "page view",
           "data": {
@@ -360,15 +334,11 @@
         }
       },
       "submitEvent": {
-        "in": {
-          "trigger": "submit",
-          "element": "form[data-elb=\"signup\"]",
-          "attributes": {
-            "data-elb": "signup",
-            "data-elb-signup": "plan:premium",
-            "data-elbaction": "submit:complete"
-          }
+        "trigger": {
+          "type": "submit",
+          "options": "form"
         },
+        "in": "<form data-elb=\"signup\" data-elb-signup=\"plan:premium\" data-elbaction=\"submit:complete\"></form>",
         "out": {
           "name": "signup complete",
           "data": {
@@ -379,6 +349,9 @@
           "action": "complete"
         }
       }
+    },
+    "trigger": {
+      "$code": "(e,n)=>{if(!e||\"object\"!=typeof e)return;const t=e,i=n.document,r=n.window,o=()=>{var e,n;if(!t.attributes)return;const r=(null==(n=null==(e=t.element)?void 0:e.match(/^(\\w+)/))?void 0:n[1])||\"div\",o=i.createElement(r);for(const[e,n]of Object.entries(t.attributes))o.setAttribute(e,n);if(t.children)for(const e of t.children){const n=i.createElement(\"div\");for(const[t,i]of Object.entries(e))n.setAttribute(t,i);o.appendChild(n)}return i.body.appendChild(o),o};if(!t.trigger||\"load\"===t.trigger){if(t.url){const e=new URL(t.url);r.history.replaceState({},\"\",e.pathname)}return t.title&&(i.title=t.title),t.referrer&&Object.defineProperty(i,\"referrer\",{value:t.referrer}),void o()}return()=>{const e=o();if(e)switch(t.trigger){case\"click\":e.dispatchEvent(new MouseEvent(\"click\",{bubbles:!0}));break;case\"submit\":e.dispatchEvent(new Event(\"submit\",{bubbles:!0}));break;case\"hover\":e.dispatchEvent(new MouseEvent(\"mouseenter\",{bubbles:!0}));break;case\"scroll\":r.dispatchEvent(new Event(\"scroll\"))}}}"
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@walkeros/web-source-browser",
   "description": "Browser DOM source for walkerOS",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -31,8 +31,8 @@
     "update": "npx npm-check-updates -u && npm update"
   },
   "dependencies": {
-    "@walkeros/collector": "^3.0.2",
-    "@walkeros/web-core": "^3.0.2"
+    "@walkeros/collector": "^3.1.0",
+    "@walkeros/web-core": "^3.1.0"
   },
   "repository": {
     "url": "git+https://github.com/elbwalker/walkerOS.git",
@@ -45,7 +45,9 @@
   },
   "walkerOS": {
     "type": "source",
-    "platform": "web",
+    "platform": [
+      "web"
+    ],
     "renderer": "browser",
     "docs": "https://www.walkeros.io/docs/sources/web/browser"
   },