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

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

@@ -126,14 +126,14 @@
     <div class="hint">
       Endpoint oficial de testes:
       <code>https://micro-service-pixel-production-4826.up.railway.app</code> ·
-      Pixel ID: <code>pix_8580907</code>. Alterne entre MockSender e HttpSender,
+      Pixel ID: <code>pix_8580907</code>. Alterne entre TestSender e HttpSender,
       storage adapters, replay, circuit breaker, DLQ e fila persistida.
     </div>
 
     <div class="flow">
       Dispatcher → TransportEngine → Pipeline → PersistentQueue →
       OrderingManager → BackpressureManager → BatchManager → CircuitBreaker →
-      RetryEngine → TimedSender → (MockSender | HttpSender) → API → ACK → Replay
+      RetryEngine → TimedSender → (TestSender | HttpSender) → API → ACK → Replay
       / DLQ
     </div>
 
@@ -142,8 +142,8 @@
       <label>
         Sender
         <select id="cfg-sender-mode">
-          <option value="mock">Mock Sender</option>
-          <option value="http">HTTP Sender</option>
+          <option value="test">Test Sender</option>
+          <option value="internal">Internal Sender</option>
         </select>
       </label>
       <label>
@@ -193,7 +193,7 @@
       <button id="btn-import-queue" type="button">Importar fila</button>
       <button id="btn-force-retry" type="button">Forçar retry</button>
       <button id="btn-sim-timeout" type="button">Simular timeout</button>
-      <button id="btn-reset-sender" type="button">Reset MockSender</button>
+      <button id="btn-reset-sender" type="button">Reset TestSender</button>
       <button id="btn-burst" type="button">Burst (5 eventos)</button>
     </div>
 
@@ -238,7 +238,7 @@
         <pre id="compression-state">—</pre>
       </div>
       <div class="panel">
-        <h3>HTTP Sender / API</h3>
+        <h3>Internal Sender / API</h3>
         <pre id="http-state">—</pre>
       </div>
       <div class="panel">
@@ -294,7 +294,12 @@
     <h2>Dispatcher Logs</h2>
     <pre id="logs"></pre>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script
+      data-pixel-id="213123"
+      data-funnel="123"
+      data-channel="123"
+      src="../../v2/global.global.js"
+    ></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
 
@@ -325,7 +330,7 @@
 
       function transportConfig() {
         const cfg = readConfigInputs();
-        const useHttp = cfg.senderMode === 'http';
+        const useInternal = cfg.senderMode === 'internal';
 
         return {
           ...DEFAULT_PIXEL_CONFIG,
@@ -333,8 +338,47 @@
           identity: { pixelId: PIXEL_ID },
           transport: {
             ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
-            timeoutMs: cfg.timeoutMs,
+            enabled: true,
+            sender: useInternal
+              ? { mode: 'internal', baseUrl: API_ENDPOINT }
+              : { mode: 'test', capture: true },
+            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,
+            },
           },
           storage: {
             ...DEFAULT_PIXEL_CONFIG.storage,
@@ -374,50 +418,6 @@
                 enabled: false,
               },
             },
-            transport: {
-              enabled: true,
-              mockSender: { enabled: !useHttp },
-              sender: { mode: useHttp ? 'http' : 'mock' },
-              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,
-              },
-            },
           },
         };
       }
@@ -548,6 +548,13 @@
 
         pixel = new Pixel(transportConfig());
         await pixel.init();
+        if (readConfigInputs().senderMode === 'test') {
+          pixel.configureTransportTestSender({
+            capture: true,
+            response: 'success',
+            delayMs: 0,
+          });
+        }
         initCount += 1;
 
         const services = pixel.getDebugServices();
@@ -676,7 +683,7 @@
       document
         .getElementById('btn-force-retry')
         .addEventListener('click', function () {
-          pixel?.configureTransportMockSender({
+          pixel?.configureTransportTestSender({
             failUntilAttempt: 3,
             delayMs: 0,
           });
@@ -690,7 +697,7 @@
       document
         .getElementById('btn-sim-timeout')
         .addEventListener('click', function () {
-          pixel?.configureTransportMockSender({ delayMs: 5000 });
+          pixel?.configureTransportTestSender({ delayMs: 5000 });
           pixel?.purchase({
             value: 1,
             currency: 'BRL',
@@ -701,11 +708,11 @@
       document
         .getElementById('btn-reset-sender')
         .addEventListener('click', function () {
-          pixel?.configureTransportMockSender({
+          pixel?.configureTransportTestSender({
             delayMs: 0,
             failUntilAttempt: undefined,
           });
-          appendLog('MockSender reset');
+          appendLog('TestSender reset');
         });
       document
         .getElementById('btn-burst')

package/dist/examples/html-script/full-funnel/README.md

@@ -50,7 +50,7 @@ linkDecoration.allowedDomains: '*' | string[]  // '*' = todos os hosts
 
 ```bash
 npm run build
-# servir examples/html-script ou abrir via file:// após build
+# servir apps/playground-html ou abrir via file:// após build
 ```
 
 1. Abra `landing.html?utm_source=facebook&affid=aff_demo&fbclid=test_fb`.

package/dist/examples/html-script/full-funnel/checkout.html

@@ -24,7 +24,7 @@
       <a id="to-upsell" href="upsell.html">Ir ao upsell</a>
     </p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');
@@ -70,6 +70,9 @@
               initialItems: [{ productId: 'main_offer', quantity: 1 }],
             },
           },
+          transport: {
+            ...DEFAULT_PIXEL_CONFIG.transport,
+          },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
             core: {
@@ -86,7 +89,6 @@
             },
             conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: true },
             behavior: { ...DEFAULT_PIXEL_CONFIG.modules.behavior, enabled: false },
-            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
             integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
           },
         });

package/dist/examples/html-script/full-funnel/downsell.html

@@ -16,7 +16,7 @@
     <p class="hint">Última oferta — contexto de URL deve continuar intacto.</p>
     <p><a id="finish" href="thank-you.html?accepted=0">Finalizar</a></p>
     <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;
@@ -24,6 +24,9 @@
           ...DEFAULT_PIXEL_CONFIG,
           app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
           identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_ff_downsell' },
+          transport: {
+            ...DEFAULT_PIXEL_CONFIG.transport,
+          },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
             core: {
@@ -39,7 +42,6 @@
               },
             },
             conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
-            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
             integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
             behavior: { ...DEFAULT_PIXEL_CONFIG.modules.behavior, enabled: false },
           },

package/dist/examples/html-script/full-funnel/landing.html

@@ -22,9 +22,16 @@
       <button type="button" id="btn-lead">LEAD</button>
       <button type="button" id="btn-atc">ADD_TO_CART</button>
       <a id="to-checkout" href="checkout.html#step">Ir ao checkout</a>
+      <a
+        id="ext-checkout"
+        data-demo-stay
+        data-product-id="main_offer"
+        href="https://checkout.example.com/pay/offer_ff?product=main_offer"
+        >Checkout externo (link source)</a
+      >
     </p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');
@@ -57,6 +64,9 @@
               initialItems: [{ productId: 'main_offer', quantity: 1 }],
             },
           },
+          transport: {
+            ...DEFAULT_PIXEL_CONFIG.transport,
+          },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
             core: {
@@ -72,9 +82,40 @@
                 },
               },
             },
-            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: true },
+            conversion: {
+              ...DEFAULT_PIXEL_CONFIG.modules.conversion,
+              enabled: true,
+              auto: {
+                ...DEFAULT_PIXEL_CONFIG.modules.conversion.auto,
+                enabled: true,
+                detectors: {
+                  ...DEFAULT_PIXEL_CONFIG.modules.conversion.auto.detectors,
+                  addToCart: {
+                    enabled: true,
+                    sources: [
+                      {
+                        name: 'ff-checkout-link',
+                        type: 'link',
+                        match: {
+                          origins: ['https://checkout.example.com'],
+                          path: { template: '/pay/:offerId' },
+                        },
+                        bindings: {
+                          productId: {
+                            from: [
+                              { source: 'dataset', key: 'productId' },
+                              { source: 'query', key: 'product' },
+                            ],
+                            required: true,
+                          },
+                        },
+                      },
+                    ],
+                  },
+                },
+              },
+            },
             behavior: { ...DEFAULT_PIXEL_CONFIG.modules.behavior, enabled: false },
-            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
             integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
           },
         });
@@ -84,6 +125,9 @@
           href: location.href,
           snapshot: uc.getSnapshot(),
           checkoutHref: document.getElementById('to-checkout').getAttribute('href'),
+          detectors: pixel.getDebugActiveDetectors
+            ? pixel.getDebugActiveDetectors()
+            : [],
         });
         document.getElementById('btn-lead').onclick = function () {
           pixel.lead({ email: 'demo@example.com' });
@@ -93,6 +137,16 @@
           pixel.addToCart();
           log('ADD_TO_CART', uc.getSnapshot());
         };
+        document.querySelectorAll('[data-demo-stay]').forEach(function (el) {
+          el.addEventListener('click', function (event) {
+            event.preventDefault();
+            log('link-click (nav blocked)', {
+              detectors: pixel.getDebugActiveDetectors
+                ? pixel.getDebugActiveDetectors()
+                : [],
+            });
+          });
+        });
       })();
     </script>
   </body>

package/dist/examples/html-script/full-funnel/thank-you.html

@@ -20,7 +20,7 @@
       <button type="button" id="btn-reinit">Reinit</button>
     </p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');
@@ -32,6 +32,9 @@
             ...DEFAULT_PIXEL_CONFIG,
             app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
             identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_ff_thanks' },
+            transport: {
+              ...DEFAULT_PIXEL_CONFIG.transport,
+            },
             modules: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               core: {
@@ -39,7 +42,6 @@
                 urlContext: { enabled: true },
               },
               conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
-              transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
               integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
               behavior: { ...DEFAULT_PIXEL_CONFIG.modules.behavior, enabled: false },
             },

package/dist/examples/html-script/full-funnel/upsell.html

@@ -20,7 +20,7 @@
       <a id="decline" class="secondary" href="downsell.html">Recusar → downsell</a>
     </p>
     <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;
@@ -28,6 +28,9 @@
           ...DEFAULT_PIXEL_CONFIG,
           app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
           identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_ff_upsell' },
+          transport: {
+            ...DEFAULT_PIXEL_CONFIG.transport,
+          },
           modules: {
             ...DEFAULT_PIXEL_CONFIG.modules,
             core: {
@@ -43,7 +46,6 @@
               },
             },
             conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: true },
-            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
             integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
             behavior: { ...DEFAULT_PIXEL_CONFIG.modules.behavior, enabled: false },
           },

package/dist/examples/html-script/initiate-checkout/example-initiate-checkout-attribute.html

@@ -163,7 +163,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 =
@@ -215,9 +215,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: {
@@ -298,50 +335,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/initiate-checkout/example-initiate-checkout-auto.html

@@ -165,7 +165,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 =
@@ -227,9 +227,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: {
@@ -310,50 +347,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,