feat: 优化 convert 通过文件夹转换的编译方式

eslint.config.js

@@ -8,4 +8,8 @@ export default antfu({
       warnOnUnsupportedTypeScriptVersion: false,
     },
   },
+  vue: true,
+  rules: {
+    'no-unused-vars': 'warn',
+  },
 })

playground/index.html

@@ -11,6 +11,8 @@
     <div class="i-svg:cat"></div>
     <div class="i-icon-daiban"></div>
     <div class="i-svg-daiban"></div>
+    <div class="i-icon:gongzuotai"></div>
+    <div class="i-svg:gongzuotai"></div>
   </div>
   <a href="/__inspect/#/module?id=./main.ts&index=2" target="_blank" style="text-decoration: none; margin-top:10px; display: block;">visit /__inspect/ to inspect the intermediate state</a>
   <script type="module" src="./main.ts"></script>

playground/vite.config.ts

@@ -16,6 +16,7 @@ export default defineConfig({
         },
         svg: './icons',
       },
+      output: './playground/node_modules/.unplugin-iconify',
       iconifyIntelliSense: true,
     }),
   ],

src/core/convert.ts

@@ -1,6 +1,7 @@
 import type { Convert, Options } from './types'
 import { existsSync, mkdirSync, writeFileSync } from 'node:fs'
 import { join } from 'node:path'
+import { removeFigmaClipPathFromSVG, scaleSVG } from '@iconify/tools'
 import { isEmptyColor, parseColors } from '@iconify/tools/lib/colors/parse'
 import { importDirectory } from '@iconify/tools/lib/import/directory'
 import { runSVGO } from '@iconify/tools/lib/optimise/svgo'
@@ -36,7 +37,6 @@ export async function Generateds(options: Required<Options>): Promise<void> {
 export async function Generated(name: string, setting: string | Convert, output: string): Promise<void> {
   const convert = typeof setting === 'string' ? { path: setting } : { ...setting }
   const { path, noColor, suffix } = convert
-
   if (!existsSync(path)) {
     throw new Error(`Path ${path} does not exist`)
   }
@@ -51,7 +51,7 @@ export async function Generated(name: string, setting: string | Convert, output:
   })
 
   // Validate, clean up, fix palette and optimise
-  iconSet.forEach(async (name, type) => {
+  iconSet.forEachSync((name, type) => {
     if (type !== 'icon')
       return
 
@@ -65,6 +65,8 @@ export async function Generated(name: string, setting: string | Convert, output:
     // Clean up and optimise icons
     try {
       cleanupSVG(svg)
+      removeFigmaClipPathFromSVG(svg)
+      scaleSVG(svg, 1 / 48)
       noColor && parseColors(svg, {
         defaultColor: 'currentColor',
         callback: (attr, colorStr, color) => {
@@ -81,9 +83,9 @@ export async function Generated(name: string, setting: string | Convert, output:
       iconSet.remove(name)
       return
     }
-
     // Update icon
     iconSet.fromSVG(name, svg)
+    iconSet.resolve(name)
   })
 
   // Export as IconifyJSON

src/loader.ts

@@ -1,7 +1,6 @@
 import type { CustomIconLoader } from './core/types'
 import { existsSync, readdirSync, readFileSync } from 'node:fs'
 import { basename, join } from 'node:path'
-import { cwd } from 'node:process'
 import { OUTPUT } from './env'
 
 /**
@@ -24,14 +23,11 @@ export function UnocssLoader(dir: string = OUTPUT): Record<string, CustomIconLoa
  * 获取所有输出文件
  */
 export function getOutputFiles(dir: string = OUTPUT): string[] {
-  // 构建 manifest 文件路径
-  const srcDir = join(cwd(), dir)
-
-  if (!existsSync(srcDir)) {
+  if (!existsSync(dir)) {
     return []
   }
 
-  const files = readdirSync(srcDir).filter(file => file.endsWith('.json'))
+  const files = readdirSync(dir).filter(file => file.endsWith('.json'))
 
-  return files.map(file => join(srcDir, file))
+  return files.map(file => join(dir, file))
 }