vuepress-plugin-md-power 1.0.0-rc.83 → 1.0.0-rc.85

package/lib/node/index.js

@@ -180,158 +180,9 @@ var pdfPlugin = (md) => {
   });
 };
 
-// src/node/features/icons/writer.ts
-import { constants, promises as fsp } from "node:fs";
-import { getIconContentCSS, getIconData } from "@iconify/utils";
-import { fs, logger } from "vuepress/utils";
-import { isPackageExists } from "local-pkg";
-import { customAlphabet as customAlphabet2 } from "nanoid";
-
-// src/node/utils/package.ts
-async function interopDefault(m) {
-  const resolved = await m;
-  return resolved.default || resolved;
-}
-
-// src/node/features/icons/writer.ts
-var nanoid2 = customAlphabet2("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", 8);
-var iconDataCache = /* @__PURE__ */ new Map();
-var URL_CONTENT_RE = /(url\([\s\S]+?\))/;
-var CSS_PATH = "internal/md-power/icons.css";
-var locate;
-function resolveOption(opt) {
-  const options = typeof opt === "object" ? opt : {};
-  options.prefix ??= "vp-mdi";
-  options.color = options.color === "currentColor" || !options.color ? "currentcolor" : options.color;
-  options.size = options.size ? parseRect(`${options.size}`) : "1em";
-  return options;
-}
-function createIconCSSWriter(app, opt) {
-  const cache = /* @__PURE__ */ new Map();
-  const isInstalled = isPackageExists("@iconify/json");
-  const currentPath = app.dir.temp(CSS_PATH);
-  const write = async (content) => {
-    if (!content && app.env.isDev) {
-      if (existsSync(currentPath) && (await fsp.stat(currentPath)).isFile()) {
-        return;
-      }
-    }
-    await app.writeTemp(CSS_PATH, content);
-  };
-  let timer = null;
-  const options = resolveOption(opt);
-  const prefix = options.prefix;
-  const defaultContent = getDefaultContent(options);
-  async function writeCss() {
-    if (timer)
-      clearTimeout(timer);
-    timer = setTimeout(async () => {
-      let css = defaultContent;
-      if (cache.size > 0) {
-        for (const [, { content, className }] of cache)
-          css += `.${className} {
-  --svg: ${content};
-}
-`;
-        await write(css);
-      }
-    }, 100);
-  }
-  function addIcon(iconName) {
-    if (!isInstalled)
-      return;
-    if (cache.has(iconName)) {
-      const item2 = cache.get(iconName);
-      return `${item2.className}${item2.background ? " bg" : ""}`;
-    }
-    const item = {
-      className: `${prefix}-${nanoid2()}`,
-      ...genIcon(iconName)
-    };
-    cache.set(iconName, item);
-    writeCss();
-    return `${item.className}${item.background ? " bg" : ""}`;
-  }
-  async function initIcon() {
-    if (!opt)
-      return await write("");
-    if (!isInstalled) {
-      logger.error("[plugin-md-power]: `@iconify/json` not found! Please install `@iconify/json` first.");
-      return;
-    }
-    if (!locate) {
-      const mod = await interopDefault(import("@iconify/json"));
-      locate = mod.locate;
-    }
-    return await writeCss();
-  }
-  return { addIcon, writeCss, initIcon };
-}
-function getDefaultContent(options) {
-  const { prefix, size, color } = options;
-  return `[class^="${prefix}-"] {
-  display: inline-block;
-  width: ${size};
-  height: ${size};
-  vertical-align: middle;
-}
-[class^="${prefix}-"]:not(.bg) {
-  color: inherit;
-  background-color: ${color};
-  -webkit-mask: var(--svg) no-repeat;
-  mask: var(--svg) no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-[class^="${prefix}-"].bg {
-  background-color: transparent;
-  background-image: var(--svg);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-}
-`;
-}
-function genIcon(iconName) {
-  if (!locate) {
-    return { content: "", background: false };
-  }
-  const [collect, name] = iconName.split(":");
-  let iconJson = iconDataCache.get(collect);
-  if (!iconJson) {
-    const filename = locate(collect);
-    try {
-      iconJson = JSON.parse(fs.readFileSync(filename, "utf-8"));
-      iconDataCache.set(collect, iconJson);
-    } catch {
-      logger.warn(`[plugin-md-power] Can not find icon, ${collect} is missing!`);
-    }
-  }
-  const data = getIconData(iconJson, name);
-  if (!data) {
-    logger.error(`[plugin-md-power] Can not read icon in ${collect}, ${name} is missing!`);
-    return { content: "", background: false };
-  }
-  const content = getIconContentCSS(data, {
-    height: data.height || 24
-  });
-  const match = content.match(URL_CONTENT_RE);
-  return {
-    content: match ? match[1] : "",
-    background: !data.body.includes("currentColor")
-  };
-}
-function existsSync(fp) {
-  try {
-    fs.accessSync(fp, constants.R_OK);
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-// src/node/features/icons/plugin.ts
+// src/node/features/icons.ts
 var [openTag, endTag] = [":[", "]:"];
-function createTokenizer(addIcon) {
+function createTokenizer() {
   return (state, silent) => {
     let found = false;
     const max = state.posMax;
@@ -361,31 +212,25 @@ function createTokenizer(addIcon) {
     }
     state.posMax = state.pos;
     state.pos = start + 2;
-    const [iconName, options = ""] = content.split(/\s+/);
+    const [name, options = ""] = content.split(/\s+/);
     const [size, color] = options.split("/");
-    const open = state.push("iconify_open", "span", 1);
-    open.markup = openTag;
-    const className = addIcon(iconName);
-    if (className)
-      open.attrSet("class", className);
-    let style = "";
+    const icon = state.push("vp_iconify_open", "VPIcon", 1);
+    icon.markup = openTag;
+    if (name)
+      icon.attrSet("name", name);
     if (size)
-      style += `width:${parseRect(size)};height:${parseRect(size)};`;
+      icon.attrSet("size", size);
     if (color)
-      style += `color:${color};`;
-    if (style)
-      open.attrSet("style", style);
-    const text = state.push("text", "", 0);
-    text.content = className ? "" : iconName;
-    const close = state.push("iconify_close", "span", -1);
+      icon.attrSet("color", color);
+    const close = state.push("vp_iconify_close", "VPIcon", -1);
     close.markup = endTag;
     state.pos = state.posMax + 2;
     state.posMax = max;
     return true;
   };
 }
-var iconsPlugin = (md, addIcon = () => "") => {
-  md.inline.ruler.before("emphasis", "iconify", createTokenizer(addIcon));
+var iconsPlugin = (md) => {
+  md.inline.ruler.before("emphasis", "iconify", createTokenizer());
 };
 
 // src/node/features/video/bilibili.ts
@@ -659,7 +504,7 @@ var plotPlugin = (md) => {
 
 // src/node/features/langRepl.ts
 import container2 from "markdown-it-container";
-import { fs as fs2, getDirname, path as path2 } from "vuepress/utils";
+import { fs, getDirname, path as path2 } from "vuepress/utils";
 var RE_INFO = /^(#editable)?(.*)$/;
 function createReplContainer(md, lang) {
   const type = `${lang}-repl`;
@@ -717,7 +562,7 @@ async function langReplPlugin(app, md, {
 }
 async function read(file) {
   try {
-    const content = await fs2.readFile(file, "utf-8");
+    const content = await fs.readFile(file, "utf-8");
     return JSON.parse(content);
   } catch {
   }
@@ -735,7 +580,6 @@ var CLIENT_FOLDER = ensureEndingSlash(
 async function prepareConfigFile(app, options) {
   const imports = /* @__PURE__ */ new Set();
   const enhances = /* @__PURE__ */ new Set();
-  imports.add(`import '@internal/md-power/icons.css'`);
   if (options.pdf) {
     imports.add(`import PDFViewer from '${CLIENT_FOLDER}components/PDFViewer.vue'`);
     enhances.add(`app.component('PDFViewer', PDFViewer)`);
@@ -785,15 +629,12 @@ ${Array.from(enhances.values()).map((item) => `    ${item}`).join("\n")}
 // src/node/plugin.ts
 function markdownPowerPlugin(options = {}) {
   return (app) => {
-    const { initIcon, addIcon } = createIconCSSWriter(app, options.icons);
     return {
       name: "vuepress-plugin-md-power",
-      // clientConfigFile: path.resolve(__dirname, '../client/config.js'),
       clientConfigFile: (app2) => prepareConfigFile(app2, options),
       define: {
         __MD_POWER_INJECT_OPTIONS__: options
       },
-      onInitialized: async () => await initIcon(),
       extendsBundlerOptions(bundlerOptions) {
         if (options.repl) {
           addViteOptimizeDepsInclude(
@@ -813,7 +654,7 @@ function markdownPowerPlugin(options = {}) {
           md.use(pdfPlugin);
         }
         if (options.icons) {
-          md.use(iconsPlugin, addIcon);
+          md.use(iconsPlugin);
         }
         if (options.bilibili) {
           md.use(bilibiliPlugin);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.83",
+  "version": "1.0.0-rc.85",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -31,29 +31,20 @@
     "lib"
   ],
   "peerDependencies": {
-    "@iconify/json": "^2",
     "vuepress": "2.0.0-rc.14"
   },
-  "peerDependenciesMeta": {
-    "@iconify/json": {
-      "optional": true
-    }
-  },
   "dependencies": {
-    "@iconify/utils": "^2.1.25",
-    "@vuepress/helper": "2.0.0-rc.39",
-    "@vueuse/core": "^10.11.0",
-    "local-pkg": "^0.5.0",
+    "@vuepress/helper": "2.0.0-rc.40",
+    "@vueuse/core": "^10.11.1",
     "markdown-it-container": "^4.0.0",
     "nanoid": "^5.0.7",
-    "shiki": "^1.10.3",
-    "tm-grammars": "^1.13.13",
-    "tm-themes": "^1.5.5",
-    "vue": "^3.4.33"
+    "shiki": "^1.12.1",
+    "tm-grammars": "^1.16.3",
+    "tm-themes": "^1.6.2",
+    "vue": "^3.4.37"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.229",
-    "@types/markdown-it": "^14.1.1"
+    "@types/markdown-it": "^14.1.2"
   },
   "publishConfig": {
     "access": "public"