feat: add user config file + update npx script

Author: Austin1serb

.gitignore

@@ -2,7 +2,7 @@
 node_modules/
 /lucide-static
 /lucide-react
-
+/dist
 # package-lock.json
 package-lock.json
 

svg-sprite/README.md

@@ -11,7 +11,29 @@ npm run build
 
 ## Structure
 
-- `scripts/` - Build scripts for generating sprites and wrappers
-- `src/lib/` - Core library code
-- `src/icons/` - Auto-generated React wrapper components
-- `dist/` - Compiled output
+```
+📂 svg-sprite/
+│── 📂 dist
+│   └── 📂 icons
+│   │   |── Icon.js
+│   │   |── Icon.d.ts
+│   │   └── ** 1600 more icons **
+│   │── config.js
+│   │── config.d.ts
+│   │── index.d.ts
+│   └── index.js
+│── 📂 scripts
+│   │── build-sprite.js
+│   │── gen-dist.js
+│   │── gen-wrappers.js
+│   │── index.js
+│   │── scan-icons.js
+│   └── used-icons.js
+│── 📂 src
+│   │── 📂 icons
+│   │   │── Icon.jsx
+│   │   └── ** 1600 more icons **
+│   └── config.ts
+│── README.md
+│── package.json
+└── tsconfig.json```

svg-sprite/package.json

@@ -19,7 +19,7 @@
     "type-check": "tsc --noEmit | tee type-errors.log"
   },
   "bin": {
-    "svg-sprite-gen": "scripts/index.js"
+    "zero-svg": "scripts/index.js"
   },
   "peerDependencies": {
     "react": ">=17"

svg-sprite/src/config.ts

@@ -1,32 +1,33 @@
+// src/config.ts
 import fs from "fs";
 import path from "path";
-import { createRequire } from "module";
+import { pathToFileURL } from "url";
 
-// Default config
-let config = {
+const DEFAULT_CONFIG = {
 	IMPORT_NAME: "@react-zero-ui/svg-sprite",
 	SPRITE_PATH: "/icons.svg",
 	ROOT_DIR: "app",
 	CUSTOM_SVG_DIR: "custom-icons",
 	OUTPUT_DIR: "public",
 };
 
-// Check for user config (synchronously)
-const userConfigPath = path.resolve(process.cwd(), "zero-ui.config.js");
-if (fs.existsSync(userConfigPath)) {
+let userConfig = {};
+const configFile = path.resolve(process.cwd(), "zero-ui.config.js");
+
+if (fs.existsSync(configFile)) {
 	try {
-		const require = createRequire(import.meta.url);
-		delete require.cache[userConfigPath]; // Clear cache for hot reloading
-		const userConfig = require(userConfigPath);
-		config = { ...config, ...userConfig };
+		const mod = await import(pathToFileURL(configFile).href);
+		userConfig = mod.default ?? mod;
 	} catch (e) {
 		// @ts-expect-error
-		console.warn("⚠️  Failed to load zero-ui.config.js:", e.message);
+		console.warn("⚠️ Failed to load zero-ui.config.js:", e.message);
 	}
 }
 
-export const IMPORT_NAME = config.IMPORT_NAME;
-export const SPRITE_PATH = config.SPRITE_PATH;
-export const ROOT_DIR = config.ROOT_DIR;
-export const CUSTOM_SVG_DIR = config.CUSTOM_SVG_DIR;
-export const OUTPUT_DIR = config.OUTPUT_DIR;
+const merged = { ...DEFAULT_CONFIG, ...userConfig };
+
+export const IMPORT_NAME = merged.IMPORT_NAME;
+export const SPRITE_PATH = merged.SPRITE_PATH;
+export const ROOT_DIR = merged.ROOT_DIR;
+export const CUSTOM_SVG_DIR = merged.CUSTOM_SVG_DIR;
+export const OUTPUT_DIR = merged.OUTPUT_DIR;