@codecademy/tracking 1.0.36-alpha.fe30759fff.0 → 1.0.36

package/dist/integrations/gtm.d.ts

@@ -3,7 +3,7 @@ export type GTMSettings = {
     environment: string;
     scope: TrackingWindow;
     optedOutExternalTracking?: boolean;
-    partytown?: boolean;
+    enablePartytown?: boolean;
 };
 export declare const OPT_OUT_DATALAYER_VAR = "user_opted_out_external_tracking";
-export declare const initializeGTM: ({ scope, environment, optedOutExternalTracking, partytown, }: GTMSettings) => void;
+export declare const initializeGTM: ({ scope, environment, optedOutExternalTracking, enablePartytown, }: GTMSettings) => void;

package/dist/integrations/gtm.js

@@ -3,7 +3,7 @@ export const initializeGTM = _ref => {
   let scope = _ref.scope,
     environment = _ref.environment,
     optedOutExternalTracking = _ref.optedOutExternalTracking,
-    partytown = _ref.partytown;
+    enablePartytown = _ref.enablePartytown;
   scope.dataLayer ??= [];
   scope.dataLayer.push({
     'gtm.start': new Date().getTime(),
@@ -22,13 +22,14 @@ export const initializeGTM = _ref => {
   }
   const gtm = document.createElement('script');
   gtm.src = `https://www.googletagmanager.com/gtm.js?id=GTM-KTLK85W${preview_env}`;
-  if (partytown) {
+  if (enablePartytown) {
     gtm.type = 'text/partytown';
   } else {
     gtm.async = true;
   }
   document.getElementsByTagName('head')[0].appendChild(gtm);
-  if (partytown) {
+  if (enablePartytown) {
+    // Let Partytown know that a new script has been added.
     window.dispatchEvent(new CustomEvent('ptupdate'));
   }
 };

package/dist/integrations/index.d.ts

@@ -17,12 +17,11 @@ export type TrackingIntegrationsSettings = {
      */
     oneTrustScript?: string;
     /**
-     * Use partytown to load scripts.
-     * next.config.js experimental: { nextScriptWorkers } must be set to true.
+     * Use Partytown to load 3rd party scripts in a worker.
      */
-    partytown?: boolean;
+    enablePartytown?: boolean;
 };
 /**
  * @see README.md for details and usage.
  */
-export declare const initializeTrackingIntegrations: ({ environment, scope, optedOutExternalTracking, oneTrustScript, partytown, }: TrackingIntegrationsSettings) => Promise<void>;
+export declare const initializeTrackingIntegrations: ({ environment, scope, optedOutExternalTracking, oneTrustScript, enablePartytown, }: TrackingIntegrationsSettings) => Promise<void>;

package/dist/integrations/index.js

@@ -1,5 +1,8 @@
 import { initializeGTM } from './gtm';
 import { initializeOneTrust } from './onetrust';
+import { initializePartytown } from './partytown';
+let init = false;
+
 /**
  * @see README.md for details and usage.
  */
@@ -8,24 +11,28 @@ export const initializeTrackingIntegrations = async _ref => {
     scope = _ref.scope,
     optedOutExternalTracking = _ref.optedOutExternalTracking,
     oneTrustScript = _ref.oneTrustScript,
-    partytown = _ref.partytown;
-  if (!partytown) {
-    // 1. Wait 1000ms to allow any other post-hydration logic to run first
+    enablePartytown = _ref.enablePartytown;
+  if (init) return; // Prevent multiple initializations
+  init = true;
+  if (enablePartytown) {
+    initializePartytown();
+  } else {
+    // Wait to allow any other post-hydration logic to run first
     await new Promise(resolve => setTimeout(resolve, 1000));
   }
 
-  // 2. Load in OneTrust's banner and wait for its `OptanonWrapper` callback
+  // Load in OneTrust's banner and wait for its `OptanonWrapper` callback
   await initializeOneTrust({
     scope,
     environment,
     scriptId: oneTrustScript
   });
 
-  // 3. Load GTM
+  // Load GTM
   initializeGTM({
     scope,
     environment,
     optedOutExternalTracking,
-    partytown
+    enablePartytown
   });
 };

package/dist/integrations/partytown/config.d.ts

@@ -0,0 +1,2 @@
+import { PartytownConfig } from '@builder.io/partytown/integration';
+export declare const partytownConfig: () => PartytownConfig;

package/dist/integrations/partytown/config.js

@@ -0,0 +1,36 @@
+export const partytownConfig = () => ({
+  forward: ['dataLayer.push',
+  // for GTM
+  'fbq',
+  // for Facebook Pixel
+  '_hsq.push' // for Hubspot
+  ],
+  lib: '/partytown/',
+  // path for loading from static asset CMS
+  loadScriptsOnMainThread: [/googleads/,
+  // Google Ads
+  /bing/,
+  // Bing UET
+  /pepperjam/,
+  // Pepperjam
+  /snap/,
+  // Snap Pixel
+  /lightboxcdn/ // Digioh
+  ],
+  // This function runs in a worker and can't access other vars in this file.
+  resolveUrl(url, location, type) {
+    // Block GTM from trying to add its own service worker via iframe.
+    if (url.hostname === 'www.googletagmanager.com' && type === 'iframe') {
+      return new URL('', 'https:.');
+    }
+
+    /*
+     * Proxy Facebook Pixel requests to resolve CORS issues
+     * see https://partytown.builder.io/facebook-pixel#proxy-requests
+     */
+    if (url.hostname === 'connect.facebook.net') {
+      return new URL(`partytown-fb${url.pathname}${url.search}`, location.origin);
+    }
+    return url;
+  }
+});

package/dist/integrations/partytown/index.d.ts

@@ -0,0 +1 @@
+export declare function initializePartytown(): void;

package/dist/integrations/partytown/index.js

@@ -0,0 +1,10 @@
+import { partytownSnippet } from '@builder.io/partytown/integration';
+import { partytownConfig } from './config';
+
+// Encapsulate to avoid collision of global vars aliased in minification.
+const encapsulate = js => `(() => {${js}})();`;
+export function initializePartytown() {
+  const ptScript = document.createElement('script');
+  ptScript.innerHTML = encapsulate(partytownSnippet(partytownConfig()));
+  document.head.appendChild(ptScript);
+}

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@codecademy/tracking",
   "description": "Tracking library for Codecademy",
-  "version": "1.0.36-alpha.fe30759fff.0",
+  "version": "1.0.36",
   "author": "Codecademy Engineering <dev@codecademy.com>",
+  "dependencies": {
+    "@builder.io/partytown": "^0.10.2"
+  },
   "files": [
     "dist/**"
   ],
@@ -13,5 +16,5 @@
     "access": "public"
   },
   "repository": "git@github.com:codecademy-engineering/mono.git",
-  "gitHead": "7e943c428103d08c6c236a389712411ecf3a8c3d"
+  "gitHead": "5eef9730521dc255c8d8260a9c25978a20e06e68"
 }