react-icons-sprite 0.9.1 → 1.0.0-rc.1

package/dist/build-sprite-BZCizCDt.mjs

@@ -0,0 +1,73 @@
+import { r as resolveIconImport, t as computeIconId } from "./compute-icon-id-DKiwIqyH.mjs";
+import { createElement } from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+//#region src/sprite/render-icon.ts
+const SVG_INNER_RE = /<svg\b[^>]*>([\s\S]*?)<\/svg>/i;
+const VIEWBOX_RE = /viewBox=["']([^"']+)["']/i;
+const SVG_OPEN_RE = /<svg\b([^>]*)>/i;
+const SVG_ATTR_RE = /([:\w-]+)=("[^"]*"|'[^']*')/g;
+const OMITTED_SVG_ATTRIBUTES = new Set([
+	"xmlns",
+	"viewBox",
+	"width",
+	"height"
+]);
+const extractSymbolAttributes = (svgMarkup) => {
+	const openingAttributes = SVG_OPEN_RE.exec(svgMarkup)?.[1];
+	if (!openingAttributes) return "";
+	const attributes = [];
+	for (const [, name, value] of openingAttributes.matchAll(SVG_ATTR_RE)) {
+		if (OMITTED_SVG_ATTRIBUTES.has(name)) continue;
+		attributes.push(`${name}=${value}`);
+	}
+	return attributes.join(" ");
+};
+const pickExport = (moduleExports, exportName) => {
+	if (exportName === "default") return moduleExports.default;
+	return moduleExports[exportName] ?? moduleExports.default;
+};
+const isRenderableComponent = (value) => {
+	if (typeof value === "function") return true;
+	if (!value || typeof value !== "object") return false;
+	return "$$typeof" in value;
+};
+const isFontAwesomeIconDefinition = (value) => {
+	if (!value || typeof value !== "object") return false;
+	const icon = value.icon;
+	if (!Array.isArray(icon) || icon.length < 5) return false;
+	return typeof icon[0] === "number" && typeof icon[1] === "number";
+};
+const renderFontAwesomeIconDefinition = (iconDefinition) => {
+	const [width, height, , , svgPathData] = iconDefinition.icon;
+	return {
+		symbolBody: (Array.isArray(svgPathData) ? svgPathData : [svgPathData]).map((d) => `<path d="${d}"/>`).join(""),
+		viewBox: `0 0 ${width} ${height}`,
+		symbolAttributes: ""
+	};
+};
+const renderIcon = async (pack, exportName) => {
+	const iconComponent = pickExport(await import(resolveIconImport(pack, exportName)), exportName);
+	if (isFontAwesomeIconDefinition(iconComponent)) return renderFontAwesomeIconDefinition(iconComponent);
+	if (!isRenderableComponent(iconComponent)) throw new Error(`[react-icons-sprite] Unable to render icon "${exportName}" from "${pack}". Expected a React component export.`);
+	const svgMarkup = renderToStaticMarkup(createElement(iconComponent));
+	const svgInner = SVG_INNER_RE.exec(svgMarkup)?.[1];
+	if (!svgInner) throw new Error(`[react-icons-sprite] Unable to extract SVG content for "${exportName}" from "${pack}".`);
+	return {
+		symbolBody: svgInner,
+		viewBox: VIEWBOX_RE.exec(svgMarkup)?.[1] ?? "0 0 24 24",
+		symbolAttributes: extractSymbolAttributes(svgMarkup)
+	};
+};
+//#endregion
+//#region src/sprite/build-sprite.ts
+const buildSprite = async (icons) => {
+	if (!icons.length) return "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"display:none\"></svg>";
+	return `<svg xmlns="http://www.w3.org/2000/svg" style="display:none">${(await Promise.all(icons.map(async ({ pack, exportName }) => {
+		const rendered = await renderIcon(pack, exportName);
+		const id = computeIconId(pack, exportName);
+		const symbolAttributes = rendered.symbolAttributes ? ` ${rendered.symbolAttributes}` : "";
+		return `<symbol id="${id}" viewBox="${rendered.viewBox}"${symbolAttributes}>${rendered.symbolBody}</symbol>`;
+	}))).join("")}</svg>`;
+};
+//#endregion
+export { buildSprite as t };

package/dist/{collector-BvJbH8Da.mjs → collector-wdoob7qt.mjs}

@@ -1,4 +1,4 @@
-import { r as createCollector } from "./core-B0kAb7AT.mjs";
+import { i as createCollector } from "./compute-icon-id-DKiwIqyH.mjs";
 //#region src/collector.ts
 const collector = createCollector();
 //#endregion

package/dist/compute-icon-id-DKiwIqyH.mjs

@@ -0,0 +1,73 @@
+//#region src/collector/create-collector.ts
+const createCollector = () => {
+	const collected = /* @__PURE__ */ new Set();
+	return {
+		add(pack, exportName) {
+			collected.add(`${pack}:${exportName}`);
+		},
+		toList() {
+			return [...collected].map((key) => {
+				const [pack, exportName] = key.split(":");
+				return {
+					pack,
+					exportName
+				};
+			});
+		},
+		clear() {
+			collected.clear();
+		}
+	};
+};
+//#endregion
+//#region src/utils/kebab-case.ts
+const kebabCase = (value) => {
+	return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[^a-z0-9]+/gi, "-").replace(/-{2,}/g, "-").replace(/^-|-$/g, "").toLowerCase();
+};
+//#endregion
+//#region src/packs/icon-resolvers.ts
+const DEFAULT_ICON_SOURCES = [
+	/^react-icons\/[\w-]+$/,
+	/^@fortawesome\/[\w-]+-svg-icons$/,
+	/^lucide-react$/,
+	/^@heroicons\/react(?:\/.*)?$/,
+	/^@tabler\/icons-react$/,
+	/^@radix-ui\/react-icons$/,
+	/^phosphor-react$/,
+	/^@phosphor-icons\/react$/,
+	/^react-feather$/,
+	/^react-bootstrap-icons$/,
+	/^grommet-icons$/,
+	/^@remixicon\/react$/,
+	/^devicons-react$/,
+	/^@mui\/icons-material(?:\/.*)?$/,
+	/^@carbon\/icons-react$/
+];
+const exactResolvers = {
+	"lucide-react": (pack, name) => `${pack}/dist/esm/icons/${kebabCase(name)}.js`,
+	"@radix-ui/react-icons": (pack, name) => `${pack}/${name}`,
+	"@tabler/icons-react": (pack, name) => `${pack}/dist/esm/icons/${name}.mjs`,
+	"@phosphor-icons/react": (pack, name) => `${pack}/dist/ssr/${name}.es.js`,
+	"phosphor-react": (pack, name) => `${pack}/dist/icons/${name}.esm.js`,
+	"react-feather": (pack, name) => `${pack}/dist/icons/${kebabCase(name)}`,
+	"react-bootstrap-icons": (pack, name) => `${pack}/dist/icons/${kebabCase(name)}`,
+	"@carbon/icons-react": (pack, name) => `${pack}/lib/${name}.js`
+};
+const resolveIconImport = (pack, exportName) => {
+	const exactResolver = exactResolvers[pack];
+	if (exactResolver) return exactResolver(pack, exportName);
+	if (/^@mui\/icons-material(?:\/.*)?$/.test(pack)) return pack.split("/").length > 2 ? pack : `${pack}/${exportName}`;
+	if (/^@heroicons\/react\/(?:\d{2})\/(?:outline|solid)$/.test(pack)) return `${pack}/${exportName}`;
+	if (/^@fortawesome\/[\w-]+-svg-icons$/.test(pack)) return `${pack}/${exportName}`;
+	return pack;
+};
+//#endregion
+//#region src/utils/compute-icon-id.ts
+const normalizePackAlias = (pack) => {
+	return kebabCase(pack.replace(/^@/, ""));
+};
+const computeIconId = (pack, iconName) => {
+	return `ri-${normalizePackAlias(pack)}-${iconName}`;
+};
+//#endregion
+export { createCollector as i, DEFAULT_ICON_SOURCES as n, resolveIconImport as r, computeIconId as t };

package/dist/transform-module-Dn8lfegG.mjs

@@ -0,0 +1,410 @@
+import { n as DEFAULT_ICON_SOURCES, t as computeIconId } from "./compute-icon-id-DKiwIqyH.mjs";
+import MagicString from "magic-string";
+//#region src/transform/edit-applier.ts
+const applyEdits = (code, edits) => {
+	const magicString = new MagicString(code);
+	for (const edit of edits) {
+		if (edit.type === "replace") magicString.overwrite(edit.from, edit.to, edit.value);
+		if (edit.type === "insert") magicString.appendLeft(edit.pos, edit.value);
+		if (edit.type === "remove") magicString.remove(edit.from, edit.to);
+	}
+	return magicString;
+};
+//#endregion
+//#region src/transform/edit-builder.ts
+const buildEdits = (usages, componentName, usedSymbols, register) => {
+	const edits = [];
+	const iconIdCache = /* @__PURE__ */ new Map();
+	for (const usage of usages) {
+		edits.push({
+			type: "replace",
+			from: usage.range[0],
+			to: usage.range[1],
+			value: componentName
+		});
+		if (usage.kind === "opening") {
+			if (!usage.hasIconId) {
+				const key = `${usage.pack}:${usage.exportName}`;
+				let iconId = iconIdCache.get(key);
+				if (!iconId) {
+					iconId = computeIconId(usage.pack, usage.exportName);
+					iconIdCache.set(key, iconId);
+				}
+				edits.push({
+					type: "insert",
+					pos: usage.range[1],
+					value: ` iconId="${iconId}"`
+				});
+			}
+			usedSymbols.add(usage.local);
+			register(usage.pack, usage.exportName);
+		}
+	}
+	return edits;
+};
+//#endregion
+//#region src/transform/fast-filter.ts
+const fastFilter = (code) => {
+	if (!code.includes("<")) return false;
+	if (!code.includes("import")) return false;
+	return true;
+};
+//#endregion
+//#region src/transform/transform-module.ts
+const ICON_SOURCE = "react-icons-sprite";
+const ICON_COMPONENT_NAME = "ReactIconsSpriteIcon";
+const FONTAWESOME_REACT_PACK = "@fortawesome/react-fontawesome";
+const isFontAwesomeIconPack = (pack) => {
+	return /^@fortawesome\/[\w-]+-svg-icons$/.test(pack);
+};
+const sourceMatches = (source, pack) => {
+	source.lastIndex = 0;
+	return source.test(pack);
+};
+const IMPORT_RE = /import\s+([^;]+?)\s+from\s+(['"])([^'"]+)\2\s*;?/g;
+const trimRange = (value, offset) => {
+	let start = 0;
+	let end = value.length;
+	while (start < end && /\s/.test(value[start])) start += 1;
+	while (end > start && /\s/.test(value[end - 1])) end -= 1;
+	return start === end ? null : [offset + start, offset + end];
+};
+const parseNamedSpecifiers = (specifier, specifierOffset, imports) => {
+	const start = specifier.indexOf("{");
+	const end = specifier.lastIndexOf("}");
+	if (start === -1 || end === -1 || end <= start) return;
+	let segmentStart = start + 1;
+	for (let index = start + 1; index <= end; index += 1) {
+		if (index !== end && specifier[index] !== ",") continue;
+		const range = trimRange(specifier.slice(segmentStart, index), specifierOffset + segmentStart);
+		segmentStart = index + 1;
+		if (!range) continue;
+		const text = specifier.slice(range[0] - specifierOffset, range[1] - specifierOffset);
+		if (text.startsWith("type ")) continue;
+		const aliasMatch = /^(.*?)\s+as\s+([A-Za-z_$][\w$]*)$/.exec(text);
+		const exportName = aliasMatch ? aliasMatch[1].trim() : text.trim();
+		const local = aliasMatch ? aliasMatch[2] : exportName;
+		if (exportName && local) imports.push({
+			local,
+			exportName,
+			range
+		});
+	}
+};
+const countImportSpecifiers = (specifier) => {
+	let count = 0;
+	const braceStart = specifier.indexOf("{");
+	if ((braceStart === -1 ? specifier : specifier.slice(0, braceStart)).replace(/,$/, "").trim()) count += 1;
+	const braceEnd = specifier.lastIndexOf("}");
+	if (braceStart !== -1 && braceEnd > braceStart) {
+		const named = specifier.slice(braceStart + 1, braceEnd);
+		for (const segment of named.split(",")) if (segment.trim()) count += 1;
+	}
+	return count;
+};
+const scanImportsDetailed = (code, sources) => {
+	const imports = [];
+	IMPORT_RE.lastIndex = 0;
+	for (const match of code.matchAll(IMPORT_RE)) {
+		const [statement, specifier, , pack] = match;
+		if (!sources.some((source) => sourceMatches(source, pack))) continue;
+		if (specifier.trim().startsWith("type ")) continue;
+		const matchStart = match.index;
+		const specifierOffset = matchStart + statement.indexOf(specifier);
+		const specifiers = [];
+		const braceStart = specifier.indexOf("{");
+		const defaultRange = trimRange((braceStart === -1 ? specifier : specifier.slice(0, braceStart)).replace(/,$/, ""), specifierOffset);
+		if (defaultRange && !specifier.slice(defaultRange[0] - specifierOffset, defaultRange[1] - specifierOffset).startsWith("type ")) {
+			const local = specifier.slice(defaultRange[0] - specifierOffset, defaultRange[1] - specifierOffset);
+			if (local && /^[A-Za-z_$][\w$]*$/.test(local)) specifiers.push({
+				local,
+				exportName: "default",
+				range: defaultRange
+			});
+		}
+		parseNamedSpecifiers(specifier, specifierOffset, specifiers);
+		if (specifiers.length) imports.push({
+			pack,
+			declarationRange: [matchStart, matchStart + statement.length],
+			specifiers,
+			specifierCount: countImportSpecifiers(specifier)
+		});
+	}
+	return imports;
+};
+const buildScannedSymbolTable = (imports) => {
+	const table = /* @__PURE__ */ new Map();
+	for (const item of imports) for (const specifier of item.specifiers) table.set(specifier.local, {
+		pack: item.pack,
+		exportName: specifier.exportName
+	});
+	return table;
+};
+const scanSpriteIconImport = (code) => {
+	IMPORT_RE.lastIndex = 0;
+	for (const match of code.matchAll(IMPORT_RE)) {
+		const [, specifier, , source] = match;
+		if (source !== "react-icons-sprite") continue;
+		const specifiers = [];
+		parseNamedSpecifiers(specifier, match.index + match[0].indexOf(specifier), specifiers);
+		for (const item of specifiers) if (item.exportName === "ReactIconsSpriteIcon") return {
+			hasImport: true,
+			localName: item.local
+		};
+	}
+	return {
+		hasImport: false,
+		localName: ICON_COMPONENT_NAME
+	};
+};
+const escapeRegExp = (value) => {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+const scanJsxIconUsages = (code, symbols) => {
+	if (!symbols.size) return [];
+	const names = [...symbols.keys()].map(escapeRegExp).join("|");
+	const tagRe = new RegExp(`<\\s*(/?)\\s*(${names})\\b`, "g");
+	const usages = [];
+	for (const match of code.matchAll(tagRe)) {
+		const [, closing, local] = match;
+		const symbol = symbols.get(local);
+		if (!symbol) continue;
+		const localStart = match.index + match[0].lastIndexOf(local);
+		const kind = closing ? "closing" : "opening";
+		let hasIconId = false;
+		if (!closing) {
+			const tagEnd = findJsxOpeningTagEnd(code, localStart + local.length);
+			hasIconId = tagEnd !== -1 && /\biconId\s*=/.test(code.slice(localStart + local.length, tagEnd));
+		}
+		usages.push({
+			local,
+			range: [localStart, localStart + local.length],
+			pack: symbol.pack,
+			exportName: symbol.exportName,
+			kind,
+			hasIconId
+		});
+	}
+	return usages;
+};
+const findJsxOpeningTagEnd = (code, start) => {
+	let quote = null;
+	let braceDepth = 0;
+	for (let index = start; index < code.length; index += 1) {
+		const char = code[index];
+		if (quote) {
+			if (char === quote && code[index - 1] !== "\\") quote = null;
+			continue;
+		}
+		if (char === "\"" || char === "'" || char === "`") {
+			quote = char;
+			continue;
+		}
+		if (char === "{") {
+			braceDepth += 1;
+			continue;
+		}
+		if (char === "}") {
+			braceDepth -= 1;
+			continue;
+		}
+		if (char === ">" && braceDepth === 0) return index;
+	}
+	return -1;
+};
+const scanFontAwesomeComponents = (code) => {
+	const locals = /* @__PURE__ */ new Set();
+	IMPORT_RE.lastIndex = 0;
+	for (const match of code.matchAll(IMPORT_RE)) {
+		const [, specifier, , source] = match;
+		if (source !== FONTAWESOME_REACT_PACK) continue;
+		const specifiers = [];
+		parseNamedSpecifiers(specifier, match.index + match[0].indexOf(specifier), specifiers);
+		for (const item of specifiers) if (item.exportName === "FontAwesomeIcon") locals.add(item.local);
+	}
+	return locals;
+};
+const scanFontAwesomeUsages = (code, symbols, componentLocals) => {
+	if (!componentLocals.size) return [];
+	const names = [...componentLocals].map(escapeRegExp).join("|");
+	const tagRe = new RegExp(`<\\s*(${names})\\b`, "g");
+	const usages = [];
+	for (const match of code.matchAll(tagRe)) {
+		const componentLocal = match[1];
+		const componentStart = match.index + match[0].lastIndexOf(componentLocal);
+		const tagEnd = findJsxOpeningTagEnd(code, componentStart + componentLocal.length);
+		if (tagEnd === -1) continue;
+		const attributes = code.slice(componentStart + componentLocal.length, tagEnd);
+		const iconMatch = /\sicon\s*=\s*\{\s*([A-Za-z_$][\w$]*)\s*\}/.exec(attributes);
+		if (!iconMatch || iconMatch.index === void 0) continue;
+		const symbol = symbols.get(iconMatch[1]);
+		if (!symbol || !isFontAwesomeIconPack(symbol.pack)) continue;
+		const attributeStart = componentStart + componentLocal.length + iconMatch.index;
+		usages.push({
+			componentLocal,
+			componentRange: [componentStart, componentStart + componentLocal.length],
+			iconAttributeRange: [attributeStart, attributeStart + iconMatch[0].length],
+			hasIconId: /\biconId\s*=/.test(attributes),
+			iconLocal: iconMatch[1],
+			pack: symbol.pack,
+			exportName: symbol.exportName
+		});
+	}
+	return usages;
+};
+const cleanupScannedImports = (code, imports, usedLocals) => {
+	const edits = [];
+	for (const item of imports) {
+		const usedSpecifiers = item.specifiers.filter((specifier) => usedLocals.has(specifier.local));
+		if (!usedSpecifiers.length) continue;
+		if (usedSpecifiers.length === item.specifiers.length && item.specifierCount === item.specifiers.length) {
+			edits.push({
+				type: "remove",
+				from: item.declarationRange[0],
+				to: extendToLineEnd(code, item.declarationRange[1])
+			});
+			continue;
+		}
+		for (const specifier of usedSpecifiers) {
+			const [from, to] = specifierRemovalRange(code, specifier.range);
+			edits.push({
+				type: "remove",
+				from,
+				to
+			});
+		}
+	}
+	return edits;
+};
+const cleanupScannedFontAwesomeComponentImports = (code, usedLocals) => {
+	const edits = [];
+	IMPORT_RE.lastIndex = 0;
+	for (const match of code.matchAll(IMPORT_RE)) {
+		const [statement, specifier, , source] = match;
+		if (source !== FONTAWESOME_REACT_PACK) continue;
+		const specifiers = [];
+		parseNamedSpecifiers(specifier, match.index + statement.indexOf(specifier), specifiers);
+		const removableSpecifiers = specifiers.filter((item) => item.exportName === "FontAwesomeIcon" && usedLocals.has(item.local));
+		if (!removableSpecifiers.length) continue;
+		if (removableSpecifiers.length === specifiers.length) {
+			edits.push({
+				type: "remove",
+				from: match.index,
+				to: extendToLineEnd(code, match.index + statement.length)
+			});
+			continue;
+		}
+		for (const specifier of removableSpecifiers) {
+			const [from, to] = specifierRemovalRange(code, specifier.range);
+			edits.push({
+				type: "remove",
+				from,
+				to
+			});
+		}
+	}
+	return edits;
+};
+const extendToLineEnd = (code, end) => {
+	let to = end;
+	while (to < code.length && /[ \t]/.test(code[to])) to += 1;
+	if (code[to] === "\r" && code[to + 1] === "\n") return to + 2;
+	if (code[to] === "\n") return to + 1;
+	return to;
+};
+const specifierRemovalRange = (code, [start, end]) => {
+	let from = start;
+	let to = end;
+	let before = start - 1;
+	while (before >= 0 && /\s/.test(code[before])) before -= 1;
+	if (before >= 0 && code[before] === ",") {
+		from = before;
+		return [from, to];
+	}
+	let after = end;
+	while (after < code.length && /\s/.test(code[after])) after += 1;
+	if (after < code.length && code[after] === ",") to = consumeTrailingWhitespace(code, after + 1);
+	return [from, to];
+};
+const consumeTrailingWhitespace = (code, start) => {
+	let to = start;
+	while (to < code.length && /\s/.test(code[to])) to += 1;
+	return to;
+};
+const transformModule = (code, id, register, sources = DEFAULT_ICON_SOURCES, options = {}) => {
+	const { sourceMap = false } = options;
+	if (!fastFilter(code)) return {
+		code,
+		map: null,
+		anyReplacements: false
+	};
+	const scannedImports = scanImportsDetailed(code, sources);
+	if (!scannedImports.length) return {
+		code,
+		map: null,
+		anyReplacements: false
+	};
+	const hasPotentialFontAwesomeUsage = code.includes(FONTAWESOME_REACT_PACK) && scannedImports.some((item) => isFontAwesomeIconPack(item.pack));
+	const table = buildScannedSymbolTable(scannedImports);
+	if (!table.size) return {
+		code,
+		map: null,
+		anyReplacements: false
+	};
+	const spriteIconImport = scanSpriteIconImport(code);
+	const usages = scanJsxIconUsages(code, table);
+	const fontAwesomeUsages = hasPotentialFontAwesomeUsage ? scanFontAwesomeUsages(code, table, scanFontAwesomeComponents(code)) : [];
+	if (!usages.length && !fontAwesomeUsages.length) return {
+		code,
+		map: null,
+		anyReplacements: false
+	};
+	const used = /* @__PURE__ */ new Set();
+	const usedFontAwesomeComponents = /* @__PURE__ */ new Set();
+	const edits = buildEdits(usages, spriteIconImport.localName, used, register);
+	const registeredFontAwesomeIcons = /* @__PURE__ */ new Set();
+	for (const usage of fontAwesomeUsages) {
+		edits.push({
+			type: "replace",
+			from: usage.componentRange[0],
+			to: usage.componentRange[1],
+			value: spriteIconImport.localName
+		});
+		if (!usage.hasIconId) edits.push({
+			type: "insert",
+			pos: usage.componentRange[1],
+			value: ` iconId="${computeIconId(usage.pack, usage.exportName)}"`
+		});
+		edits.push({
+			type: "remove",
+			from: usage.iconAttributeRange[0],
+			to: consumeTrailingWhitespace(code, usage.iconAttributeRange[1])
+		});
+		used.add(usage.iconLocal);
+		usedFontAwesomeComponents.add(usage.componentLocal);
+		const key = `${usage.pack}:${usage.exportName}`;
+		if (!registeredFontAwesomeIcons.has(key)) {
+			registeredFontAwesomeIcons.add(key);
+			register(usage.pack, usage.exportName);
+		}
+	}
+	const cleanupEdits = cleanupScannedImports(code, scannedImports, used);
+	const cleanupFontAwesomeEdits = cleanupScannedFontAwesomeComponentImports(code, usedFontAwesomeComponents);
+	const magicString = applyEdits(code, [
+		...edits,
+		...cleanupEdits,
+		...cleanupFontAwesomeEdits
+	]);
+	const importPrefix = `import { ${ICON_COMPONENT_NAME} } from "${ICON_SOURCE}";\n`;
+	if (!spriteIconImport.hasImport) magicString.prepend(importPrefix);
+	return {
+		code: magicString.toString(),
+		map: sourceMap ? magicString.generateMap({
+			source: id,
+			hires: true
+		}) : null,
+		anyReplacements: true
+	};
+};
+//#endregion
+export { transformModule as t };

package/dist/vite/plugin.mjs

@@ -1,5 +1,7 @@
 import { REACT_ICONS_SPRITE_URL_PLACEHOLDER } from "../index.mjs";
-import { i as transformModule, n as buildSprite, r as createCollector, t as DEFAULT_ICON_SOURCES } from "../core-B0kAb7AT.mjs";
+import { i as createCollector, n as DEFAULT_ICON_SOURCES } from "../compute-icon-id-DKiwIqyH.mjs";
+import { t as buildSprite } from "../build-sprite-BZCizCDt.mjs";
+import { t as transformModule } from "../transform-module-Dn8lfegG.mjs";
 import { createHash } from "node:crypto";
 //#region src/vite/plugin.ts
 const reactIconsSprite = (options = {}) => {
@@ -18,7 +20,7 @@ const reactIconsSprite = (options = {}) => {
 			try {
 				const { code: next, map, anyReplacements } = transformModule(code, id, (pack, exportName) => {
 					collector.add(pack, exportName);
-				}, DEFAULT_ICON_SOURCES, { sourceMap: true });
+				}, DEFAULT_ICON_SOURCES);
 				if (!anyReplacements) return null;
 				return {
 					code: next,

package/dist/webpack/loader.mjs

@@ -1,5 +1,5 @@
-import { i as transformModule } from "../core-B0kAb7AT.mjs";
-import { t as collector } from "../collector-BvJbH8Da.mjs";
+import { t as transformModule } from "../transform-module-Dn8lfegG.mjs";
+import { t as collector } from "../collector-wdoob7qt.mjs";
 //#region src/webpack/loader.ts
 const reactIconsSpriteLoader = async function(source) {
 	if (this.mode === "development") return source;

package/dist/webpack/plugin.mjs

@@ -1,6 +1,6 @@
 import { REACT_ICONS_SPRITE_URL_PLACEHOLDER } from "../index.mjs";
-import { n as buildSprite } from "../core-B0kAb7AT.mjs";
-import { t as collector } from "../collector-BvJbH8Da.mjs";
+import { t as buildSprite } from "../build-sprite-BZCizCDt.mjs";
+import { t as collector } from "../collector-wdoob7qt.mjs";
 import { createHash } from "node:crypto";
 //#region src/webpack/plugin.ts
 var ReactIconsSpriteWebpackPlugin = class {

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.schemastore.org/package.json",
   "name": "react-icons-sprite",
-  "version": "0.9.1",
+  "version": "1.0.0-rc.1",
   "type": "module",
   "description": "A lightweight Vite, Rsbuild and Webpack plugin for react-icons that builds a single SVG sprite and rewrites icons to <use>, reducing bundle size and runtime overhead.",
   "author": "Jure Rotar <hello@jurerotar.com>",
@@ -65,21 +65,20 @@
     "react-dom": ">= 16"
   },
   "dependencies": {
-    "magic-string": "0.30.21",
-    "oxc-parser": "0.119.0"
+    "magic-string": "0.30.21"
   },
   "devDependencies": {
-    "@carbon/icons-react": "11.76.0",
-    "@types/node": "25.5.0",
+    "@carbon/icons-react": "11.81.0",
+    "@types/node": "25.9.1",
     "@types/react-dom": "19.2.3",
-    "@typescript/native-preview": "7.0.0-dev.20260311.1",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "tsdown": "0.21.2",
-    "typescript": "5.9.3",
-    "vite": "8.0.0",
-    "vitest": "4.1.0",
-    "webpack": "5.105.4"
+    "@typescript/native-preview": "7.0.0-dev.20260521.1",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "tsdown": "0.22.0",
+    "typescript": "6.0.3",
+    "vite": "8.0.14",
+    "vitest": "4.1.7",
+    "webpack": "5.107.1"
   },
   "keywords": [
     "vite",

package/dist/core-B0kAb7AT.mjs

@@ -1,404 +0,0 @@
-import { createElement } from "react";
-import { renderToStaticMarkup } from "react-dom/server";
-import MagicString from "magic-string";
-import { Visitor, parseSync } from "oxc-parser";
-//#region src/core.ts
-const ICON_SOURCE = "react-icons-sprite";
-const ICON_COMPONENT_NAME = "ReactIconsSpriteIcon";
-const DEFAULT_ICON_SOURCES = [
-	/^react-icons\/[\w-]+$/,
-	/^lucide-react$/,
-	/^@radix-ui\/react-icons$/,
-	/^@heroicons\/react(?:\/.*)?$/,
-	/^@tabler\/icons-react$/,
-	/^phosphor-react$/,
-	/^@phosphor-icons\/react$/,
-	/^react-feather$/,
-	/^react-bootstrap-icons$/,
-	/^grommet-icons$/,
-	/^@remixicon\/react$/,
-	/^devicons-react$/,
-	/^@fortawesome\/react-fontawesome$/,
-	/^@fortawesome\/[\w-]+-svg-icons$/,
-	/^@mui\/icons-material(?:\/.*)?$/,
-	/^@carbon\/icons-react$/
-];
-const sourceMatchesSupported = (source, sources = DEFAULT_ICON_SOURCES) => sources.some((re) => re.test(source));
-const normalizeAlias = (pack) => {
-	return pack.replace(/^@/, "").replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-};
-const computeIconId = (pack, exportName) => {
-	return `ri-${normalizeAlias(pack)}-${exportName}`;
-};
-const getRange = (node) => {
-	if (Array.isArray(node.range) && node.range.length === 2) return [node.range[0], node.range[1]];
-	if (typeof node.start === "number" && typeof node.end === "number") return [node.start, node.end];
-	return null;
-};
-const getParseLangCandidates = (filename) => {
-	const lower = (filename.split("?", 1)[0] ?? filename).toLowerCase();
-	if (lower.endsWith(".tsx")) return [
-		"tsx",
-		"ts",
-		"jsx",
-		"js"
-	];
-	if (lower.endsWith(".ts")) return [
-		"ts",
-		"tsx",
-		"js",
-		"jsx"
-	];
-	if (lower.endsWith(".jsx")) return [
-		"jsx",
-		"js",
-		"tsx",
-		"ts"
-	];
-	return [
-		"js",
-		"jsx",
-		"ts",
-		"tsx"
-	];
-};
-const parseAst = (code, filename) => {
-	const languages = getParseLangCandidates(filename);
-	let firstResult;
-	for (const lang of languages) {
-		const result = parseSync(filename, code, {
-			lang,
-			sourceType: "module",
-			range: true
-		});
-		firstResult ??= result;
-		if (result.errors.length === 0) return result;
-	}
-	return firstResult ?? parseSync(filename, code, {
-		lang: "tsx",
-		sourceType: "module",
-		range: true
-	});
-};
-const collectIconImports = (program, sources = DEFAULT_ICON_SOURCES) => {
-	const map = /* @__PURE__ */ new Map();
-	const body = program.body ?? [];
-	for (const node of body) {
-		if (node.type !== "ImportDeclaration") continue;
-		const pack = node.source?.value;
-		if (typeof pack !== "string" || !sourceMatchesSupported(pack, sources) || node.importKind === "type") continue;
-		const specifiers = node.specifiers ?? [];
-		for (const spec of specifiers) if (spec.type === "ImportSpecifier") {
-			if (spec.importKind === "type") continue;
-			const imported = spec.imported;
-			const local = spec.local;
-			if (imported?.type === "Identifier" && local?.type === "Identifier" && imported.name && local.name) map.set(local.name, {
-				pack,
-				exportName: imported.name,
-				decl: node,
-				spec
-			});
-		} else if (spec.type === "ImportDefaultSpecifier") {
-			const local = spec.local;
-			if (local?.type === "Identifier" && local.name) map.set(local.name, {
-				pack,
-				exportName: "default",
-				decl: node,
-				spec
-			});
-		}
-	}
-	return map;
-};
-const findExistingIconImport = (program) => {
-	let iconLocalName = ICON_COMPONENT_NAME;
-	let hasIconImport = false;
-	const body = program.body ?? [];
-	for (const node of body) {
-		if (node.type !== "ImportDeclaration") continue;
-		if (node.source?.value !== "react-icons-sprite") continue;
-		const specifiers = node.specifiers ?? [];
-		for (const spec of specifiers) {
-			if (spec.type !== "ImportSpecifier") continue;
-			const imported = spec.imported;
-			if (imported?.type === "Identifier" && imported.name === "ReactIconsSpriteIcon") {
-				hasIconImport = true;
-				const local = spec.local;
-				iconLocalName = local?.type === "Identifier" && local.name ? local.name : ICON_COMPONENT_NAME;
-				break;
-			}
-		}
-		if (hasIconImport) break;
-	}
-	return {
-		hasIconImport,
-		iconLocalName
-	};
-};
-const removeImportSpecifier = (ms, code, spec) => {
-	const range = getRange(spec);
-	if (!range) return;
-	const [start, end] = range;
-	let from = start;
-	let to = end;
-	let i = start - 1;
-	while (i >= 0 && /\s/.test(code[i])) i -= 1;
-	if (i >= 0 && code[i] === ",") from = i;
-	else {
-		let j = end;
-		while (j < code.length && /\s/.test(code[j])) j += 1;
-		if (j < code.length && code[j] === ",") to = j + 1;
-	}
-	ms.remove(from, to);
-};
-const removeEntireImport = (ms, code, decl) => {
-	const range = getRange(decl);
-	if (!range) return;
-	let [from, to] = range;
-	while (to < code.length && /[ \t]/.test(code[to])) to += 1;
-	if (code[to] === "\r" && code[to + 1] === "\n") to += 2;
-	else if (code[to] === "\n") to += 1;
-	ms.remove(from, to);
-};
-const fixIconSelfClosingSpacing = (outputCode, iconLocalName) => {
-	const re = new RegExp(`<${iconLocalName}([^>]*?)/>`, "g");
-	return outputCode.replace(re, (_match, attrs) => {
-		return `<${iconLocalName}${attrs.replace(/\s+$/g, "")} />`;
-	});
-};
-const transformModule = (code, id, register, sources = DEFAULT_ICON_SOURCES, options = {}) => {
-	const { sourceMap = false } = options;
-	const parsed = parseAst(code, id);
-	if (parsed.errors.length > 0) throw new Error(parsed.errors[0]?.message ?? `Failed to parse: ${id}`);
-	const { program } = parsed;
-	const localNameToImport = collectIconImports(program, sources);
-	if (localNameToImport.size === 0) return {
-		code,
-		map: null,
-		anyReplacements: false
-	};
-	const { hasIconImport, iconLocalName } = findExistingIconImport(program);
-	const ms = new MagicString(code);
-	const usedLocalNames = /* @__PURE__ */ new Set();
-	let anyReplacements = false;
-	new Visitor({
-		JSXOpeningElement(node) {
-			const name = node.name;
-			if (name?.type !== "JSXIdentifier") return;
-			const local = name.name;
-			if (!local || local === iconLocalName) return;
-			const meta = localNameToImport.get(local);
-			if (!meta) return;
-			let iconPack = meta.pack;
-			let iconExport = meta.exportName;
-			let usedLocal = local;
-			const attrs = node.attributes ?? [];
-			let hasIconId = false;
-			let iconAttr;
-			for (const a of attrs) {
-				if (a.type !== "JSXAttribute") continue;
-				const attrName = a.name;
-				if (attrName?.type === "JSXIdentifier" && attrName.name === "iconId") hasIconId = true;
-				if (attrName?.type === "JSXIdentifier" && attrName.name === "icon") iconAttr = a;
-			}
-			if (meta.pack === "@fortawesome/react-fontawesome" && meta.exportName === "FontAwesomeIcon" && iconAttr) {
-				const value = iconAttr.value;
-				if (value?.type === "JSXExpressionContainer") {
-					const expr = value.expression;
-					if (expr?.type === "Identifier") {
-						const iconLocal = expr.name;
-						if (iconLocal) {
-							const iconMeta = localNameToImport.get(iconLocal);
-							if (iconMeta) {
-								iconPack = iconMeta.pack;
-								iconExport = iconMeta.exportName;
-								usedLocal = iconLocal;
-								const iconAttrRange = getRange(iconAttr);
-								if (iconAttrRange) {
-									let [from, to] = iconAttrRange;
-									while (to < code.length && /\s/.test(code[to])) to += 1;
-									ms.remove(from, to);
-								}
-							}
-						}
-					}
-				}
-			}
-			const nameRange = getRange(name);
-			if (nameRange) ms.overwrite(nameRange[0], nameRange[1], iconLocalName);
-			if (!hasIconId) {
-				const idValue = computeIconId(iconPack, iconExport);
-				const insertPos = nameRange?.[1];
-				if (typeof insertPos === "number") ms.appendLeft(insertPos, ` iconId="${idValue}"`);
-			}
-			usedLocalNames.add(local);
-			if (usedLocal !== local) usedLocalNames.add(usedLocal);
-			anyReplacements = true;
-			register(iconPack, iconExport);
-		},
-		JSXClosingElement(node) {
-			const name = node.name;
-			if (name?.type !== "JSXIdentifier") return;
-			const local = name.name;
-			if (!local || local === iconLocalName) return;
-			if (!localNameToImport.get(local)) return;
-			const nameRange = getRange(name);
-			if (nameRange) ms.overwrite(nameRange[0], nameRange[1], iconLocalName);
-		}
-	}).visit(program);
-	if (!anyReplacements) return {
-		code,
-		map: null,
-		anyReplacements: false
-	};
-	const declToAllSpecs = /* @__PURE__ */ new Map();
-	const declToUsedSpecs = /* @__PURE__ */ new Map();
-	for (const { decl, spec } of localNameToImport.values()) {
-		const declNode = decl;
-		const specNode = spec;
-		const all = declToAllSpecs.get(declNode) ?? [];
-		if (all.length === 0) {
-			const specifiers = declNode.specifiers ?? [];
-			for (const oneSpec of specifiers) if (oneSpec.type === "ImportSpecifier" || oneSpec.type === "ImportDefaultSpecifier") all.push(oneSpec);
-			declToAllSpecs.set(declNode, all);
-		}
-		const localName = specNode.local;
-		if (!localName?.name || !usedLocalNames.has(localName.name)) continue;
-		const used = declToUsedSpecs.get(declNode) ?? [];
-		used.push(specNode);
-		declToUsedSpecs.set(declNode, used);
-	}
-	for (const [declNode, usedSpecs] of declToUsedSpecs.entries()) {
-		const allSpecs = declToAllSpecs.get(declNode) ?? [];
-		if (allSpecs.length > 0 && usedSpecs.length >= allSpecs.length) {
-			removeEntireImport(ms, code, declNode);
-			continue;
-		}
-		const byStartDesc = [...usedSpecs].sort((a, b) => {
-			const aRange = getRange(a);
-			const bRange = getRange(b);
-			if (!aRange || !bRange) return 0;
-			return bRange[0] - aRange[0];
-		});
-		for (const usedSpec of byStartDesc) removeImportSpecifier(ms, code, usedSpec);
-	}
-	if (!hasIconImport) ms.prepend(`import { ${iconLocalName} } from "${ICON_SOURCE}";\n`);
-	const transformedCode = ms.toString();
-	return {
-		code: transformedCode.includes(`<${iconLocalName}`) ? fixIconSelfClosingSpacing(transformedCode, iconLocalName) : transformedCode,
-		map: sourceMap ? (() => {
-			const rawMap = ms.generateMap({
-				source: id,
-				includeContent: true,
-				hires: true
-			});
-			return {
-				...rawMap,
-				sourcesContent: rawMap.sourcesContent?.map((sourceContent) => sourceContent ?? "")
-			};
-		})() : null,
-		anyReplacements
-	};
-};
-const PRESENTATION_ATTRS = new Set([
-	"fill",
-	"stroke",
-	"stroke-width",
-	"stroke-linecap",
-	"stroke-linejoin",
-	"stroke-miterlimit",
-	"stroke-dasharray",
-	"stroke-dashoffset",
-	"stroke-opacity",
-	"fill-rule",
-	"fill-opacity",
-	"color",
-	"opacity",
-	"shape-rendering",
-	"vector-effect"
-]);
-const ATTR_RE = /([a-zA-Z_:.-]+)\s*=\s*"([^"]*)"/g;
-const toKebab = (s) => s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
-const resolveSpecificImportPath = (pack, exportName) => {
-	if (/^@mui\/icons-material(?:\/.*)?$/.test(pack)) {
-		if (pack.split("/").length > 2) return pack;
-		return `${pack}/${exportName}`;
-	}
-	if (/^@radix-ui\/react-icons$/.test(pack)) return `${pack}/${exportName}`;
-	if (/^@heroicons\/react\/(?:\d{2})\/(?:outline|solid)$/.test(pack)) return `${pack}/${exportName}`;
-	if (/^@fortawesome\/[\w-]+-svg-icons$/.test(pack)) return `${pack}/${exportName}`;
-	if (/^lucide-react$/.test(pack)) return `${pack}/icons/${toKebab(exportName)}`;
-	if (/^@phosphor-icons\/react$/.test(pack)) return `${pack}/dist/ssr/${exportName}.es.js`;
-	if (/^phosphor-react$/.test(pack)) return `${pack}/dist/icons/${exportName}.esm.js`;
-	if (/^@tabler\/icons-react$/.test(pack)) return `${pack}/dist/esm/icons/${exportName}.mjs`;
-	if (/^react-feather$/.test(pack)) return `${pack}/dist/icons/${toKebab(exportName)}`;
-	if (/^react-bootstrap-icons$/.test(pack)) return `${pack}/dist/icons/${toKebab(exportName)}`;
-	if (/^@carbon\/icons-react$/.test(pack)) return `${pack}/lib/${exportName}.js`;
-	return null;
-};
-const renderOneIcon = async (pack, exportName) => {
-	let mod;
-	const specificPath = resolveSpecificImportPath(pack, exportName);
-	if (specificPath) try {
-		mod = await import(
-			/* @vite-ignore */
-			specificPath
-);
-		if (mod && "default" in mod && Object.keys(mod).length === 1) mod[exportName] = mod.default;
-	} catch {
-		mod = await import(
-			/* @vite-ignore */
-			pack
-);
-	}
-	else mod = await import(
-		/* @vite-ignore */
-		pack
-);
-	const modRecord = mod;
-	const Comp = modRecord[exportName] ?? modRecord.default;
-	if (!Comp) throw new Error(`Icon export not found: ${pack} -> ${exportName}`);
-	const id = computeIconId(pack, exportName);
-	if (pack.includes("fortawesome")) {
-		const [width, height, , , pathData] = Comp.icon;
-		return {
-			id,
-			symbol: `<symbol id="${id}" viewBox="${`0 0 ${width} ${height}`}">${(Array.isArray(pathData) ? pathData : [pathData]).map((d) => `<path d="${d}" />`).join("")}</symbol>`
-		};
-	}
-	const html = renderToStaticMarkup(createElement(Comp, {}));
-	const viewBox = html.match(/viewBox="([^"]+)"/i)?.[1] ?? "0 0 24 24";
-	const svgAttrsRaw = html.match(/^<svg\b([^>]*)>/i)?.[1] ?? "";
-	const attrs = [];
-	for (const [, k, v] of svgAttrsRaw.matchAll(ATTR_RE)) {
-		const key = k.toLowerCase();
-		if (PRESENTATION_ATTRS.has(key)) attrs.push(`${key}="${v}"`);
-	}
-	const inner = html.replace(/^<svg[^>]*>/i, "").replace(/<\/svg>\s*$/i, "").replace(/<svg[^>]*>/gi, "").replace(/<\/svg>/gi, "");
-	return {
-		id,
-		symbol: `<symbol id="${id}" viewBox="${viewBox}"${attrs.length ? ` ${attrs.join(" ")}` : ""}>${inner}</symbol>`
-	};
-};
-const buildSprite = async (icons) => {
-	return `<svg xmlns="http://www.w3.org/2000/svg"><defs>${(await Promise.all(Array.from(icons).map(({ pack, exportName }) => renderOneIcon(pack, exportName)))).map((r) => r.symbol).join("")}</defs></svg>`;
-};
-const createCollector = () => {
-	const set = /* @__PURE__ */ new Map();
-	return {
-		add(pack, exportName) {
-			set.set(`${pack}:${exportName}`, {
-				pack,
-				exportName
-			});
-		},
-		toList() {
-			return Array.from(set.values());
-		},
-		clear() {
-			set.clear();
-		}
-	};
-};
-//#endregion
-export { transformModule as i, buildSprite as n, createCollector as r, DEFAULT_ICON_SOURCES as t };