@sugarat/theme 0.1.32 → 0.1.34

package/README.md

@@ -36,4 +36,7 @@ pnpm build
 * [vuepress-reco/vuepress-theme-reco-1.x](https://github.com/vuepress-reco/vuepress-theme-reco-1.x)
 * [@vue/theme](https://github.com/vuejs/theme)
 * [vitest](https://vitest.dev/)
-* [element-plus](https://github.com/element-plus/element-plus)
+* [element-plus](https://github.com/element-plus/element-plus)
+* [charles7c.github.io](https://github.com/Charles7c/charles7c.github.io)
+* [vitepress-blog-zaun](https://github.com/clark-cui/vitepress-blog-zaun)
+* [surmon](https://surmon.me/)

package/node.d.ts

@@ -237,6 +237,11 @@ declare namespace Theme {
          */
         tabs?: boolean;
         works?: UserWorks;
+        /**
+         * https://mermaid.js.org/config/setup/modules/mermaidAPI.html#mermaidapi-configuration-defaults for options
+         * @default false
+         */
+        mermaid?: any;
     }
     interface Config extends DefaultTheme.Config {
         blog?: BlogConfig;
@@ -251,6 +256,6 @@ declare function getDefaultTitle(content: string): string;
 declare function clearMatterContent(content: string): string;
 declare function getFileBirthTime(url: string): string;
 declare function getGitTimestamp(file: string): Promise<unknown>;
-declare function defineConfig(config: UserConfig<Theme.Config>): UserConfig<Theme.Config>;
+declare function defineConfig(config: UserConfig<Theme.Config>): UserConfig<any>;
 
 export { clearMatterContent, defineConfig, getDefaultTitle, getFileBirthTime, getGitTimestamp, getThemeConfig };

package/node.js

@@ -205,6 +205,9 @@ var tabsPlugin = (md) => {
   };
 };
 
+// src/node.ts
+var import_vitepress_plugin_mermaid = require("vitepress-plugin-mermaid");
+
 // src/utils/index.ts
 function formatDate(d, fmt = "yyyy-MM-dd hh:mm:ss") {
   if (!(d instanceof Date)) {
@@ -350,6 +353,19 @@ function getThemeConfig(cfg) {
       }
     };
   }
+  if (cfg) {
+    cfg.mermaid = cfg?.mermaid ?? false;
+  }
+  if (cfg?.mermaid !== false) {
+    extraConfig.vite = {
+      ...extraConfig.vite,
+      resolve: {
+        alias: {
+          mermaid: "mermaid/dist/mermaid.esm.mjs"
+        }
+      }
+    };
+  }
   return {
     themeConfig: {
       blog: {
@@ -433,7 +449,22 @@ function defineConfig(config) {
       console.warn("https://theme.sugarat.top/config/global.html");
     }, 1200);
   }
-  return config;
+  const extendThemeConfig = config.extends?.themeConfig?.blog;
+  const resultConfig = extendThemeConfig.mermaid === false ? config : (0, import_vitepress_plugin_mermaid.withMermaid)({
+    ...config,
+    mermaid: extendThemeConfig.mermaid === true ? {} : extendThemeConfig.mermaid
+  });
+  if (!resultConfig.markdown)
+    resultConfig.markdown = {};
+  if (config.extends?.markdown?.config) {
+    const markdownExtendsConfigOriginal = config.extends?.markdown?.config;
+    const selfMarkdownConfig = resultConfig.markdown?.config;
+    resultConfig.markdown.config = (...rest) => {
+      selfMarkdownConfig?.(...rest);
+      markdownExtendsConfigOriginal?.(...rest);
+    };
+  }
+  return resultConfig;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "main": "src/index.ts",
   "exports": {
@@ -34,11 +34,14 @@
   },
   "dependencies": {
     "@mdit-vue/shared": "^0.12.0",
+    "@mermaid-js/mermaid-mindmap": "^9.3.0",
     "@vue/shared": "^3.2.45",
     "@vueuse/core": "^9.6.0",
     "fast-glob": "^3.2.12",
     "gray-matter": "^4.0.3",
     "highlight.js": "^11.7.0",
+    "mermaid": "^10.2.4",
+    "vitepress-plugin-mermaid": "^2.0.13",
     "vue-command-palette": "^0.1.4"
   },
   "devDependencies": {

package/src/composables/config/index.ts

@@ -257,6 +257,11 @@ export namespace Theme {
      */
     tabs?: boolean
     works?: UserWorks
+    /**
+     * https://mermaid.js.org/config/setup/modules/mermaidAPI.html#mermaidapi-configuration-defaults for options
+     * @default false
+     */
+    mermaid?: any
   }
 
   export interface Config extends DefaultTheme.Config {

package/src/node.ts

@@ -6,6 +6,7 @@ import { execSync, spawn, spawnSync } from 'child_process'
 import path from 'path'
 import type { SiteConfig, UserConfig } from 'vitepress'
 import { tabsMarkdownPlugin } from 'vitepress-plugin-tabs'
+import { withMermaid } from 'vitepress-plugin-mermaid'
 import { formatDate } from './utils/index'
 import type { Theme } from './composables/config/index'
 
@@ -177,6 +178,21 @@ export function getThemeConfig(cfg?: Partial<Theme.BlogConfig>) {
       }
     }
   }
+  if (cfg) {
+    cfg.mermaid = cfg?.mermaid ?? false
+  }
+
+  // 流程图支持
+  if (cfg?.mermaid !== false) {
+    extraConfig.vite = {
+      ...extraConfig.vite,
+      resolve: {
+        alias: {
+          mermaid: 'mermaid/dist/mermaid.esm.mjs'
+        }
+      }
+    }
+  }
   return {
     themeConfig: {
       blog: {
@@ -309,7 +325,36 @@ export function defineConfig(config: UserConfig<Theme.Config>) {
       console.warn('https://theme.sugarat.top/config/global.html')
     }, 1200)
   }
-  return config
+  // @ts-ignore
+  const extendThemeConfig = config.extends?.themeConfig
+    ?.blog as Theme.BlogConfig
+
+  // 开关支持Mermaid
+  const resultConfig =
+    extendThemeConfig.mermaid === false
+      ? config
+      : withMermaid({
+          ...config,
+          mermaid:
+            extendThemeConfig.mermaid === true ? {} : extendThemeConfig.mermaid
+        })
+
+  // 处理markdown插件
+  if (!resultConfig.markdown) resultConfig.markdown = {}
+  // @ts-ignore
+  if (config.extends?.markdown?.config) {
+    const markdownExtendsConfigOriginal =
+      // @ts-ignore
+      config.extends?.markdown?.config
+    const selfMarkdownConfig = resultConfig.markdown?.config
+
+    resultConfig.markdown.config = (...rest: any[]) => {
+      // @ts-ignore
+      selfMarkdownConfig?.(...rest)
+      markdownExtendsConfigOriginal?.(...rest)
+    }
+  }
+  return resultConfig
 }
 
 export { tabsMarkdownPlugin } from 'vitepress-plugin-tabs'