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

package/dist/examples/html-script/add-to-cart/example-add-to-cart-manual.html

@@ -92,7 +92,8 @@ code { font-size: 0.85em; }
 <a href="example-add-to-cart-text.html" class="">4. Text</a>
 <a href="example-add-to-cart-manual.html" class="active">5. Manual API</a>
 <a href="example-add-to-cart-dedupe.html" class="">6. Dedupe</a>
-<a href="example-add-to-cart-order-bump.html" class="">7. Order bump</a></div>
+<a href="example-add-to-cart-order-bump.html" class="">7. Order bump</a>
+<a href="example-add-to-cart-link.html" class="">8. Link</a></div>
       <div class="hint"><strong>Contexto:</strong> API manual. Auto detector <strong>desligado</strong>.
       Valida prioridade do payload, enrich do catálogo e override de preço.</div>
 
@@ -166,7 +167,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 =
@@ -209,9 +210,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: {
@@ -292,50 +330,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/add-to-cart/example-add-to-cart-order-bump.html

@@ -92,7 +92,8 @@ code { font-size: 0.85em; }
 <a href="example-add-to-cart-text.html" class="">4. Text</a>
 <a href="example-add-to-cart-manual.html" class="">5. Manual API</a>
 <a href="example-add-to-cart-dedupe.html" class="">6. Dedupe</a>
-<a href="example-add-to-cart-order-bump.html" class="active">7. Order bump</a></div>
+<a href="example-add-to-cart-order-bump.html" class="active">7. Order bump</a>
+<a href="example-add-to-cart-link.html" class="">8. Link</a></div>
       <div class="hint"><strong>Contexto:</strong> oferta principal + order bump. Cada add atualiza
       CommerceState (<code>allowDynamicItems</code>). Remover bump limpa o item
       (detector remove habilitado neste cenário).</div>
@@ -188,7 +189,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 =
@@ -241,9 +242,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: {
@@ -324,50 +362,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/add-to-cart/example-add-to-cart-text.html

@@ -92,7 +92,8 @@ code { font-size: 0.85em; }
 <a href="example-add-to-cart-text.html" class="active">4. Text</a>
 <a href="example-add-to-cart-manual.html" class="">5. Manual API</a>
 <a href="example-add-to-cart-dedupe.html" class="">6. Dedupe</a>
-<a href="example-add-to-cart-order-bump.html" class="">7. Order bump</a></div>
+<a href="example-add-to-cart-order-bump.html" class="">7. Order bump</a>
+<a href="example-add-to-cart-link.html" class="">8. Link</a></div>
       <div class="hint"><strong>Contexto:</strong> CTA sem <code>data-track</code>, só texto visível.
       Selector <code>text:Comprar agora</code>. Produto via <code>data-product-id</code>
       no botão + catálogo. Com <code>selectorForm</code> exigindo contato.</div>
@@ -177,7 +178,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 =
@@ -244,9 +245,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: {
@@ -327,50 +365,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/behavior/example-behavior-engagement.html

@@ -173,7 +173,7 @@
     </section>
     <div id="dynamic-zone"></div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (function () {
         const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
@@ -278,6 +278,10 @@
               ...DEFAULT_PIXEL_CONFIG.identity,
               pixelId: 'engagement-demo',
             },
+            transport: {
+              ...DEFAULT_PIXEL_CONFIG.transport,
+              enabled: false,
+            },
             modules: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               core: {
@@ -306,10 +310,6 @@
                 ...DEFAULT_PIXEL_CONFIG.modules.integrations,
                 enabled: false,
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: false,
-              },
               behavior: {
                 ...DEFAULT_PIXEL_CONFIG.modules.behavior,
                 enabled: true,

package/dist/examples/html-script/behavior/example-behavior-heartbeat.html

@@ -104,7 +104,7 @@
 
     <div id="logs"></div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (function () {
         const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
@@ -158,6 +158,10 @@
               ...DEFAULT_PIXEL_CONFIG.identity,
               pixelId: 'heartbeat-demo',
             },
+            transport: {
+              ...DEFAULT_PIXEL_CONFIG.transport,
+              enabled: false,
+            },
             modules: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               core: {
@@ -186,10 +190,6 @@
                 ...DEFAULT_PIXEL_CONFIG.modules.integrations,
                 enabled: false,
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: false,
-              },
               behavior: {
                 ...DEFAULT_PIXEL_CONFIG.modules.behavior,
                 enabled: true,

package/dist/examples/html-script/behavior/example-behavior-runtime-intelligence.html

@@ -132,7 +132,7 @@
 
     <div id="logs"></div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (function () {
         const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
@@ -171,6 +171,10 @@
               ...DEFAULT_PIXEL_CONFIG.identity,
               pixelId: 'runtime-intelligence-demo',
             },
+            transport: {
+              ...DEFAULT_PIXEL_CONFIG.transport,
+              enabled: false,
+            },
             modules: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               core: {
@@ -199,10 +203,6 @@
                 ...DEFAULT_PIXEL_CONFIG.modules.integrations,
                 enabled: false,
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: false,
-              },
               behavior: {
                 ...DEFAULT_PIXEL_CONFIG.modules.behavior,
                 enabled: true,

package/dist/examples/html-script/behavior/example-behavior-viewport.html

@@ -152,7 +152,7 @@
       <p>Zona dinâmica</p>
     </div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (function () {
         const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
@@ -200,6 +200,10 @@
               ...DEFAULT_PIXEL_CONFIG.identity,
               pixelId: 'viewport-demo',
             },
+            transport: {
+              ...DEFAULT_PIXEL_CONFIG.transport,
+              enabled: false,
+            },
             modules: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               core: {
@@ -228,10 +232,6 @@
                 ...DEFAULT_PIXEL_CONFIG.modules.integrations,
                 enabled: false,
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: false,
-              },
               behavior: {
                 ...DEFAULT_PIXEL_CONFIG.modules.behavior,
                 enabled: true,

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

@@ -150,7 +150,7 @@
 
     <div id="scroll-spacer">Role a página para gerar eventos SCROLL</div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
 

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

@@ -0,0 +1,83 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pixel — BuyGoods checkout (vig2b)</title>
+    <!-- Na BuyGoods, trocar o src pelo URL público do bundle. -->
+    <script src="../../../browser/pixel.global.js"></script>
+  </head>
+
+  <body>
+    <h1>Pixel — BuyGoods checkout</h1>
+    <p>
+      INITIATE_CHECKOUT no init · ADD_TO_CART em email+phone · ADD_PAYMENT_INFO
+      em <code>#submit</code> · HEARTBEAT. Sem PAGE_VIEW.
+    </p>
+    <pre id="status">aguardando init…</pre>
+
+    <script type="module">
+      const pixel = await Pixel({
+        identity: {
+          pixelId: 'pix_7315610',
+        },
+        modules: {
+          core: {
+            pageView: { enabled: false },
+          },
+          conversion: {
+            auto: {
+              detectors: {
+                lead: { enabled: false },
+                removeFromCart: { enabled: false },
+                purchase: { enabled: false },
+                search: { enabled: false },
+                viewContent: { enabled: false },
+                initiateCheckout: {
+                  enabled: true,
+                  sources: [
+                    {
+                      name: 'buygoods-checkout-ready',
+                      type: 'lifecycle',
+                      trigger: 'ready',
+                    },
+                  ],
+                },
+                addToCart: {
+                  enabled: true,
+                  sources: [
+                    {
+                      name: 'buygoods-email-phone',
+                      type: 'form',
+                      fireOnce: true,
+                      selectorForm: {
+                        fields: ['email', 'phone'],
+                        formSelector: '#checkout',
+                      },
+                    },
+                  ],
+                },
+                addPaymentInfo: {
+                  enabled: true,
+                  sources: [
+                    {
+                      name: 'buygoods-pay-button',
+                      type: 'selector',
+                      selector: '#submit',
+                      trigger: 'click',
+                      fireOnce: true,
+                    },
+                  ],
+                },
+              },
+            },
+          },
+          behavior: {
+            enabled: true,
+            heartbeat: { enabled: true },
+          },
+        },
+      });
+    </script>
+  </body>
+</html>

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

@@ -78,7 +78,7 @@
     <div id="state">Aguardando inicialização...</div>
     <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, resolveStorageAdapterName } =
         window.PixelV2;