framer · kurtextrem · Sep 8, 2025 · Aug 21, 2025 · Aug 21, 2025 · Aug 21, 2025
diff --git a/.yarn/cache/@esbuild-darwin-arm64-npm-0.25.5-9d56929295-10.zip b/.yarn/cache/@esbuild-darwin-arm64-npm-0.25.5-9d56929295-10.zip
diff --git a/.yarn/cache/@esbuild-darwin-arm64-npm-0.25.9-27d925c56a-10.zip b/.yarn/cache/@esbuild-darwin-arm64-npm-0.25.9-27d925c56a-10.zip
diff --git a/.yarn/cache/@esbuild-darwin-x64-npm-0.25.5-d10277bdc6-10.zip b/.yarn/cache/@esbuild-darwin-x64-npm-0.25.5-d10277bdc6-10.zip
diff --git a/.yarn/cache/@esbuild-darwin-x64-npm-0.25.9-8f15dcc4b3-10.zip b/.yarn/cache/@esbuild-darwin-x64-npm-0.25.9-8f15dcc4b3-10.zip
diff --git a/.yarn/cache/@esbuild-linux-arm64-npm-0.25.5-1eecdaf555-10.zip b/.yarn/cache/@esbuild-linux-arm64-npm-0.25.5-1eecdaf555-10.zip
diff --git a/.yarn/cache/@esbuild-linux-arm64-npm-0.25.9-6ffe6b8b11-10.zip b/.yarn/cache/@esbuild-linux-arm64-npm-0.25.9-6ffe6b8b11-10.zip
diff --git a/.yarn/cache/@esbuild-linux-x64-npm-0.25.5-2a87a93d5f-10.zip b/.yarn/cache/@esbuild-linux-x64-npm-0.25.5-2a87a93d5f-10.zip
diff --git a/.yarn/cache/@esbuild-linux-x64-npm-0.25.9-f9c79a9fdd-10.zip b/.yarn/cache/@esbuild-linux-x64-npm-0.25.9-f9c79a9fdd-10.zip
diff --git a/.yarn/cache/@esbuild-win32-arm64-npm-0.25.5-f08dc3da84-10.zip b/.yarn/cache/@esbuild-win32-arm64-npm-0.25.5-f08dc3da84-10.zip
diff --git a/.yarn/cache/@esbuild-win32-arm64-npm-0.25.9-44237e6b17-10.zip b/.yarn/cache/@esbuild-win32-arm64-npm-0.25.9-44237e6b17-10.zip
diff --git a/.yarn/cache/@esbuild-win32-x64-npm-0.25.5-6785448e78-10.zip b/.yarn/cache/@esbuild-win32-x64-npm-0.25.5-6785448e78-10.zip
diff --git a/.yarn/cache/@esbuild-win32-x64-npm-0.25.9-6342524646-10.zip b/.yarn/cache/@esbuild-win32-x64-npm-0.25.9-6342524646-10.zip
diff --git a/...obox-npm-3.13.1-6b67ae6981-a54d90e106.zip → ...obox-npm-3.13.2-8f78d172f7-9f3dd28acd.zip b/...obox-npm-3.13.1-6b67ae6981-a54d90e106.zip → ...obox-npm-3.13.2-8f78d172f7-9f3dd28acd.zip
diff --git a/...alog-npm-3.5.29-3778666ad1-100a265ddc.zip → ...alog-npm-3.5.30-4b68cd48fd-a95ded7450.zip b/...alog-npm-3.5.29-3778666ad1-100a265ddc.zip → ...alog-npm-3.5.30-4b68cd48fd-a95ded7450.zip
diff --git a/...-dnd-npm-3.11.1-db4053056b-086e151e0e.zip → ...-dnd-npm-3.11.2-9cfae27875-33957ac694.zip b/...-dnd-npm-3.11.1-db4053056b-086e151e0e.zip → ...-dnd-npm-3.11.2-9cfae27875-33957ac694.zip
diff --git a/...menu-npm-3.19.1-7f2295f449-09c6295086.zip → ...menu-npm-3.19.2-0c5fb1350e-ce2bc6747a.zip b/...menu-npm-3.19.1-7f2295f449-09c6295086.zip → ...menu-npm-3.19.2-0c5fb1350e-ce2bc6747a.zip
diff --git a/...lays-npm-3.29.0-933b36c7f4-2d12c93d2c.zip → ...lays-npm-3.29.1-666fcb1ef5-78e0d606f9.zip b/...lays-npm-3.29.0-933b36c7f4-2d12c93d2c.zip → ...lays-npm-3.29.1-666fcb1ef5-78e0d606f9.zip
diff --git a/...lect-npm-3.16.1-7dc026c1be-37075d42a8.zip → ...lect-npm-3.16.2-5a2fc9ee67-2c19e1dd60.zip b/...lect-npm-3.16.1-7dc026c1be-37075d42a8.zip → ...lect-npm-3.16.2-5a2fc9ee67-2c19e1dd60.zip
diff --git a/.yarn/cache/@types-node-npm-22.17.2-e8f59372a8-b830746c65.zip b/.yarn/cache/@types-node-npm-22.17.2-e8f59372a8-b830746c65.zip
diff --git a/.yarn/cache/esbuild-npm-0.25.5-0c57c3e219-0fa4c3b42c.zip b/.yarn/cache/esbuild-npm-0.25.5-0c57c3e219-0fa4c3b42c.zip
diff --git a/.yarn/cache/esbuild-npm-0.25.9-32d9057a63-fc174ae7f6.zip b/.yarn/cache/esbuild-npm-0.25.9-32d9057a63-fc174ae7f6.zip
diff --git a/.yarn/cache/framer-plugin-npm-3.3.2-c0e70958cd-7dc93e76b9.zip b/.yarn/cache/framer-plugin-npm-3.3.2-c0e70958cd-7dc93e76b9.zip
diff --git a/...aria-npm-3.43.0-d06e202fb5-4ddd9af8d7.zip → ...aria-npm-3.43.1-9f38b5f98c-3b85dcd09d.zip b/...aria-npm-3.43.0-d06e202fb5-4ddd9af8d7.zip → ...aria-npm-3.43.1-9f38b5f98c-3b85dcd09d.zip
diff --git a/.yarn/releases/yarn-4.9.2.cjs → .yarn/releases/yarn-4.9.4.cjs b/.yarn/releases/yarn-4.9.2.cjs → .yarn/releases/yarn-4.9.4.cjs
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -25,4 +25,4 @@ supportedArchitectures:
     - linux
     - win32
 
-yarnPath: .yarn/releases/yarn-4.9.2.cjs
+yarnPath: .yarn/releases/yarn-4.9.4.cjs
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "plugins",
-    "packageManager": "yarn@4.9.2",
+    "packageManager": "yarn@4.9.4",
     "private": true,
     "license": "MIT",
     "workspaces": [
@@ -21,7 +21,7 @@
         "g:check-vitest": "cd $INIT_CWD && vitest run",
         "g:dev": "cd $INIT_CWD && run g:vite",
         "g:preview": "cd $INIT_CWD && run g:vite preview",
-        "g:vite": "cd $INIT_CWD && NODE_OPTIONS='--no-warnings=ExperimentalWarning' vite --config $PROJECT_CWD/packages/vite-config/src/index.ts",
+        "g:vite": "cd $INIT_CWD && NODE_OPTIONS='--no-warnings=ExperimentalWarning' vite --config ${VITE_CONFIG_PATH:-$PROJECT_CWD/packages/vite-config/src/index.ts}",
         "preview": "turbo run preview --concurrency=40"
     },
     "devDependencies": {

diff --git a/plugins/3rd-party-optimizer/README.md b/plugins/3rd-party-optimizer/README.md
@@ -0,0 +1,21 @@
+# 3rd-Party Optimizer
+
+This plugin installs a snippet that optimizes how 3rd-party analytics scripts interact with the main-thread, to improve Core Web Vitals (INP).
+
+See also [yieldGTMCalls.md](./yieldGTMCalls.md) for detailed docs.
+
+## Quickstart
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Learn more: https://www.framer.com/developers/plugins/introduction
diff --git a/plugins/3rd-party-optimizer/framer.json b/plugins/3rd-party-optimizer/framer.json
@@ -0,0 +1,6 @@
+{
+    "id": "d84d6c",
+    "name": "3rd-Party Optimizer",
+    "modes": ["canvas"],
+    "icon": "/icon.svg"
+}
diff --git a/plugins/3rd-party-optimizer/index.html b/plugins/3rd-party-optimizer/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+  <html lang="en">
+    <head>
+      <meta charset="UTF-8" />
+      <link rel="icon" type="image/svg+xml" href="/icon.svg" />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <title>3rd-Party Optimizer</title>
+    </head>
+    <body>
+      <div id="root"></div>
+      <script type="module" src="/src/main.tsx"></script>
+    </body>
+  </html>
+
diff --git a/plugins/3rd-party-optimizer/package.json b/plugins/3rd-party-optimizer/package.json
@@ -0,0 +1,27 @@
+{
+    "name": "3rd-party-optimizer",
+    "private": true,
+    "version": "1.0.1",
+    "type": "module",
+    "scripts": {
+        "dev": "VITE_CONFIG_PATH=$(pwd)/vite.config.ts run g:dev",
+        "build": "VITE_CONFIG_PATH=$(pwd)/vite.config.ts run g:build",
+        "check-biome": "run g:check-biome",
+        "check-eslint": "run g:check-eslint",
+        "preview": "VITE_CONFIG_PATH=$(pwd)/vite.config.ts run g:preview",
+        "pack": "npx framer-plugin-tools@latest pack",
+        "check-typescript": "run g:check-typescript"
+    },
+    "dependencies": {
+        "framer-plugin": "^3.5.2",
+        "react": "^18.2",
+        "react-dom": "^18.2"
+    },
+    "devDependencies": {
+        "@framer/vite-config": "workspace:*",
+        "@types/node": "^22",
+        "@types/react": "^18.2",
+        "@types/react-dom": "^18.2",
+        "esbuild": "^0.25.9"
+    }
+}
diff --git a/plugins/3rd-party-optimizer/public/icon.svg b/plugins/3rd-party-optimizer/public/icon.svg
diff --git a/plugins/3rd-party-optimizer/src/App.css b/plugins/3rd-party-optimizer/src/App.css
@@ -0,0 +1,16 @@
+@import "tailwindcss";
+@import "framer-plugin/framer.css" layer(base);
+
+@layer base {
+    input,
+    button,
+    textarea,
+    select {
+        padding: initial;
+    }
+
+    p {
+        color: var(--framer-color-text-tertiary);
+        text-align: center;
+    }
+}
diff --git a/plugins/3rd-party-optimizer/src/App.tsx b/plugins/3rd-party-optimizer/src/App.tsx
@@ -0,0 +1,96 @@
+import type { CustomCode } from "framer-plugin"
+import { framer } from "framer-plugin"
+import { useLayoutEffect, useSyncExternalStore } from "react"
+import "./App.css"
+
+import scriptSource from "virtual:yield-gtm-calls"
+import warning from "./warning.svg?url"
+
+let currentCustomCode: CustomCode | null = null
+
+const subscribe = (callback: () => void) => {
+    return framer.subscribeToCustomCode(customCode => {
+        currentCustomCode = customCode
+        callback()
+    })
+}
+const getSnapshot = () => currentCustomCode
+
+export function App() {
+    const customCode = useSyncExternalStore(subscribe, getSnapshot)
+
+    const scriptAdded = !!customCode?.headStart.html
+    const scriptOutdated = scriptAdded && customCode.headStart.html !== scriptSource
+    const toggleScript = (update?: boolean) => {
+        void framer.setCustomCode({
+            html: scriptAdded && !update ? "" : scriptSource,
+            location: "headStart",
+        })
+    }
+
+    useLayoutEffect(() => {
+        let height = 137
+        if (customCode?.headStart.disabled) {
+            height += 10
+        }
+        if (scriptOutdated) {
+            height += 60
+        }
+
+        void framer.showUI({
+            position: "top right",
+            width: 260,
+            height,
+        })
+    }, [customCode?.headStart.disabled, scriptOutdated])
+
+    return (
+        <main className="flex flex-col gap-[15px] | items-start | h-full | p-[15px] pt-0">
+            <div className="framer-divider" />
+
+            {!customCode?.headStart.disabled && (
+                <p>
+                    Add a script to your custom HTML to improve site performance when using 3rd-party tracking scripts.{" "}
+                    <a href="https://www.framer.com/marketplace/plugins/3rd-party-optimizer/" target="_blank">
+                        Learn more
+                    </a>
+                </p>
+            )}
+
+            {customCode?.headStart.disabled && (
+                <div className="flex flex-col gap-[10px] | justify-center items-center">
+                    <div className="flex | justify-center | w-full | py-[4px]">
+                        <img src={warning} alt="Warning" />
+                    </div>
+                    <p>
+                        The script is disabled. Please go to
+                        <br /> Site Settings → General and enable it.
+                    </p>
+                </div>
+            )}
+
+            {scriptOutdated && (
+                <>
+                    <div className="framer-divider" />
+                    <div className="flex | justify-between items-center | w-full">
+                        <p>New script version available</p>
+                        <button
+                            className="framer-button-primary bg-[var(--framer-color-tint-dimmed)] text-[var(--framer-color-tint)] hover:bg-[var(--framer-color-tint-dimmed)] focus:bg-[var(--framer-color-tint-dimmed)] | rounded-[6px] | text-[10px] font-500 | w-[46px] h-[20px]"
+                            onClick={toggleScript.bind(null, true)}
+                        >
+                            Update
+                        </button>
+                    </div>
+                    <div className="framer-divider" />
+                </>
+            )}
+
+            <button
+                className={`framer-button-secondary${scriptOutdated ? "" : " mt-[5px]"}`}
+                onClick={toggleScript.bind(null, false)}
+            >
+                {scriptAdded ? "Remove Script" : "Add Script"}
+            </button>
+        </main>
+    )
+}
diff --git a/plugins/3rd-party-optimizer/src/globals.d.ts b/plugins/3rd-party-optimizer/src/globals.d.ts
@@ -0,0 +1,4 @@
+declare module "virtual:yield-gtm-calls" {
+    const content: string
+    export default content
+}
diff --git a/plugins/3rd-party-optimizer/src/main.tsx b/plugins/3rd-party-optimizer/src/main.tsx
@@ -0,0 +1,12 @@
+import React from "react"
+import ReactDOM from "react-dom/client"
+import { App } from "./App.tsx"
+
+const root = document.getElementById("root")
+if (!root) throw new Error("Root element not found")
+
+ReactDOM.createRoot(root).render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>
+)
diff --git a/plugins/3rd-party-optimizer/src/vite-env.d.ts b/plugins/3rd-party-optimizer/src/vite-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="vite/client" />
+
+interface ViteTypeOptions {
+    strictImportMetaEnv: unknown
+}
diff --git a/plugins/3rd-party-optimizer/src/warning.svg b/plugins/3rd-party-optimizer/src/warning.svg
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,4 +25,4 @@ supportedArchitectures: @@
         - linux
         - win32
-    yarnPath: .yarn/releases/yarn-4.9.2.cjs
+    yarnPath: .yarn/releases/yarn-4.9.4.cjs