iconfont-preview-cli 1.0.0

package/server/index.d.cts

@@ -0,0 +1,6 @@
+declare const iconfontServer: (options: {
+    urlPrefix?: string;
+    iconDir: string;
+}) => Promise<PluginOption>;
+
+export { iconfontServer };

package/server/index.d.mts

@@ -0,0 +1,6 @@
+declare const iconfontServer: (options: {
+    urlPrefix?: string;
+    iconDir: string;
+}) => Promise<PluginOption>;
+
+export { iconfontServer };

package/server/index.d.ts

@@ -0,0 +1,6 @@
+declare const iconfontServer: (options: {
+    urlPrefix?: string;
+    iconDir: string;
+}) => Promise<PluginOption>;
+
+export { iconfontServer };

package/server/index.mjs

@@ -0,0 +1,133 @@
+import chalk from 'chalk';
+import css from 'css';
+import { readFile, readdir, stat } from 'node:fs/promises';
+import { resolve, extname, dirname } from 'node:path';
+import 'node:os';
+import { fileURLToPath } from 'node:url';
+import '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;
+}
+
+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;
+resolve(buildOutput, "app");
+
+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 = "";
+  console.log(`
+  ${chalk.green.bold("iconfont-preview-cli")} ${chalk.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.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 = 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;
+};
+
+export { iconfontServer };