@walkeros/web-source-browser 4.7.0-next-1790722899482 → 4.7.0

package/dist/walkerOS.json

@@ -1,12 +1,13 @@
 {
   "$meta": {
     "package": "@walkeros/web-source-browser",
-    "version": "4.7.0-next-1790722899482",
+    "version": "4.7.0",
     "type": "source",
     "platform": [
       "web"
     ],
     "renderer": "browser",
+    "exports": {},
     "docs": "https://www.walkeros.io/docs/sources/web/browser",
     "source": "https://github.com/elbwalker/walkerOS/tree/main/packages/web/sources/browser/src"
   },
@@ -36,6 +37,11 @@
           "description": "Read click/submit triggers in the capture phase so tagged elements are resolved at click time before app handlers run (set false for the previous bubble-phase behavior)",
           "type": "boolean"
         },
+        "history": {
+          "default": false,
+          "description": "Single-page apps: send a page view on every route change (pushState, replaceState with a new path, back and forward) and pick up tagged elements as the new route renders",
+          "type": "boolean"
+        },
         "elb": {
           "default": "elb",
           "description": "Name for global elb function, or false to install none",
@@ -93,7 +99,7 @@
   },
   "examples": {
     "createTrigger": {
-      "$code": "async(e,t)=>{const r=(null==t?void 0:t.sourceId)||\"browser\";let o;const n=document,a=window;return{get flow(){return o},trigger:(t,i)=>async s=>{var c;if(\"load\"===t||!t){const e=\"object\"==typeof i&&null!==i?i:{};if(e.url){const t=new URL(e.url);a.history.replaceState({},\"\",t.pathname)}e.title&&(n.title=e.title),e.referrer&&Object.defineProperty(n,\"referrer\",{value:e.referrer,configurable:!0})}if(s&&(n.body.innerHTML=s),!o){const t=await T({...e,run:null==(c=e.run)||c});o={collector:t.collector,elb:t.elb}}if(!t||\"load\"===t)return;const l=\"string\"==typeof i?i:void 0,u=l?n.querySelector(l):null;if(!u)return void console.warn(`Trigger: element not found for selector \"${l}\"`);const d=o.collector.sources[r];if(!d)return void console.warn(`Trigger: source \"${r}\" not found in collector`);const p={elb:o.elb,push:o.collector.push,settings:d.config.settings,registry:{scopes:new Map,elements:new WeakMap,visibility:new WeakMap,destroyed:!1}};await async function(e,t,r){const o=I(t,r,e.settings.prefix);return Promise.all(o.map(t=>se(e,{name:`${t.entity} ${t.action}`,...t,trigger:r})))}(p,u,t)}}}"
+      "$code": "async(e,t)=>{const r=R(t)&&j(t.sourceId)&&t.sourceId||\"browser\";let o;const n=document,a=window;return{get flow(){return o},trigger:(t,i)=>async s=>{var c;if(\"load\"===t||\"history\"===t||!t){const e=Se(i);if(e.url){const t=new URL(e.url);a.history.replaceState({},\"\",t.pathname)}e.title&&(n.title=e.title),e.referrer&&Object.defineProperty(n,\"referrer\",{value:e.referrer,configurable:!0})}if(s&&(n.body.innerHTML=s),!o){const t=await P({...e,run:null==(c=e.run)||c});o={collector:t.collector,elb:t.elb}}if(!t||\"load\"===t)return;if(\"history\"===t){const e=R(i)?ke(i.path):void 0;return e&&a.history.pushState({},\"\",e),void await new Promise(e=>setTimeout(e,0))}const l=\"string\"==typeof i?i:void 0,u=l?n.querySelector(l):null;if(!u)return void console.warn(`Trigger: element not found for selector \"${l}\"`);const d=o.collector.sources[r];if(!d)return void console.warn(`Trigger: source \"${r}\" not found in collector`);const p={elb:o.elb,push:o.collector.push,settings:we(d.config.settings),registry:{scopes:new Map,elements:new WeakMap,visibility:new WeakMap,destroyed:!1}};await async function(e,t,r){const o=J(t,r,e.settings.prefix);return Promise.all(o.map(t=>pe(e,{name:`${t.entity} ${t.action}`,...t,trigger:r})))}(p,u,t)}}}"
     },
     "env": {
       "push": {
@@ -448,6 +454,62 @@
           ]
         ]
       },
+      "routeChange": {
+        "title": "Route change",
+        "description": "With history enabled, a single-page app route change sends a page view for the new URL, with the previous page as its referrer.",
+        "trigger": {
+          "type": "history",
+          "options": {
+            "url": "https://example.com/docs",
+            "path": "/pricing"
+          }
+        },
+        "in": "",
+        "out": [
+          [
+            "elb",
+            {
+              "name": "page view",
+              "data": {
+                "domain": "example.com",
+                "title": "",
+                "referrer": "",
+                "id": "/docs"
+              },
+              "context": {},
+              "globals": {},
+              "trigger": "load",
+              "source": {
+                "type": "browser",
+                "platform": "web",
+                "url": "https://example.com/docs",
+                "referrer": ""
+              }
+            }
+          ],
+          [
+            "elb",
+            {
+              "name": "page view",
+              "data": {
+                "domain": "example.com",
+                "title": "",
+                "referrer": "https://example.com/docs",
+                "id": "/pricing"
+              },
+              "context": {},
+              "globals": {},
+              "trigger": "load",
+              "source": {
+                "type": "browser",
+                "platform": "web",
+                "url": "https://example.com/pricing",
+                "referrer": ""
+              }
+            }
+          ]
+        ]
+      },
       "submitEvent": {
         "title": "Submit event",
         "description": "A form submit with walker data attributes produces a signup complete event carrying the selected plan.",
@@ -482,7 +544,7 @@
       }
     },
     "trigger": {
-      "$code": "(e,t)=>{if(!e||\"object\"!=typeof e)return;const r=e,o=t.document,n=t.window,a=()=>{var e,t;if(!r.attributes)return;const n=(null==(t=null==(e=r.element)?void 0:e.match(/^(\\w+)/))?void 0:t[1])||\"div\",a=o.createElement(n);for(const[e,t]of Object.entries(r.attributes))a.setAttribute(e,t);if(r.children)for(const e of r.children){const t=o.createElement(\"div\");for(const[r,o]of Object.entries(e))t.setAttribute(r,o);a.appendChild(t)}return o.body.appendChild(a),a};if(!r.trigger||\"load\"===r.trigger){if(r.url){const e=new URL(r.url);n.history.replaceState({},\"\",e.pathname)}return r.title&&(o.title=r.title),r.referrer&&Object.defineProperty(o,\"referrer\",{value:r.referrer}),void a()}return()=>{const e=a();if(e)switch(r.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\":n.dispatchEvent(new Event(\"scroll\"))}}}"
+      "$code": "(e,t)=>{const r=function(e){var t;if(!R(e))return;const r=T(e.children)?e.children.map(Ee).filter(Ae):void 0;return{...Se(e),trigger:null!=(t=ke(e.trigger))?t:\"\",element:ke(e.element),attributes:Ee(e.attributes),children:r}}(e),o=t.document,n=t.window;if(!r||(\"object\"!=typeof(a=o)||null===a||!(\"createElement\"in a))||!function(e){return\"object\"==typeof e&&null!==e&&\"addEventListener\"in e}(n))return;var a;const i=()=>{var e,t;if(!r.attributes)return;const n=(null==(t=null==(e=r.element)?void 0:e.match(/^(\\w+)/))?void 0:t[1])||\"div\",a=o.createElement(n);for(const[e,t]of Object.entries(r.attributes))a.setAttribute(e,t);if(r.children)for(const e of r.children){const t=o.createElement(\"div\");for(const[r,o]of Object.entries(e))t.setAttribute(r,o);a.appendChild(t)}return o.body.appendChild(a),a};if(!r.trigger||\"load\"===r.trigger){if(r.url){const e=new URL(r.url);n.history.replaceState({},\"\",e.pathname)}return r.title&&(o.title=r.title),r.referrer&&Object.defineProperty(o,\"referrer\",{value:r.referrer}),void i()}return()=>{const e=i();if(e)switch(r.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\":n.dispatchEvent(new Event(\"scroll\"))}}}"
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@walkeros/web-source-browser",
   "description": "Browser DOM source for walkerOS",
-  "version": "4.7.0-next-1790722899482",
+  "version": "4.7.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -33,9 +33,9 @@
     "update": "npx npm-check-updates -u && npm update"
   },
   "dependencies": {
-    "@walkeros/collector": "4.7.0-next-1790722899482",
-    "@walkeros/core": "4.7.0-next-1790722899482",
-    "@walkeros/web-core": "4.7.0-next-1790722899482"
+    "@walkeros/collector": "4.7.0",
+    "@walkeros/core": "4.7.0",
+    "@walkeros/web-core": "4.7.0"
   },
   "repository": {
     "url": "git+https://github.com/elbwalker/walkerOS.git",