cloudflare-next-intl 0.4.4 → 0.4.6

package/dist/src/cookie_consent/client/components/clarity_script.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Loads and initializes Microsoft Clarity. Split into its own module and
+ * loaded via `next/dynamic` from `cookie_consent_analytics.tsx` so it's
+ * only fetched as a separate chunk once actually rendered (consent granted
+ * and `secrets.clarityProjectId` set) — `@microsoft/clarity` is a real
+ * dependency of this package, so it's always installed regardless.
+ */
+export default function ClarityScript({ projectId }: {
+    projectId: string;
+}): null;

package/dist/src/cookie_consent/client/components/clarity_script.js

@@ -0,0 +1,27 @@
+'use client';
+import { useEffect } from 'react';
+let cachedClarityModule;
+function getClarityModule() {
+    if (!cachedClarityModule) {
+        cachedClarityModule = import('@microsoft/clarity');
+    }
+    return cachedClarityModule;
+}
+/**
+ * Loads and initializes Microsoft Clarity. Split into its own module and
+ * loaded via `next/dynamic` from `cookie_consent_analytics.tsx` so it's
+ * only fetched as a separate chunk once actually rendered (consent granted
+ * and `secrets.clarityProjectId` set) — `@microsoft/clarity` is a real
+ * dependency of this package, so it's always installed regardless.
+ */
+export default function ClarityScript({ projectId }) {
+    useEffect(() => {
+        getClarityModule()
+            .then(({ default: Clarity }) => {
+            Clarity.init(projectId);
+            Clarity.consent();
+        })
+            .catch((error) => console.error(`cloudflare-next-intl: failed to load @microsoft/clarity: ${error}`));
+    }, [projectId]);
+    return null;
+}

package/dist/src/cookie_consent/client/components/cookie_consent_analytics.js

@@ -1,7 +1,13 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
+import dynamic from 'next/dynamic';
 import useCookieConsent from '../use_cookie_consent';
+// Hoisted to module scope — calling `dynamic()` inside the component body
+// creates a brand-new component identity every render, forcing a
+// remount. Splitting into a separate chunk keeps `@microsoft/clarity`'s
+// import out of this module until `ClarityScript` is actually rendered.
+const ClarityScript = dynamic(() => import('./clarity_script'));
 /**
  * Renders whichever analytics/ads scripts have a resolved secret, gated on
  * consent: Google Consent Mode bootstrap always loads (defaults to
@@ -30,24 +36,6 @@ export default function CookieConsentAnalytics({ secrets }) {
     const hasGoogle = Boolean(secrets.googleAnalyticsId || secrets.googleAdsId || secrets.googleAdSenseId);
     return (_jsxs(_Fragment, { children: [hasGoogle && (_jsx("script", { id: "cookie-consent-google-consent-mode", dangerouslySetInnerHTML: { __html: googleConsentModeBootstrapScript(secrets) } })), consent === true && secrets.cloudflareBeaconToken && (_jsx("script", { defer: true, src: "https://static.cloudflareinsights.com/beacon.min.js", "data-cf-beacon": secrets.cloudflareBeaconToken })), consent === true && secrets.clarityProjectId && _jsx(ClarityScript, { projectId: secrets.clarityProjectId })] }));
 }
-let cachedClarityModule;
-function getClarityModule() {
-    if (!cachedClarityModule) {
-        cachedClarityModule = import('@microsoft/clarity');
-    }
-    return cachedClarityModule;
-}
-function ClarityScript({ projectId }) {
-    useEffect(() => {
-        getClarityModule()
-            .then(({ default: Clarity }) => {
-            Clarity.init(projectId);
-            Clarity.consent();
-        })
-            .catch((error) => console.error(`cloudflare-next-intl: failed to load @microsoft/clarity: ${error}`));
-    }, [projectId]);
-    return null;
-}
 /**
  * Denies storage by default and loads the configured Google tags; the
  * effect above sends the `update` once consent is known. Only IDs present

package/dist/src/types/types.d.ts

@@ -219,7 +219,11 @@ export interface CookieConsentAnalyticsSecrets {
     googleAdsId?: string;
     /** Google AdSense publisher ID, e.g. `"ca-pub-XXXXXXXXXXXXXXXX"`. */
     googleAdSenseId?: string;
-    /** Microsoft Clarity project ID. */
+    /**
+     * Microsoft Clarity project ID. `@microsoft/clarity` is a real
+     * dependency of this package (small, so always installed) — loaded and
+     * initialized automatically once consent is granted.
+     */
     clarityProjectId?: string;
 }
 export interface FirebaseAuthRoutingConfig {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare-next-intl",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "Optimized Next Intl Package Special for App Router and Cloudflare",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -181,8 +181,10 @@
     "url": "https://github.com/demian-ilnytskyi/cloudflare-next-intl/issues"
   },
   "homepage": "https://github.com/demian-ilnytskyi/cloudflare-next-intl#readme",
+  "dependencies": {
+    "@microsoft/clarity": "^1.0.2"
+  },
   "peerDependencies": {
-    "@microsoft/clarity": ">=1.0.0",
     "firebase": ">=10.0.0",
     "next": ">=12.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0",
@@ -194,9 +196,6 @@
     },
     "firebase": {
       "optional": true
-    },
-    "@microsoft/clarity": {
-      "optional": true
     }
   },
   "devDependencies": {