@sugarat/theme 0.5.11 → 0.5.12-beta.1

package/node.d.ts

@@ -4,7 +4,6 @@ import { Repo, Mapping } from '@giscus/vue';
 import { Options } from 'oh-my-live2d';
 import { PagefindConfig } from 'vitepress-plugin-pagefind';
 import { AnnouncementOptions } from 'vitepress-plugin-announcement';
-export { tabsMarkdownPlugin } from 'vitepress-plugin-tabs';
 
 type RSSPluginOptions = RSSOptions;
 type ThemeableImage = string | {
@@ -264,7 +263,7 @@ declare namespace Theme {
         tag?: string;
     }
     interface Alert {
-        type: 'success' | 'warning' | 'info' | 'error';
+        type: 'success' | 'warning' | 'info' | 'error' | 'primary';
         /**
          * 细粒度的时间控制
          * 默认展示时间，-1 只展示1次，其它数字为每次都展示，一定时间后自动消失，0为不自动消失
@@ -397,7 +396,7 @@ declare namespace Theme {
         authorList?: Omit<FriendLink, 'avatar'>[];
         /**
          * 启用 [vitepress-plugin-tabs](https://www.npmjs.com/package/vitepress-plugin-tabs)
-         * @default false
+         * @default true
          */
         tabs?: boolean;
         works?: UserWorks;
@@ -631,7 +630,6 @@ declare function getThemeConfig(cfg?: Partial<Theme.BlogConfig>): any;
  */
 declare function defineConfig(config: UserConfig<Theme.Config>): any;
 declare function defineLocaleConfig(cfg: Omit<Theme.BlogConfig, 'locales' | 'pagesData'>): Omit<Theme.BlogConfig, "locales" | "pagesData">;
-
 declare function footerHTML(footerData: Theme.FooterItem | Theme.FooterItem[]): string;
 
 export { defineConfig, defineLocaleConfig, footerHTML, getThemeConfig };

package/node.js

@@ -33,176 +33,185 @@ __export(node_exports, {
   defineConfig: () => defineConfig,
   defineLocaleConfig: () => defineLocaleConfig,
   footerHTML: () => footerHTML,
-  getThemeConfig: () => getThemeConfig,
-  tabsMarkdownPlugin: () => tabsPlugin
+  getThemeConfig: () => getThemeConfig
 });
 module.exports = __toCommonJS(node_exports);
 
 // src/utils/node/mdPlugins.ts
 var import_module = require("module");
 
-// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@2.0.0-alpha.15_@types+node@24.5.2_async-validator_99dc32d207803fc3e59dad002dbf4f6a/node_modules/vitepress-plugin-tabs/dist/index.js
-var tabsMarker = "=tabs";
-var tabsMarkerLen = tabsMarker.length;
-var ruleBlockTabs = (state, startLine, endLine, silent) => {
-  if (state.sCount[startLine] - state.blkIndent >= 4) {
-    return false;
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.7.3_vitepress@2.0.0-alpha.15_@types+node@24.5.2_async-validator_f00dcfd3cc5e72074cf41a606f1d799c/node_modules/vitepress-plugin-tabs/dist/node/index.js
+function container_plugin(md, name, options) {
+  function validateDefault(params) {
+    return params.trim().split(" ", 2)[0] === name;
+  }
+  function renderDefault(tokens, idx, _options, env, slf) {
+    if (tokens[idx].nesting === 1)
+      tokens[idx].attrJoin("class", name);
+    return slf.renderToken(tokens, idx, _options, env, slf);
+  }
+  options = options || {};
+  const min_markers = 3;
+  const marker_str = options.marker || ":";
+  const marker_char = marker_str.charCodeAt(0);
+  const marker_len = marker_str.length;
+  const validate = options.validate || validateDefault;
+  const render = options.render || renderDefault;
+  function container(state, startLine, endLine, silent) {
+    let pos;
+    let auto_closed = false;
+    let start = state.bMarks[startLine] + state.tShift[startLine];
+    let max = state.eMarks[startLine];
+    if (marker_char !== state.src.charCodeAt(start))
+      return false;
+    for (pos = start + 1; pos <= max; pos++)
+      if (marker_str[(pos - start) % marker_len] !== state.src[pos])
+        break;
+    const marker_count = Math.floor((pos - start) / marker_len);
+    if (marker_count < min_markers)
+      return false;
+    pos -= (pos - start) % marker_len;
+    const markup = state.src.slice(start, pos);
+    const params = state.src.slice(pos, max);
+    if (!validate(params, markup))
+      return false;
+    if (silent)
+      return true;
+    let nextLine = startLine;
+    for (; ; ) {
+      nextLine++;
+      if (nextLine >= endLine)
+        break;
+      start = state.bMarks[nextLine] + state.tShift[nextLine];
+      max = state.eMarks[nextLine];
+      if (start < max && state.sCount[nextLine] < state.blkIndent)
+        break;
+      if (marker_char !== state.src.charCodeAt(start))
+        continue;
+      if (state.sCount[nextLine] - state.blkIndent >= 4)
+        continue;
+      for (pos = start + 1; pos <= max; pos++)
+        if (marker_str[(pos - start) % marker_len] !== state.src[pos])
+          break;
+      if (Math.floor((pos - start) / marker_len) < marker_count)
+        continue;
+      pos -= (pos - start) % marker_len;
+      pos = state.skipSpaces(pos);
+      if (pos < max)
+        continue;
+      auto_closed = true;
+      break;
+    }
+    const old_parent = state.parentType;
+    const old_line_max = state.lineMax;
+    state.parentType = "container";
+    state.lineMax = nextLine;
+    const token_o = state.push("container_" + name + "_open", "div", 1);
+    token_o.markup = markup;
+    token_o.block = true;
+    token_o.info = params;
+    token_o.map = [startLine, nextLine];
+    state.md.block.tokenize(state, startLine + 1, nextLine);
+    const token_c = state.push("container_" + name + "_close", "div", -1);
+    token_c.markup = state.src.slice(start, pos);
+    token_c.block = true;
+    state.parentType = old_parent;
+    state.lineMax = old_line_max;
+    state.line = nextLine + (auto_closed ? 1 : 0);
+    return true;
   }
+  md.block.ruler.before("fence", "container_" + name, container, { alt: [
+    "paragraph",
+    "reference",
+    "blockquote",
+    "list"
+  ] });
+  md.renderer.rules["container_" + name + "_open"] = render;
+  md.renderer.rules["container_" + name + "_close"] = render;
+}
+var tabMarkerCode = "=".charCodeAt(0);
+var minTabMarkerLen = 2;
+var ruleBlockTab = (state, startLine, endLine, silent) => {
   let pos = state.bMarks[startLine] + state.tShift[startLine];
-  let max = state.eMarks[startLine];
-  if (pos + 3 > max) {
+  const max = state.eMarks[startLine];
+  if (state.parentType !== "container")
+    return false;
+  if (pos + minTabMarkerLen > max)
     return false;
-  }
   const marker = state.src.charCodeAt(pos);
-  if (marker !== 58) {
+  if (marker !== tabMarkerCode)
     return false;
-  }
   const mem = pos;
-  pos = state.skipChars(pos, marker);
-  let len = pos - mem;
-  if (len < 3) {
-    return false;
-  }
-  if (state.src.slice(pos, pos + tabsMarkerLen) !== tabsMarker) {
+  pos = state.skipChars(pos + 1, marker);
+  const tabMarkerLen = pos - mem;
+  if (tabMarkerLen < minTabMarkerLen - 1)
     return false;
-  }
-  pos += tabsMarkerLen;
-  if (silent) {
+  if (silent)
     return true;
-  }
-  const markup = state.src.slice(mem, pos);
-  const params = state.src.slice(pos, max);
   let nextLine = startLine;
-  let haveEndMarker = false;
+  let endStart = mem;
+  let endPos = pos;
   for (; ; ) {
     nextLine++;
-    if (nextLine >= endLine) {
+    if (nextLine >= endLine)
       break;
-    }
-    pos = state.bMarks[nextLine] + state.tShift[nextLine];
-    const mem2 = pos;
-    max = state.eMarks[nextLine];
-    if (pos < max && state.sCount[nextLine] < state.blkIndent) {
+    endStart = state.bMarks[nextLine] + state.tShift[nextLine];
+    const max$1 = state.eMarks[nextLine];
+    if (endStart < max$1 && state.sCount[nextLine] < state.blkIndent)
       break;
-    }
-    if (state.src.charCodeAt(pos) !== marker) {
-      continue;
-    }
-    if (state.sCount[nextLine] - state.blkIndent >= 4) {
+    if (state.src.charCodeAt(endStart) !== tabMarkerCode)
       continue;
-    }
-    pos = state.skipChars(pos, marker);
-    if (pos - mem2 < len) {
+    const p = state.skipChars(endStart + 1, marker);
+    if (p - endStart !== tabMarkerLen)
       continue;
-    }
-    pos = state.skipSpaces(pos);
-    if (pos < max) {
-      continue;
-    }
-    haveEndMarker = true;
+    endPos = p;
     break;
   }
-  len = state.sCount[startLine];
-  state.line = nextLine + (haveEndMarker ? 1 : 0);
-  const token = state.push("tabs", "div", 0);
-  token.info = params;
-  token.content = state.getLines(startLine + 1, nextLine, len, true);
-  token.markup = markup;
-  token.map = [startLine, state.line];
+  const oldParent = state.parentType;
+  const oldLineMax = state.lineMax;
+  state.parentType = "tab";
+  state.lineMax = nextLine;
+  const startToken = state.push("tab_open", "div", 1);
+  startToken.markup = state.src.slice(mem, pos);
+  startToken.block = true;
+  startToken.info = state.src.slice(pos, max).trimStart();
+  startToken.map = [startLine, nextLine - 1];
+  state.md.block.tokenize(state, startLine + 1, nextLine);
+  const endToken = state.push("tab_close", "div", -1);
+  endToken.markup = state.src.slice(endStart, endPos);
+  endToken.block = true;
+  state.parentType = oldParent;
+  state.lineMax = oldLineMax;
+  state.line = nextLine;
   return true;
 };
-var tabBreakRE = /^\s*::(.+)$/;
-var forbiddenCharsInSlotNames = /[ '"]/;
-var parseTabBreakLine = (line) => {
-  const m = line.match(tabBreakRE);
-  if (!m)
-    return null;
-  const trimmed = m[1].trim();
-  if (forbiddenCharsInSlotNames.test(trimmed)) {
-    throw new Error(
-      `contains forbidden chars in slot names (space and quotes) (${JSON.stringify(
-        line
-      )})`
-    );
-  }
-  return trimmed;
-};
-var lastLineBreakRE = /\n$/;
-var parseTabsContent = (content) => {
-  const lines = content.replace(lastLineBreakRE, "").split("\n");
-  const tabInfos = [];
-  const tabLabels = /* @__PURE__ */ new Set();
-  let currentTab = null;
-  const createTabInfo = (label) => {
-    if (tabLabels.has(label)) {
-      throw new Error(`a tab labelled ${JSON.stringify(label)} already exists`);
-    }
-    const newTab = { label, content: [] };
-    tabInfos.push(newTab);
-    tabLabels.add(label);
-    return newTab;
-  };
-  for (const line of lines) {
-    const tabLabel = parseTabBreakLine(line);
-    if (currentTab === null) {
-      if (tabLabel === null) {
-        throw new Error(
-          `tabs should start with \`::\${tabLabel}\` (e.g. "::foo"). (received: ${JSON.stringify(
-            line
-          )})`
-        );
-      }
-      currentTab = createTabInfo(tabLabel);
-      continue;
-    }
-    if (tabLabel === null) {
-      currentTab.content.push(line);
-    } else {
-      currentTab = createTabInfo(tabLabel);
-    }
-  }
-  if (tabInfos.length < 0) {
-    throw new Error("tabs should include at least one tab");
-  }
-  return tabInfos.map((info) => ({
-    label: info.label,
-    content: info.content.join("\n").replace(lastLineBreakRE, "")
-  }));
-};
-var parseParams = (input) => {
-  if (!input.startsWith("=")) {
-    return {
-      shareStateKey: void 0
-    };
-  }
-  const splitted = input.split("=");
-  return {
-    shareStateKey: splitted[1]
-  };
+var parseTabsParams = (input) => {
+  return { shareStateKey: input.match(/key:(\S+)/)?.[1] };
 };
 var tabsPlugin = (md) => {
-  md.block.ruler.before("fence", "=tabs", ruleBlockTabs, {
-    alt: ["paragraph", "reference", "blockquote", "list"]
-  });
-  md.renderer.rules.tabs = (tokens, index, _options, env) => {
+  md.use(container_plugin, "tabs", { render(tokens, index) {
     const token = tokens[index];
-    const tabs = parseTabsContent(token.content);
-    const renderedTabs = tabs.map((tab) => ({
-      label: tab.label,
-      content: md.render(tab.content, env)
-    }));
-    const params = parseParams(token.info);
-    const tabLabelsProp = `:tabLabels="${md.utils.escapeHtml(
-      JSON.stringify(tabs.map((tab) => tab.label))
-    )}"`;
-    const shareStateKeyProp = params.shareStateKey ? `sharedStateKey="${md.utils.escapeHtml(params.shareStateKey)}"` : "";
-    const slots = renderedTabs.map(
-      (tab) => `<template #${tab.label}>${tab.content}</template>`
-    );
-    return `<PluginTabs ${tabLabelsProp} ${shareStateKeyProp}>${slots.join(
-      ""
-    )}</PluginTabs>`;
+    if (token.nesting === 1) {
+      const params = parseTabsParams(token.info);
+      return `<PluginTabs ${params.shareStateKey ? `sharedStateKey="${md.utils.escapeHtml(params.shareStateKey)}"` : ""}>
+`;
+    } else
+      return `</PluginTabs>
+`;
+  } });
+  md.block.ruler.after("container_tabs", "tab", ruleBlockTab);
+  const renderTab = (tokens, index) => {
+    const token = tokens[index];
+    if (token.nesting === 1) {
+      const label = token.info;
+      return `<PluginTabsTab ${`label="${md.utils.escapeHtml(label)}"`}>
+`;
+    } else
+      return `</PluginTabsTab>
+`;
   };
+  md.renderer.rules["tab_open"] = renderTab;
+  md.renderer.rules["tab_close"] = renderTab;
 };
 
 // src/utils/node/mdPlugins.ts
@@ -329,7 +338,6 @@ function patchOptimizeDeps(config) {
     config.vite.optimizeDeps = {};
   }
   config.vite.optimizeDeps.exclude = ["vitepress-plugin-tabs", "@sugarat/theme"];
-  config.vite.optimizeDeps.include = ["element-plus"];
 }
 
 // src/utils/node/theme.ts
@@ -338,6 +346,14 @@ var import_node_path2 = __toESM(require("path"));
 var import_theme_shared2 = require("@sugarat/theme-shared");
 
 // src/utils/client/index.ts
+function shuffleArray(arr) {
+  const array = [...arr];
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [array[i], array[j]] = [array[j], array[i]];
+  }
+  return array;
+}
 function formatDate(d, fmt = "yyyy-MM-dd hh:mm:ss") {
   if (!(d instanceof Date)) {
     d = new Date(d);
@@ -459,6 +475,10 @@ function patchVPThemeConfig(cfg, vpThemeConfig = {}) {
   return vpThemeConfig;
 }
 function checkConfig(cfg) {
+  const friendConfig = cfg?.friend;
+  if (!Array.isArray(friendConfig) && friendConfig?.random) {
+    friendConfig.list = shuffleArray(friendConfig.list);
+  }
 }
 
 // src/utils/node/vitePlugins.ts
@@ -579,20 +599,30 @@ function getVitePlugins(cfg = {}) {
     plugins.push(patchGroupIconPlugin());
     plugins.push((0, import_vitepress_plugin_group_icons2.groupIconVitePlugin)(cfg?.groupIcon));
   }
+  if (cfg?.tabs !== false) {
+    plugins.push(patchTabsPlugin());
+  }
+  if (cfg?.timeline !== false) {
+    plugins.push(patchTimelinePlugin());
+  }
   return plugins;
 }
 function patchGroupIconPlugin() {
-  return {
+  return createPatchPlugin({
     name: "@sugarat/theme-plugin-patch-group-icon",
-    enforce: "pre",
-    transform(code, id) {
-      if (id.match(/[\/\\]theme[\/\\]index\.(ts|js)$/)) {
-        return `import 'virtual:group-icons.css'
-${code}`;
-      }
-      return code;
+    replacements: {
+      "// replace-group-icon-import-code": "import 'virtual:group-icons.css'"
     }
-  };
+  });
+}
+function patchTabsPlugin() {
+  return createPatchPlugin({
+    name: "@sugarat/theme-plugin-patch-tabs",
+    replacements: {
+      "// replace-tabs-import-code": "import { enhanceAppWithTabs } from 'vitepress-plugin-tabs/client'",
+      "// replace-tabs-enhance-app-code": "enhanceAppWithTabs(ctx.app)"
+    }
+  });
 }
 function registerVitePlugins(vpCfg, plugins) {
   vpCfg.vite = {
@@ -601,12 +631,25 @@ function registerVitePlugins(vpCfg, plugins) {
   };
 }
 function inlineInjectMermaidClient() {
-  return {
+  return createPatchPlugin({
     name: "@sugarat/theme-plugin-inline-inject-mermaid-client",
+    replacements: {
+      "// replace-mermaid-import-code": "import Mermaid from 'vitepress-plugin-mermaid/Mermaid.vue'",
+      "// replace-mermaid-mounted-code": "if (!ctx.app.component('Mermaid')) { ctx.app.component('Mermaid', Mermaid as any) }"
+    }
+  });
+}
+function createPatchPlugin({ name, replacements }) {
+  return {
+    name,
     enforce: "pre",
     transform(code, id) {
-      if (id.endsWith("src/index.ts") && code.startsWith("// @sugarat/theme index")) {
-        return code.replace("// replace-mermaid-import-code", "import Mermaid from 'vitepress-plugin-mermaid/Mermaid.vue'").replace("// replace-mermaid-mounted-code", "if (!ctx.app.component('Mermaid')) { ctx.app.component('Mermaid', Mermaid as any) }");
+      if (id.endsWith("theme/src/index.ts") && code.startsWith("// @sugarat/theme index")) {
+        let newCode = code;
+        for (const [key, value] of Object.entries(replacements)) {
+          newCode = newCode.replace(key, value);
+        }
+        return newCode;
       }
       return code;
     }
@@ -769,6 +812,14 @@ function setThemeScript(themeColor) {
   };
   return pluginOps;
 }
+function patchTimelinePlugin() {
+  return createPatchPlugin({
+    name: "@sugarat/theme-plugin-patch-timeline",
+    replacements: {
+      "// replace-timeline-import-code": "import 'vitepress-markdown-timeline/dist/theme/index.css'"
+    }
+  });
+}
 
 // src/node.ts
 function getThemeConfig(cfg = {}) {
@@ -834,6 +885,5 @@ function footerHTML(footerData) {
   defineConfig,
   defineLocaleConfig,
   footerHTML,
-  getThemeConfig,
-  tabsMarkdownPlugin
+  getThemeConfig
 });