mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-11-14 13:58:21 +00:00
1802f33f6c
* feat(lucide-react): add package exports for per-icon imports without changing how Node resolves the package Makes `lucide-react/icons/<name>` and `lucide-react/types` public so a single icon can be imported with a small shared declaration instead of the 2.2 MB `dist/lucide-react.d.ts`, and without loading the CJS barrel on the server. The root entry only lists `module` and `default`, so bundlers keep the ESM barrel and Node keeps resolving to `dist/cjs/lucide-react.js` as it does today through `main`. The map reverted in #2814 sent Node to the ESM barrel, which is what #2743 hit. `./dist/*` keeps existing deep imports working. * Modify getting started guide for icon imports Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> * fix(lucide-react): add node, import and require conditions after module and keep the extension-specific and src subpaths exported Resolvers that are called with a custom condition list drop `module` and fell through to `default`, the CJS bundle; esbuild with `conditions: ['workerd', 'worker']` bundled 1.3 MB instead of the 58 KB tree-shaken output it gets on main. The root and `./icons` entries now list `node`, `import` and `require` after `module`, with `node` ahead of `import` so Node keeps resolving to `dist/cjs/lucide-react.js` for both `import` and `require`. `lucide-react/dynamic.mjs`, `lucide-react/dynamic.js` and `lucide-react/dynamicIconImports.mjs` are imported by consumers and threw ERR_PACKAGE_PATH_NOT_EXPORTED; they have explicit entries again. The docs API routes import `lucide-react/src/createLucideIcon` and `lucide-react/src/Icon`, which Nitro left as external imports without a `./src/*` entry, so the entry from the 0.470.0 map is back. * test(lucide-react): resolve the package entry points with Node itself in the React Router fixture The browser suite resolves lucide-react through Vite, so nothing checked the `exports` map the way a server runtime does. `tests/exports.node.test.ts` runs under `node --test` from the fixture's `check` script and asserts where `import.meta.resolve` and `require.resolve` land for the root, `./icons`, a single icon, the dynamic entries with and without an extension, the `dist/*` passthrough and `package.json`, that `./types` is declaration-only, and that the resolved modules load. Vitest is told to leave that file to Node. * docs(lucide-react): note that per-icon imports are ESM only `require()` of `lucide-react/icons/<name>` needs Node.js 20.19 or 22.12; 20.18 throws ERR_REQUIRE_ESM. --------- Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
34 lines
886 B
TypeScript
34 lines
886 B
TypeScript
import { Camera, Edit2, House, LucideProvider, Pen } from 'lucide-react';
|
|
import Droplet from 'lucide-react/icons/droplet';
|
|
import { DynamicIcon } from 'lucide-react/dynamic';
|
|
|
|
export default function IconShowcase() {
|
|
return (
|
|
<main aria-label="Lucide integration">
|
|
<Camera data-testid="static-icon" />
|
|
<Droplet
|
|
data-testid="custom-icon"
|
|
className="consumer-icon"
|
|
color="red"
|
|
size={48}
|
|
strokeWidth={4}
|
|
absoluteStrokeWidth
|
|
/>
|
|
<LucideProvider
|
|
color="purple"
|
|
size={32}
|
|
strokeWidth={3}
|
|
>
|
|
<House data-testid="provider-icon" />
|
|
</LucideProvider>
|
|
<Pen data-testid="alias-icon" />
|
|
<Edit2 data-testid="canonical-icon" />
|
|
<DynamicIcon
|
|
aria-label="Dynamic circle"
|
|
data-testid="dynamic-icon"
|
|
name="circle"
|
|
/>
|
|
</main>
|
|
);
|
|
}
|