@fontmin-plugin/plugin 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import type { FontConfig } from '@fontmin-plugin/core';
+import type { UnpluginFactory } from 'unplugin';
+export interface Options {
+    groups?: Record<string, FontConfig>;
+}
+interface FrameworkConfig {
+    prefix: string;
+    generateModule: (fontVarString: string) => string;
+}
+export declare const frameworksConfig: Record<'react' | 'vue', FrameworkConfig>;
+export declare function handleImport(groupConfig: Record<string, FontConfig>, request: string, context: string): Promise<{
+    moduleContent: string;
+    absoluteModulePath: string;
+} | {
+    moduleContent: undefined;
+    absoluteModulePath: undefined;
+}>;
+export declare const unpluginFactory: UnpluginFactory<Options | undefined>;
+export declare const unplugin: import("unplugin").UnpluginInstance<Options | undefined, boolean>;
+export default unplugin;

package/dist/index.js

@@ -0,0 +1,79 @@
+import path from 'node:path';
+import { createFontStyle } from '@fontmin-plugin/core';
+import { createUnplugin } from 'unplugin';
+const importerPrefix = '@fontmin-plugin/';
+export const frameworksConfig = {
+    react: {
+        prefix: `${importerPrefix}react/`,
+        generateModule: (fontVarString) => `
+          import { createElement } from 'react';
+          import FontminText from '@fontmin-plugin/react';
+          const fontConfig = ${fontVarString};
+          export default (props) => createElement(FontminText, { ...fontConfig, ...props });
+        `,
+    },
+    vue: {
+        prefix: `${importerPrefix}vue/`,
+        generateModule: (fontVarString) => `
+          import { h } from 'vue';
+          import FontminText from '@fontmin-plugin/vue';
+          const fontConfig = ${fontVarString};
+          export default h(FontminText, { ...fontConfig });
+        `,
+    },
+};
+export async function handleImport(groupConfig, request, context) {
+    // 遍历frameworks配置，检查请求是否匹配任何一个前缀
+    for (const [_, config] of Object.entries(frameworksConfig)) {
+        if (request.startsWith(config.prefix)) {
+            // 从请求路径提取组名
+            const groupName = request.substring(config.prefix.length);
+            // 为该路径创建一个虚拟模块文件
+            // Use absolute path for virtual module
+            const relativeModulePath = `node_modules/${config.prefix}${groupName}.js`;
+            const absoluteModulePath = path.resolve(context, relativeModulePath);
+            if (!groupConfig[groupName]) {
+                throw new Error(`Font group ${groupName} not found`);
+            }
+            const curConfig = groupConfig[groupName];
+            const fontResult = await createFontStyle(curConfig);
+            const fontVarString = `{ fontClassName: "${fontResult.fontClassName}", fontBase64: "${fontResult.fontBase64}", fontText: "${curConfig.glyph}" }`;
+            const moduleContent = config.generateModule(fontVarString);
+            return {
+                moduleContent,
+                absoluteModulePath,
+            };
+        }
+    }
+    return {
+        moduleContent: undefined,
+        absoluteModulePath: undefined,
+    };
+}
+export const unpluginFactory = (options) => {
+    const groups = options?.groups || {};
+    const virtualModules = new Map();
+    return {
+        name: 'fontmin-plugin',
+        enforce: 'pre',
+        async resolveId(source, importer) {
+            const { moduleContent, absoluteModulePath } = await handleImport(groups, source, importer ? process.cwd() : '');
+            if (absoluteModulePath) {
+                virtualModules.set(source, moduleContent || '');
+                return source;
+            }
+            return null;
+        },
+        load(id) {
+            if (virtualModules.has(id)) {
+                return virtualModules.get(id);
+            }
+            return null;
+        },
+        loadInclude(id) {
+            return id.startsWith(importerPrefix);
+        },
+    };
+};
+export const unplugin = createUnplugin(unpluginFactory);
+export default unplugin;

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@fontmin-plugin/plugin",
+  "version": "0.1.0",
+  "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist"],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc"
+  },
+  "dependencies": {
+    "@fontmin-plugin/core": "workspace:*",
+    "unplugin": "^2.3.4"
+  },
+  "devDependencies": {
+    "@types/bun": "latest"
+  },
+  "peerDependencies": {
+    "typescript": "^5.0.0"
+  }
+}