Merge branch 'main' into config-timeout

.github/workflows/ci.yml

@@ -9,7 +9,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4.1.1
 
-      - uses: pnpm/action-setup@v2.2.4
+      - uses: pnpm/action-setup@v4.0.0
 
       - name: Setup Node
         uses: actions/setup-node@v4.0.2
@@ -52,7 +52,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4.1.1
 
-      - uses: pnpm/action-setup@v2.2.4
+      - uses: pnpm/action-setup@v4.0.0
 
       - name: Setup Node
         uses: actions/setup-node@v4.0.2
@@ -89,7 +89,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4.1.1
 
-      - uses: pnpm/action-setup@v2.2.4
+      - uses: pnpm/action-setup@v4.0.0
 
       - name: Setup Node
         uses: actions/setup-node@v4.0.2

.github/workflows/linter.yml

@@ -20,7 +20,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4.1.1
 
-      - uses: pnpm/action-setup@v2.2.4
+      - uses: pnpm/action-setup@v4.0.0
 
       - name: Setup Node
         uses: actions/setup-node@v4.0.2

docs/angular.md

@@ -9,7 +9,9 @@ To setup Partytown in an Angular project take the following steps.
 Run the command below to install the dependencies
 
 ```bash
-npm install @builder.io/partytown # or yarn add @builder.io/partytown
+npm install @builder.io/partytown
+yarn add @builder.io/partytown
+pnpm install @builder.io/partytown
 ```
 
 Add the path to the Partytown JS files into the assets array in your `angular.json` file

docs/astro.md

@@ -9,7 +9,9 @@ There is a first-class [Astro integration for partytown](https://github.com/with
 Astro includes a CLI tool for adding integrations. Using the `astro add` command will automatically install Partytown and configure your project.
 
 ```bash
-yarn astro add partytown # or npx astro add partytown
+npx astro add partytown
+yarn astro add partytown
+pnpx astro add partytown
 ```
 
 ## Partytown Script

docs/gatsby.md

@@ -10,6 +10,8 @@ For additional information, please see [How to Add Google Analytics gtag to Gats
 
 ```bash
 npm install @builder.io/partytown
+yarn add @builder.io/partytown
+pnpm install @builder.io/partytown
 ```
 
 ## Configure

docs/nextjs.md

@@ -14,7 +14,9 @@ The Next.js `<Script/>` component provides an experimental `worker` strategy, wh
 ## Install
 
 ```bash
-npm install "@builder.io/partytown"
+npm install @builder.io/partytown
+yarn add @builder.io/partytown
+pnpm install @builder.io/partytown
 ```
 
 ## Configure

docs/nuxt.md

@@ -9,7 +9,9 @@ There is a first-class [Nuxt integration for partytown](https://github.com/nuxt-
 Add `@nuxtjs/partytown` dependency to your project.
 
 ```bash
-yarn add --dev @nuxtjs/partytown # or npm install --save-dev @nuxtjs/partytown
+npm install --save-dev @nuxtjs/partytown
+yarn add --dev @nuxtjs/partytown
+pnpm install --save-dev @nuxtjs/partytown
 ```
 
 ## Configure

docs/react.md

@@ -8,6 +8,8 @@ The Partytown NPM package already comes with a React component, which is a thin
 
 ```bash
 npm install @builder.io/partytown
+yarn add @builder.io/partytown
+pnpm install @builder.io/partytown
 ```
 
 ## Configure

docs/remix.md

@@ -8,6 +8,8 @@ The Remix setup is largely the same as the [React integration guide](/react), ex
 
 ```bash
 npm install @builder.io/partytown
+yarn add @builder.io/partytown
+pnpm install @builder.io/partytown
 ```
 
 ## Configure

docs/shopify-hydrogen.md

@@ -8,6 +8,8 @@ The [Shopify Hydrogen](https://hydrogen.shopify.dev/) setup is largely the same
 
 ```bash
 npm install @builder.io/partytown
+yarn add @builder.io/partytown
+pnpm install @builder.io/partytown
 ```
 
 ## Configure

docs/solid.md

@@ -4,7 +4,13 @@ title: Solid
 
 To setup Partytown in an Solid project take the following steps.
 
-## Installation
+## Install
+
+```bash
+npm install @builder.io/partytown
+yarn add @builder.io/partytown
+pnpm install @builder.io/partytown
+```
 
 Use your favorite package manager to install `@builder.io/partytown` dependency and
 copy the Partytown files to the local filesystem using the Vite plugin.

src/lib/web-worker/worker-window.ts

@@ -354,6 +354,7 @@ export const createWindow = (
         patchDocumentElementChild(win.HTMLBodyElement, env);
         patchHTMLHtmlElement(win.HTMLHtmlElement, env);
         createCSSStyleSheetConstructor(win, 'CSSStyleSheet');
+        createCSSStyleSheetConstructor(win, 'CSSMediaRule');
 
         definePrototypeNodeType(win.Comment, 8);
         definePrototypeNodeType(win.DocumentType, 10);

tests/integrations/clarity/index.html

@@ -22,28 +22,6 @@
   </script>
   <script src='/~partytown/debug/partytown.js'></script>
 
-  <script>
-    const observer = new MutationObserver(mutations => {
-      mutations.forEach(({ addedNodes }) => {
-        addedNodes.forEach(node => {
-          // For each added script tag
-          if (node.nodeType === 1 && node.tagName === 'SCRIPT') {
-            const src = node.src || '';
-            if (node.src.includes('clarity.js')) {
-              node.type = 'text/partytown';
-              node.src = './clarity.bundle.js';
-            }
-          }
-        });
-      });
-    });
-    // Starts the monitoring
-    observer.observe(document.documentElement, {
-      childList: true,
-      subtree: true,
-    });
-  </script>
-
   <style>
       body {
           font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,

tests/integrations/gtm/gtm.spec.ts

@@ -71,7 +71,8 @@ test('gtm multiple tabs', async ({ page, context }) => {
   await page2.bringToFront();
   await testPage(page2, []);
 
-  expect(pageConsoleErrors.length).toBe(0);
+  // FIX ME: I'm flaky
+  // expect(pageConsoleErrors.length).toBe(0);
   expect(pageErrors.length).toBe(0);
   expect(page2ConsoleErrors.length).toBe(0);
   expect(page2Errors.length).toBe(0);