@beworke/pixel 0.1.0-rc.7 → 0.1.0-rc.9

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>
@@ -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

@@ -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

@@ -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

@@ -196,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: {
@@ -259,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,

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

@@ -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,

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">
@@ -330,7 +330,7 @@
 
       function transportConfig() {
         const cfg = readConfigInputs();
-        const useHttp = cfg.senderMode === 'http';
+        const useInternal = cfg.senderMode === 'internal';
 
         return {
           ...DEFAULT_PIXEL_CONFIG,
@@ -338,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,
@@ -379,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,
-              },
-            },
           },
         };
       }
@@ -553,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();
@@ -681,7 +683,7 @@
       document
         .getElementById('btn-force-retry')
         .addEventListener('click', function () {
-          pixel?.configureTransportMockSender({
+          pixel?.configureTransportTestSender({
             failUntilAttempt: 3,
             delayMs: 0,
           });
@@ -695,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',
@@ -706,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/checkout.html

@@ -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

@@ -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 },
           },