cloudflare-next-intl 0.4.4 → 0.4.5

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

@@ -0,0 +1,14 @@
+/**
+ * Loads and initializes Microsoft Clarity. Split into its own module and
+ * loaded via `next/dynamic` from `cookie_consent_analytics.tsx` — bundlers
+ * (webpack/Turbopack) resolve every literal `import()` specifier they can
+ * reach at build time, so keeping this file's `import('@microsoft/clarity')`
+ * out of the main analytics module means consumers who never set
+ * `secrets.clarityProjectId` (and never render this component) don't need
+ * `@microsoft/clarity` (an optional peer dependency) installed at all — the
+ * dynamic-imported chunk containing this file is only built/requested the
+ * first time it's actually rendered.
+ */
+export default function ClarityScript({ projectId }: {
+    projectId: string;
+}): null;

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

@@ -0,0 +1,31 @@
+'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` — bundlers
+ * (webpack/Turbopack) resolve every literal `import()` specifier they can
+ * reach at build time, so keeping this file's `import('@microsoft/clarity')`
+ * out of the main analytics module means consumers who never set
+ * `secrets.clarityProjectId` (and never render this component) don't need
+ * `@microsoft/clarity` (an optional peer dependency) installed at all — the
+ * dynamic-imported chunk containing this file is only built/requested the
+ * first time it's actually rendered.
+ */
+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,15 @@
 '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, like this package's other `dynamic()` calls —
+// calling it inside the component body would create a new component
+// identity every render. Deferring to a separate chunk keeps
+// `@microsoft/clarity`'s `import()` (in `clarity_script.tsx`) out of this
+// module, so bundlers only resolve it when `ClarityScript` is actually
+// rendered — see that file's doc comment for why this matters.
+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 +38,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare-next-intl",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Optimized Next Intl Package Special for App Router and Cloudflare",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",