@codecademy/tracking 1.0.38 → 1.0.39-alpha.a66d948689.0

package/dist/integrations/partytown/config.js

@@ -17,17 +17,14 @@ export const partytownConfig = () => ({
   // Snap Pixel
   /lightboxcdn/,
   // Digioh
-  /reddit/,
-  // Reddit pixel
-  /pixel/,
-  // Used by Reddit pixel
   /linkedin/ // linkedin
   ],
   // 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.
+    // Hoist GTM iframe out of Partytown so that GTM can create its own worker normally.
     if (url.hostname === 'www.googletagmanager.com' && type === 'iframe') {
-      return new URL('', 'https:.');
+      new BroadcastChannel('gtm-iframe').postMessage(url.href);
+      return new URL('data:'); // blank url to prevent iframe within Partytown
     }
 
     /*

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

@@ -0,0 +1 @@
+export declare function gtmDoubleFrame(src: string): void;

package/dist/integrations/partytown/gtmDoubleFrame.js

@@ -0,0 +1,15 @@
+function hiddenFrame(doc) {
+  const f = doc.createElement('iframe');
+  f.setAttribute('height', '0');
+  f.setAttribute('width', '0');
+  f.setAttribute('style', 'display: none; visibility: hidden;');
+  doc.body.appendChild(f);
+  return f;
+}
+
+// Double frame is what GTM would normally use without Partytown.
+export function gtmDoubleFrame(src) {
+  const outerFrame = hiddenFrame(document);
+  const innerFrame = hiddenFrame(outerFrame.contentWindow.document);
+  innerFrame.src = src;
+}

package/dist/integrations/partytown/index.js

@@ -1,5 +1,6 @@
 import { partytownSnippet } from '@builder.io/partytown/integration';
 import { partytownConfig } from './config';
+import { gtmDoubleFrame } from './gtmDoubleFrame';
 
 // Encapsulate to avoid collision of global vars aliased in minification.
 const encapsulate = js => `(() => {${js}})();`;
@@ -7,4 +8,8 @@ export function initializePartytown() {
   const ptScript = document.createElement('script');
   ptScript.innerHTML = encapsulate(partytownSnippet(partytownConfig()));
   document.head.appendChild(ptScript);
+  new BroadcastChannel('gtm-iframe').onmessage = _ref => {
+    let data = _ref.data;
+    gtmDoubleFrame(data);
+  };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/tracking",
   "description": "Tracking library for Codecademy",
-  "version": "1.0.38",
+  "version": "1.0.39-alpha.a66d948689.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@builder.io/partytown": "^0.10.2"
@@ -16,5 +16,5 @@
     "access": "public"
   },
   "repository": "git@github.com:codecademy-engineering/mono.git",
-  "gitHead": "75dbc068a399e612a6ec019d57e1d6c8792e708b"
+  "gitHead": "afc5f80a5d904b52a91798faca049afff4db8ce5"
 }