czon 0.7.2 → 0.7.3

package/dist/ssg/ContentPage.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentPage = void 0;
 const node_path_1 = require("node:path");
 const react_1 = __importDefault(require("react"));
+const Analytics_1 = require("./components/Analytics");
 const ContentMeta_1 = require("./components/ContentMeta");
 const CZONFooter_1 = require("./components/CZONFooter");
 const CZONHeader_1 = require("./components/CZONHeader");
@@ -33,6 +34,7 @@ const ContentPage = props => {
             react_1.default.createElement("title", null, title),
             react_1.default.createElement("link", { rel: "icon", href: faviconUrl, type: "image/x-icon" }),
             react_1.default.createElement("meta", { name: "description", content: `tags: ${tags.join(', ')}` }),
+            react_1.default.createElement(Analytics_1.Analytics, { ctx: props.ctx }),
             react_1.default.createElement("script", { src: (0, resourceMap_1.getResourceUrlFrom)(props.ctx.path, 'tailwindcss.js') }),
             react_1.default.createElement("style", null, style_1.style),
             react_1.default.createElement("script", { dangerouslySetInnerHTML: {

package/dist/ssg/IndexPage.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IndexPage = void 0;
 const react_1 = __importDefault(require("react"));
 const sortBy_1 = require("../utils/sortBy");
+const Analytics_1 = require("./components/Analytics");
 const ContentMeta_1 = require("./components/ContentMeta");
 const CZONFooter_1 = require("./components/CZONFooter");
 const CZONHeader_1 = require("./components/CZONHeader");
@@ -29,6 +30,7 @@ const IndexPage = props => {
             react_1.default.createElement("link", { rel: "icon", href: faviconUrl, type: "image/x-icon" }),
             react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
             react_1.default.createElement("meta", { name: "description", content: `Index page for language ${props.lang}` }),
+            react_1.default.createElement(Analytics_1.Analytics, { ctx: props.ctx }),
             react_1.default.createElement("script", { src: (0, resourceMap_1.getResourceUrlFrom)(props.ctx.path, 'tailwindcss.js') }),
             react_1.default.createElement("style", null, style_1.style),
             react_1.default.createElement("script", { dangerouslySetInnerHTML: {

package/dist/ssg/RootPage.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RootPage = void 0;
 const react_1 = __importDefault(require("react"));
 const languages_1 = require("../languages");
+const Analytics_1 = require("./components/Analytics");
 const resourceMap_1 = require("./resourceMap");
 // /index.html 的根页面
 // 需要实现多语言选择，自动重定向到用户浏览器语言对应的首页
@@ -27,6 +28,7 @@ const RootPage = props => {
             react_1.default.createElement("title", null, "CZON Multilingual Site Navigator"),
             react_1.default.createElement("link", { rel: "icon", href: faviconUrl, type: "image/x-icon" }),
             react_1.default.createElement("meta", { name: "description", content: "Select your preferred language to explore our content." }),
+            react_1.default.createElement(Analytics_1.Analytics, { ctx: props.ctx }),
             props.ctx.site.options.langs.map(lang => (react_1.default.createElement("link", { key: lang, rel: "alternate", hrefLang: lang, href: `${lang}/index.html` }))),
             react_1.default.createElement("link", { rel: "alternate", hrefLang: "x-default", href: `${props.ctx.site.options.langs[0]}/index.html` }),
             react_1.default.createElement("script", { dangerouslySetInnerHTML: {

package/dist/ssg/components/Analytics.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Analytics = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * Google Analytics and Microsoft Clarity integration component.
+ * Renders tracking scripts in <head> when IDs are configured.
+ */
+const Analytics = ({ ctx }) => {
+    const gaID = ctx.site.options.site?.gaID;
+    const clarityID = ctx.site.options.site?.clarityID;
+    if (!gaID && !clarityID) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        gaID && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("script", { async: true, src: `https://www.googletagmanager.com/gtag/js?id=${gaID}` }),
+            react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                    __html: `
+                window.dataLayer = window.dataLayer || [];
+                function gtag(){dataLayer.push(arguments);}
+                gtag('js', new Date());
+                gtag('config', '${gaID}');
+              `,
+                } }))),
+        clarityID && (react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                __html: `
+              (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}");
+            `,
+            } }))));
+};
+exports.Analytics = Analytics;
+//# sourceMappingURL=Analytics.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "czon",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "CZON - AI enhanced Markdown content engine",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",