@number10/jsx-icon-generator 5.0.0

package/dist/vite-plugin-icons.js

@@ -0,0 +1,109 @@
+import { resolve } from "node:path";
+//#region src/vite-plugin-icons.ts
+/**
+* Vite plugin for automatic icon generation
+* Integrates icon generator into Vite's build pipeline
+*
+* Usage in vite.config.ts:
+*   import { iconGeneratorPlugin } from '@number10/jsx-icon-generator/vite-plugin-icons'
+*
+*   export default defineConfig({
+*     plugins: [
+*       iconGeneratorPlugin({
+*         configPath: './icon-generator.config.ts',
+*         watch: true, // Enable in dev mode
+*       })
+*     ]
+*   })
+*/
+/**
+* Import generation functions dynamically to avoid circular deps
+*/
+async function loadGeneratorFunctions() {
+	const module = await import("./generate-icons.js");
+	return {
+		loadConfig: module.loadConfig,
+		generateTypes: module.generateTypes,
+		generateLoaders: module.generateLoaders,
+		scanIconSources: module.scanIconSources
+	};
+}
+/**
+* Vite plugin for icon generation
+*/
+function iconGeneratorPlugin(options) {
+	let config;
+	let root;
+	let isDevMode = false;
+	return {
+		name: "vite-plugin-icon-generator",
+		async configResolved(resolvedConfig) {
+			root = resolvedConfig.root;
+			isDevMode = resolvedConfig.command === "serve";
+			try {
+				const { loadConfig } = await loadGeneratorFunctions();
+				config = await loadConfig(options.configPath, root);
+				if (options.typesOnly && config.loaders) config = {
+					...config,
+					loaders: {
+						...config.loaders,
+						enabled: false
+					}
+				};
+				if (options.loadersOnly && config.types) config = {
+					...config,
+					types: {
+						...config.types,
+						enabled: false
+					}
+				};
+			} catch (error) {
+				this.error(`Icon Generator Plugin: ${error}`);
+			}
+		},
+		async buildStart() {
+			if (!config) return;
+			const scanIconDirectory = config.types?.scanIconDirectory ?? options.scanIconDirectory ?? "watch";
+			const generateLoadersMode = config.loaders?.generateLoaders ?? options.generateLoaders ?? "watch";
+			const shouldGenerateTypes = scanIconDirectory !== "never" && config.types?.enabled;
+			const shouldGenerateLoaders = config.loaders?.enabled && (isDevMode ? generateLoadersMode === "start" : true);
+			if (!shouldGenerateTypes && !shouldGenerateLoaders) return;
+			console.log("🎨 [Icon Generator] Generating icons...");
+			try {
+				const { generateTypes, generateLoaders, scanIconSources } = await loadGeneratorFunctions();
+				let typesResult = shouldGenerateTypes ? await generateTypes(config, root) : null;
+				if (shouldGenerateLoaders) {
+					if (!typesResult && config.types?.enabled) typesResult = await scanIconSources(config, root);
+					await generateLoaders(config, root, typesResult || void 0);
+				}
+				console.log("✨ [Icon Generator] Done!");
+			} catch (error) {
+				this.error(`Icon Generator Plugin: ${error}`);
+			}
+		},
+		async handleHotUpdate({ file, server: _server }) {
+			if (!isDevMode || !config || options.watch === false) return;
+			const scanIconDirectory = config.types?.scanIconDirectory ?? options.scanIconDirectory ?? "watch";
+			const generateLoadersMode = config.loaders?.generateLoaders ?? options.generateLoaders ?? "watch";
+			const scanDirAbs = config.loaders?.enabled ? resolve(root, config.loaders.scanDir) : null;
+			const shouldRegenerateLoaders = generateLoadersMode === "watch" && config.loaders?.enabled && scanDirAbs && file.startsWith(scanDirAbs) && /\.(tsx?|jsx?)$/.test(file) && !file.endsWith(".generated.ts");
+			const sourceAbsPaths = (Array.isArray(config.source) ? config.source : [config.source]).filter((s) => s.directory).map((s) => resolve(root, s.directory));
+			const shouldRegenerateTypes = scanIconDirectory === "watch" && config.types?.enabled && file.endsWith(".svg") && sourceAbsPaths.some((path) => file.startsWith(path));
+			if (shouldRegenerateLoaders || shouldRegenerateTypes) {
+				console.log("🔄 [Icon Generator] File changed, regenerating...");
+				try {
+					const { generateTypes, generateLoaders, scanIconSources } = await loadGeneratorFunctions();
+					let typesResult = null;
+					if (shouldRegenerateTypes) typesResult = await generateTypes(config, root);
+					else if (shouldRegenerateLoaders && config.types?.enabled) if (scanIconDirectory === "watch") typesResult = await generateTypes(config, root);
+					else typesResult = await scanIconSources(config, root);
+					if (shouldRegenerateLoaders) await generateLoaders(config, root, typesResult || void 0);
+				} catch (error) {
+					this.error(`Icon Generator Plugin: ${error}`);
+				}
+			}
+		}
+	};
+}
+//#endregion
+export { iconGeneratorPlugin };

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@number10/jsx-icon-generator",
+  "version": "5.0.0",
+  "type": "module",
+  "description": "CLI tooling and Vite plugin for generating type-safe icon types and loaders from icon libraries",
+  "author": "Michael Rieck (Michael--) <mr@number10.de>",
+  "license": "GPL-3.0-only",
+  "bin": {
+    "generate-icons": "./dist/generate-icons.js",
+    "generate-icon-types": "./dist/generate-icon-types.js",
+    "generate-icon-loaders": "./dist/generate-icon-loaders.js"
+  },
+  "exports": {
+    "./icon-generator-config": {
+      "types": "./dist/icon-generator-config.d.ts",
+      "import": "./dist/icon-generator-config.js"
+    },
+    "./vite-plugin-icons": {
+      "types": "./dist/vite-plugin-icons.d.ts",
+      "import": "./dist/vite-plugin-icons.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Michael--/phaserjsx",
+    "directory": "packages/icon-generator"
+  },
+  "homepage": "https://phaserjsx.number10.de/",
+  "bugs": {
+    "url": "https://github.com/Michael--/phaserjsx/issues"
+  },
+  "dependencies": {
+    "tsx": "^4.22.3"
+  },
+  "devDependencies": {
+    "@types/node": "^25.9.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.13"
+  },
+  "keywords": [
+    "icon-generator",
+    "icon",
+    "icons",
+    "svg",
+    "svg-icons",
+    "typescript",
+    "type-generation",
+    "code-generation",
+    "vite-plugin",
+    "vite",
+    "cli",
+    "tree-shaking",
+    "dynamic-import",
+    "bootstrap-icons",
+    "game-development",
+    "game-ui"
+  ],
+  "scripts": {
+    "build": "vite build && pnpm build:types",
+    "build:types": "tsc --project tsconfig.types.json",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "typecheck": "tsc --noEmit"
+  }
+}