feat:config options

Author: Austin1serb

next-app/app/page.tsx

@@ -30,6 +30,7 @@ const Home: React.FC = () => {
           return <Icon key={index + `${icon}`} className="h-20 w-20" />
         })}
         <CustomIcon name="google-ads" size={80} />
+        <CustomIcon name="ai" size={80} />
         <div className="flex-center border border-red-800">
           <AlarmClockCheck size={80} />
         </div>

next-app/public/custom-icons/ai.svg

@@ -8,8 +8,6 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "src/config.js",
-    "src/config.d.ts",
     "scripts",
     "!/scripts/gen-dist.js",
     "!/scripts/gen-wrappers.js",
@@ -41,4 +39,4 @@
     "@types/react": "^19.1.9",
     "typescript": "^5.0.0"
   }
-}
+}

svg-sprite/package.json

@@ -4,8 +4,7 @@ import path from "path";
 import { createRequire } from "module";
 import svgstore from "svgstore";
 import { ICONS } from "./used-icons.js";
-import { SPRITE_PATH } from "../src/config.js";
-import { CUSTOM_SVG_DIR } from "../src/config.js";
+import { SPRITE_PATH, CUSTOM_SVG_DIR } from "../dist/config.js";
 
 const require = createRequire(import.meta.url);
 

svg-sprite/scripts/build-sprite.js

@@ -5,7 +5,7 @@ import { fileURLToPath } from "url";
 import * as babel from "@babel/core";
 import traverseImport from "@babel/traverse";
 import * as t from "@babel/types";
-import { IMPORT_NAME, ROOT_DIR } from "../src/config.js";
+import { IMPORT_NAME, ROOT_DIR } from "../dist/config.js";
 
 // ESM __dirname shim
 const __dirname = path.dirname(fileURLToPath(import.meta.url));

svg-sprite/scripts/scan-icons.js

@@ -0,0 +1,32 @@
+import fs from "fs";
+import path from "path";
+import { createRequire } from "module";
+
+// Default config
+let 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)) {
+	try {
+		const require = createRequire(import.meta.url);
+		delete require.cache[userConfigPath]; // Clear cache for hot reloading
+		const userConfig = require(userConfigPath);
+		config = { ...config, ...userConfig };
+	} catch (e) {
+		// @ts-expect-error
+		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;