iconfont-preview-cli 1.0.0

package/components/types/index.d.ts

@@ -0,0 +1,2 @@
+import '/@/theme-chalk/index.scss';
+export * from './render-icon-list';

package/components/types/render-icon-list/index.d.ts

@@ -0,0 +1,3 @@
+import RenderIconList from './src/render-icon-list.vue';
+export * from './src/render-icon-list';
+export { RenderIconList };

package/components/types/render-icon-list/src/components/render-icon-class.d.ts

@@ -0,0 +1,23 @@
+import type { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    iconClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    highlightChunks: {
+        type: PropType<Array<[number, number]>>;
+        default: () => never[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    iconClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    highlightChunks: {
+        type: PropType<Array<[number, number]>>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    highlightChunks: [number, number][];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/types/render-icon-list/src/components/render-icon.d.ts

@@ -0,0 +1,26 @@
+import type { PropType } from "vue";
+import type { InnerIconInfo } from "../render-icon-list";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    iconInfo: {
+        type: PropType<InnerIconInfo>;
+        default: string;
+    };
+    iconClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    copyHandler: PropType<(iconName: string) => void | Promise<void>>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    iconInfo: {
+        type: PropType<InnerIconInfo>;
+        default: string;
+    };
+    iconClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    copyHandler: PropType<(iconName: string) => void | Promise<void>>;
+}>> & Readonly<{}>, {
+    iconInfo: InnerIconInfo;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/types/render-icon-list/src/render-icon-list.d.ts

@@ -0,0 +1,33 @@
+import type RenderIconList from './render-icon-list.vue';
+import type { Component, ExtractPropTypes, PropType } from 'vue';
+/** 图标相关信息 */
+export type IconInfo = {
+    /** 文件地址（相对地址） */
+    filePath: string;
+    /** 图标的基础类名 */
+    baseClassName: string;
+    /** 图标的类名集合 */
+    classNames: string[];
+    /** 自定义渲染图标的函数，返回一个组件 */
+    renderIcon?: (iconName: string) => Component;
+};
+/** 前端页面时候的图标信息 （包含高亮信息）  */
+export interface InnerIconInfo extends IconInfo {
+    /** 匹配项map映射，
+     * key为图标class类名
+     * value为符合要求的索引位子集合，每项都包含开始索引、结束索引
+     */
+    matchesMap?: Map<string, Array<[number, number]>>;
+}
+export declare const renderIconListProps: {
+    getIconsInfo: {
+        type: PropType<() => Promise<IconInfo[]> | IconInfo[]>;
+        required: boolean;
+    };
+    cssLinkFormat: {
+        type: PropType<(href: string) => string>;
+        default: (href: string) => string;
+    };
+};
+export type RenderIconListProps = ExtractPropTypes<typeof renderIconListProps>;
+export type RenderIconListInstance = InstanceType<typeof RenderIconList>;

package/components/types/render-icon-list/src/render-icon-list.vue.d.ts

@@ -0,0 +1,61 @@
+import type { IconInfo, InnerIconInfo } from "./render-icon-list";
+declare var __VLS_1: {
+    iconsInfo: InnerIconInfo[] | undefined;
+    renderIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        iconInfo: {
+            type: import("vue").PropType<InnerIconInfo>;
+            default: string;
+        };
+        iconClass: {
+            type: StringConstructor;
+            required: true;
+        };
+        copyHandler: import("vue").PropType<(iconName: string) => void | Promise<void>>;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        iconInfo: {
+            type: import("vue").PropType<InnerIconInfo>;
+            default: string;
+        };
+        iconClass: {
+            type: StringConstructor;
+            required: true;
+        };
+        copyHandler: import("vue").PropType<(iconName: string) => void | Promise<void>>;
+    }>> & Readonly<{}>, {
+        iconInfo: InnerIconInfo;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    getIconsInfo: {
+        type: import("vue").PropType<() => Promise<IconInfo[]> | IconInfo[]>;
+        required: boolean;
+    };
+    cssLinkFormat: {
+        type: import("vue").PropType<(href: string) => string>;
+        default: (href: string) => string;
+    };
+}>, {
+    onSearch: (val: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    getIconsInfo: {
+        type: import("vue").PropType<() => Promise<IconInfo[]> | IconInfo[]>;
+        required: boolean;
+    };
+    cssLinkFormat: {
+        type: import("vue").PropType<(href: string) => string>;
+        default: (href: string) => string;
+    };
+}>> & Readonly<{}>, {
+    cssLinkFormat: (href: string) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "iconfont-preview-cli",
+  "version": "1.0.0",
+  "author": "wangzl",
+  "description": "字体图标cli",
+  "keywords": [
+    "iconfont",
+    "字体图标",
+    "字体图标预览",
+    "字体图标vite插件"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/phone-number/iconfont-preview-cli.git"
+  },
+  "bin": {
+    "iconfont-preview-cli": "./server/bin.mjs"
+  },
+  "exports": {
+    ".": {
+      "import": "./server/index.mjs",
+      "require": "./server/index.cjs"
+    },
+    "./components": {
+      "import": "./components/index.mjs",
+      "require": "./components/index.cjs"
+    },
+    "./server": {
+      "import": "./server/index.mjs",
+      "require": "./server/index.cjs"
+    },
+    "./*": "./*"
+  },
+  "typesVersions": {
+    "*": {
+      "components": [
+        "./components/types/index.d.ts"
+      ],
+      "server": [
+        "./server/index.d.ts"
+      ]
+    }
+  },
+  "devDependencies": {
+    "rimraf": "^3.0.2"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "axios": "^1.13.2",
+    "clipboard-copy": "^4.0.1",
+    "element-plus": "^2.11.8",
+    "fuse.js": "^7.1.0",
+    "vue": "^3.5.24",
+    "chalk": "^4.1.2",
+    "commander": "^11.0.0",
+    "css": "^3.0.0",
+    "koa": "^3.1.1",
+    "koa-router": "^14.0.0",
+    "koa-static": "^5.0.0",
+    "portfinder": "^1.0.38"
+  },
+  "peerDependencies": {}
+}

package/server/bin.cjs

@@ -0,0 +1,163 @@
+#!/usr/bin/env node
+'use strict';
+
+const commander = require('commander');
+const Koa = require('koa');
+const serve = require('koa-static');
+const Router = require('koa-router');
+const chalk = require('chalk');
+const node_path = require('node:path');
+const css = require('css');
+const promises = require('node:fs/promises');
+const os = require('node:os');
+const node_url = require('node:url');
+const portfinder = require('portfinder');
+const node_fs = require('node:fs');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const Koa__default = /*#__PURE__*/_interopDefaultCompat(Koa);
+const serve__default = /*#__PURE__*/_interopDefaultCompat(serve);
+const Router__default = /*#__PURE__*/_interopDefaultCompat(Router);
+const chalk__default = /*#__PURE__*/_interopDefaultCompat(chalk);
+const css__default = /*#__PURE__*/_interopDefaultCompat(css);
+const os__default = /*#__PURE__*/_interopDefaultCompat(os);
+const portfinder__default = /*#__PURE__*/_interopDefaultCompat(portfinder);
+
+async function readCssFilesAsync(dirPath) {
+  const cssFiles = [];
+  async function traverseDirectory(currentPath) {
+    const items = await promises.readdir(currentPath);
+    for (const item of items) {
+      const fullPath = node_path.resolve(currentPath, item);
+      let fileStat;
+      try {
+        fileStat = await promises.stat(fullPath);
+      } catch (error) {
+        console.error(`\u65E0\u6CD5\u8BBF\u95EE\u6587\u4EF6: ${fullPath}`, error);
+        continue;
+      }
+      if (fileStat.isDirectory()) {
+        await traverseDirectory(fullPath);
+      } else {
+        const ext = node_path.extname(fullPath).toLowerCase();
+        if (ext === ".css") {
+          cssFiles.push(fullPath);
+        }
+      }
+    }
+  }
+  await traverseDirectory(dirPath);
+  return cssFiles;
+}
+async function extractClassNames(cssFilePath, basePath) {
+  try {
+    const cssContent = await promises.readFile(cssFilePath, "utf8");
+    const ast = css__default.parse(cssContent);
+    let baseClassName = "";
+    const classNames = /* @__PURE__ */ new Set();
+    const fontFamilyRule = ast.stylesheet?.rules.find((rule) => rule.type === "font-face");
+    const fontFamilyDeclaration = fontFamilyRule?.declarations?.find((declaration) => declaration.property === "font-family");
+    const fontFamily = fontFamilyDeclaration?.value?.replaceAll(/["']/g, "");
+    const rules = ast.stylesheet?.rules || [];
+    for (const rule of rules) {
+      if (rule.type === "rule") {
+        const declarations = rule.declarations || [];
+        const selectors = rule.selectors || [];
+        if (!baseClassName && fontFamily && declarations.some((declaration) => declaration.value?.includes(fontFamily))) {
+          baseClassName = selectors.join(" ").replaceAll(".", "");
+        }
+        if (declarations.some((declaration) => declaration.property === "content")) {
+          for (const selector of selectors) {
+            const classSelectorMatch = selector.match(/^\.([\w-]+)(?::before)?$/);
+            if (classSelectorMatch) {
+              const className = classSelectorMatch[1];
+              classNames.add(className);
+            }
+          }
+        }
+      }
+    }
+    return { filePath: cssFilePath.replace(basePath, ""), baseClassName, classNames: [...classNames] };
+  } catch (error) {
+    console.error("\u63D0\u53D6\u7C7B\u540D\u65F6\u51FA\u9519:", error.message);
+  }
+}
+async function getCssInfo(dirPath) {
+  const filePaths = await readCssFilesAsync(dirPath);
+  const data = [];
+  await Promise.all(filePaths.map(async (filePath) => {
+    const res = await extractClassNames(filePath, dirPath);
+    res && data.push(res);
+  }));
+  return data;
+}
+
+function getLocalIPs() {
+  const interfaces = os__default.networkInterfaces();
+  const ips = [];
+  for (const name of Object.keys(interfaces)) {
+    const nets = interfaces[name];
+    if (!nets) continue;
+    for (const net of nets) {
+      if (net.family !== "IPv4" || net.internal) continue;
+      ips.push(net.address);
+    }
+  }
+  return ips;
+}
+
+const __dirname$1 = node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('bin.cjs', document.baseURI).href))));
+const runtimeProjRoot = process.env.NODE_ENV === "dev" ? node_path.resolve(__dirname$1, "..", "..", "..") : node_path.resolve(__dirname$1, "..");
+node_path.resolve(__dirname$1, "..", "..", "..");
+const buildOutput = process.env.NODE_ENV === "dev" ? node_path.resolve(runtimeProjRoot, "dist") : runtimeProjRoot;
+const appOutput = node_path.resolve(buildOutput, "app");
+
+const findAvailablePort = async (startPort) => {
+  return await portfinder__default.getPortPromise({ port: startPort });
+};
+
+const getVersion = () => {
+  const packageJsonContent = node_fs.readFileSync(node_path.resolve(runtimeProjRoot, "package.json"), "utf8");
+  const packageJson = JSON.parse(packageJsonContent);
+  const { version = "" } = packageJson;
+  return version ? `v${version}` : version;
+};
+
+const logTitle = (start) => {
+  const readyIn = start ? `  ${chalk__default.gray("ready in")} ${chalk__default.bold(Date.now() - start)} ms` : "";
+  console.log(`
+  ${chalk__default.green.bold("iconfont-preview-cli")} ${chalk__default.green(getVersion())}${readyIn} 
+`);
+};
+
+const fontServer = async (options) => {
+  const start = Date.now();
+  const fontDir = node_path.resolve(process.cwd(), options.dir || "");
+  const app = new Koa__default();
+  const router = new Router__default();
+  app.use(router.routes());
+  app.use(serve__default(fontDir));
+  app.use(serve__default(appOutput));
+  router.get("/api/iconsInfo", async (context) => {
+    const data = await getCssInfo(fontDir);
+    context.type = "application/json";
+    context.body = {
+      data,
+      dir: options.dir || "",
+      absDir: fontDir
+    };
+  });
+  const port = await findAvailablePort(Number(options.port));
+  app.listen(port, () => {
+    logTitle(start);
+    console.log(`  ${chalk__default.green("\u2192")}  Local:   ${chalk__default.cyan(`http://localhost:${port}`)}`);
+    getLocalIPs().forEach((ip) => {
+      console.log(`  ${chalk__default.green("\u2192")}  Network: ${chalk__default.cyan(`http://${ip}:${port}`)}`);
+    });
+  });
+};
+
+commander.program.option("-p, --port <port>", "\u670D\u52A1\u7AEF\u53E3", "3000").option("-d, --dir <dir>", "\u5B57\u4F53\u56FE\u6807\u6587\u4EF6\u5939\u8DEF\u5F84").action(fontServer);
+commander.program.parse(process.argv);

package/server/bin.mjs

@@ -0,0 +1,150 @@
+#!/usr/bin/env node
+import { program } from 'commander';
+import Koa from 'koa';
+import serve from 'koa-static';
+import Router from 'koa-router';
+import chalk from 'chalk';
+import { resolve, extname, dirname } from 'node:path';
+import css from 'css';
+import { readFile, readdir, stat } from 'node:fs/promises';
+import os from 'node:os';
+import { fileURLToPath } from 'node:url';
+import portfinder from 'portfinder';
+import { readFileSync } from 'node:fs';
+
+async function readCssFilesAsync(dirPath) {
+  const cssFiles = [];
+  async function traverseDirectory(currentPath) {
+    const items = await readdir(currentPath);
+    for (const item of items) {
+      const fullPath = resolve(currentPath, item);
+      let fileStat;
+      try {
+        fileStat = await stat(fullPath);
+      } catch (error) {
+        console.error(`\u65E0\u6CD5\u8BBF\u95EE\u6587\u4EF6: ${fullPath}`, error);
+        continue;
+      }
+      if (fileStat.isDirectory()) {
+        await traverseDirectory(fullPath);
+      } else {
+        const ext = extname(fullPath).toLowerCase();
+        if (ext === ".css") {
+          cssFiles.push(fullPath);
+        }
+      }
+    }
+  }
+  await traverseDirectory(dirPath);
+  return cssFiles;
+}
+async function extractClassNames(cssFilePath, basePath) {
+  try {
+    const cssContent = await readFile(cssFilePath, "utf8");
+    const ast = css.parse(cssContent);
+    let baseClassName = "";
+    const classNames = /* @__PURE__ */ new Set();
+    const fontFamilyRule = ast.stylesheet?.rules.find((rule) => rule.type === "font-face");
+    const fontFamilyDeclaration = fontFamilyRule?.declarations?.find((declaration) => declaration.property === "font-family");
+    const fontFamily = fontFamilyDeclaration?.value?.replaceAll(/["']/g, "");
+    const rules = ast.stylesheet?.rules || [];
+    for (const rule of rules) {
+      if (rule.type === "rule") {
+        const declarations = rule.declarations || [];
+        const selectors = rule.selectors || [];
+        if (!baseClassName && fontFamily && declarations.some((declaration) => declaration.value?.includes(fontFamily))) {
+          baseClassName = selectors.join(" ").replaceAll(".", "");
+        }
+        if (declarations.some((declaration) => declaration.property === "content")) {
+          for (const selector of selectors) {
+            const classSelectorMatch = selector.match(/^\.([\w-]+)(?::before)?$/);
+            if (classSelectorMatch) {
+              const className = classSelectorMatch[1];
+              classNames.add(className);
+            }
+          }
+        }
+      }
+    }
+    return { filePath: cssFilePath.replace(basePath, ""), baseClassName, classNames: [...classNames] };
+  } catch (error) {
+    console.error("\u63D0\u53D6\u7C7B\u540D\u65F6\u51FA\u9519:", error.message);
+  }
+}
+async function getCssInfo(dirPath) {
+  const filePaths = await readCssFilesAsync(dirPath);
+  const data = [];
+  await Promise.all(filePaths.map(async (filePath) => {
+    const res = await extractClassNames(filePath, dirPath);
+    res && data.push(res);
+  }));
+  return data;
+}
+
+function getLocalIPs() {
+  const interfaces = os.networkInterfaces();
+  const ips = [];
+  for (const name of Object.keys(interfaces)) {
+    const nets = interfaces[name];
+    if (!nets) continue;
+    for (const net of nets) {
+      if (net.family !== "IPv4" || net.internal) continue;
+      ips.push(net.address);
+    }
+  }
+  return ips;
+}
+
+const __dirname$1 = dirname(fileURLToPath(import.meta.url));
+const runtimeProjRoot = process.env.NODE_ENV === "dev" ? resolve(__dirname$1, "..", "..", "..") : resolve(__dirname$1, "..");
+resolve(__dirname$1, "..", "..", "..");
+const buildOutput = process.env.NODE_ENV === "dev" ? resolve(runtimeProjRoot, "dist") : runtimeProjRoot;
+const appOutput = resolve(buildOutput, "app");
+
+const findAvailablePort = async (startPort) => {
+  return await portfinder.getPortPromise({ port: startPort });
+};
+
+const getVersion = () => {
+  const packageJsonContent = readFileSync(resolve(runtimeProjRoot, "package.json"), "utf8");
+  const packageJson = JSON.parse(packageJsonContent);
+  const { version = "" } = packageJson;
+  return version ? `v${version}` : version;
+};
+
+const logTitle = (start) => {
+  const readyIn = start ? `  ${chalk.gray("ready in")} ${chalk.bold(Date.now() - start)} ms` : "";
+  console.log(`
+  ${chalk.green.bold("iconfont-preview-cli")} ${chalk.green(getVersion())}${readyIn} 
+`);
+};
+
+const fontServer = async (options) => {
+  const start = Date.now();
+  const fontDir = resolve(process.cwd(), options.dir || "");
+  const app = new Koa();
+  const router = new Router();
+  app.use(router.routes());
+  app.use(serve(fontDir));
+  app.use(serve(appOutput));
+  router.get("/api/iconsInfo", async (context) => {
+    const data = await getCssInfo(fontDir);
+    context.type = "application/json";
+    context.body = {
+      data,
+      dir: options.dir || "",
+      absDir: fontDir
+    };
+  });
+  const port = await findAvailablePort(Number(options.port));
+  app.listen(port, () => {
+    logTitle(start);
+    console.log(`  ${chalk.green("\u2192")}  Local:   ${chalk.cyan(`http://localhost:${port}`)}`);
+    getLocalIPs().forEach((ip) => {
+      console.log(`  ${chalk.green("\u2192")}  Network: ${chalk.cyan(`http://${ip}:${port}`)}`);
+    });
+  });
+};
+
+program.option("-p, --port <port>", "\u670D\u52A1\u7AEF\u53E3", "3000").option("-d, --dir <dir>", "\u5B57\u4F53\u56FE\u6807\u6587\u4EF6\u5939\u8DEF\u5F84").action(fontServer);
+program.parse(process.argv);

package/server/index.cjs

@@ -0,0 +1,141 @@
+'use strict';
+
+const chalk = require('chalk');
+const css = require('css');
+const promises = require('node:fs/promises');
+const node_path = require('node:path');
+require('node:os');
+const node_url = require('node:url');
+require('portfinder');
+const node_fs = require('node:fs');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const chalk__default = /*#__PURE__*/_interopDefaultCompat(chalk);
+const css__default = /*#__PURE__*/_interopDefaultCompat(css);
+
+async function readCssFilesAsync(dirPath) {
+  const cssFiles = [];
+  async function traverseDirectory(currentPath) {
+    const items = await promises.readdir(currentPath);
+    for (const item of items) {
+      const fullPath = node_path.resolve(currentPath, item);
+      let fileStat;
+      try {
+        fileStat = await promises.stat(fullPath);
+      } catch (error) {
+        console.error(`\u65E0\u6CD5\u8BBF\u95EE\u6587\u4EF6: ${fullPath}`, error);
+        continue;
+      }
+      if (fileStat.isDirectory()) {
+        await traverseDirectory(fullPath);
+      } else {
+        const ext = node_path.extname(fullPath).toLowerCase();
+        if (ext === ".css") {
+          cssFiles.push(fullPath);
+        }
+      }
+    }
+  }
+  await traverseDirectory(dirPath);
+  return cssFiles;
+}
+async function extractClassNames(cssFilePath, basePath) {
+  try {
+    const cssContent = await promises.readFile(cssFilePath, "utf8");
+    const ast = css__default.parse(cssContent);
+    let baseClassName = "";
+    const classNames = /* @__PURE__ */ new Set();
+    const fontFamilyRule = ast.stylesheet?.rules.find((rule) => rule.type === "font-face");
+    const fontFamilyDeclaration = fontFamilyRule?.declarations?.find((declaration) => declaration.property === "font-family");
+    const fontFamily = fontFamilyDeclaration?.value?.replaceAll(/["']/g, "");
+    const rules = ast.stylesheet?.rules || [];
+    for (const rule of rules) {
+      if (rule.type === "rule") {
+        const declarations = rule.declarations || [];
+        const selectors = rule.selectors || [];
+        if (!baseClassName && fontFamily && declarations.some((declaration) => declaration.value?.includes(fontFamily))) {
+          baseClassName = selectors.join(" ").replaceAll(".", "");
+        }
+        if (declarations.some((declaration) => declaration.property === "content")) {
+          for (const selector of selectors) {
+            const classSelectorMatch = selector.match(/^\.([\w-]+)(?::before)?$/);
+            if (classSelectorMatch) {
+              const className = classSelectorMatch[1];
+              classNames.add(className);
+            }
+          }
+        }
+      }
+    }
+    return { filePath: cssFilePath.replace(basePath, ""), baseClassName, classNames: [...classNames] };
+  } catch (error) {
+    console.error("\u63D0\u53D6\u7C7B\u540D\u65F6\u51FA\u9519:", error.message);
+  }
+}
+async function getCssInfo(dirPath) {
+  const filePaths = await readCssFilesAsync(dirPath);
+  const data = [];
+  await Promise.all(filePaths.map(async (filePath) => {
+    const res = await extractClassNames(filePath, dirPath);
+    res && data.push(res);
+  }));
+  return data;
+}
+
+const __dirname$1 = node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))));
+const runtimeProjRoot = process.env.NODE_ENV === "dev" ? node_path.resolve(__dirname$1, "..", "..", "..") : node_path.resolve(__dirname$1, "..");
+node_path.resolve(__dirname$1, "..", "..", "..");
+const buildOutput = process.env.NODE_ENV === "dev" ? node_path.resolve(runtimeProjRoot, "dist") : runtimeProjRoot;
+node_path.resolve(buildOutput, "app");
+
+const getVersion = () => {
+  const packageJsonContent = node_fs.readFileSync(node_path.resolve(runtimeProjRoot, "package.json"), "utf8");
+  const packageJson = JSON.parse(packageJsonContent);
+  const { version = "" } = packageJson;
+  return version ? `v${version}` : version;
+};
+
+const logTitle = (start) => {
+  const readyIn = "";
+  console.log(`
+  ${chalk__default.green.bold("iconfont-preview-cli")} ${chalk__default.green(getVersion())}${readyIn} 
+`);
+};
+
+const iconfontServer = async (options) => {
+  const pluginOption = {
+    name: "iconfont-server",
+    enforce: "pre",
+    apply: "serve",
+    configureServer(server) {
+      const { urlPrefix = "/iconfont-proxy", iconDir = "" } = options;
+      logTitle();
+      console.log(`  \u5B57\u4F53\u56FE\u6807\u670D\u52A1\u4E2D\u95F4\u4EF6\u5DF2\u542F\u52A8\uFF0C${chalk__default.cyan(urlPrefix)}\u5F00\u5934\u7684\u8BF7\u6C42\u5C06\u88AB\u4EE3\u7406\u5230\u5B57\u4F53\u56FE\u6807\u670D\u52A1`);
+      server.middlewares.use(async (req, res, next) => {
+        const codeServiceReg = new RegExp(`^${urlPrefix}`);
+        if (req.url && codeServiceReg.test(req.url)) {
+          if (req.url === `${urlPrefix}/api/iconsInfo`) {
+            const fontDir = node_path.resolve(process.cwd(), iconDir);
+            const data = await getCssInfo(fontDir);
+            res.setHeader("Content-Type", "application/json");
+            res.end(JSON.stringify({
+              data,
+              dir: options.iconDir || "",
+              absDir: fontDir
+            }));
+          } else {
+            res.statusCode = 404;
+            res.end(req.url);
+          }
+        } else {
+          next();
+        }
+      });
+    }
+  };
+  return pluginOption;
+};
+
+exports.iconfontServer = iconfontServer;