From b254633abc9404c19a0be54f4f87c10d2f33b339 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 25 Jan 2025 17:12:09 +0900
Subject: [PATCH] =?UTF-8?q?enhance:=20tabler=E3=81=AECSS=E3=82=92=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E3=81=95=E3=82=8C=E3=81=A6=E3=81=84=E3=82=8B=E3=82=AF?=
 =?UTF-8?q?=E3=83=A9=E3=82=B9=E3=81=AE=E3=81=BF=E3=81=AB=E9=99=90=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend-embed/src/boot.ts       |  1 -
 packages/frontend/src/_boot_.ts           |  1 -
 packages/icons-subsetter/src/generator.ts | 15 +++++++++++----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/frontend-embed/src/boot.ts b/packages/frontend-embed/src/boot.ts
index 1624df9132..459b283e23 100644
--- a/packages/frontend-embed/src/boot.ts
+++ b/packages/frontend-embed/src/boot.ts
@@ -9,7 +9,6 @@ import 'vite/modulepreload-polyfill';
 if (import.meta.env.DEV) {
 	await import('@tabler/icons-webfont/dist/tabler-icons.scss');
 } else {
-	await import('icons-subsetter/built/tabler-icons-classes.css');
 	await import('icons-subsetter/built/tabler-icons-frontendEmbed.css');
 }
 
diff --git a/packages/frontend/src/_boot_.ts b/packages/frontend/src/_boot_.ts
index 1fd366f0c4..aaed4e702e 100644
--- a/packages/frontend/src/_boot_.ts
+++ b/packages/frontend/src/_boot_.ts
@@ -9,7 +9,6 @@ import 'vite/modulepreload-polyfill';
 if (import.meta.env.DEV) {
 	await import('@tabler/icons-webfont/dist/tabler-icons.scss');
 } else {
-	await import('icons-subsetter/built/tabler-icons-classes.css');
 	await import('icons-subsetter/built/tabler-icons-frontend.css');
 }
 
diff --git a/packages/icons-subsetter/src/generator.ts b/packages/icons-subsetter/src/generator.ts
index 035b6f42a9..e87df01d1d 100644
--- a/packages/icons-subsetter/src/generator.ts
+++ b/packages/icons-subsetter/src/generator.ts
@@ -27,9 +27,8 @@ async function main() {
 		rgMap.set(matches[1], matches[2]);
 	}
 
-	// 3. tabler-icons-classes.cssから、@font-faceを削除して書き出し
-	const cssWithoutFontFace = css.replace(/@font-face\s*{[^}]*}/g, '');
-	await fsp.writeFile('./built/tabler-icons-classes.css', cssWithoutFontFace);
+	// 3. tabler-icons-classes.cssから、.tiのルールを抽出
+	const classTiBaseRule = css.match(/\.ti\s*{[^}]*}/)![0];
 
 	// 4. フォールバック用のtabler-icons.woff2をコピー
 	const fontPath = 'node_modules/@tabler/icons-webfont/dist/fonts/';
@@ -110,9 +109,17 @@ async function main() {
 	src: url("./tabler-icons-${key}.woff2") format("woff2");
 	unicode-range: ${unicodeRangeString};
 }`);
+
+			cssRules.push(classTiBaseRule);
+
+			// 使用されているアイコンのclassとの対応を追記
+			for (const icon of unicodeRangeValues.get(key)!) {
+				const iconClass = Array.from(rgMap.entries()).find(([_, unicode]) => parseInt(unicode, 16) === icon)![0];
+				cssRules.push(`.${iconClass}::before { content: "\\${icon.toString(16)}"; }`);
+			}
 		}
 
-		await fsp.writeFile(`./built/tabler-icons-${key}.css`, cssRules.join('\n\n') + '\n');
+		await fsp.writeFile(`./built/tabler-icons-${key}.css`, cssRules.join('\n') + '\n');
 	}));
 
 	const end = performance.now();