@walkeros/web-source-browser 4.3.2 → 4.4.0-next-1785239495233
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dist/dev.d.mts +3 -3
- package/dist/dev.d.ts +3 -3
- package/dist/dev.js +1 -1
- package/dist/dev.js.map +1 -1
- package/dist/dev.mjs +1 -1
- package/dist/dev.mjs.map +1 -1
- package/dist/index.browser.js +1 -1
- package/dist/index.d.mts +50 -8
- package/dist/index.d.ts +50 -8
- package/dist/index.es5.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/walkerOS.json +15 -6
- package/package.json +4 -4
package/dist/dev.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=Object.defineProperty,t=(t,r)=>{for(var o in r)e(t,o,{get:r[o],enumerable:!0})},r={};t(r,{DataAttributePrefix:()=>i,JavaScriptVarName:()=>s,ScopeSelector:()=>c,SettingsSchema:()=>d,TaggerSchema:()=>p,settings:()=>m,tagger:()=>f});import{zodToSchema as o}from"@walkeros/core/dev";import{z as n}from"@walkeros/core/dev";import{z as a}from"@walkeros/core/dev";var i=a.string().min(1).regex(/^[a-z][a-z0-9-]*$/,"Must be lowercase kebab-case").describe("Prefix for data attributes on DOM elements"),s=a.string().min(1).regex(/^[a-zA-Z_$][a-zA-Z0-9_$]*$/,"Must be a valid JavaScript identifier").describe("JavaScript variable name"),c=a.string().describe('DOM scope for event tracking (CSS selector or "document")').optional(),l=n.union([n.boolean(),n.string(),n.any().describe("Elb.Layer array for async command queuing")]),d=n.object({prefix:i.default("data-elb").describe("Prefix for data attributes (default: data-elb)"),scope:c.describe("DOM scope for event tracking (default: document)"),pageview:n.boolean().default(!0).describe("Enable automatic pageview tracking"),capture:n.boolean().default(!0).describe("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)"),elb:s.default("elb").describe("Name for global elb function"),name:n.string().describe("Custom name for source instance").optional(),elbLayer:l.default("elbLayer").describe("Enable elbLayer for async command queuing (boolean, string, or Elb.Layer)")});import{z as u}from"@walkeros/core/dev";var p=u.object({prefix:i.default("data-elb").describe("Custom prefix for generated data attributes")}),m=o(d),f=o(p),b={};t(b,{createTrigger:()=>ue,env:()=>g,step:()=>k,trigger:()=>pe});var g={};t(g,{push:()=>y});var h=()=>{},v=()=>()=>Promise.resolve({ok:!0}),w={error:h,warn:h,info:h,debug:h,throw:e=>{throw"string"==typeof e?new Error(e):e},json:h,scope:()=>w},y={get push(){return v()},get command(){return v()},get elb(){return v()},get window(){return{addEventListener:h,removeEventListener:h,location:{href:"https://example.com/page",pathname:"/page",search:"?query=test",hash:"#section",host:"example.com",hostname:"example.com",origin:"https://example.com",protocol:"https:"},document:{},navigator:{language:"en-US",userAgent:"Mozilla/5.0 (Test)"},screen:{width:1920,height:1080},innerWidth:1920,innerHeight:1080,pageXOffset:0,pageYOffset:0,scrollX:0,scrollY:0}},get document(){return{addEventListener:h,removeEventListener:h,querySelector:h,querySelectorAll:()=>[],getElementById:h,getElementsByClassName:()=>[],getElementsByTagName:()=>[],createElement:()=>({setAttribute:h,getAttribute:h,addEventListener:h,removeEventListener:h}),body:{appendChild:h,removeChild:h},documentElement:{scrollTop:0,scrollLeft:0},readyState:"complete",title:"Test Page",referrer:"",cookie:""}},logger:w},k={};t(k,{clickEvent:()=>E,contextAndGlobals:()=>L,dataAttributeTypes:()=>$,impressionEvent:()=>A,nestedEntities:()=>C,pageView:()=>x,submitEvent:()=>S});var x={title:"Page view",description:"A page load trigger captures the current URL, title, and referrer as a walker page view event.",trigger:{type:"load",options:{url:"https://example.com/docs",title:"Documentation",referrer:"https://example.com/"}},in:"",out:[["elb",{name:"page view",data:{domain:"example.com",title:"Documentation",referrer:"https://example.com/",id:"/docs"},context:{},globals:{},nested:void 0,custom:void 0,trigger:"load",source:{type:"browser",platform:"web",url:"https://example.com/docs",referrer:"https://example.com/"}}]]},E={title:"Click event",description:"A button click with walker data attributes is captured as an entity action event with the mapped label data.",trigger:{type:"click",options:"button"},in:'<button data-elb="cta" data-elb-cta="label:Sign Up" data-elbaction="click:click">Sign Up</button>',out:[["elb",{name:"cta click",entity:"cta",action:"click",data:{label:"Sign Up"},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"click"}]]},S={title:"Submit event",description:"A form submit with walker data attributes produces a signup complete event carrying the selected plan.",trigger:{type:"submit",options:"form"},in:'<form data-elb="signup" data-elb-signup="plan:premium" data-elbaction="submit:complete"></form>',out:[["elb",{name:"signup complete",entity:"signup",action:"complete",data:{plan:"premium"},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"submit"}]]},A={title:"Impression event",description:"An intersection observer impression on a div with walker attributes emits a banner view event.",trigger:{type:"impression",options:"div"},in:'<div data-elb="banner" data-elb-banner="type:promotional;position:sidebar" data-elbaction="impression:view"></div>',out:[["elb",{name:"banner view",entity:"banner",action:"view",data:{type:"promotional",position:"sidebar"},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"impression"}]]},C={title:"Nested entities",description:"A page load produces a page view plus a product view whose nested size entity is captured on the product event.",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:[["elb",{name:"page view",data:{domain:"example.com",title:"",referrer:"",id:"/"},context:{},globals:{},nested:void 0,custom:void 0,trigger:"load",source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""}}],["elb",{name:"product view",entity:"product",action:"view",data:{id:"SKU-42",name:"Sneakers"},context:{},globals:{},nested:[{entity:"size",data:{selected:"large",inStock:!0},context:{},nested:[]}],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"load"}]]},$={title:"Data attribute types",description:"Walker data attributes parse scalar, boolean, and array values into typed fields on the emitted event.",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:[["elb",{name:"product select",entity:"product",action:"select",data:{price:99.99,available:!0,colors:["red","blue"]},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"click"}]]},L={title:"Context and globals",description:"Walker context and globals attributes attach ambient metadata to events emitted by the browser source.",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:[["elb",{name:"cta signup",entity:"cta",action:"signup",data:{label:"Try Now"},context:{test:["engagement_flow",0]},globals:{language:"en",plan:"premium"},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"click"}]]};import{startFlow as T}from"@walkeros/collector";import{throttle as O,tryCatch as P}from"@walkeros/core";import{Const as D}from"@walkeros/collector";import{elb as R,getAttribute as j}from"@walkeros/web-core";import{assign as z,castValue as N,isArray as q,trim as M}from"@walkeros/core";import{Const as U}from"@walkeros/collector";import{getAttribute as W}from"@walkeros/web-core";function V(e,t,r=!0){return e+(t=null!=t?(r?"-":"")+t:"")}function I(e,t,r,o=!0){return F(W(t,V(e,r,o))||"").reduce((e,r)=>{let[o,n]=Q(r);if(!o)return e;if(n||(o.endsWith(":")&&(o=o.slice(0,-1)),n=""),n.startsWith("#")){n=n.slice(1);try{let e=t[n];e||"selected"!==n||(e=t.options[t.selectedIndex].text),n=String(e)}catch(e){n=""}}return o.endsWith("[]")?(o=o.slice(0,-2),q(e[o])||(e[o]=[]),e[o].push(N(n))):e[o]=N(n),e},{})}function _(e,t,r=U.Commands.Prefix){const o=[],{actions:n,nearestOnly:a}=function(e,t,r){let o=t;for(;o;){const t=W(o,V(e,U.Commands.Actions,!1));if(t){const e=G(t);if(e[r])return{actions:e[r],nearestOnly:!1}}const n=W(o,V(e,U.Commands.Action,!1));if(n){const e=G(n);if(e[r]||"click"!==r)return{actions:e[r]||[],nearestOnly:!0}}o=K(e,o)}return{actions:[],nearestOnly:!1}}(r,e,t);return n.length?(n.forEach(n=>{const i=F(n.actionParams||"",",").reduce((e,t)=>(e[M(t)]=!0,e),{}),s=J(r,e,i,a);if(!s.length){const t="page",o=`[${V(r,t)}]`,[n,a]=X(e,o,r,t);s.push({entity:t,data:n,nested:[],context:a})}s.forEach(e=>{var r;o.push({entity:e.entity,action:n.action,data:e.data,trigger:t,context:e.context,nested:null!=(r=e.nested)?r:[]})})}),o):o}function B(e=U.Commands.Prefix,t){if(!t)return{};const r=V(e,U.Commands.Globals,!1);let o={};return Y(t,`[${r}]`,t=>{o=z(o,I(e,t,U.Commands.Globals,!1))}),o}function G(e){const t={};return F(e).forEach(e=>{const[r,o]=Q(e),[n,a]=ee(r);if(!n)return;let[i,s]=ee(o||"");i=i||n,t[n]||(t[n]=[]),t[n].push({trigger:n,triggerParams:a,action:i,actionParams:s})}),t}function J(e,t,r,o=!1){const n=[];let a=t;for(r=0!==Object.keys(r||{}).length?r:void 0;a;){const i=H(e,a,t,r);if(i&&(n.push(i),o))break;a=K(e,a)}return n}function H(e,t,r,o){const n=W(t,V(e));if(!n||o&&!o[n])return null;const a=[t],i=`[${V(e,n)}],[${V(e,"")}]`,s=V(e,U.Commands.Link,!1);let c={};const l=[],[d,u]=X(r||t,i,e,n,!0);Z(t,`[${s}]`,r=>{const[o,n]=Q(W(r,s));"parent"===n&&Z(t.ownerDocument.body,`[${s}="${o}:child"]`,t=>{a.push(t);const r=H(e,t);r&&l.push(r)})});const p=[];a.forEach(e=>{e.matches(i)&&p.push(e),Z(e,i,e=>p.push(e))});let m={};return p.forEach(t=>{m=z(m,I(e,t,"")),c=z(c,I(e,t,n))}),c=z(z(m,c),d),a.forEach(t=>{Z(t,`[${V(e)}]`,t=>{const r=H(e,t);r&&l.push(r)})}),{entity:n,data:c,context:u,nested:l}}function K(e,t){const r=V(e,U.Commands.Link,!1);if(t.matches(`[${r}]`)){const[e,o]=Q(W(t,r));if("child"===o){const o=t.ownerDocument;let n=null;return Y(o,`[${r}="${e}:parent"]`,e=>{n||(n=e)}),n}}const o=t.ownerDocument.defaultView;return!t.parentElement&&t.getRootNode&&t.getRootNode()instanceof o.ShadowRoot?t.getRootNode().host:t.parentElement}function X(e,t,r,o,n=!1){let a={};const i={};let s=e;const c=`[${V(r,U.Commands.Context,!1)}]`,l=U.Commands.Scoped,d=`[${V(r,l,!1)}]`;let u=0;for(;s;)n&&l&&s.matches(d)&&(a=z(I(r,s,l,!1),a)),s.matches(t)&&(a=z(I(r,s,""),a),a=z(I(r,s,o),a)),s.matches(c)&&(Object.entries(I(r,s,U.Commands.Context,!1)).forEach(([e,t])=>{t&&!i[e]&&(i[e]=[t,u])}),++u),s=K(r,s);return[a,i]}function Y(e,t,r){e.querySelectorAll(t).forEach(r)}function Z(e,t,r){e.querySelectorAll(t).forEach(r);e instanceof(e.ownerDocument||e).defaultView.Element&&e.shadowRoot&&Z(e.shadowRoot,t,r),e.querySelectorAll("*").forEach(e=>{e.shadowRoot&&Z(e.shadowRoot,t,r)})}function F(e,t=";"){if(!e)return[];const r=new RegExp(`(?:[^${t}']+|'[^']*')+`,"ig");return e.match(r)||[]}function Q(e){const[t,r]=e.split(/:(.+)/,2);return[M(t),M(r)]}function ee(e){const[t,r]=e.split("(",2);return[t,r?r.slice(0,-1):""]}import{tryCatch as te}from"@walkeros/core";import{isVisible as re}from"@walkeros/web-core";Array.from({length:101},(e,t)=>t/100);import{isString as oe,isObject as ne,isElementOrDocument as ae}from"@walkeros/core";import{createPushResult as ie}from"@walkeros/collector";function se(e,t,r,o,n,a,i){const{elb:s,settings:c}=e;if(oe(t)&&t.startsWith("walker ")){if("walker init"===t&&e.initScope){const t=function(e,t){if(le(e))return[e];if(Array.isArray(e)){const t=[];for(const r of e)le(r)&&t.push(r);return t}if(void 0===e){const e=t.scope;if(le(e))return[e];if(void 0!==globalThis.document)return[globalThis.document]}return[]}(r,c);for(const r of t)e.initScope({...e,settings:{...c,scope:r}});return Promise.resolve(ie({ok:!0}))}return s(t,r)}if(ne(t)){const e=t;if(!e.source&&c.scope){const t=c.scope.ownerDocument||c.scope,r=t.defaultView;e.source=ce(r,t)}return!e.globals&&c.scope&&(e.globals=de(c.scope)?B(c.prefix,c.scope):{}),s(e)}const[l]=String(ne(t)?t.name:t).split(" ");let d,u=ne(r)?r:{},p={},m=!1;if(ae(r)&&(d=r,m=!0),ae(n)?d=n:ne(n)&&Object.keys(n).length&&(p=n),d){const e=J(c.prefix||"data-elb",d).find(e=>e.entity===l);e&&(m&&(u=e.data),e.context&&(p=e.context))}const f=c.scope?c.scope.ownerDocument||c.scope:void 0,b=null==f?void 0:f.defaultView;"page"===l&&b&&(u.id=u.id||b.location.pathname);const g=c.scope&&de(c.scope)?B(c.prefix,c.scope):{};return s({name:String(t||""),data:u,context:p,globals:g,nested:a,custom:i,trigger:oe(o)?o:"",source:b&&f?ce(b,f):void 0})}function ce(e,t){return{type:"browser",platform:"web",url:e.location.href,referrer:t.referrer}}function le(e){if(!e||"object"!=typeof e)return!1;if("undefined"!=typeof Element&&e instanceof Element)return!0;if("undefined"!=typeof Document&&e instanceof Document)return!0;if("undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot)return!0;if("nodeType"in e){const t=e.nodeType;return 1===t||9===t||11===t}return!1}function de(e){return 11!==e.nodeType}var ue=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,d=l?n.querySelector(l):null;if(!d)return void console.warn(`Trigger: element not found for selector "${l}"`);const u=o.collector.sources[r];if(!u)return void console.warn(`Trigger: source "${r}" not found in collector`);const p={elb:o.elb,settings:u.config.settings};await async function(e,t,r){const o=_(t,r,e.settings.prefix);return Promise.all(o.map(t=>se(e,{name:`${t.entity} ${t.action}`,...t,trigger:r})))}(p,d,t)}}},pe=(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"))}}};export{b as examples,r as schemas};//# sourceMappingURL=dev.mjs.map
|
|
1
|
+
var e=Object.defineProperty,t=(t,r)=>{for(var o in r)e(t,o,{get:r[o],enumerable:!0})},r={};t(r,{DataAttributePrefix:()=>i,JavaScriptVarName:()=>s,ScopeSelector:()=>c,SettingsSchema:()=>d,TaggerSchema:()=>p,settings:()=>m,tagger:()=>f});import{zodToSchema as o}from"@walkeros/core/dev";import{z as n}from"@walkeros/core/dev";import{z as a}from"@walkeros/core/dev";var i=a.string().min(1).regex(/^[a-z][a-z0-9-]*$/,"Must be lowercase kebab-case").describe("Prefix for data attributes on DOM elements"),s=a.string().min(1).regex(/^[a-zA-Z_$][a-zA-Z0-9_$]*$/,"Must be a valid JavaScript identifier").describe("JavaScript variable name"),c=a.string().describe('DOM scope for event tracking (CSS selector or "document")').optional(),l=n.union([n.boolean(),n.string(),n.any().describe("Elb.Layer array for async command queuing")]),d=n.object({prefix:i.default("data-elb").describe("Prefix for data attributes (default: data-elb)"),scope:c.describe("DOM scope for event tracking (default: document)"),pageview:n.boolean().default(!0).describe("Enable automatic pageview tracking"),capture:n.boolean().default(!0).describe("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)"),elb:n.union([s,n.literal(!1)]).default("elb").describe("Name for global elb function, or false to install none"),name:n.string().describe("Custom name for source instance").optional(),elbLayer:l.default("elbLayer").describe("Enable elbLayer for async command queuing (boolean, string, or Elb.Layer)")});import{z as u}from"@walkeros/core/dev";var p=u.object({prefix:i.default("data-elb").describe("Custom prefix for generated data attributes")}),m=o(d),f=o(p),b={};t(b,{createTrigger:()=>de,env:()=>g,step:()=>k,trigger:()=>ue});var g={};t(g,{push:()=>y});var h=()=>{},v=()=>()=>Promise.resolve({ok:!0}),w={error:h,warn:h,info:h,debug:h,throw:e=>{throw"string"==typeof e?new Error(e):e},json:h,scope:()=>w},y={get push(){return v()},get command(){return v()},get elb(){return v()},get window(){return{addEventListener:h,removeEventListener:h,location:{href:"https://example.com/page",pathname:"/page",search:"?query=test",hash:"#section",host:"example.com",hostname:"example.com",origin:"https://example.com",protocol:"https:"},document:{},navigator:{language:"en-US",userAgent:"Mozilla/5.0 (Test)"},screen:{width:1920,height:1080},innerWidth:1920,innerHeight:1080,pageXOffset:0,pageYOffset:0,scrollX:0,scrollY:0}},get document(){return{addEventListener:h,removeEventListener:h,querySelector:h,querySelectorAll:()=>[],getElementById:h,getElementsByClassName:()=>[],getElementsByTagName:()=>[],createElement:()=>({setAttribute:h,getAttribute:h,addEventListener:h,removeEventListener:h}),body:{appendChild:h,removeChild:h},documentElement:{scrollTop:0,scrollLeft:0},readyState:"complete",title:"Test Page",referrer:"",cookie:""}},logger:w},k={};t(k,{clickEvent:()=>E,contextAndGlobals:()=>L,dataAttributeTypes:()=>$,impressionEvent:()=>A,nestedEntities:()=>C,pageView:()=>x,submitEvent:()=>S});var x={title:"Page view",description:"A page load trigger captures the current URL, title, and referrer as a walker page view event.",trigger:{type:"load",options:{url:"https://example.com/docs",title:"Documentation",referrer:"https://example.com/"}},in:"",out:[["elb",{name:"page view",data:{domain:"example.com",title:"Documentation",referrer:"https://example.com/",id:"/docs"},context:{},globals:{},nested:void 0,custom:void 0,trigger:"load",source:{type:"browser",platform:"web",url:"https://example.com/docs",referrer:"https://example.com/"}}]]},E={title:"Click event",description:"A button click with walker data attributes is captured as an entity action event with the mapped label data.",trigger:{type:"click",options:"button"},in:'<button data-elb="cta" data-elb-cta="label:Sign Up" data-elbaction="click:click">Sign Up</button>',out:[["elb",{name:"cta click",entity:"cta",action:"click",data:{label:"Sign Up"},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"click"}]]},S={title:"Submit event",description:"A form submit with walker data attributes produces a signup complete event carrying the selected plan.",trigger:{type:"submit",options:"form"},in:'<form data-elb="signup" data-elb-signup="plan:premium" data-elbaction="submit:complete"></form>',out:[["elb",{name:"signup complete",entity:"signup",action:"complete",data:{plan:"premium"},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"submit"}]]},A={title:"Impression event",description:"An intersection observer impression on a div with walker attributes emits a banner view event.",trigger:{type:"impression",options:"div"},in:'<div data-elb="banner" data-elb-banner="type:promotional;position:sidebar" data-elbaction="impression:view"></div>',out:[["elb",{name:"banner view",entity:"banner",action:"view",data:{type:"promotional",position:"sidebar"},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"impression"}]]},C={title:"Nested entities",description:"A page load produces a page view plus a product view whose nested size entity is captured on the product event.",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:[["elb",{name:"page view",data:{domain:"example.com",title:"",referrer:"",id:"/"},context:{},globals:{},nested:void 0,custom:void 0,trigger:"load",source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""}}],["elb",{name:"product view",entity:"product",action:"view",data:{id:"SKU-42",name:"Sneakers"},context:{},globals:{},nested:[{entity:"size",data:{selected:"large",inStock:!0},context:{},nested:[]}],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"load"}]]},$={title:"Data attribute types",description:"Walker data attributes parse scalar, boolean, and array values into typed fields on the emitted event.",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:[["elb",{name:"product select",entity:"product",action:"select",data:{price:99.99,available:!0,colors:["red","blue"]},context:{},globals:{},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"click"}]]},L={title:"Context and globals",description:"Walker context and globals attributes attach ambient metadata to events emitted by the browser source.",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:[["elb",{name:"cta signup",entity:"cta",action:"signup",data:{label:"Try Now"},context:{test:["engagement_flow",0]},globals:{language:"en",plan:"premium"},nested:[],source:{type:"browser",platform:"web",url:"https://example.com/",referrer:""},trigger:"click"}]]};import{startFlow as T}from"@walkeros/collector";import{throttle as O,tryCatch as P}from"@walkeros/core";import{Const as D}from"@walkeros/collector";import{getAttribute as R}from"@walkeros/web-core";import{assign as j,castValue as M,isArray as z,trim as N}from"@walkeros/core";import{Const as q}from"@walkeros/collector";import{getAttribute as U}from"@walkeros/web-core";function W(e,t,r=!0){return e+(t=null!=t?(r?"-":"")+t:"")}function V(e,t,r,o=!0){return Z(U(t,W(e,r,o))||"").reduce((e,r)=>{let[o,n]=F(r);if(!o)return e;if(n||(o.endsWith(":")&&(o=o.slice(0,-1)),n=""),n.startsWith("#")){n=n.slice(1);try{let e=t[n];e||"selected"!==n||(e=t.options[t.selectedIndex].text),n=String(e)}catch(e){n=""}}return o.endsWith("[]")?(o=o.slice(0,-2),z(e[o])||(e[o]=[]),e[o].push(M(n))):e[o]=M(n),e},{})}function I(e,t,r=q.Commands.Prefix){const o=[],{actions:n,nearestOnly:a}=function(e,t,r){let o=t;for(;o;){const t=U(o,W(e,q.Commands.Actions,!1));if(t){const e=B(t);if(e[r])return{actions:e[r],nearestOnly:!1}}const n=U(o,W(e,q.Commands.Action,!1));if(n){const e=B(n);if(e[r]||"click"!==r)return{actions:e[r]||[],nearestOnly:!0}}o=H(e,o)}return{actions:[],nearestOnly:!1}}(r,e,t);return n.length?(n.forEach(n=>{const i=Z(n.actionParams||"",",").reduce((e,t)=>(e[N(t)]=!0,e),{}),s=G(r,e,i,a);if(!s.length){const t="page",o=`[${W(r,t)}]`,[n,a]=K(e,o,r,t);s.push({entity:t,data:n,nested:[],context:a})}s.forEach(e=>{var r;o.push({entity:e.entity,action:n.action,data:e.data,trigger:t,context:e.context,nested:null!=(r=e.nested)?r:[]})})}),o):o}function _(e=q.Commands.Prefix,t){if(!t)return{};const r=W(e,q.Commands.Globals,!1);let o={};return X(t,`[${r}]`,t=>{o=j(o,V(e,t,q.Commands.Globals,!1))}),o}function B(e){const t={};return Z(e).forEach(e=>{const[r,o]=F(e),[n,a]=Q(r);if(!n)return;let[i,s]=Q(o||"");i=i||n,t[n]||(t[n]=[]),t[n].push({trigger:n,triggerParams:a,action:i,actionParams:s})}),t}function G(e,t,r,o=!1){const n=[];let a=t;for(r=0!==Object.keys(r||{}).length?r:void 0;a;){const i=J(e,a,t,r);if(i&&(n.push(i),o))break;a=H(e,a)}return n}function J(e,t,r,o){const n=U(t,W(e));if(!n||o&&!o[n])return null;const a=[t],i=`[${W(e,n)}],[${W(e,"")}]`,s=W(e,q.Commands.Link,!1);let c={};const l=[],[d,u]=K(r||t,i,e,n,!0);Y(t,`[${s}]`,r=>{const[o,n]=F(U(r,s));"parent"===n&&Y(t.ownerDocument.body,`[${s}="${o}:child"]`,t=>{a.push(t);const r=J(e,t);r&&l.push(r)})});const p=[];a.forEach(e=>{e.matches(i)&&p.push(e),Y(e,i,e=>p.push(e))});let m={};return p.forEach(t=>{m=j(m,V(e,t,"")),c=j(c,V(e,t,n))}),c=j(j(m,c),d),a.forEach(t=>{Y(t,`[${W(e)}]`,t=>{const r=J(e,t);r&&l.push(r)})}),{entity:n,data:c,context:u,nested:l}}function H(e,t){const r=W(e,q.Commands.Link,!1);if(t.matches(`[${r}]`)){const[e,o]=F(U(t,r));if("child"===o){const o=t.ownerDocument;let n=null;return X(o,`[${r}="${e}:parent"]`,e=>{n||(n=e)}),n}}const o=t.ownerDocument.defaultView;return!t.parentElement&&t.getRootNode&&t.getRootNode()instanceof o.ShadowRoot?t.getRootNode().host:t.parentElement}function K(e,t,r,o,n=!1){let a={};const i={};let s=e;const c=`[${W(r,q.Commands.Context,!1)}]`,l=q.Commands.Scoped,d=`[${W(r,l,!1)}]`;let u=0;for(;s;)n&&l&&s.matches(d)&&(a=j(V(r,s,l,!1),a)),s.matches(t)&&(a=j(V(r,s,""),a),a=j(V(r,s,o),a)),s.matches(c)&&(Object.entries(V(r,s,q.Commands.Context,!1)).forEach(([e,t])=>{t&&!i[e]&&(i[e]=[t,u])}),++u),s=H(r,s);return[a,i]}function X(e,t,r){e.querySelectorAll(t).forEach(r)}function Y(e,t,r){e.querySelectorAll(t).forEach(r);e instanceof(e.ownerDocument||e).defaultView.Element&&e.shadowRoot&&Y(e.shadowRoot,t,r),e.querySelectorAll("*").forEach(e=>{e.shadowRoot&&Y(e.shadowRoot,t,r)})}function Z(e,t=";"){if(!e)return[];const r=new RegExp(`(?:[^${t}']+|'[^']*')+`,"ig");return e.match(r)||[]}function F(e){const[t,r]=e.split(/:(.+)/,2);return[N(t),N(r)]}function Q(e){const[t,r]=e.split("(",2);return[t,r?r.slice(0,-1):""]}import{tryCatch as ee}from"@walkeros/core";import{isVisible as te}from"@walkeros/web-core";Array.from({length:101},(e,t)=>t/100);import{isString as re,isObject as oe,isElementOrDocument as ne}from"@walkeros/core";import{createPushResult as ae}from"@walkeros/collector";function ie(e,t,r,o,n,a,i){const{elb:s,settings:c}=e;if(re(t)&&t.startsWith("walker ")){if("walker init"===t&&e.initScope){const t=function(e,t){if(ce(e))return[e];if(Array.isArray(e)){const t=[];for(const r of e)ce(r)&&t.push(r);return t}if(void 0===e){const e=t.scope;if(ce(e))return[e];if(void 0!==globalThis.document)return[globalThis.document]}return[]}(r,c);for(const r of t)e.initScope({...e,settings:{...c,scope:r}});return Promise.resolve(ae({ok:!0}))}return s(t,r)}if(oe(t)){const e=t;if(!e.source&&c.scope){const t=c.scope.ownerDocument||c.scope,r=t.defaultView;e.source=se(r,t)}return!e.globals&&c.scope&&(e.globals=le(c.scope)?_(c.prefix,c.scope):{}),s(e)}const[l]=String(oe(t)?t.name:t).split(" ");let d,u=oe(r)?r:{},p={},m=!1;if(ne(r)&&(d=r,m=!0),ne(n)?d=n:oe(n)&&Object.keys(n).length&&(p=n),d){const e=G(c.prefix||"data-elb",d).find(e=>e.entity===l);e&&(m&&(u=e.data),e.context&&(p=e.context))}const f=c.scope?c.scope.ownerDocument||c.scope:void 0,b=null==f?void 0:f.defaultView;"page"===l&&b&&(u.id=u.id||b.location.pathname);const g=c.scope&&le(c.scope)?_(c.prefix,c.scope):{};return s({name:String(t||""),data:u,context:p,globals:g,nested:a,custom:i,trigger:re(o)?o:"",source:b&&f?se(b,f):void 0})}function se(e,t){return{type:"browser",platform:"web",url:e.location.href,referrer:t.referrer}}function ce(e){if(!e||"object"!=typeof e)return!1;if("undefined"!=typeof Element&&e instanceof Element)return!0;if("undefined"!=typeof Document&&e instanceof Document)return!0;if("undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot)return!0;if("nodeType"in e){const t=e.nodeType;return 1===t||9===t||11===t}return!1}function le(e){return 11!==e.nodeType}var de=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,d=l?n.querySelector(l):null;if(!d)return void console.warn(`Trigger: element not found for selector "${l}"`);const u=o.collector.sources[r];if(!u)return void console.warn(`Trigger: source "${r}" not found in collector`);const p={elb:o.elb,settings:u.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=>ie(e,{name:`${t.entity} ${t.action}`,...t,trigger:r})))}(p,d,t)}}},ue=(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"))}}};export{b as examples,r as schemas};//# sourceMappingURL=dev.mjs.map
|