@rxdrag/website-lib 0.0.151 → 0.0.153

package/components/CookieConsent.astro

@@ -1,47 +1,47 @@
----
-import "vanilla-cookieconsent/dist/cookieconsent.css";
-import "./CookieConsent.css";
----
-
-<script>
-  import { run } from "vanilla-cookieconsent";
-  import { config } from "./CookieConsentConfig";
-
-  // 设计模式下跳过执行（sandbox 环境 document.cookie 不可用）
-  const isDesignMode = typeof window !== 'undefined' && window.top !== window && (window as any).__ASTRO_SANDBOX_MODULES__;
-  if (isDesignMode) {
-    //console.log('[CookieConsent] skip in design mode');
-  } else {
-    // 异步初始化Cookie同意逻辑
-    async function initializeCookieConsent() {
-      try {
-        // 始终显示Cookie同意UI
-        document.body.classList.add("cc--elegant-black");
-        run(config);
-
-        // 显示偏好设置按钮
-        const preferencesBtn = document.getElementById("show-preferences-btn");
-        if (preferencesBtn) {
-          preferencesBtn.style.display = "block";
-        }
-      } catch (error) {
-        console.error("Cookie同意初始化失败:", error);
-        // 出错时默认显示同意UI（安全策略）
-        document.body.classList.add("cc--elegant-black");
-        run(config);
-
-        const preferencesBtn = document.getElementById("show-preferences-btn");
-        if (preferencesBtn) {
-          preferencesBtn.style.display = "block";
-        }
-      }
-    }
-
-    // 页面加载完成后初始化
-    if (document.readyState === "loading") {
-      document.addEventListener("DOMContentLoaded", initializeCookieConsent);
-    } else {
-      initializeCookieConsent();
-    }
-  }
-</script>
+---
+import "vanilla-cookieconsent/dist/cookieconsent.css";
+import "./CookieConsent.css";
+---
+
+<script>
+  import { run } from "vanilla-cookieconsent";
+  import { config } from "./CookieConsentConfig";
+
+  // 设计模式下跳过执行（sandbox 环境 document.cookie 不可用）
+  const isDesignMode = typeof window !== 'undefined' && window.top !== window && (window as any).__ASTRO_SANDBOX_MODULES__;
+  if (isDesignMode) {
+    //console.log('[CookieConsent] skip in design mode');
+  } else {
+    // 异步初始化Cookie同意逻辑
+    async function initializeCookieConsent() {
+      try {
+        // 始终显示Cookie同意UI
+        document.body.classList.add("cc--elegant-black");
+        run(config);
+
+        // 显示偏好设置按钮
+        const preferencesBtn = document.getElementById("show-preferences-btn");
+        if (preferencesBtn) {
+          preferencesBtn.style.display = "block";
+        }
+      } catch (error) {
+        console.error("Cookie同意初始化失败:", error);
+        // 出错时默认显示同意UI（安全策略）
+        document.body.classList.add("cc--elegant-black");
+        run(config);
+
+        const preferencesBtn = document.getElementById("show-preferences-btn");
+        if (preferencesBtn) {
+          preferencesBtn.style.display = "block";
+        }
+      }
+    }
+
+    // 页面加载完成后初始化
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", initializeCookieConsent);
+    } else {
+      initializeCookieConsent();
+    }
+  }
+</script>

package/components/CookieConsent.css

@@ -1,52 +1,52 @@
-.cc--elegant-black {
-  --cc-bg: #000;
-  --cc-primary-color: rgb(239, 244, 246);
-  --cc-secondary-color: #b1bdc3 !important;
-
-  --cc-btn-primary-bg: #ffffff;
-  --cc-btn-primary-color: #000;
-  --cc-btn-primary-hover-bg: #ccd4d8;
-  --cc-btn-primary-hover-color: #000;
-  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
-
-  --cc-btn-secondary-bg: rgba(255, 255, 255, 0.039);
-  --cc-btn-secondary-color: var(--cc-primary-color);
-  --cc-btn-secondary-border-color: #252729;
-  --cc-btn-secondary-hover-bg: #252729;
-  --cc-btn-secondary-hover-color: #fff;
-  --cc-btn-secondary-hover-border-color: #252729;
-
-  --cc-cookie-category-block-bg: #101111;
-  --cc-cookie-category-block-border: #1d1e1f;
-  --cc-cookie-category-block-hover-bg: #151516;
-  --cc-cookie-category-block-hover-border: #1d1e1f;
-  --cc-cookie-category-expanded-block-hover-bg: #1d1e1f;
-  --cc-cookie-category-expanded-block-bg: #101111;
-  --cc-toggle-readonly-bg: #2f3132;
-  --cc-overlay-bg: rgba(0, 0, 0, 0.9) !important;
-
-  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
-  --cc-toggle-off-bg: #525f6b;
-  --cc-toggle-on-knob-bg: var(--cc-bg);
-  --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
-  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg);
-  --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
-  --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
-  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
-  --cc-section-category-border: #1e2428;
-
-  --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
-  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
-
-  --cc-separator-border-color: #252729;
-
-  --cc-footer-bg: #000;
-  --cc-footer-color: var(--cc-secondary-color);
-  --cc-footer-border-color: #212529;
-}
-
-.cc--elegant-black #cc-main .cm,
-.cc--elegant-black #cc-main .pm {
-  color-scheme: dark;
-  border: 1px solid var(--cc-separator-border-color);
-}
+.cc--elegant-black {
+  --cc-bg: #000;
+  --cc-primary-color: rgb(239, 244, 246);
+  --cc-secondary-color: #b1bdc3 !important;
+
+  --cc-btn-primary-bg: #ffffff;
+  --cc-btn-primary-color: #000;
+  --cc-btn-primary-hover-bg: #ccd4d8;
+  --cc-btn-primary-hover-color: #000;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
+
+  --cc-btn-secondary-bg: rgba(255, 255, 255, 0.039);
+  --cc-btn-secondary-color: var(--cc-primary-color);
+  --cc-btn-secondary-border-color: #252729;
+  --cc-btn-secondary-hover-bg: #252729;
+  --cc-btn-secondary-hover-color: #fff;
+  --cc-btn-secondary-hover-border-color: #252729;
+
+  --cc-cookie-category-block-bg: #101111;
+  --cc-cookie-category-block-border: #1d1e1f;
+  --cc-cookie-category-block-hover-bg: #151516;
+  --cc-cookie-category-block-hover-border: #1d1e1f;
+  --cc-cookie-category-expanded-block-hover-bg: #1d1e1f;
+  --cc-cookie-category-expanded-block-bg: #101111;
+  --cc-toggle-readonly-bg: #2f3132;
+  --cc-overlay-bg: rgba(0, 0, 0, 0.9) !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
+  --cc-toggle-off-bg: #525f6b;
+  --cc-toggle-on-knob-bg: var(--cc-bg);
+  --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
+  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg);
+  --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
+  --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
+  --cc-section-category-border: #1e2428;
+
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
+
+  --cc-separator-border-color: #252729;
+
+  --cc-footer-bg: #000;
+  --cc-footer-color: var(--cc-secondary-color);
+  --cc-footer-border-color: #212529;
+}
+
+.cc--elegant-black #cc-main .cm,
+.cc--elegant-black #cc-main .pm {
+  color-scheme: dark;
+  border: 1px solid var(--cc-separator-border-color);
+}

package/components/CookieConsentConfig.ts

@@ -1,208 +1,208 @@
-import type { CookieConsentConfig } from "vanilla-cookieconsent";
-
-const GA_MEASUREMENT_ID = (import.meta.env.PUBLIC_GA_MEASUREMENT_ID as string) || "";
-const ANONYMIZE_IP = (import.meta.env.PUBLIC_GA_ANONYMIZE_IP as string) === "false" ? false : true;
-const COOKIE_FLAGS = (import.meta.env.PUBLIC_GA_COOKIE_FLAGS as string) || "SameSite=None;Secure";
-
-// 声明全局 gtag 函数类型
-declare global {
-  function gtag(...args: any[]): void;
-}
-
-function updateConsent(consent: {
-  analytics_storage: "granted" | "denied";
-  ad_storage: "granted" | "denied";
-}) {
-  console.log("[CookieConsent] updateConsent", consent);
-  if (typeof gtag !== "undefined") {
-    gtag("consent", "update", consent);
-  } else {
-    console.log("gtag 未定义，无法更新 consent", consent);
-  }
-}
-
-// 加载 Google Analytics 脚本
-function loadGA4() {
-  if (!GA_MEASUREMENT_ID) {
-    console.log("GA_MEASUREMENT_ID 为空，跳过 GA4 config");
-    return;
-  }
-
-  console.log("[CookieConsent] loadGA4 GA_MEASUREMENT_ID:", GA_MEASUREMENT_ID);
-
-  console.log("Loading Google Analytics with ID:", GA_MEASUREMENT_ID);
-
-  // 复用 HeadCode.astro 中的全局 gtag（不要再创建第二套 dataLayer/gtag）
-  if (typeof gtag !== "undefined") {
-    gtag("config", GA_MEASUREMENT_ID, {
-      anonymize_ip: ANONYMIZE_IP,
-      cookie_flags: COOKIE_FLAGS,
-    });
-  } else {
-    console.log("gtag 未定义，跳过 GA4 config");
-  }
-}
-
-// 直接加载 Google Analytics（非欧洲地区使用）
-export function loadGA4Directly() {
-  if (!GA_MEASUREMENT_ID) {
-    console.log("GA_MEASUREMENT_ID 为空，跳过直接 GA4 config");
-    return;
-  }
-
-  console.log(
-    "[CookieConsent] loadGA4Directly GA_MEASUREMENT_ID:",
-    GA_MEASUREMENT_ID
-  );
-
-  console.log("直接加载 Google Analytics (无需用户同意):", GA_MEASUREMENT_ID);
-
-  // 复用 HeadCode.astro 中的全局 gtag（不要再创建第二套 dataLayer/gtag）
-  if (typeof gtag !== "undefined") {
-    gtag("config", GA_MEASUREMENT_ID, {
-      anonymize_ip: ANONYMIZE_IP,
-      cookie_flags: COOKIE_FLAGS,
-    });
-  } else {
-    console.log("gtag 未定义，跳过 GA4 direct config");
-  }
-}
-
-// 清除 Google Analytics cookies
-function clearGA4Cookies() {
-  const gaCookies = document.cookie
-    .split(";")
-    .filter((cookie) => cookie.trim().startsWith("_ga"));
-
-  gaCookies.forEach((cookie) => {
-    const cookieName = cookie.split("=")[0].trim();
-    document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=.${window.location.hostname}`;
-    document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`;
-  });
-}
-
-export const config: CookieConsentConfig = {
-  guiOptions: {
-    consentModal: {
-      layout: "box inline",
-      position: "bottom left",
-    },
-    preferencesModal: {
-      layout: "box",
-      position: "right",
-      equalWeightButtons: true,
-      flipButtons: false,
-    },
-  },
-  categories: {
-    necessary: {
-      readOnly: true,
-    },
-    functionality: {},
-    analytics: {
-      services: {
-        ga4: {
-          label:
-            '<a href="https://marketingplatform.google.com/about/analytics/terms/us/" target="_blank">Google Analytics 4</a>',
-          onAccept: () => {
-            console.log("Google Analytics 4 accepted");
-            console.log(
-              "[CookieConsent] onAccept, GA_MEASUREMENT_ID:",
-              GA_MEASUREMENT_ID
-            );
-            updateConsent({
-              analytics_storage: "granted",
-              ad_storage: "granted",
-            });
-            loadGA4();
-          },
-          onReject: () => {
-            console.log("Google Analytics 4 rejected");
-            console.log(
-              "[CookieConsent] onReject, GA_MEASUREMENT_ID:",
-              GA_MEASUREMENT_ID
-            );
-            clearGA4Cookies();
-
-            // 禁用 Google Analytics
-            updateConsent({
-              analytics_storage: "denied",
-              ad_storage: "denied",
-            });
-          },
-          cookies: [
-            {
-              name: /^_ga/,
-            },
-            {
-              name: /^_gid/,
-            },
-            {
-              name: /^_gat/,
-            },
-          ],
-        },
-        another: {
-          label: "Another one (dummy)",
-        },
-      },
-    },
-  },
-  language: {
-    default: "en",
-    autoDetect: "browser",
-    translations: {
-      en: {
-        consentModal: {
-          title: "Your Privacy Matters",
-          description:
-            "We use cookies to enhance your browsing experience, provide personalized content, and analyze our traffic. You can manage your preferences or accept all cookies. For more information, please see our Privacy Policy.",
-          acceptAllBtn: "Accept all",
-          acceptNecessaryBtn: "Reject all",
-          showPreferencesBtn: "Manage preferences",
-          footer:
-            '<a href="/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a>\n<a href="/terms" target="_blank" rel="noopener">Terms and Conditions</a>',
-        },
-        preferencesModal: {
-          title: "Consent Preferences Center",
-          acceptAllBtn: "Accept all",
-          acceptNecessaryBtn: "Reject all",
-          savePreferencesBtn: "Save preferences",
-          closeIconLabel: "Close modal",
-          serviceCounterLabel: "Service|Services",
-          sections: [
-            {
-              title: "How We Use Cookies",
-              description:
-                "Cookies help us provide, protect and improve our services. You can choose which categories you want to allow. Some cookies are necessary for the website to function and cannot be switched off.",
-            },
-            {
-              title:
-                'Strictly Necessary Cookies <span class="pm__badge">Always Enabled</span>',
-              description:
-                "These cookies are essential for the website to operate properly. They enable basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.",
-              linkedCategory: "necessary",
-            },
-            {
-              title: "Functionality Cookies",
-              description:
-                "Functionality cookies allow the website to remember choices you make (such as your language or the region you are in) and provide enhanced, more personal features.",
-              linkedCategory: "functionality",
-            },
-            {
-              title: "Analytics Cookies",
-              description:
-                "Analytics cookies help us understand how visitors interact with our website by collecting and reporting information anonymously. This helps us improve our services and your experience.",
-              linkedCategory: "analytics",
-            },
-            {
-              title: "More Information",
-              description:
-                'For any query in relation to my policy on cookies and your choices, please <a class="cc__link" href="#yourdomain.com">contact me</a>.',
-            },
-          ],
-        },
-      },
-    },
-  },
-};
+import type { CookieConsentConfig } from "vanilla-cookieconsent";
+
+const GA_MEASUREMENT_ID = (import.meta.env.PUBLIC_GA_MEASUREMENT_ID as string) || "";
+const ANONYMIZE_IP = (import.meta.env.PUBLIC_GA_ANONYMIZE_IP as string) === "false" ? false : true;
+const COOKIE_FLAGS = (import.meta.env.PUBLIC_GA_COOKIE_FLAGS as string) || "SameSite=None;Secure";
+
+// 声明全局 gtag 函数类型
+declare global {
+  function gtag(...args: any[]): void;
+}
+
+function updateConsent(consent: {
+  analytics_storage: "granted" | "denied";
+  ad_storage: "granted" | "denied";
+}) {
+  console.log("[CookieConsent] updateConsent", consent);
+  if (typeof gtag !== "undefined") {
+    gtag("consent", "update", consent);
+  } else {
+    console.log("gtag 未定义，无法更新 consent", consent);
+  }
+}
+
+// 加载 Google Analytics 脚本
+function loadGA4() {
+  if (!GA_MEASUREMENT_ID) {
+    console.log("GA_MEASUREMENT_ID 为空，跳过 GA4 config");
+    return;
+  }
+
+  console.log("[CookieConsent] loadGA4 GA_MEASUREMENT_ID:", GA_MEASUREMENT_ID);
+
+  console.log("Loading Google Analytics with ID:", GA_MEASUREMENT_ID);
+
+  // 复用 HeadCode.astro 中的全局 gtag（不要再创建第二套 dataLayer/gtag）
+  if (typeof gtag !== "undefined") {
+    gtag("config", GA_MEASUREMENT_ID, {
+      anonymize_ip: ANONYMIZE_IP,
+      cookie_flags: COOKIE_FLAGS,
+    });
+  } else {
+    console.log("gtag 未定义，跳过 GA4 config");
+  }
+}
+
+// 直接加载 Google Analytics（非欧洲地区使用）
+export function loadGA4Directly() {
+  if (!GA_MEASUREMENT_ID) {
+    console.log("GA_MEASUREMENT_ID 为空，跳过直接 GA4 config");
+    return;
+  }
+
+  console.log(
+    "[CookieConsent] loadGA4Directly GA_MEASUREMENT_ID:",
+    GA_MEASUREMENT_ID
+  );
+
+  console.log("直接加载 Google Analytics (无需用户同意):", GA_MEASUREMENT_ID);
+
+  // 复用 HeadCode.astro 中的全局 gtag（不要再创建第二套 dataLayer/gtag）
+  if (typeof gtag !== "undefined") {
+    gtag("config", GA_MEASUREMENT_ID, {
+      anonymize_ip: ANONYMIZE_IP,
+      cookie_flags: COOKIE_FLAGS,
+    });
+  } else {
+    console.log("gtag 未定义，跳过 GA4 direct config");
+  }
+}
+
+// 清除 Google Analytics cookies
+function clearGA4Cookies() {
+  const gaCookies = document.cookie
+    .split(";")
+    .filter((cookie) => cookie.trim().startsWith("_ga"));
+
+  gaCookies.forEach((cookie) => {
+    const cookieName = cookie.split("=")[0].trim();
+    document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=.${window.location.hostname}`;
+    document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`;
+  });
+}
+
+export const config: CookieConsentConfig = {
+  guiOptions: {
+    consentModal: {
+      layout: "box inline",
+      position: "bottom left",
+    },
+    preferencesModal: {
+      layout: "box",
+      position: "right",
+      equalWeightButtons: true,
+      flipButtons: false,
+    },
+  },
+  categories: {
+    necessary: {
+      readOnly: true,
+    },
+    functionality: {},
+    analytics: {
+      services: {
+        ga4: {
+          label:
+            '<a href="https://marketingplatform.google.com/about/analytics/terms/us/" target="_blank">Google Analytics 4</a>',
+          onAccept: () => {
+            console.log("Google Analytics 4 accepted");
+            console.log(
+              "[CookieConsent] onAccept, GA_MEASUREMENT_ID:",
+              GA_MEASUREMENT_ID
+            );
+            updateConsent({
+              analytics_storage: "granted",
+              ad_storage: "granted",
+            });
+            loadGA4();
+          },
+          onReject: () => {
+            console.log("Google Analytics 4 rejected");
+            console.log(
+              "[CookieConsent] onReject, GA_MEASUREMENT_ID:",
+              GA_MEASUREMENT_ID
+            );
+            clearGA4Cookies();
+
+            // 禁用 Google Analytics
+            updateConsent({
+              analytics_storage: "denied",
+              ad_storage: "denied",
+            });
+          },
+          cookies: [
+            {
+              name: /^_ga/,
+            },
+            {
+              name: /^_gid/,
+            },
+            {
+              name: /^_gat/,
+            },
+          ],
+        },
+        another: {
+          label: "Another one (dummy)",
+        },
+      },
+    },
+  },
+  language: {
+    default: "en",
+    autoDetect: "browser",
+    translations: {
+      en: {
+        consentModal: {
+          title: "Your Privacy Matters",
+          description:
+            "We use cookies to enhance your browsing experience, provide personalized content, and analyze our traffic. You can manage your preferences or accept all cookies. For more information, please see our Privacy Policy.",
+          acceptAllBtn: "Accept all",
+          acceptNecessaryBtn: "Reject all",
+          showPreferencesBtn: "Manage preferences",
+          footer:
+            '<a href="/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a>\n<a href="/terms" target="_blank" rel="noopener">Terms and Conditions</a>',
+        },
+        preferencesModal: {
+          title: "Consent Preferences Center",
+          acceptAllBtn: "Accept all",
+          acceptNecessaryBtn: "Reject all",
+          savePreferencesBtn: "Save preferences",
+          closeIconLabel: "Close modal",
+          serviceCounterLabel: "Service|Services",
+          sections: [
+            {
+              title: "How We Use Cookies",
+              description:
+                "Cookies help us provide, protect and improve our services. You can choose which categories you want to allow. Some cookies are necessary for the website to function and cannot be switched off.",
+            },
+            {
+              title:
+                'Strictly Necessary Cookies <span class="pm__badge">Always Enabled</span>',
+              description:
+                "These cookies are essential for the website to operate properly. They enable basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.",
+              linkedCategory: "necessary",
+            },
+            {
+              title: "Functionality Cookies",
+              description:
+                "Functionality cookies allow the website to remember choices you make (such as your language or the region you are in) and provide enhanced, more personal features.",
+              linkedCategory: "functionality",
+            },
+            {
+              title: "Analytics Cookies",
+              description:
+                "Analytics cookies help us understand how visitors interact with our website by collecting and reporting information anonymously. This helps us improve our services and your experience.",
+              linkedCategory: "analytics",
+            },
+            {
+              title: "More Information",
+              description:
+                'For any query in relation to my policy on cookies and your choices, please <a class="cc__link" href="#yourdomain.com">contact me</a>.',
+            },
+          ],
+        },
+      },
+    },
+  },
+};