@windrun-huaiin/base-ui 6.0.2 → 7.0.0

package/dist/components/server.d.cts

@@ -172,4 +172,18 @@ declare const NotFoundIcon: () => react_jsx_runtime.JSX.Element;
  */
 declare function createSiteIcon(iconConfig: string | React.ComponentType<LucideProps>): ({ size, className, ...props }: Omit<LucideProps, "children">) => react_jsx_runtime.JSX.Element;
 
-export { DefaultSiteIcon, NotFoundIcon, createSiteIcon, getGlobalIcon, getIconElement, globalLucideIcons };
+declare function useGoogleAnalytics(): {
+    trackEvent: (event: string, data?: Record<string, unknown>) => void;
+};
+declare global {
+    interface Window {
+        dataLayer: any[];
+        gtag: (...args: any[]) => void;
+    }
+}
+
+declare function GoogleAnalyticsScript(): react_jsx_runtime.JSX.Element | null;
+
+declare function MicrosoftClarityScript(): react_jsx_runtime.JSX.Element | null;
+
+export { DefaultSiteIcon, GoogleAnalyticsScript, MicrosoftClarityScript, NotFoundIcon, createSiteIcon, getGlobalIcon, getIconElement, globalLucideIcons, useGoogleAnalytics };

package/dist/components/server.d.ts

@@ -172,4 +172,18 @@ declare const NotFoundIcon: () => react_jsx_runtime.JSX.Element;
  */
 declare function createSiteIcon(iconConfig: string | React.ComponentType<LucideProps>): ({ size, className, ...props }: Omit<LucideProps, "children">) => react_jsx_runtime.JSX.Element;
 
-export { DefaultSiteIcon, NotFoundIcon, createSiteIcon, getGlobalIcon, getIconElement, globalLucideIcons };
+declare function useGoogleAnalytics(): {
+    trackEvent: (event: string, data?: Record<string, unknown>) => void;
+};
+declare global {
+    interface Window {
+        dataLayer: any[];
+        gtag: (...args: any[]) => void;
+    }
+}
+
+declare function GoogleAnalyticsScript(): react_jsx_runtime.JSX.Element | null;
+
+declare function MicrosoftClarityScript(): react_jsx_runtime.JSX.Element | null;
+
+export { DefaultSiteIcon, GoogleAnalyticsScript, MicrosoftClarityScript, NotFoundIcon, createSiteIcon, getGlobalIcon, getIconElement, globalLucideIcons, useGoogleAnalytics };

package/dist/components/server.js

@@ -60,11 +60,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var server_exports = {};
 __export(server_exports, {
   DefaultSiteIcon: () => DefaultSiteIcon,
+  GoogleAnalyticsScript: () => GoogleAnalyticsScript,
+  MicrosoftClarityScript: () => MicrosoftClarityScript,
   NotFoundIcon: () => NotFoundIcon,
   createSiteIcon: () => createSiteIcon,
   getGlobalIcon: () => getGlobalIcon,
   getIconElement: () => getIconElement,
-  globalLucideIcons: () => globalLucideIcons
+  globalLucideIcons: () => globalLucideIcons,
+  useGoogleAnalytics: () => useGoogleAnalytics
 });
 module.exports = __toCommonJS(server_exports);
 
@@ -1466,4 +1469,86 @@ function createSiteIcon(iconConfig) {
     }
   };
 }
+
+// src/components/script/google-analytics-client.tsx
+var import_script = __toESM(require("next/script"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function GoogleAnalyticsClient({ analyticsId }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      import_script.default,
+      {
+        strategy: "afterInteractive",
+        src: `https://www.googletagmanager.com/gtag/js?id=${analyticsId}`
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      import_script.default,
+      {
+        id: "google-analytics",
+        strategy: "afterInteractive",
+        dangerouslySetInnerHTML: {
+          __html: `
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '${analyticsId}');
+          `
+        }
+      }
+    )
+  ] });
+}
+function useGoogleAnalytics() {
+  const trackEvent = (event, data) => {
+    if (typeof window === "undefined" || !window.gtag) {
+      return;
+    }
+    window.gtag("event", event, data);
+  };
+  return {
+    trackEvent
+  };
+}
+
+// src/components/script/google-analytics-script.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function GoogleAnalyticsScript() {
+  if (process.env.NODE_ENV !== "production") {
+    return null;
+  }
+  const googleAnalyticsId = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID;
+  if (!googleAnalyticsId) {
+    console.warn("NEXT_PUBLIC_GOOGLE_ANALYTICS_ID is not configured");
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GoogleAnalyticsClient, { analyticsId: googleAnalyticsId });
+}
+
+// src/components/script/microsoft-clarity-client.tsx
+var import_script2 = __toESM(require("next/script"), 1);
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function MicrosoftClarityClient({ clarityId }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_script2.default, { id: "microsoft-clarity", strategy: "afterInteractive", children: `
+        (function(c,l,a,r,i,t,y){
+          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+          t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+        })(window, document, "clarity", "script", "${clarityId}");
+      ` });
+}
+
+// src/components/script/microsoft-clarity-script.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function MicrosoftClarityScript() {
+  if (process.env.NODE_ENV !== "production") {
+    return null;
+  }
+  const microsoftClarityId = process.env.NEXT_PUBLIC_MICROSOFT_CLARITY_ID;
+  if (!microsoftClarityId) {
+    console.warn("NEXT_PUBLIC_MICROSOFT_CLARITY_ID is not configured");
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MicrosoftClarityClient, { clarityId: microsoftClarityId });
+}
 //# sourceMappingURL=server.js.map