@ansidev-oss/vitepress-theme-ansidev 1.0.12 → 1.2.0

package/src/node/config.ts

@@ -6,7 +6,11 @@ import type { ThemeConfig } from '../client/types'
 process.env.VITE_EXTRA_EXTENSIONS = 'rss'
 globalThis.__VUE_PROD_DEVTOOLS__ = process.env.NODE_ENV === 'development'
 
-const env = loadEnv(process.env.NODE_ENV || 'development', process.cwd(), 'VITE_')
+const env = loadEnv(
+  process.env.NODE_ENV || 'development',
+  process.cwd(),
+  'VITE_'
+)
 
 const siteURL = env.VITE_BASE_URL
 
@@ -27,7 +31,7 @@ const baseConfig = {
   themeConfig: {
     siteURL,
     googleAnalytics: {
-      id: env.VITE_GA_ID,
+      id: env.VITE_GA_ID
     },
     search: {
       provider: 'local',
@@ -48,37 +52,39 @@ const baseConfig = {
             renderedHtml += html
           }
           return renderedHtml
-        },
-      },
-    },
+        }
+      }
+    }
   },
   vite: {
     ssr: {
-      noExternal: deps,
+      noExternal: deps
     },
     optimizeDeps: {
-      exclude: deps,
+      exclude: deps
     },
     css: {
       preprocessorOptions: {
         scss: {
-          api: 'modern-compiler',
-        },
-      },
-    },
-  },
+          api: 'modern-compiler'
+        }
+      }
+    }
+  }
 }
 
 /**
  * Helper function to define theme configuration with proper typing
  * Note: TailwindCSS plugin should be added in vite.config.ts, not here
  */
-export function defineWithDefaultThemeConfig(config: UserConfig<ThemeConfig> = {}): UserConfig<ThemeConfig> {
+export function defineWithDefaultThemeConfig(
+  config: UserConfig<ThemeConfig> = {}
+): UserConfig<ThemeConfig> {
   // Rename 'footer' to 'themeFooter' to avoid conflict with VitePress built-in footer config
   if (config.themeConfig?.footer) {
     config.themeConfig = {
       ...config.themeConfig,
-      themeFooter: config.themeConfig.footer,
+      themeFooter: config.themeConfig.footer
     }
     delete config.themeConfig.footer
   }

package/src/shared/composables/useSlug.ts

@@ -9,4 +9,5 @@ export const useSlug = (str: string) => {
     .replace(/^-+|-+$/g, '') // Remove leading or trailing dashes
 }
 
-export const useSlugFilter = (slug: string) => (str: string) => useSlug(str) === slug
+export const useSlugFilter = (slug: string) => (str: string) =>
+  useSlug(str) === slug

package/src/vite-env.d.ts

@@ -2,6 +2,7 @@
 
 declare module '*.vue' {
   import type { Component } from 'vue'
+
   const component: Component
   export default component
 }

package/dist/client/Donation-D9Xn0MPt.js

@@ -1,76 +0,0 @@
-import { defineComponent as c, computed as d, openBlock as r, createElementBlock as l, createElementVNode as p, normalizeStyle as u, Fragment as f, renderList as g, createBlock as h, mergeProps as B } from "vue";
-const _ = {
-  buymeacoffee: {
-    donationBaseUrl: "https://buymeacoffee.com",
-    donationButtonImage: "https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png",
-    donationButtonStyle: {
-      height: "60px !important",
-      width: "217px !important"
-    }
-  },
-  kofi: {
-    donationBaseUrl: "https://ko-fi.com",
-    donationButtonImage: "https://storage.ko-fi.com/cdn/brandasset/kofi_bg_tag_white.png",
-    donationButtonStyle: {
-      height: "60px !important"
-    }
-  },
-  paypal: {
-    donationBaseUrl: "https://paypal.me",
-    donationButtonImage: "https://paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
-  }
-}, y = ["href"], b = ["src", "alt"], k = /* @__PURE__ */ c({
-  __name: "DonationButton",
-  props: {
-    donationPlatform: {},
-    donationId: {},
-    donationBaseUrl: {},
-    donationButtonImage: {},
-    donationButtonStyle: {}
-  },
-  setup(t) {
-    const i = t, o = d(() => new URL(i.donationId, i.donationBaseUrl).toString());
-    return (s, e) => (r(), l("a", {
-      href: o.value,
-      target: "_blank"
-    }, [
-      p("img", {
-        src: t.donationButtonImage,
-        alt: t.donationPlatform,
-        style: u(t.donationButtonStyle)
-      }, null, 12, b)
-    ], 8, y));
-  }
-}), U = /* @__PURE__ */ c({
-  __name: "Donation",
-  props: {
-    donation: {}
-  },
-  setup(t) {
-    const o = t.donation, s = d(() => {
-      const e = {};
-      for (const n in o) {
-        if (n === "custom")
-          continue;
-        const a = o[n];
-        e[n] = {
-          ..._[n],
-          donationId: a
-        };
-      }
-      return {
-        ...e,
-        ...o.custom
-      };
-    });
-    return (e, n) => (r(!0), l(f, null, g(s.value, (a, m) => (r(), h(k, B({
-      key: a?.name,
-      ref_for: !0
-    }, a, {
-      "donation-platform": m
-    }), null, 16, ["donation-platform"]))), 128));
-  }
-});
-export {
-  U as default
-};

package/dist/client/GoogleAnalytics-Dp3EGn1x.js

@@ -1,29 +0,0 @@
-import { defineComponent as c, onMounted as r } from "vue";
-const g = /* @__PURE__ */ c({
-  __name: "GoogleAnalytics",
-  props: {
-    googleAnalytics: {}
-  },
-  setup(o) {
-    const e = o.googleAnalytics;
-    let a = !1;
-    function i() {
-      if (!(window.dataLayer && window.gtag) && !a) {
-        a = !0;
-        const t = document.createElement("script");
-        t.src = `https://www.googletagmanager.com/gtag/js?id=${e.id}`, t.async = !0, document.head.appendChild(t);
-        const n = document.createElement("script");
-        n.textContent = `
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  gtag('config', '${e.id}');
-`, document.head.appendChild(n);
-      }
-    }
-    return e && r(i), (t, n) => null;
-  }
-});
-export {
-  g as default
-};

package/dist/client/Sharing-ZrU7YF-x.js

@@ -1,190 +0,0 @@
-import { defineComponent as h, computed as a, openBlock as l, createElementBlock as u, createBlock as b, unref as z, createCommentVNode as m, Fragment as w, createTextVNode as B, toDisplayString as y, normalizeClass as p, createElementVNode as v, renderList as U } from "vue";
-import { useData as L } from "vitepress";
-import { Icon as R } from "@iconify/vue";
-const _ = (s) => {
-  if (!s)
-    return "";
-  const t = encodeURIComponent, r = Object.keys(s);
-  return r.length < 1 ? "" : `?${r.filter((e) => s[e] !== void 0).map((e) => `${t(e)}=${t(s[e])}`).join("&")}`;
-}, P = ["href", "aria-label"], M = /* @__PURE__ */ h({
-  __name: "SharingButton",
-  props: {
-    url: {},
-    text: {},
-    network: {},
-    buttonSize: {},
-    iconStyle: {},
-    iconSize: { default: 32 },
-    displayMode: { default: "icon" }
-  },
-  setup(s) {
-    const t = s, r = a(() => {
-      switch (t.network) {
-        case "email":
-          return {
-            name: "E-mail",
-            shareBaseURL: "mailto:",
-            icon: "bi:envelope-fill",
-            params: { subject: t.text, body: t.url },
-            allowedParams: ["subject", "body"]
-          };
-        case "facebook":
-          return {
-            name: "Facebook",
-            shareBaseURL: "https://facebook.com/sharer/sharer.php",
-            icon: "bi:facebook",
-            params: { u: t.url },
-            allowedParams: ["u", "display", "redirect_uri"]
-          };
-        case "linkedin":
-          return {
-            name: "LinkedIn",
-            shareBaseURL: "https://www.linkedin.com/sharing/share-offsite",
-            icon: "bi:linkedin",
-            params: { url: t.url },
-            allowedParams: ["url"]
-          };
-        case "pinterest":
-          return {
-            name: "Pinterest",
-            shareBaseURL: "https://pinterest.com/pin/create/button",
-            icon: "bi:pinterest",
-            params: { posttype: "link", title: t.text, url: t.url },
-            allowedParams: ["posttype", "tags", "title", "content", "caption", "show-via", "canonicalUrl"]
-          };
-        case "reddit":
-          return {
-            name: "Reddit",
-            shareBaseURL: "https://www.reddit.com/submit",
-            icon: "bi:reddit",
-            params: { title: t.text, url: t.url },
-            allowedParams: ["title", "url"]
-          };
-        case "telegram":
-          return {
-            name: "Telegram",
-            shareBaseURL: "https://telegram.me/share/url",
-            icon: "bi:telegram",
-            params: { text: t.text, url: t.url },
-            allowedParams: ["text", "url"]
-          };
-        // case 'tumblr':
-        //   return {
-        //     name: 'Tumblr',
-        //     shareBaseURL: 'https://www.tumblr.com/widgets/share/tool',
-        //     icon: 'bi:tumblr',
-        //     params: { posttype: 'link', title: props.text, url: props.url },
-        //     allowedParams: ['posttype', 'tags', 'title', 'content', 'caption', 'show-via', 'canonicalUrl'],
-        //   }
-        case "twitter":
-          return {
-            name: "Twitter",
-            shareBaseURL: "https://twitter.com/intent/tweet",
-            icon: "bi:twitter",
-            params: { text: t.text, url: t.url },
-            allowedParams: ["text", "url", "hashtag", "via"]
-          };
-        // case 'vk':
-        //   return {
-        //     name: 'VK',
-        //     shareBaseURL: 'https://vk.com/share.php',
-        //     icon: 'vk-icon',
-        //     params: { title: props.text, url: props.url },
-        //     allowedParams: ['title', 'url'],
-        //   }
-        case "whatsapp":
-          return {
-            name: "WhatsApp",
-            shareBaseURL: "whatsapp://send",
-            icon: "bi:whatsapp",
-            params: { text: t.url },
-            allowedParams: ["text"]
-          };
-        default:
-          return {};
-      }
-    }), n = a(() => r.value.name), e = a(() => r.value.icon), c = a(() => {
-      const o = r.value.shareBaseURL, i = _(r.value.params);
-      return `${o}${i}`;
-    });
-    return (o, i) => (l(), u("a", {
-      href: c.value,
-      target: "_blank",
-      rel: "noopener",
-      "aria-label": n.value,
-      style: { "padding-left": "0.25rem", "padding-right": "0.25rem" }
-    }, [
-      ["icon", "both"].includes(t.displayMode) ? (l(), b(z(R), {
-        key: 0,
-        icon: e.value,
-        width: s.iconSize,
-        height: s.iconSize,
-        class: "fill-current text-gray-700 dark:text-gray-200 hover:text-blue-500 dark:hover:text-blue-400"
-      }, null, 8, ["icon", "width", "height"])) : m("", !0),
-      ["text", "both"].includes(t.displayMode) ? (l(), u(w, { key: 1 }, [
-        B(" " + y(n.value), 1)
-      ], 64)) : m("", !0)
-    ], 8, P));
-  }
-}), E = /* @__PURE__ */ h({
-  __name: "Sharing",
-  props: {
-    url: {},
-    text: {}
-  },
-  setup(s) {
-    const t = {
-      wrapperCssClass: "pl-4 py-4",
-      titleCssClass: "text-sm/[32px] font-semibold mb-2",
-      buttonCssClass: "flex flex-wrap space-x-1",
-      title: "Share",
-      networks: ["email", "facebook", "twitter", "telegram", "reddit", "linkedin", "whatsapp", "pinterest", "tumblr", "vk"],
-      buttonSize: 18,
-      iconSize: 20,
-      iconStyle: "solid",
-      displayMode: "both"
-    }, r = s, { theme: n } = L(), e = a(() => n.value.sharing || !1), c = a(
-      () => e.value && typeof e.value.wrapperCssClass == "string" ? e.value.wrapperCssClass : t.wrapperCssClass
-    ), o = a(
-      () => e.value && typeof e.value.title == "string" ? e.value.title : t.title
-    ), i = a(
-      () => e.value && typeof e.value.titleCssClass == "string" ? e.value.titleCssClass : t.titleCssClass
-    ), f = a(
-      () => e.value && typeof e.value.buttonCssClass == "string" ? e.value.buttonCssClass : t.buttonCssClass
-    ), C = a(
-      () => e.value && Array.isArray(e.value.networks) ? e.value.networks : t.networks
-    ), g = a(
-      () => e.value && Number.isInteger(e.value.buttonSize) && e.value.buttonSize > 0 ? e.value.buttonSize : t.buttonSize
-    ), k = a(
-      () => e.value && Number.isInteger(e.value.iconSize) && e.value.iconSize > 0 ? e.value.iconSize : t.iconSize
-    ), x = a(
-      () => e.value && typeof e.value.iconStyle == "string" ? e.value.iconStyle : t.iconStyle
-    ), S = a(
-      () => e.value && typeof e.value.displayMode == "string" ? e.value.displayMode : t.displayMode
-    );
-    return (I, N) => (l(), u("div", {
-      class: p(c.value)
-    }, [
-      v("p", {
-        class: p(i.value)
-      }, y(o.value), 3),
-      v("div", {
-        class: p(f.value)
-      }, [
-        (l(!0), u(w, null, U(C.value, (d) => (l(), b(M, {
-          key: d,
-          url: r.url,
-          text: r.text,
-          network: d,
-          "button-size": g.value,
-          "icon-size": k.value,
-          "icon-style": x.value,
-          "display-mode": S.value
-        }, null, 8, ["url", "text", "network", "button-size", "icon-size", "icon-style", "display-mode"]))), 128))
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  E as default
-};