feat(lucide-svelte): Aliased imports for direct imports

[ericfennis]

Closes #2580

What is the purpose of this pull request?

• New Icon
• New Feature
• Documentation update

Description

This is a new setup for the build process, making importing aliased imports possible.

// This is working
import AlertCircle from "lucide-svelte/icons/alert-circle";
import CircleAlert from "lucide-svelte/icons/circle-alert";

To make it work I had to make some additions to the build process that generates the aliases files.
The .ts file addition is needed to point to the correct icon files.
I've tried to do it just with .svelte files, but there is a difference in how Sveltekit and Vite read the imports map in package.json. Sveltekit ignores the default in the imports map when it tries to do SSR.

Current output:

Note: The build scripts are getting a bit complex, some refactoring in the future will be nice.

[ericfennis]

I've published a beta version on [email protected] for testing.

[kaechele]

This unfortunately broke lucide-svelte:

✘ [ERROR] Could not resolve "../icons/wand-2.ts"

    node_modules/.pnpm/[email protected][email protected]/node_modules/lucide-svelte/dist/aliases/prefixed.js:3364:30:
      3364 │ default as LucideWand2 } from '../icons/wand-2.ts';
           ╵                               ~~~~~~~~~~~~~~~~~~~~

Error: Build failed with 3668 errors:
node_modules/.pnpm/[email protected][email protected]/node_modules/lucide-svelte/dist/aliases/aliases.js:8:38: ERROR: Could not resolve "../icons/alarm-check.ts"
node_modules/.pnpm/[email protected][email protected]/node_modules/lucide-svelte/dist/aliases/aliases.js:10:38: ERROR: Could not resolve "../icons/alarm-minus.ts"
node_modules/.pnpm/[email protected][email protected]/node_modules/lucide-svelte/dist/aliases/aliases.js:12:37: ERROR: Could not resolve "../icons/alarm-plus.ts"
node_modules/.pnpm/[email protected][email protected]/node_modules/lucide-svelte/dist/aliases/aliases.js:14:39: ERROR: Could not resolve "../icons/arrow-down-az.ts"
node_modules/.pnpm/[email protected][email protected]/node_modules/lucide-svelte/dist/aliases/aliases.js:16:39: ERROR: Could not resolve "../icons/arrow-down-za.ts"

dist/aliases/prefixed.js references the icon.ts files, which don't exist in the lucide-svelte distribution. Previous versions referenced the .svelte files, which do exist in the distribution.

[ericfennis]

@kaechele is this still happening when removing and reinstalling npm packages?

[kaechele]

Yes, this still happens even on a completely fresh checkout of my project. Looking at the contents of the lucide-svelte package on npmjs.com I can see that the .ts files are not there either: https://www.npmjs.com/package/lucide-svelte?activeTab=code

[kyle-leonhard]

I was hit by this as well in version 0.458.0: #2614