PERF: Improve performance of intellisens and IDE

[TheEisbaer]

Package

• [ ] @tabler/icons
• [ ] @tabler/icons-eps
• [ ] @tabler/icons-pdf
• [ ] @tabler/icons-png
• [ ] @tabler/icons-webfont
• [ ] @tabler/icons-sprite
• [ ] @tabler/icons-preact
• [ ] @tabler/icons-react
• [ ] @tabler/icons-react-native
• [ ] @tabler/icons-solid
• [X] @tabler/icons-svelte
• [ ] @tabler/icons-vue
• [ ] Figma plugin
• [ ] source/main
• [ ] other/not relevant

Version

@latest

Browser

• [ ] Chrome/Chromium
• [ ] Firefox
• [ ] Safari
• [ ] Edge
• [ ] iOS Safari
• [ ] Opera
• [ ] Other/not relevant

Operating system

• [X] Windows
• [ ] Linux
• [ ] macOS
• [ ] ChromeOS
• [ ] iOS
• [ ] Android
• [ ] Other/not relevant

Description

VSCode and Intellisense (especially the language servers) are slowing down (taking up to 40 seconds for auto complete) because of the huge amount of export conditions (one for each icon) in the package.json

See https://github.com/sveltejs/language-tools/issues/2244 for advice on fix for this

Steps to reproduce

1. have svelte project and vscode extension for svelte language server installed
2. install tabler icons for svelte
3. try to do autocomplete -> takes up to 40 seconds to make auto complete suggestion 4

Checklist

• [X] I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)

[TheEisbaer]

Proposed solution:

final package.json has to look like this:

"exports": {
    ".": {
      "types": "./dist/tabler-icons-svelte.d.ts",
      "svelte": "./dist/tabler-icons-svelte.js",
      "default": "./dist/tabler-icons-svelte.js"
    },
    "./icons": {
      "types": "./dist/tabler-icons-svelte.d.ts",
      "svelte": "./dist/tabler-icons-svelte.js"
    },
    "./icons/*": {
      "types": "./dist/icons/*.svelte.d.ts",
      "svelte": "./dist/icons/*.svelte"
    }
}

then you can import the icons like:

import IconAB from '@tabler/icons-svelte/icons/a-b'; // fast during build and dev server
// or
import { IconAB } from '@tabler/icons-svelte'; // still slow during build and dev server because vite still transforms every icon

Results in much faster IDE performance