v0.1.2

Author: Austin1serb

icon-sprite/README.md

@@ -1,7 +1,7 @@
 {
-  "name": "@react-zero-ui/svg-sprite",
+  "name": "@react-zero-ui/icon-sprite",
   "description": "Lucide-React DX + zero-runtime SVG sprite for Next/Vite/ frontends",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

svg-sprite/package.json icon-sprite/package.jsonsvg-sprite/package.json renamed to icon-sprite/package.json

@@ -24,6 +24,10 @@ function toKebab(s) {
 const needed = new Set(ICONS.map(toKebab));
 const store = svgstore({
 	copyAttrs: ["viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "style", "size"],
+	svgAttrs: {
+		xmlns: "http://www.w3.org/2000/svg",
+		"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	},
 });
 const found = new Set();
 
@@ -44,6 +48,8 @@ if (fs.existsSync(customDir)) {
 		const id = file.slice(0, -4); // "my-icon"
 		const svg = fs.readFileSync(path.join(customDir, file), "utf8");
 		store.add(id, svg); // <symbol id="my-icon">…
+		// Mark custom icons as found so they don't appear as missing
+		found.add(id);
 		console.log(`🔧 Added custom icon: ${id}`);
 	}
 }

svg-sprite/scripts/build-sprite.js icon-sprite/scripts/build-sprite.jssvg-sprite/scripts/build-sprite.js renamed to icon-sprite/scripts/build-sprite.js

@@ -5,14 +5,14 @@ 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 "../dist/config.js";
+import { IMPORT_NAME, ROOT_DIR, IGNORE_ICONS } from "../dist/config.js";
 
 // ESM __dirname shim
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const ICONS = new Set();
 
-// 1️⃣ Find the consuming app’s root
-function findProjectRoot(dir = process.cwd()) {
+// 1️⃣ Find the consuming app's root
+export function findProjectRoot(dir = process.cwd()) {
 	let current = dir;
 	while (true) {
 		if (fs.existsSync(path.join(current, "package.json"))) return current;
@@ -59,7 +59,8 @@ function collect(dir) {
 						if (imported === "Icon") {
 							// generic Component: track for JSX
 							iconLocalNames.add(local);
-						} else {
+							// ignore CustomIcon imports
+						} else if (!IGNORE_ICONS.includes(imported)) {
 							// named icon import
 							ICONS.add(imported);
 						}

svg-sprite/scripts/gen-dist.js icon-sprite/scripts/gen-dist.jssvg-sprite/scripts/gen-dist.js renamed to icon-sprite/scripts/gen-dist.js

@@ -4,11 +4,12 @@ import path from "path";
 import { pathToFileURL } from "url";
 
 const DEFAULT_CONFIG = {
-	IMPORT_NAME: "@react-zero-ui/svg-sprite",
+	IMPORT_NAME: "@react-zero-ui/icon-sprite",
 	SPRITE_PATH: "/icons.svg",
-	ROOT_DIR: "app",
-	CUSTOM_SVG_DIR: "custom-icons",
+	ROOT_DIR: "",
+	CUSTOM_SVG_DIR: "zero-ui-icons",
 	OUTPUT_DIR: "public",
+	IGNORE_ICONS: ["CustomIcon"],
 };
 
 let userConfig = {};
@@ -31,3 +32,4 @@ 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;
+export const IGNORE_ICONS = merged.IGNORE_ICONS;