MetaMask · Addausi · Dec 9, 2025 · Dec 11, 2025 · Dec 11, 2025 · cursor
diff --git a/.github/workflows/webpack.yml b/.github/workflows/webpack.yml
@@ -0,0 +1,28 @@
+name: NodeJS with Webpack
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x, 20.x, 22.x]
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.node-version }}
+
+    - name: Build
+      run: |
+        npm install
+        npx webpack
diff --git a/partners/dynamic/app/analytics.tsx b/partners/dynamic/app/analytics.tsx
@@ -0,0 +1,8 @@
+'use client'
+
+import { inject } from '@vercel/analytics'
+
+export function Analytics() {
+  inject()
+  return null
+}
diff --git a/partners/dynamic/app/layout.tsx b/partners/dynamic/app/layout.tsx
@@ -3,6 +3,7 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { Providers } from "./providers";
 import { Navbar } from "@/components/Navbar";
+import { Analytics } from "./analytics";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -35,6 +36,7 @@ export default async function RootLayout({
             <Navbar />
             {children}
           </Providers>
+          <Analytics />
         </main>
       </body>
     </html>

diff --git a/partners/dynamic/package.json b/partners/dynamic/package.json
@@ -16,6 +16,7 @@
     "@radix-ui/react-separator": "^1.1.3",
     "@radix-ui/react-slot": "^1.2.0",
     "@tanstack/react-query": "^5.72.2",
+    "@vercel/analytics": "^1.6.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.487.0",

diff --git a/partners/dynamic/pnpm-lock.yaml b/partners/dynamic/pnpm-lock.yaml
diff --git a/partners/web3auth/app/analytics.tsx b/partners/web3auth/app/analytics.tsx
@@ -0,0 +1,8 @@
+'use client'
+
+import { inject } from '@vercel/analytics'
+
+export function Analytics() {
+  inject()
+  return null
+}
diff --git a/partners/web3auth/app/layout.tsx b/partners/web3auth/app/layout.tsx
@@ -3,6 +3,8 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { Providers } from "./providers";
 import { Navbar } from "@/components/Navbar";
+import { Analytics } from "./analytics";
+
 const geistSans = Geist({
   variable: "--font-geist-sans",
   subsets: ["latin"],
@@ -34,6 +36,7 @@ export default async function RootLayout({
             <Navbar />
             {children}
           </Providers>
+          <Analytics />
         </main>
       </body>
     </html>

diff --git a/partners/web3auth/package.json b/partners/web3auth/package.json
@@ -12,6 +12,7 @@
     "@radix-ui/react-separator": "^1.1.3",
     "@radix-ui/react-slot": "^1.2.0",
     "@tanstack/react-query": "^5.74.3",
+    "@vercel/analytics": "^1.6.1",
     "@web3auth/modal": "10.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

diff --git a/partners/web3auth/pnpm-lock.yaml b/partners/web3auth/pnpm-lock.yaml
diff --git a/quickstarts/connectkit/package.json b/quickstarts/connectkit/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@metamask/sdk": "^0.33.0",
     "@tanstack/react-query": "^5.84.2",
+    "@vercel/analytics": "^1.6.1",
     "connectkit": "^1.9.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",

diff --git a/quickstarts/connectkit/pnpm-lock.yaml b/quickstarts/connectkit/pnpm-lock.yaml
diff --git a/quickstarts/connectkit/src/main.tsx b/quickstarts/connectkit/src/main.tsx
@@ -2,12 +2,15 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App.tsx";
+import { inject } from "@vercel/analytics";
 
 import { ConnectKitProvider, getDefaultConfig } from "connectkit";
 import { createConfig, http, WagmiProvider } from "wagmi";
 import { mainnet, linea, sepolia, lineaSepolia } from "wagmi/chains";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
 
+inject();
+
 const queryClient = new QueryClient();
 
 const config = createConfig(

diff --git a/quickstarts/javascript/index.html b/quickstarts/javascript/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MetaMask SDK JavaScript Quickstart</title>
+    <script defer src="https://cdn.vercel-analytics.com/v1/script.js"></script>
   </head>
   <body>
     <div id="app"></div>

diff --git a/quickstarts/javascript/package.json b/quickstarts/javascript/package.json
@@ -12,6 +12,7 @@
     "vite": "^7.1.2"
   },
   "dependencies": {
-    "@metamask/sdk": "^0.33.0"
+    "@metamask/sdk": "^0.33.0",
+    "@vercel/analytics": "^1.6.1"
   }
 }
diff --git a/quickstarts/javascript/pnpm-lock.yaml b/quickstarts/javascript/pnpm-lock.yaml
diff --git a/quickstarts/next/app/analytics.tsx b/quickstarts/next/app/analytics.tsx
@@ -0,0 +1,8 @@
+'use client'
+
+import { inject } from '@vercel/analytics'
+
+export function Analytics() {
+  inject()
+  return null
+}
diff --git a/quickstarts/next/app/layout.tsx b/quickstarts/next/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
+import { Analytics } from "./analytics";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -26,6 +27,7 @@ export default function RootLayout({
     <html lang="en">
       <body className={`${geistSans.variable} ${geistMono.variable}`}>
         {children}
+        <Analytics />
       </body>
     </html>
   );

diff --git a/quickstarts/next/package.json b/quickstarts/next/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@metamask/sdk": "^0.33.0",
+    "@vercel/analytics": "^1.6.1",
     "next": "15.5.7",
     "react": "19.1.0",
     "react-dom": "19.1.0"