youxi-app/.cool/scripts/icon.js

const fs = require("fs");
const path = require("path");
const AdmZip = require("adm-zip");

// 清理所有临时文件
function cleanupTempDir() {
	const tempDir = path.join(".cool", "temp");
	if (fs.existsSync(tempDir)) {
		try {
			fs.rmSync(tempDir, { recursive: true, force: true });
		} catch (error) {
			console.warn(`❌ 清理临时目录失败: ${tempDir}`, error);
		}
	}
}

// 确保临时目录存在
function ensureTempDir() {
	const tempDir = path.join(".cool", "temp");
	if (!fs.existsSync(tempDir)) {
		fs.mkdirSync(tempDir, { recursive: true });
	}
}

// 创建icons目录和子目录
function ensureDistDir(folderName = "") {
	const iconsPath = folderName ? path.join("icons", folderName) : "icons";
	if (!fs.existsSync(iconsPath)) {
		fs.mkdirSync(iconsPath, { recursive: true });
	}
}

// 读取zip文件列表
function getZipFiles() {
	const iconsDir = path.join(".cool", "icons");
	if (!fs.existsSync(iconsDir)) {
		console.error(`❌ 目录不存在: ${iconsDir}`);
		return [];
	}

	return fs.readdirSync(iconsDir).filter((item) => {
		const filePath = path.join(iconsDir, item);
		const stats = fs.statSync(filePath);
		return stats.isFile() && item.endsWith(".zip");
	});
}

// 解压zip文件到临时目录
function extractZipFile(zipPath, folderName) {
	try {
		const zip = new AdmZip(zipPath);
		const tempDir = path.join(".cool", "temp", folderName);

		// 确保临时目录存在
		if (!fs.existsSync(tempDir)) {
			fs.mkdirSync(tempDir, { recursive: true });
		}

		// 解压到临时目录
		zip.extractAllTo(tempDir, true);

		// 检查是否有额外的顶层文件夹
		const extractedItems = fs.readdirSync(tempDir);

		// 如果只有一个项目且是文件夹，则可能是额外的包装文件夹
		if (extractedItems.length === 1) {
			const singleItem = extractedItems[0];
			const singleItemPath = path.join(tempDir, singleItem);
			const stats = fs.statSync(singleItemPath);

			if (stats.isDirectory()) {
				// 检查这个文件夹是否包含我们需要的文件
				const innerItems = fs.readdirSync(singleItemPath);
				const hasIconFiles = innerItems.some(
					(item) =>
						item.endsWith(".ttf") || item.endsWith(".json") || item.endsWith(".css")
				);

				if (hasIconFiles) {
					return singleItemPath;
				}
			}
		}

		return tempDir;
	} catch (error) {
		console.error(`❌ 解压失败: ${zipPath}`, error);
		return null;
	}
}

// 将TTF文件转换为base64
function ttfToBase64(ttfPath) {
	try {
		const ttfBuffer = fs.readFileSync(ttfPath);
		return ttfBuffer.toString("base64");
	} catch (error) {
		console.error(`❌ 读取TTF文件失败: ${ttfPath}`, error);
		return null;
	}
}

// 生成TypeScript文件
function generateTypeScript(folderName, iconData) {
	const tsContent = `export const ${folderName} = {\n${iconData
		.map((item) => `\t"${item.name}": "${item.unicode}"`)
		.join(",\n")}\n};\n`;

	const outputPath = path.join("icons", folderName, "index.ts");
	fs.writeFileSync(outputPath, tsContent);
}

// 生成SCSS文件
function generateSCSS(folderName, base64Data) {
	const scssContent = `@font-face {\n\tfont-family: "${folderName}";\n\tsrc: url("data:font/ttf;base64,${base64Data}") format("woff");\n}\n`;

	const outputPath = path.join("icons", folderName, "index.scss");
	fs.writeFileSync(outputPath, scssContent);
}

// 从CSS文件提取图标数据（用于remixicon等）
function extractIconsFromCSS(cssPath) {
	try {
		const cssContent = fs.readFileSync(cssPath, "utf8");
		const iconData = [];

		// 匹配CSS中的图标规则，例如：.ri-home-line:before { content: "\ee2b"; }
		const regex = /\.ri-([^:]+):before\s*{\s*content:\s*"\\([^"]+)"/g;
		let match;

		while ((match = regex.exec(cssContent)) !== null) {
			const iconName = match[1];
			const unicode = match[2];

			iconData.push({
				name: iconName,
				unicode: unicode
			});
		}

		return iconData;
	} catch (error) {
		console.error(`❌ 读取CSS文件失败: ${cssPath}`, error);
		return [];
	}
}

// 读取和处理图标数据
function processIconData(jsonPath) {
	try {
		const jsonData = JSON.parse(fs.readFileSync(jsonPath, "utf8"));
		return jsonData.glyphs.map((item) => ({
			name: item.font_class,
			unicode: item.unicode
		}));
	} catch (error) {
		console.error(`❌ 读取JSON文件失败: ${jsonPath}`, error);
		return [];
	}
}

// 处理单个zip文件
function processZipFile(zipFileName) {
	const folderName = path.basename(zipFileName, ".zip");
	const zipPath = path.join(".cool", "icons", zipFileName);

	// 解压zip文件
	const tempDir = extractZipFile(zipPath, folderName);
	if (!tempDir) {
		return null;
	}

	// 图标库名称
	const ptName = ["iconfont", "remixicon"];

	// 获取文件路径
	const getFilePath = (ext) => {
		let filePath = null;
		for (const name of ptName) {
			const tempPath = path.join(tempDir, `${name}.${ext}`);
			if (fs.existsSync(tempPath)) {
				filePath = tempPath;
				break;
			}
		}
		return filePath;
	};

	// 在解压后的目录中查找文件
	const jsonPath = getFilePath("json");
	const cssPath = getFilePath("css");
	const ttfPath = getFilePath("ttf");

	if (!ttfPath) {
		console.warn(`⚠️跳过 ${folderName}: 缺少 TTF 文件`);
		return null;
	}

	let iconData = [];

	// 优先使用JSON文件
	if (jsonPath) {
		iconData = processIconData(jsonPath);
	}
	// 如果没有则尝试CSS文件
	else if (cssPath) {
		iconData = extractIconsFromCSS(cssPath);
	} else {
		console.warn(`⚠️ 跳过 ${folderName}: 缺少 ${jsonPath} 或 ${cssPath}`);
		return null;
	}

	if (iconData.length === 0) {
		console.warn(`⚠️ ${folderName}: 没有找到图标数据`);
		return null;
	}

	console.log(`✅ ${zipFileName} 找到 ${iconData.length} 个图标`);

	// 转换TTF为base64
	const base64Data = ttfToBase64(ttfPath);
	if (!base64Data) {
		console.error(`❌ ${folderName}: TTF转换失败`);
		return null;
	}

	// 为该文件夹创建icons子目录
	ensureDistDir(folderName);

	// 生成TypeScript文件
	generateTypeScript(folderName, iconData);

	// 生成SCSS文件
	generateSCSS(folderName, base64Data);

	return folderName;
}

// 生成主index.ts文件
function generateIndexTS(processedFolders) {
	const imports = processedFolders
		.map((folder) => `import { ${folder} } from "./${folder}";`)
		.join("\n");

	const exports = `export const icons = {\n${processedFolders
		.map((folder) => `\t${folder}`)
		.join(",\n")}\n};\n`;

	const content = `${imports}\n\n${exports}`;
	fs.writeFileSync("icons/index.ts", content);
}

// 生成主index.scss文件
function generateIndexSCSS(processedFolders) {
	const imports = processedFolders
		.map((folder) => `@import "./${folder}/index.scss";`)
		.join("\n");

	fs.writeFileSync("icons/index.scss", imports + "\n");
}

// 扫描icons目录下的实际文件夹
function getActualIconFolders() {
	const iconsDir = "icons";
	if (!fs.existsSync(iconsDir)) {
		return [];
	}

	return fs.readdirSync(iconsDir).filter((item) => {
		const itemPath = path.join(iconsDir, item);
		const stats = fs.statSync(itemPath);
		return stats.isDirectory();
	});
}

// 主函数
function main() {
	console.log("🚀 开始处理字体文件...\n");

	// 确保临时目录存在
	ensureTempDir();

	// 确保icons目录存在
	ensureDistDir();

	try {
		// 获取所有zip文件
		const zipFiles = getZipFiles();

		// 处理每个zip文件
		const processedFolders = [];
		for (const zipFile of zipFiles) {
			const result = processZipFile(zipFile);
			if (result) {
				processedFolders.push(result);
			}
		}

		// 扫描icons目录下的实际文件夹
		const actualFolders = getActualIconFolders();

		if (actualFolders.length > 0) {
			// 生成主index文件
			generateIndexTS(actualFolders);
			generateIndexSCSS(actualFolders);
		}

		if (processedFolders.length > 0) {
			console.log(
				`\n🎉 成功处理了 ${processedFolders.length} 个字体包: ${processedFolders.join(", ")}`
			);
		}
	} catch (error) {
		console.error("❌ 脚本执行出错:", error);
	} finally {
		cleanupTempDir();
	}
}

// 运行脚本
if (require.main === module) {
	main();
}