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

package/dist/examples/html-script/example-checkout-commerce.html

@@ -163,8 +163,8 @@
           <div>
             <label for="sender-mode">Sender</label>
             <select id="sender-mode">
-              <option value="http">HTTP real</option>
-              <option value="mock">Mock (sem API)</option>
+              <option value="internal">Internal (endpoint público)</option>
+              <option value="test">Test (sem rede)</option>
             </select>
           </div>
         </div>
@@ -342,7 +342,7 @@
       </div>
     </div>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       (function () {
         var params = new URLSearchParams(window.location.search);
@@ -471,11 +471,11 @@
           var pixelId = pixelIdInput.value.trim();
           var batchMode = document.getElementById('batch-mode').value;
           var senderMode = document.getElementById('sender-mode').value;
-          var useHttp = senderMode === 'http';
+          var useInternal = senderMode === 'internal';
           var batchSize = batchMode === 'batch' ? 10 : 1;
 
-          if (useHttp && (!endpoint || !pixelId)) {
-            throw new Error('Preencha PIXEL_API_ENDPOINT e PIXEL_ID para sender HTTP.');
+          if (useInternal && (!endpoint || !pixelId)) {
+            throw new Error('Preencha PIXEL_API_ENDPOINT e PIXEL_ID para sender internal.');
           }
 
           return {
@@ -492,8 +492,25 @@
             },
             transport: {
               ...DEFAULT_PIXEL_CONFIG.transport,
-              apiEndpoint: endpoint || '',
-              timeoutMs: 15000,
+              enabled: true,
+              sender: useInternal
+                ? { mode: 'internal', baseUrl: endpoint }
+                : { mode: 'test', capture: true },
+              batch: {
+                ...DEFAULT_PIXEL_CONFIG.transport.batch,
+                enabled: true,
+                batchSize: batchSize,
+                maxWaitMs: batchMode === 'batch' ? 8000 : 500,
+              },
+              flush: {
+                ...DEFAULT_PIXEL_CONFIG.transport.flush,
+                flushOnDestroy: true,
+              },
+              timeout: {
+                ...DEFAULT_PIXEL_CONFIG.transport.timeout,
+                timeoutMs: 15000,
+              },
+              coordination: { enabled: false },
             },
             commerce: {
                             enabled: true,
@@ -663,29 +680,6 @@
                   enabled: false,
                 },
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: true,
-                mockSender: { enabled: !useHttp },
-                sender: { mode: useHttp ? 'http' : 'mock' },
-                batch: {
-                  ...DEFAULT_PIXEL_CONFIG.modules.transport.batch,
-                  enabled: true,
-                  batchSize: batchSize,
-                  flushIntervalMs: batchMode === 'batch' ? 8000 : 200,
-                  maxWaitMs: batchMode === 'batch' ? 8000 : 500,
-                },
-                flush: {
-                  ...DEFAULT_PIXEL_CONFIG.modules.transport.flush,
-                  flushIntervalMs: batchMode === 'batch' ? 8000 : 200,
-                  flushOnDestroy: true,
-                },
-                timeout: {
-                  ...DEFAULT_PIXEL_CONFIG.modules.transport.timeout,
-                  timeoutMs: 15000,
-                },
-                coordination: { enabled: false },
-              },
             },
           };
         }
@@ -719,6 +713,13 @@
           var Pixel = window.PixelV2.Pixel;
           pixel = new Pixel(buildConfig());
           await pixel.init();
+          if (document.getElementById('sender-mode').value === 'test') {
+            pixel.configureTransportTestSender({
+              capture: true,
+              response: 'success',
+              delayMs: 0,
+            });
+          }
           initCount += 1;
 
           var services = pixel.getDebugServices();

package/dist/examples/html-script/example-conversion.html

@@ -149,7 +149,7 @@
 
     <pre id="logs"></pre>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
 
@@ -241,12 +241,12 @@
 
       function conversionConfig() {
         const cfg = {
-          senderMode: 'http',
+          senderMode: 'internal',
           timeoutMs: 10000,
           maxAttempts: 4,
           batchSize: 3,
         };
-        const useHttp = cfg.senderMode === 'http';
+        const useHttp = cfg.senderMode === 'internal';
         return {
           ...DEFAULT_PIXEL_CONFIG,
           app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
@@ -256,8 +256,45 @@
           },
           transport: {
             ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
-            timeoutMs: cfg.timeoutMs,
+            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: cfg.maxAttempts,
+              baseDelayMs: 500,
+              maxDelayMs: 4000,
+              multiplier: 2,
+            },
+            batch: {
+              enabled: true,
+              batchSize: cfg.batchSize,
+              maxWaitMs: 5000,
+            },
+            timeout: { enabled: true, timeoutMs: cfg.timeoutMs },
+            offline: { enabled: true },
+            flush: {
+              enabled: true,
+              flushOnDestroy: true,
+              prepareUnloadHooks: true,
+            },
           },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
@@ -304,50 +341,6 @@
                 card: { 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: cfg.maxAttempts,
-                baseDelayMs: 500,
-                maxDelayMs: 4000,
-                multiplier: 2,
-              },
-              batch: {
-                enabled: true,
-                batchSize: cfg.batchSize,
-                flushIntervalMs: 2000,
-                maxWaitMs: 5000,
-              },
-              timeout: { enabled: true, timeoutMs: cfg.timeoutMs },
-              offline: { enabled: true },
-              flush: {
-                enabled: true,
-                flushIntervalMs: 2000,
-                flushOnDestroy: true,
-                prepareUnloadHooks: true,
-              },
-            },
           },
         };
       }

package/dist/examples/html-script/example-global-factory-classic.html

@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pixel base — script clássico</title>
+    <script src="../../browser/pixel.global.js"></script>
+  </head>
+
+  <body>
+    <h1>Pixel base — script clássico</h1>
+    <p>
+      Top-level <code>await</code> exige <code>type="module"</code> ou um IIFE
+      assíncrono. Este exemplo usa <code>.then()</code>.
+    </p>
+    <button id="lead-button" type="button" disabled>Enviar lead</button>
+    <pre id="status">aguardando init…</pre>
+
+    <script>
+      (function () {
+        var status = document.getElementById('status');
+        var button = document.getElementById('lead-button');
+
+        Pixel({
+          identity: {
+            pixelId: 'pix_public_demo',
+          },
+        })
+          .then(function (pixel) {
+            status.textContent = 'Pixel inicializado';
+            button.disabled = false;
+            button.addEventListener('click', function () {
+              pixel.lead({ email: 'user@example.com' });
+              status.textContent = 'lead enviado';
+            });
+          })
+          .catch(function (error) {
+            console.error(error);
+            status.textContent =
+              error && error.message ? error.message : String(error);
+          });
+      })();
+    </script>
+  </body>
+</html>

package/dist/examples/html-script/example-global-factory.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pixel base — global factory</title>
+    <script src="../../browser/pixel.global.js"></script>
+  </head>
+
+  <body>
+    <h1>Pixel base — global factory</h1>
+    <p>
+      O bundle só registra <code>window.Pixel</code>. A inicialização acontece
+      quando <code>Pixel(settings)</code> resolve. Informe apenas
+      <code>identity.pixelId</code>; o SDK mescla o restante com os defaults.
+    </p>
+    <button id="lead-button" type="button">Enviar lead</button>
+    <pre id="status">aguardando init…</pre>
+
+    <script type="module">
+      const pixel = await Pixel({
+        identity: {
+          pixelId: 'pix_7315610',
+        },
+      });
+
+      const status = document.getElementById('status');
+      status.textContent = pixel.isInitialized()
+        ? 'Pixel inicializado'
+        : 'Pixel não inicializado';
+
+      document.getElementById('lead-button').addEventListener('click', () => {
+        pixel.lead({
+          email: 'user@example.com',
+        });
+        status.textContent = 'lead enviado';
+      });
+    </script>
+  </body>
+</html>

package/dist/examples/html-script/example-integration.html

@@ -297,7 +297,7 @@
     <h2>Dispatcher Logs</h2>
     <pre id="logs"></pre>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
 
@@ -379,7 +379,45 @@
           identity: { pixelId: PIXEL_ID },
           transport: {
             ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
+            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: 3,
+              maxWaitMs: 5000,
+            },
+            timeout: { enabled: true, timeoutMs: 10000 },
+            offline: { enabled: true },
+            flush: {
+              enabled: true,
+              flushOnDestroy: true,
+              prepareUnloadHooks: true,
+            },
           },
           attribution: { ...DEFAULT_PIXEL_CONFIG.attribution },
           modules: {
@@ -415,50 +453,6 @@
                 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: 3,
-                flushIntervalMs: 2000,
-                maxWaitMs: 5000,
-              },
-              timeout: { enabled: true, timeoutMs: 10000 },
-              offline: { enabled: true },
-              flush: {
-                enabled: true,
-                flushIntervalMs: 2000,
-                flushOnDestroy: true,
-                prepareUnloadHooks: true,
-              },
-            },
             integrations: {
               enabled: true,
               debug: true,

package/dist/examples/html-script/example-landing-commerce.html

@@ -110,6 +110,7 @@
         <strong>Contexto:</strong> página de vendas sem checkout. O Core dispara PAGE_VIEW no init
         (<code>trackInitialPageView: true</code>). O enrichment completa o payload com dados do
         carrinho seed (<code>initialItems</code> + catálogo).
+        CTA externo usa source <code>type: 'link'</code> (destino do href).
       </div>
 
       <div class="hero" data-product-id="main_offer" data-product-price="197" data-currency="BRL">
@@ -119,6 +120,13 @@
         <div class="actions">
           <button type="button" class="primary" data-track="view_content">Ver conteúdo</button>
           <button type="button" data-track="add_to_cart">Quero começar</button>
+          <a
+            id="checkout-link"
+            data-demo-stay
+            data-product-id="main_offer"
+            href="https://checkout.example.com/pay/offer_landing?product=main_offer"
+            style="display:inline-block;text-decoration:none;border-radius:8px;padding:0.5rem 0.85rem;background:#0f766e;color:#fff;border:1px solid #0f766e;font:inherit;"
+          >Ir ao checkout (link)</a>
         </div>
       </div>
 
@@ -140,6 +148,7 @@
               <li>[ ] <code>commerce.cart.mode</code> = landing_page</li>
               <li>[ ] <code>enrichment.pageView.enabled</code> = true</li>
               <li>[ ] VIEW_CONTENT manual por clique (opcional)</li>
+              <li>[ ] Link checkout → <code>ConfiguredLink</code> + ADD_TO_CART</li>
             </ul>
           </div>
         </div>
@@ -160,7 +169,7 @@
       </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 =
@@ -187,9 +196,9 @@
           ...base,
           app: { ...base.app, environment: 'development', debug: true },
           transport: {
-            ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
-            timeoutMs: 10000,
+            ...base.transport,
+            enabled: true,
+            sender: { mode: 'internal', baseUrl: API_ENDPOINT },
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
           commerce: {
@@ -250,11 +259,6 @@
             },
             behavior: { ...base.modules.behavior, enabled: false },
             privacy: { ...base.modules.privacy, enabled: false },
-            transport: {
-              enabled: true,
-              mockSender: { enabled: false },
-              sender: { mode: 'http' },
-            },
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
@@ -285,6 +289,31 @@
                         trigger: 'click',
                         fireOnce: false,
                       },
+                      {
+                        name: 'checkout-product-link',
+                        type: 'link',
+                        fireOnce: false,
+                        match: {
+                          protocols: ['https:'],
+                          origins: ['https://checkout.example.com'],
+                          path: { template: '/pay/:offerId' },
+                          query: {
+                            mode: 'all',
+                            conditions: [
+                              { key: 'product', operator: 'exists' },
+                            ],
+                          },
+                        },
+                        bindings: {
+                          productId: {
+                            from: [
+                              { source: 'dataset', key: 'productId' },
+                              { source: 'query', key: 'product' },
+                            ],
+                            required: true,
+                          },
+                        },
+                      },
                     ],
                   },
                   removeFromCart: { enabled: false, sources: [] },
@@ -372,6 +401,13 @@
         renderCounts();
       });
 
+      document.querySelectorAll('[data-demo-stay]').forEach(function (el) {
+        el.addEventListener('click', function (event) {
+          event.preventDefault();
+          appendLog('(playground) navegação bloqueada — link source já trackeou em capture');
+        });
+      });
+
       initPixel().catch(function (err) {
         els.runtimeStatus.textContent = 'Erro: ' + (err && err.message ? err.message : err);
       });

package/dist/examples/html-script/example-runtime-diagnostics.html

@@ -24,7 +24,7 @@
       <button type="button" id="btn-reinit">Reinit</button>
     </p>
     <pre id="out">Aguardando…</pre>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');
@@ -44,6 +44,10 @@
               ...DEFAULT_PIXEL_CONFIG.identity,
               pixelId: 'pix_runtime_diag',
             },
+            transport: {
+              ...DEFAULT_PIXEL_CONFIG.transport,
+              enabled: false,
+            },
             modules: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               core: {
@@ -55,10 +59,6 @@
                 ...DEFAULT_PIXEL_CONFIG.modules.conversion,
                 enabled: true,
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: false,
-              },
               integrations: {
                 ...DEFAULT_PIXEL_CONFIG.modules.integrations,
                 enabled: false,