@eventvisor/module-pixel 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 Fahad Heylaal (https://fahad19.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# @eventvisor/module-pixel
+
+> Pixel module for Eventvisor, for injecting marking and tracking pixels.
+
+Visit [https://eventvisor.org/docs/modules/pixel/](https://eventvisor.org/docs/modules/pixel/) for more information.
+
+## License
+
+MIT © [Fahad Heylaal](https://fahad19.com)

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { Module } from "@eventvisor/sdk";
+export type PixelModuleOptions = {
+    name?: string;
+};
+export declare function createPixelModule(options?: PixelModuleOptions): Module;

package/dist/index.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.EventvisorPixelModule=t():e.EventvisorPixelModule=t()}(this,()=>(()=>{"use strict";var e={};return{166:function(e,t){var r=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))(function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function l(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(i,l)}u((n=n.apply(e,t||[])).next())})},n=this&&this.__generator||function(e,t){var r,n,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=l(0),i.throw=l(1),i.return=l(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;i&&(i=0,l[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,n=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(6===l[0]&&a.label<o[1]){a.label=o[1],o=l;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(l);break}o[2]&&a.ops.pop(),a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}};Object.defineProperty(t,"__esModule",{value:!0}),t.createPixelModule=function(e){var t=this;void 0===e&&(e={});var o=e.name;return{name:void 0===o?"pixel":o,handle:function(e,o){return r(t,[e,o],void 0,function(e,t){var r,o,a,i,l,u,c,s,f,p,d,h,y,m,b=e.step,v=e.payload,x=t.logger,w=t.sourceResolver;return n(this,function(e){switch(e.label){case 0:if(!(r=b.params))return x.error("[module-pixel] No params found in step",{step:b}),[2];if(!r.snippet)return x.error("[module-pixel] No snippet found in params",{params:r}),[2];if(o=r.selector||"body",!(a=document.querySelector(o)))return x.error("[module-pixel] No element found with selector",{selector:o}),[2];i=r.snippet,l=[];try{l=Array.from(i.matchAll(/\{\{\s*([^}]+)\s*\}\}/g),function(e){return e})}catch(e){x.error("[module-pixel] Error parsing snippet for variable keys",{snippet:i,error:e})}if(!(l.length>0))return[3,4];u=0,c=l,e.label=1;case 1:return u<c.length?(s=c[u],f=s[0],p=s[1],d=p.trim(),[4,w.resolve(d,{payload:v})]):[3,4];case 2:h=e.sent(),i=i.replace(f,h),e.label=3;case 3:return u++,[3,1];case 4:return y=new DOMParser,(m=y.parseFromString(i,"text/html")).querySelectorAll("script").forEach(function(e){var t=document.createElement("script");Array.from(e.attributes).forEach(function(e){t.setAttribute(e.name,e.value)}),t.textContent=e.textContent,a.appendChild(t)}),Array.from(m.body.children).filter(function(e){return"SCRIPT"!==e.tagName}).forEach(function(e){a.appendChild(e.cloneNode(!0))}),[2]}})})}}}}}[166](0,e),e})());
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAA+B,sBAAID,IAEnCD,EAA4B,sBAAIC,GACjC,CATD,CASGK,KAAM,I,uBCNLC,EAAsB,CAAC,E,miDCG3B,6BAAkCC,GAAlC,gBAAkC,IAAAA,IAAAA,EAAA,IACxB,MAAmBA,EAAO,KAElC,MAAO,CACLC,UAHU,IAAG,UAAO,EAKpBC,OAAQ,+CAAO,EAAmB,G,gCAAjBC,EAAI,OAAEC,EAAO,UAAMC,EAAM,SAAEC,EAAc,iB,iDAGxD,KAFQC,EAAWJ,EAAI,QAKrB,OAFAE,EAAOG,MAAM,yCAA0C,CAAEL,KAAI,IAE7D,IAGF,IAAKI,EAAOE,QAGV,OAFAJ,EAAOG,MAAM,4CAA6C,CAAED,OAAM,IAElE,IAOF,GAJMG,EAAWH,EAAOG,UAAY,SAE9BC,EAAKC,SAASC,cAAcH,IAKhC,OAFAL,EAAOG,MAAM,gDAAiD,CAAEE,SAAQ,IAExE,IAGED,EAAUF,EAAOE,QAEjBK,EAAoD,GAExD,IACEA,EAAeC,MAAMC,KACnBP,EAAQQ,SAAS,0BACjB,SAACC,GAAe,OAAAA,CAAA,EAEpB,CAAE,MAAOC,GACPd,EAAOG,MAAM,yDAA0D,CACrEC,QAAO,EACPD,MAAOW,GAEX,C,KAEIL,EAAaM,OAAS,GAAtB,Y,IACmC,EAAAN,E,wBAAA,YAA1B,OAACO,EAAO,KAAEC,EAAW,KACxBC,EAASD,EAAYE,OACL,GAAMlB,EAAemB,QAAQF,EAAQ,CAAEnB,QAAO,MAFrB,M,OAEzCsB,EAAgB,SAEtBjB,EAAUA,EAAQY,QAAQA,EAASK,G,wBAJA,I,oBASjCC,EAAS,IAAIC,WACbC,EAAMF,EAAOG,gBAAgBrB,EAAS,cAGxBsB,iBAAiB,UAC7BC,QAAQ,SAACC,GACf,IAAMC,EAAYtB,SAASuB,cAAc,UAGzCpB,MAAMC,KAAKiB,EAAOG,YAAYJ,QAAQ,SAACK,GACrCH,EAAUI,aAAaD,EAAKpC,KAAMoC,EAAKE,MACzC,GAGAL,EAAUM,YAAcP,EAAOO,YAG/B7B,EAAG8B,YAAYP,EACjB,GAGsBnB,MAAMC,KAAKa,EAAIa,KAAKC,UAAUC,OAClD,SAACC,GAAU,MAAkB,WAAlBA,EAAMC,OAAN,GAECd,QAAQ,SAACe,GACrBpC,EAAG8B,YAAYM,EAAQC,WAAU,GACnC,G,UAGN,C,GDxFoB,KAAK,EAAGjD,G","sources":["webpack://EventvisorPixelModule/webpack/universalModuleDefinition","webpack://EventvisorPixelModule/webpack/startup","webpack://EventvisorPixelModule/./src/index.ts"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"EventvisorPixelModule\"] = factory();\n\telse\n\t\troot[\"EventvisorPixelModule\"] = factory();\n})(this, () => {\nreturn ","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = {};\n__webpack_modules__[166](0, __webpack_exports__);\n","import { Module } from \"@eventvisor/sdk\";\n\nexport type PixelModuleOptions = {\n  name?: string;\n};\n\nexport function createPixelModule(options: PixelModuleOptions = {}): Module {\n  const { name = \"pixel\" } = options;\n\n  return {\n    name,\n\n    handle: async ({ step, payload }, { logger, sourceResolver }) => {\n      const { params } = step;\n\n      if (!params) {\n        logger.error(\"[module-pixel] No params found in step\", { step });\n\n        return;\n      }\n\n      if (!params.snippet) {\n        logger.error(\"[module-pixel] No snippet found in params\", { params });\n\n        return;\n      }\n\n      const selector = params.selector || \"body\";\n\n      const el = document.querySelector(selector);\n\n      if (!el) {\n        logger.error(\"[module-pixel] No element found with selector\", { selector });\n\n        return;\n      }\n\n      let snippet = params.snippet;\n\n      let variableKeys: [replace: string, source: string][] = [];\n\n      try {\n        variableKeys = Array.from(\n          snippet.matchAll(/\\{\\{\\s*([^}]+)\\s*\\}\\}/g),\n          (match: any) => match,\n        );\n      } catch (e) {\n        logger.error(\"[module-pixel] Error parsing snippet for variable keys\", {\n          snippet,\n          error: e,\n        });\n      }\n\n      if (variableKeys.length > 0) {\n        for (const [replace, variableKey] of variableKeys) {\n          const source = variableKey.trim();\n          const variableValue = await sourceResolver.resolve(source, { payload });\n\n          snippet = snippet.replace(replace, variableValue); // @TODO: /g?\n        }\n      }\n\n      // Parse the snippet to handle both script tags and regular HTML\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(snippet, \"text/html\");\n\n      // Handle script tags separately to ensure they execute\n      const scripts = doc.querySelectorAll(\"script\");\n      scripts.forEach((script) => {\n        const newScript = document.createElement(\"script\");\n\n        // Copy all attributes from the original script\n        Array.from(script.attributes).forEach((attr) => {\n          newScript.setAttribute(attr.name, attr.value);\n        });\n\n        // Copy the script content\n        newScript.textContent = script.textContent;\n\n        // Append to the target element\n        el.appendChild(newScript);\n      });\n\n      // Handle other HTML content (non-script elements)\n      const otherElements = Array.from(doc.body.children).filter(\n        (child) => child.tagName !== \"SCRIPT\",\n      );\n      otherElements.forEach((element) => {\n        el.appendChild(element.cloneNode(true));\n      });\n    },\n  };\n}\n"],"names":["root","factory","exports","module","define","amd","this","__webpack_exports__","options","name","handle","step","payload","logger","sourceResolver","params","error","snippet","selector","el","document","querySelector","variableKeys","Array","from","matchAll","match","e","length","replace","variableKey","source","trim","resolve","variableValue","parser","DOMParser","doc","parseFromString","querySelectorAll","forEach","script","newScript","createElement","attributes","attr","setAttribute","value","textContent","appendChild","body","children","filter","child","tagName","element","cloneNode"],"sourceRoot":""}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+var e={d:(r,t)=>{for(var o in t)e.o(t,o)&&!e.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:t[o]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r)},r={};e.d(r,{T:()=>o});var t=function(e,r,t,o){return new(t||(t=Promise))(function(n,a){function i(e){try{c(o.next(e))}catch(e){a(e)}}function l(e){try{c(o.throw(e))}catch(e){a(e)}}function c(e){var r;e.done?n(e.value):(r=e.value,r instanceof t?r:new t(function(e){e(r)})).then(i,l)}c((o=o.apply(e,r||[])).next())})};function o(e={}){const{name:r="pixel"}=e;return{name:r,handle:(e,r)=>t(this,[e,r],void 0,function*({step:e,payload:r},{logger:t,sourceResolver:o}){const{params:n}=e;if(!n)return void t.error("[module-pixel] No params found in step",{step:e});if(!n.snippet)return void t.error("[module-pixel] No snippet found in params",{params:n});const a=n.selector||"body",i=document.querySelector(a);if(!i)return void t.error("[module-pixel] No element found with selector",{selector:a});let l=n.snippet,c=[];try{c=Array.from(l.matchAll(/\{\{\s*([^}]+)\s*\}\}/g),e=>e)}catch(e){t.error("[module-pixel] Error parsing snippet for variable keys",{snippet:l,error:e})}if(c.length>0)for(const[e,t]of c){const n=t.trim(),a=yield o.resolve(n,{payload:r});l=l.replace(e,a)}const s=(new DOMParser).parseFromString(l,"text/html");s.querySelectorAll("script").forEach(e=>{const r=document.createElement("script");Array.from(e.attributes).forEach(e=>{r.setAttribute(e.name,e.value)}),r.textContent=e.textContent,i.appendChild(r)}),Array.from(s.body.children).filter(e=>"SCRIPT"!==e.tagName).forEach(e=>{i.appendChild(e.cloneNode(!0))})})}}const n=r.T;export{n as createPixelModule};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","mappings":"AACA,IAAIA,EAAsB,CCA1BA,EAAwB,CAACC,EAASC,KACjC,IAAI,IAAIC,KAAOD,EACXF,EAAoBI,EAAEF,EAAYC,KAASH,EAAoBI,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,MCJ3EH,EAAwB,CAACS,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,I,4TCM3E,SAASI,EAAkBC,EAA8B,CAAC,GAC/D,MAAM,KAAEC,EAAO,SAAYD,EAE3B,MAAO,CACLC,OAEAC,OAAQ,OAAyD,EAAD,6BAAjD,KAAEC,EAAI,QAAEC,IAAW,OAAEC,EAAM,eAAEC,IAC1C,MAAM,OAAEC,GAAWJ,EAEnB,IAAKI,EAGH,YAFAF,EAAOG,MAAM,yCAA0C,CAAEL,SAK3D,IAAKI,EAAOE,QAGV,YAFAJ,EAAOG,MAAM,4CAA6C,CAAED,WAK9D,MAAMG,EAAWH,EAAOG,UAAY,OAE9BC,EAAKC,SAASC,cAAcH,GAElC,IAAKC,EAGH,YAFAN,EAAOG,MAAM,gDAAiD,CAAEE,aAKlE,IAAID,EAAUF,EAAOE,QAEjBK,EAAoD,GAExD,IACEA,EAAeC,MAAMC,KACnBP,EAAQQ,SAAS,0BAChBC,GAAeA,EAEpB,CAAE,MAAOC,GACPd,EAAOG,MAAM,yDAA0D,CACrEC,UACAD,MAAOW,GAEX,CAEA,GAAIL,EAAaM,OAAS,EACxB,IAAK,MAAOC,EAASC,KAAgBR,EAAc,CACjD,MAAMS,EAASD,EAAYE,OACrBC,QAAsBnB,EAAeoB,QAAQH,EAAQ,CAAEnB,YAE7DK,EAAUA,EAAQY,QAAQA,EAASI,EACrC,CAIF,MACME,GADS,IAAIC,WACAC,gBAAgBpB,EAAS,aAG5BkB,EAAIG,iBAAiB,UAC7BC,QAASC,IACf,MAAMC,EAAYrB,SAASsB,cAAc,UAGzCnB,MAAMC,KAAKgB,EAAOG,YAAYJ,QAASK,IACrCH,EAAUI,aAAaD,EAAKnC,KAAMmC,EAAKE,SAIzCL,EAAUM,YAAcP,EAAOO,YAG/B5B,EAAG6B,YAAYP,KAIKlB,MAAMC,KAAKW,EAAIc,KAAKC,UAAUC,OACjDC,GAA4B,WAAlBA,EAAMC,SAELd,QAASe,IACrBnC,EAAG6B,YAAYM,EAAQC,WAAU,KAErC,GAEJ,C","sources":["webpack://@eventvisor/module-pixel/webpack/bootstrap","webpack://@eventvisor/module-pixel/webpack/runtime/define property getters","webpack://@eventvisor/module-pixel/webpack/runtime/hasOwnProperty shorthand","webpack://@eventvisor/module-pixel/./src/index.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import { Module } from \"@eventvisor/sdk\";\n\nexport type PixelModuleOptions = {\n  name?: string;\n};\n\nexport function createPixelModule(options: PixelModuleOptions = {}): Module {\n  const { name = \"pixel\" } = options;\n\n  return {\n    name,\n\n    handle: async ({ step, payload }, { logger, sourceResolver }) => {\n      const { params } = step;\n\n      if (!params) {\n        logger.error(\"[module-pixel] No params found in step\", { step });\n\n        return;\n      }\n\n      if (!params.snippet) {\n        logger.error(\"[module-pixel] No snippet found in params\", { params });\n\n        return;\n      }\n\n      const selector = params.selector || \"body\";\n\n      const el = document.querySelector(selector);\n\n      if (!el) {\n        logger.error(\"[module-pixel] No element found with selector\", { selector });\n\n        return;\n      }\n\n      let snippet = params.snippet;\n\n      let variableKeys: [replace: string, source: string][] = [];\n\n      try {\n        variableKeys = Array.from(\n          snippet.matchAll(/\\{\\{\\s*([^}]+)\\s*\\}\\}/g),\n          (match: any) => match,\n        );\n      } catch (e) {\n        logger.error(\"[module-pixel] Error parsing snippet for variable keys\", {\n          snippet,\n          error: e,\n        });\n      }\n\n      if (variableKeys.length > 0) {\n        for (const [replace, variableKey] of variableKeys) {\n          const source = variableKey.trim();\n          const variableValue = await sourceResolver.resolve(source, { payload });\n\n          snippet = snippet.replace(replace, variableValue); // @TODO: /g?\n        }\n      }\n\n      // Parse the snippet to handle both script tags and regular HTML\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(snippet, \"text/html\");\n\n      // Handle script tags separately to ensure they execute\n      const scripts = doc.querySelectorAll(\"script\");\n      scripts.forEach((script) => {\n        const newScript = document.createElement(\"script\");\n\n        // Copy all attributes from the original script\n        Array.from(script.attributes).forEach((attr) => {\n          newScript.setAttribute(attr.name, attr.value);\n        });\n\n        // Copy the script content\n        newScript.textContent = script.textContent;\n\n        // Append to the target element\n        el.appendChild(newScript);\n      });\n\n      // Handle other HTML content (non-script elements)\n      const otherElements = Array.from(doc.body.children).filter(\n        (child) => child.tagName !== \"SCRIPT\",\n      );\n      otherElements.forEach((element) => {\n        el.appendChild(element.cloneNode(true));\n      });\n    },\n  };\n}\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","createPixelModule","options","name","handle","step","payload","logger","sourceResolver","params","error","snippet","selector","el","document","querySelector","variableKeys","Array","from","matchAll","match","e","length","replace","variableKey","source","trim","variableValue","resolve","doc","DOMParser","parseFromString","querySelectorAll","forEach","script","newScript","createElement","attributes","attr","setAttribute","value","textContent","appendChild","body","children","filter","child","tagName","element","cloneNode"],"sourceRoot":""}

package/jest.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  preset: "ts-jest",
+  bail: true,
+  collectCoverageFrom: ["src/**/*.ts"],
+};

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+import { Module } from "@eventvisor/sdk";
+export type PixelModuleOptions = {
+    name?: string;
+};
+export declare function createPixelModule(options?: PixelModuleOptions): Module;

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@eventvisor/module-pixel",
+  "version": "0.0.2",
+  "description": "Eventvisor pixel module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "transpile": "echo 'Nothing to transpile'",
+    "dist": "webpack --config ./webpack.config.js && tsc --project tsconfig.esm.json --declaration --emitDeclarationOnly --declarationDir dist",
+    "build": "npm run transpile && npm run dist",
+    "testJest": "jest --config jest.config.js --verbose --coverage",
+    "test": "echo 'Nothing to test'"
+  },
+  "author": {
+    "name": "Fahad Heylaal",
+    "url": "https://fahad19.com"
+  },
+  "homepage": "https://eventvisor.org",
+  "keywords": [],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/eventvisor/eventvisor.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "bugs": {
+    "url": "https://github.com/eventvisor/eventvisor/issues"
+  },
+  "devDependencies": {
+    "@eventvisor/sdk": "0.0.2"
+  },
+  "license": "MIT",
+  "gitHead": "373d5c00cb6fa0d6f4baaa05a10e57e505474847"
+}

package/src/index.ts

@@ -0,0 +1,93 @@
+import { Module } from "@eventvisor/sdk";
+
+export type PixelModuleOptions = {
+  name?: string;
+};
+
+export function createPixelModule(options: PixelModuleOptions = {}): Module {
+  const { name = "pixel" } = options;
+
+  return {
+    name,
+
+    handle: async ({ step, payload }, { logger, sourceResolver }) => {
+      const { params } = step;
+
+      if (!params) {
+        logger.error("[module-pixel] No params found in step", { step });
+
+        return;
+      }
+
+      if (!params.snippet) {
+        logger.error("[module-pixel] No snippet found in params", { params });
+
+        return;
+      }
+
+      const selector = params.selector || "body";
+
+      const el = document.querySelector(selector);
+
+      if (!el) {
+        logger.error("[module-pixel] No element found with selector", { selector });
+
+        return;
+      }
+
+      let snippet = params.snippet;
+
+      let variableKeys: [replace: string, source: string][] = [];
+
+      try {
+        variableKeys = Array.from(
+          snippet.matchAll(/\{\{\s*([^}]+)\s*\}\}/g),
+          (match: any) => match,
+        );
+      } catch (e) {
+        logger.error("[module-pixel] Error parsing snippet for variable keys", {
+          snippet,
+          error: e,
+        });
+      }
+
+      if (variableKeys.length > 0) {
+        for (const [replace, variableKey] of variableKeys) {
+          const source = variableKey.trim();
+          const variableValue = await sourceResolver.resolve(source, { payload });
+
+          snippet = snippet.replace(replace, variableValue); // @TODO: /g?
+        }
+      }
+
+      // Parse the snippet to handle both script tags and regular HTML
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(snippet, "text/html");
+
+      // Handle script tags separately to ensure they execute
+      const scripts = doc.querySelectorAll("script");
+      scripts.forEach((script) => {
+        const newScript = document.createElement("script");
+
+        // Copy all attributes from the original script
+        Array.from(script.attributes).forEach((attr) => {
+          newScript.setAttribute(attr.name, attr.value);
+        });
+
+        // Copy the script content
+        newScript.textContent = script.textContent;
+
+        // Append to the target element
+        el.appendChild(newScript);
+      });
+
+      // Handle other HTML content (non-script elements)
+      const otherElements = Array.from(doc.body.children).filter(
+        (child) => child.tagName !== "SCRIPT",
+      );
+      otherElements.forEach((element) => {
+        el.appendChild(element.cloneNode(true));
+      });
+    },
+  };
+}

package/tsconfig.cjs.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.cjs.json",
+  "compilerOptions": {
+    "outDir": "./lib",
+    "lib": ["DOM"]
+  },
+  "include": ["./src/**/*.ts"]
+}

package/tsconfig.esm.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.esm.json",
+  "compilerOptions": {
+    "outDir": "./lib",
+    "lib": ["DOM"]
+  },
+  "include": ["./src/**/*.ts"]
+}

package/webpack.config.js

@@ -0,0 +1,80 @@
+const path = require("path");
+
+module.exports = [
+  // cjs
+  {
+    entry: {
+      "index.cjs": path.join(__dirname, "src", "index.ts"),
+    },
+    output: {
+      path: path.join(__dirname, "dist"),
+      filename: "index.js",
+      library: "EventvisorPixelModule",
+      libraryTarget: "umd",
+      globalObject: "this",
+    },
+    mode: "production",
+    devtool: "source-map",
+    resolve: {
+      extensions: [".ts", ".tsx", ".js"],
+    },
+    module: {
+      rules: [
+        {
+          test: /\.(ts|tsx)$/,
+          exclude: /(node_modules)/,
+          use: [
+            {
+              loader: "ts-loader",
+              options: {
+                configFile: path.join(__dirname, "tsconfig.cjs.json"),
+                transpileOnly: true,
+              },
+            },
+          ],
+        },
+      ],
+    },
+    performance: {
+      hints: false,
+    },
+    optimization: {
+      minimize: true,
+    },
+  },
+
+  // esm
+  {
+    entry: path.join(__dirname, "src", "index.ts"),
+    output: {
+      path: path.join(__dirname, "dist"),
+      filename: "index.mjs",
+      library: {
+        type: "module",
+      },
+    },
+    experiments: {
+      outputModule: true,
+    },
+    mode: "production",
+    devtool: "source-map",
+    resolve: {
+      extensions: [".ts", ".tsx", ".js"],
+    },
+    module: {
+      rules: [
+        {
+          test: /\.(ts|tsx)$/,
+          exclude: /(node_modules)/,
+          loader: "ts-loader",
+          options: {
+            configFile: path.join(__dirname, "tsconfig.esm.json"),
+          },
+        },
+      ],
+    },
+    performance: {
+      hints: false,
+    },
+  },
+];