@codecademy/tracking 1.0.36-alpha.4c322d2d26.0 → 1.0.36-alpha.8939ef2b6b.0

package/dist/integrations/index.js

@@ -1,5 +1,6 @@
 import { initializeGTM } from './gtm';
 import { initializeOneTrust } from './onetrust';
+import { initializePartytown } from './partytown';
 /**
  * @see README.md for details and usage.
  */
@@ -9,10 +10,8 @@ export const initializeTrackingIntegrations = async _ref => {
     optedOutExternalTracking = _ref.optedOutExternalTracking,
     oneTrustScript = _ref.oneTrustScript,
     partytown = _ref.partytown;
-  if (!partytown) {
-    // 1. Wait 1000ms to allow any other post-hydration logic to run first
-    await new Promise(resolve => setTimeout(resolve, 1000));
-  }
+  // 1. Wait to allow any other post-hydration logic to run first (not as critical when using partytown)
+  await new Promise(resolve => setTimeout(resolve, partytown ? 100 : 1000));
 
   // 2. Load in OneTrust's banner and wait for its `OptanonWrapper` callback
   await initializeOneTrust({
@@ -28,4 +27,9 @@ export const initializeTrackingIntegrations = async _ref => {
     optedOutExternalTracking,
     partytown
   });
+
+  // 4. Load Partytown
+  if (partytown) {
+    initializePartytown();
+  }
 };

package/dist/integrations/partytown.d.ts

@@ -0,0 +1 @@
+export declare const initializePartytown: () => void;

package/dist/integrations/partytown.js

@@ -0,0 +1,29 @@
+import { partytownSnippet } from '@builder.io/partytown/integration';
+const ptConfig = () => ({
+  forward: ['dataLayer.push', 'fbq'],
+  lib: '/partytown/',
+  loadScriptsOnMainThread: [/googleads/, /bing/, /pepperjam/, /facebook/, /snap/, /lightboxcdn/],
+  resolveUrl(url) {
+    /*
+     * When gtm.js tries to create an iframe for sw_iframe, typically this does
+     * not worker becuase it's a cross origin request and google does not include
+     * a cross origin response header. As a workaround, we can change the url so
+     * it points to a proxy that we have setup in next.config.js. This way, it's
+     * on the same origin, and no response cors header is needed.
+     */
+    const ptGtmProxyBase = `${process.env.NEXT_PUBLIC_BASE_PATH}/partytown-gtm-proxy`;
+    if (url.href.includes('sw_iframe')) {
+      return new URL(`${ptGtmProxyBase}${url.pathname}`);
+    }
+    return url;
+  }
+});
+const encapsulate = js => `(() => {${js}})();`;
+export const initializePartytown = () => {
+  if (!document.getElementById('partytown-init')) {
+    const ptScript = document.createElement('script');
+    ptScript.id = 'partytown-init';
+    ptScript.innerHTML = encapsulate(partytownSnippet(ptConfig()));
+    document.head.appendChild(ptScript);
+  }
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/tracking",
   "description": "Tracking library for Codecademy",
-  "version": "1.0.36-alpha.4c322d2d26.0",
+  "version": "1.0.36-alpha.8939ef2b6b.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "files": [
     "dist/**"
@@ -13,5 +13,5 @@
     "access": "public"
   },
   "repository": "git@github.com:codecademy-engineering/mono.git",
-  "gitHead": "27ceaa54622a017fa1b01f4098916588edcedcb2"
+  "gitHead": "a0cdc42894af72d49e7edcd13ecdbed93c6f8805"
 }