@beworke/pixel 0.1.0-rc.6 → 0.1.0-rc.8

package/dist/examples/html-script/search/example-search-text.html

@@ -149,7 +149,7 @@ code { font-size: 0.85em; }
       </div>
     </div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
       const API_ENDPOINT =
@@ -206,9 +206,46 @@ code { font-size: 0.85em; }
             debug: true,
           },
           transport: {
-            ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
-            timeoutMs: 10000,
+            ...base.transport,
+            enabled: true,
+            sender: { mode: 'internal', baseUrl: API_ENDPOINT },
+            persistence: { enabled: true },
+            replay: { enabled: true },
+            ordering: { enabled: true },
+            coordination: { enabled: true },
+            circuitBreaker: {
+              enabled: true,
+              failureThreshold: 5,
+              resetTimeoutMs: 30000,
+              halfOpenMaxAttempts: 2,
+            },
+            backpressure: {
+              enabled: true,
+              maxQueueSize: 500,
+              policy: 'drop_oldest',
+              sampleRate: 0.5,
+            },
+            deadLetter: { enabled: true, maxEntries: 200 },
+            compression: { enabled: true, strategy: 'identity' },
+            retry: {
+              enabled: true,
+              maxAttempts: 4,
+              baseDelayMs: 500,
+              maxDelayMs: 4000,
+              multiplier: 2,
+            },
+            batch: {
+              enabled: true,
+              batchSize: 10,
+              maxWaitMs: 5000,
+            },
+            timeout: { enabled: true, timeoutMs: 10000 },
+            offline: { enabled: true },
+            flush: {
+              enabled: true,
+              flushOnDestroy: true,
+              prepareUnloadHooks: true,
+            },
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
           commerce: {
@@ -264,50 +301,6 @@ code { font-size: 0.85em; }
             },
             behavior: { ...base.modules.behavior, enabled: false },
             privacy: { ...base.modules.privacy, enabled: false },
-            transport: {
-              enabled: true,
-              mockSender: { enabled: false },
-              sender: { mode: 'http' },
-              persistence: { enabled: true },
-              replay: { enabled: true },
-              ordering: { enabled: true },
-              coordination: { enabled: true },
-              circuitBreaker: {
-                enabled: true,
-                failureThreshold: 5,
-                resetTimeoutMs: 30000,
-                halfOpenMaxAttempts: 2,
-              },
-              backpressure: {
-                enabled: true,
-                maxQueueSize: 500,
-                policy: 'drop_oldest',
-                sampleRate: 0.5,
-              },
-              deadLetter: { enabled: true, maxEntries: 200 },
-              compression: { enabled: true, strategy: 'identity' },
-              retry: {
-                enabled: true,
-                maxAttempts: 4,
-                baseDelayMs: 500,
-                maxDelayMs: 4000,
-                multiplier: 2,
-              },
-              batch: {
-                enabled: true,
-                batchSize: 10,
-                flushIntervalMs: 2000,
-                maxWaitMs: 5000,
-              },
-              timeout: { enabled: true, timeoutMs: 10000 },
-              offline: { enabled: true },
-              flush: {
-                enabled: true,
-                flushIntervalMs: 2000,
-                flushOnDestroy: true,
-                prepareUnloadHooks: true,
-              },
-            },
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,

package/dist/examples/html-script/url-context/example-url-context-allowed-domains.html

@@ -5,9 +5,24 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pixel v2 — UrlContext allowedDomains</title>
     <style>
-      body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
-      a { display: block; margin: 0.5rem 0; }
-      pre { background: #0f172a; color: #e2e8f0; padding: 0.75rem; border-radius: 8px; font-size: 0.75rem; overflow: auto; }
+      body {
+        font-family: system-ui, sans-serif;
+        max-width: 720px;
+        margin: 2rem auto;
+        padding: 0 1rem;
+      }
+      a {
+        display: block;
+        margin: 0.5rem 0;
+      }
+      pre {
+        background: #0f172a;
+        color: #e2e8f0;
+        padding: 0.75rem;
+        border-radius: 8px;
+        font-size: 0.75rem;
+        overflow: auto;
+      }
     </style>
   </head>
   <body>
@@ -15,19 +30,28 @@
     <p>Esperado: apenas o link de checkout recebe <code>sid</code>.</p>
 
     <a id="checkout" href="https://checkout.bemony.com/pay">Checkout Bemony</a>
-    <a id="security" href="https://security.bemony.com/upsell/accept">Security Bemony</a>
+    <a id="security" href="https://security.bemony.com/upsell/accept"
+      >Security Bemony</a
+    >
     <a id="mine" href="https://meusite.com/pagina">Meu site</a>
 
     <pre id="out">init…</pre>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
         var pixel = new Pixel({
           ...DEFAULT_PIXEL_CONFIG,
           app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
-          identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_uc_domains' },
+          identity: {
+            ...DEFAULT_PIXEL_CONFIG.identity,
+            pixelId: 'pix_uc_domains',
+          },
+          transport: {
+            ...DEFAULT_PIXEL_CONFIG.transport,
+            enabled: false,
+          },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
             core: {
@@ -41,9 +65,14 @@
                 },
               },
             },
-            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
-            integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
-            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
+            integrations: {
+              ...DEFAULT_PIXEL_CONFIG.modules.integrations,
+              enabled: false,
+            },
+            conversion: {
+              ...DEFAULT_PIXEL_CONFIG.modules.conversion,
+              enabled: false,
+            },
           },
         });
         await pixel.init();

package/dist/examples/html-script/url-context/example-url-context-landing.html

@@ -5,10 +5,28 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pixel v2 — UrlContext Landing</title>
     <style>
-      body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
-      a { display: block; margin: 0.5rem 0; }
-      pre { background: #0f172a; color: #e2e8f0; padding: 0.75rem; border-radius: 8px; font-size: 0.75rem; overflow: auto; }
-      .hint { color: #64748b; font-size: 0.9rem; }
+      body {
+        font-family: system-ui, sans-serif;
+        max-width: 720px;
+        margin: 2rem auto;
+        padding: 0 1rem;
+      }
+      a {
+        display: block;
+        margin: 0.5rem 0;
+      }
+      pre {
+        background: #0f172a;
+        color: #e2e8f0;
+        padding: 0.75rem;
+        border-radius: 8px;
+        font-size: 0.75rem;
+        overflow: auto;
+      }
+      .hint {
+        color: #64748b;
+        font-size: 0.9rem;
+      }
     </style>
   </head>
   <body>
@@ -17,25 +35,38 @@
       Abra com query, ex.:
       <code>?utm_source=facebook&amp;affid=aff_123&amp;src=redtrack_abc</code>
       <br />
-      Debug: console mostra snapshot; href do checkout deve ganhar <code>sid</code> + UTMs sem duplicar params.
+      Debug: console mostra snapshot; href do checkout deve ganhar
+      <code>sid</code> + UTMs sem duplicar params.
+    </p>
+    <p>
+      Esperado: gera <code>sid</code>, preserva UTMs/affid/src, decora checkout
+      (abs + relativo).
     </p>
-    <p>Esperado: gera <code>sid</code>, preserva UTMs/affid/src, decora checkout (abs + relativo).</p>
 
     <a id="c1" href="https://checkout.bemony.com/pay">Checkout absoluto</a>
-    <a id="c2" href="https://checkout.bemony.com/pay?product=main">Checkout + product</a>
+    <a id="c2" href="https://checkout.bemony.com/pay?product=main"
+      >Checkout + product</a
+    >
     <a id="c3" href="/checkout#step">Checkout relativo + hash</a>
     <a href="https://facebook.com/x">Externo (não decorar)</a>
 
     <pre id="out">init…</pre>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
         var pixel = new Pixel({
           ...DEFAULT_PIXEL_CONFIG,
           app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
-          identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_uc_landing' },
+          identity: {
+            ...DEFAULT_PIXEL_CONFIG.identity,
+            pixelId: 'pix_uc_landing',
+          },
+          transport: {
+            ...DEFAULT_PIXEL_CONFIG.transport,
+            enabled: false,
+          },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
             core: {
@@ -49,9 +80,14 @@
                 },
               },
             },
-            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
-            integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
-            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
+            integrations: {
+              ...DEFAULT_PIXEL_CONFIG.modules.integrations,
+              enabled: false,
+            },
+            conversion: {
+              ...DEFAULT_PIXEL_CONFIG.modules.conversion,
+              enabled: false,
+            },
           },
         });
         await pixel.init();
@@ -62,7 +98,11 @@
           checkout2: document.getElementById('c2').getAttribute('href'),
           checkoutRelative: document.getElementById('c3').getAttribute('href'),
         };
-        document.getElementById('out').textContent = JSON.stringify(debug, null, 2);
+        document.getElementById('out').textContent = JSON.stringify(
+          debug,
+          null,
+          2
+        );
         console.debug('[UrlContext landing]', debug);
       })();
     </script>

package/dist/examples/html-script/url-context/example-url-context-upsell.html

@@ -5,10 +5,33 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pixel v2 — UrlContext Upsell</title>
     <style>
-      body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
-      a { display: inline-block; margin: 0.5rem 0.5rem 0 0; padding: 0.5rem 0.85rem; background: #0f766e; color: #fff; border-radius: 8px; text-decoration: none; }
-      pre { background: #0f172a; color: #e2e8f0; padding: 0.75rem; border-radius: 8px; font-size: 0.75rem; overflow: auto; }
-      .hint { color: #64748b; font-size: 0.9rem; }
+      body {
+        font-family: system-ui, sans-serif;
+        max-width: 720px;
+        margin: 2rem auto;
+        padding: 0 1rem;
+      }
+      a {
+        display: inline-block;
+        margin: 0.5rem 0.5rem 0 0;
+        padding: 0.5rem 0.85rem;
+        background: #0f766e;
+        color: #fff;
+        border-radius: 8px;
+        text-decoration: none;
+      }
+      pre {
+        background: #0f172a;
+        color: #e2e8f0;
+        padding: 0.75rem;
+        border-radius: 8px;
+        font-size: 0.75rem;
+        overflow: auto;
+      }
+      .hint {
+        color: #64748b;
+        font-size: 0.9rem;
+      }
     </style>
   </head>
   <body>
@@ -24,14 +47,21 @@
 
     <pre id="out">init…</pre>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
         var pixel = new Pixel({
           ...DEFAULT_PIXEL_CONFIG,
           app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
-          identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_uc_upsell' },
+          identity: {
+            ...DEFAULT_PIXEL_CONFIG.identity,
+            pixelId: 'pix_uc_upsell',
+          },
+          transport: {
+            ...DEFAULT_PIXEL_CONFIG.transport,
+            enabled: false,
+          },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
             core: {
@@ -41,13 +71,21 @@
                 linkDecoration: {
                   enabled: true,
                   strategy: 'both',
-                  allowedDomains: ['security.bemony.com', 'checkout.bemony.com'],
+                  allowedDomains: [
+                    'security.bemony.com',
+                    'checkout.bemony.com',
+                  ],
                 },
               },
             },
-            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
-            integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
-            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
+            integrations: {
+              ...DEFAULT_PIXEL_CONFIG.modules.integrations,
+              enabled: false,
+            },
+            conversion: {
+              ...DEFAULT_PIXEL_CONFIG.modules.conversion,
+              enabled: false,
+            },
           },
         });
         await pixel.init();

package/dist/examples/html-script/url-context/example-url-context.html

@@ -20,7 +20,8 @@
         margin: 1rem 0;
         background: #fff;
       }
-      a, button {
+      a,
+      button {
         display: inline-block;
         margin: 0.35rem 0.35rem 0.35rem 0;
         padding: 0.45rem 0.75rem;
@@ -32,7 +33,11 @@
         font: inherit;
         cursor: pointer;
       }
-      button.primary { background: #0f766e; color: #fff; border-color: #0f766e; }
+      button.primary {
+        background: #0f766e;
+        color: #fff;
+        border-color: #0f766e;
+      }
       pre {
         background: #0f172a;
         color: #e2e8f0;
@@ -42,26 +47,52 @@
         overflow: auto;
         max-height: 280px;
       }
-      .hint { color: #64748b; font-size: 0.9rem; }
-      code { font-size: 0.85em; }
+      .hint {
+        color: #64748b;
+        font-size: 0.9rem;
+      }
+      code {
+        font-size: 0.85em;
+      }
     </style>
   </head>
   <body>
     <h1>UrlContext — Core (Etapa 15A)</h1>
     <p class="hint">
-      <code>sid</code> público da URL <strong>não</strong> é o <code>session_id</code> interno do Pixel.
-      <code>order_id</code> pode ir na URL; token de pagamento fica em cookie HttpOnly no backend.
-      Decoration: relativa (<code>/checkout#payment</code>), absoluta e exclusões (mailto, download, social).
+      <code>sid</code> público da URL <strong>não</strong> é o
+      <code>session_id</code> interno do Pixel. <code>order_id</code> pode ir na
+      URL; token de pagamento fica em cookie HttpOnly no backend. Decoration:
+      relativa (<code>/checkout#payment</code>), absoluta e exclusões (mailto,
+      download, social).
     </p>
 
     <div class="card">
       <h2>Links</h2>
-      <a id="checkout-link" href="https://checkout.bemony.com/pay">Ir para checkout</a>
-      <a id="checkout-relative" href="/checkout#payment">Relativo + hash (vira ?sid=#payment)</a>
-      <a id="upsell-accept-link" href="https://security.bemony.com/upsell/accept">Sim, quero o upsell</a>
-      <a id="upsell-decline-link" href="https://security.bemony.com/upsell/decline">Não, obrigado</a>
-      <a id="external-link" href="https://facebook.com/test">Link externo (ignorado)</a>
-      <a id="ignored-link" href="https://checkout.bemony.com/pay" data-no-url-context>Ignorado por selector</a>
+      <a id="checkout-link" href="https://checkout.bemony.com/pay"
+        >Ir para checkout</a
+      >
+      <a id="checkout-relative" href="/checkout#payment"
+        >Relativo + hash (vira ?sid=#payment)</a
+      >
+      <a
+        id="upsell-accept-link"
+        href="https://security.bemony.com/upsell/accept"
+        >Sim, quero o upsell</a
+      >
+      <a
+        id="upsell-decline-link"
+        href="https://security.bemony.com/upsell/decline"
+        >Não, obrigado</a
+      >
+      <a id="external-link" href="https://facebook.com/test"
+        >Link externo (ignorado)</a
+      >
+      <a
+        id="ignored-link"
+        href="https://checkout.bemony.com/pay"
+        data-no-url-context
+        >Ignorado por selector</a
+      >
       <a id="download-link" href="/file.pdf" download>Download ignorado</a>
       <a id="mailto-link" href="mailto:test@example.com">Mailto ignorado</a>
     </div>
@@ -77,7 +108,7 @@
       <pre id="out">Aguardando init…</pre>
     </div>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (function () {
         var out = document.getElementById('out');
@@ -117,6 +148,10 @@
               ...DEFAULT_PIXEL_CONFIG.identity,
               pixelId: 'pix_url_context_demo',
             },
+            transport: {
+              ...DEFAULT_PIXEL_CONFIG.transport,
+              enabled: false,
+            },
             modules: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               core: {
@@ -137,10 +172,6 @@
                 ...DEFAULT_PIXEL_CONFIG.modules.conversion,
                 enabled: true,
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: false,
-              },
               integrations: {
                 ...DEFAULT_PIXEL_CONFIG.modules.integrations,
                 enabled: false,
@@ -161,9 +192,12 @@
         document.getElementById('btn-ic').onclick = function () {
           if (!pixel) return;
           pixel.initiateCheckout();
-          log('INITIATE_CHECKOUT disparado — ver query_params/url_context no Transport/debug', {
-            snapshot: pixel.getDebugServices().urlContext.getSnapshot(),
-          });
+          log(
+            'INITIATE_CHECKOUT disparado — ver query_params/url_context no Transport/debug',
+            {
+              snapshot: pixel.getDebugServices().urlContext.getSnapshot(),
+            }
+          );
         };
       })();
     </script>

package/dist/examples/html-script/view-content/example-view-content-attribute.html

@@ -177,7 +177,7 @@ code { font-size: 0.85em; }
       </div>
     </div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
       const API_ENDPOINT =
@@ -229,9 +229,46 @@ code { font-size: 0.85em; }
             debug: true,
           },
           transport: {
-            ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
-            timeoutMs: 10000,
+            ...base.transport,
+            enabled: true,
+            sender: { mode: 'internal', baseUrl: API_ENDPOINT },
+            persistence: { enabled: true },
+            replay: { enabled: true },
+            ordering: { enabled: true },
+            coordination: { enabled: true },
+            circuitBreaker: {
+              enabled: true,
+              failureThreshold: 5,
+              resetTimeoutMs: 30000,
+              halfOpenMaxAttempts: 2,
+            },
+            backpressure: {
+              enabled: true,
+              maxQueueSize: 500,
+              policy: 'drop_oldest',
+              sampleRate: 0.5,
+            },
+            deadLetter: { enabled: true, maxEntries: 200 },
+            compression: { enabled: true, strategy: 'identity' },
+            retry: {
+              enabled: true,
+              maxAttempts: 4,
+              baseDelayMs: 500,
+              maxDelayMs: 4000,
+              multiplier: 2,
+            },
+            batch: {
+              enabled: true,
+              batchSize: 10,
+              maxWaitMs: 5000,
+            },
+            timeout: { enabled: true, timeoutMs: 10000 },
+            offline: { enabled: true },
+            flush: {
+              enabled: true,
+              flushOnDestroy: true,
+              prepareUnloadHooks: true,
+            },
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
           commerce: {
@@ -306,50 +343,6 @@ code { font-size: 0.85em; }
             },
             behavior: { ...base.modules.behavior, enabled: false },
             privacy: { ...base.modules.privacy, enabled: false },
-            transport: {
-              enabled: true,
-              mockSender: { enabled: false },
-              sender: { mode: 'http' },
-              persistence: { enabled: true },
-              replay: { enabled: true },
-              ordering: { enabled: true },
-              coordination: { enabled: true },
-              circuitBreaker: {
-                enabled: true,
-                failureThreshold: 5,
-                resetTimeoutMs: 30000,
-                halfOpenMaxAttempts: 2,
-              },
-              backpressure: {
-                enabled: true,
-                maxQueueSize: 500,
-                policy: 'drop_oldest',
-                sampleRate: 0.5,
-              },
-              deadLetter: { enabled: true, maxEntries: 200 },
-              compression: { enabled: true, strategy: 'identity' },
-              retry: {
-                enabled: true,
-                maxAttempts: 4,
-                baseDelayMs: 500,
-                maxDelayMs: 4000,
-                multiplier: 2,
-              },
-              batch: {
-                enabled: true,
-                batchSize: 10,
-                flushIntervalMs: 2000,
-                maxWaitMs: 5000,
-              },
-              timeout: { enabled: true, timeoutMs: 10000 },
-              offline: { enabled: true },
-              flush: {
-                enabled: true,
-                flushIntervalMs: 2000,
-                flushOnDestroy: true,
-                prepareUnloadHooks: true,
-              },
-            },
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,