antfu / vscode-iconify Goto Github PK

Describe the bug

the icon size for bootstrap icons are very small.

Reproduction

vscode

System Info

macOS Sonoma 14.1.1
vscode Version: 1.84.2 (Universal)

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

👋🏻 Hello! I (and Cypress) use your custom icons plugin via the Unplugin ecosystem. Thanks for all the great work! I'm interested in adding support for custom collections.

I'd be willing to implement it if you pointed me in the right direction.

When the extension boots up and tries to download something I get this.

🈶 Activated, v0.2.2
🎛 108 icon sets loaded
☁️ [mdi] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json/mdi.json
🐛 ERROR: Error: Request failed with status code 504
Error: Request failed with status code 504

I can access it in the browser no problem there. I also have proxy settings set.
I already tried to manually download it and put it into the global storage, put it seems that only gets cached after download.

Describe the bug

Icon does not show if using in a Nuxt (3) project using the Nuxt Icon module. Worked great in other frameworks though.

Reproduction

Use the extension in a Nuxt 3 project using the Nuxt Icon module

System Info

System:
  OS: Windows 10 10.0.19045
  CPU: (12) x64 Intel(R) Core(TM) i5-10400F CPU @ 2.90GHz
  Memory: 5.77 GB / 15.91 GB

Binaries:
  Node: 16.16.0 - C:\Program Files\nodejs\node.EXE
  Yarn: 1.22.15 - C:\Program Files\nodejs\yarn.CMD
  npm: 6.14.9 - ~\AppData\Roaming\npm\npm.CMD

Browsers:
  Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.54)
  Internet Explorer: 11.0.19041.1566

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Describe the bug

When visiting https://cdn.jsdelivr.net/gh/iconify/icon-sets/json
I have the error:
Package size exceeded the configured limit of 50 MB. Try https://github.com/iconify/icon-sets/tree/2.2.97/json instead.

I think this might be the reason I do not have autocomplete

Reproduction

Go to https://cdn.jsdelivr.net/gh/iconify/icon-sets/json

System Info

System:
    OS: macOS 13.4.1
    CPU: (10) arm64 Apple M1 Max
    Memory: 740.41 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.16.0 - ~/.nvm/versions/node/v18.16.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.16.0/bin/yarn
    npm: 9.5.1 - ~/.nvm/versions/node/v18.16.0/bin/npm
    pnpm: 8.5.1 - ~/.nvm/versions/node/v18.16.0/bin/pnpm
  Browsers:
    Chrome: 115.0.5790.114
    Edge: 113.0.1774.57
    Safari: 16.5.2

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Describe the bug

I'm importing icons from HugeIcons set however, the extension doesn't show any preview

--

```ts
import IconPersonAccounts from '~icons/fluent/person-accounts-24-regular';
import IconAnalytic from '~icons/hugeicons/analytics-up';
import IconBriefcaseDollar from '~icons/hugeicons/briefcase-dollar';
import IconBuilding from '~icons/hugeicons/building-05';
import IconDashboardSquare from '~icons/hugeicons/dashboard-square-03';
import IconMailAtSign from '~icons/hugeicons/mail-at-sign-01';
import IconReportsSolid from '~icons/iconoir/reports-solid';
import IconWrenchClockOutline from '~icons/mdi/wrench-clock-outline';

Reproduction

I'm not sure if I can provide a repro case

System Info

System:
    OS: Windows 11 10.0.22000
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
    Memory: 4.95 GB / 23.89 GB
  Binaries:
    Node: 20.12.2 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.0.6 - ~\AppData\Local\pnpm\pnpm.EXE
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (122.0.2365.66)
    Internet Explorer: 11.0.22000.120

---

Name: Iconify IntelliSense
Id: antfu.iconify
Description: Intelligent Iconify previewing and searching for VS Code
Version: 0.8.1
Publisher: Anthony Fu
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=antfu.iconify

---

"unplugin-icons": "0.19.0",

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Contributions

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests (actually just go ahead and do it, thanks!)

Describe the bug

The url should be https://icones.js.org/collection/svg-spinners, but get https://icones.js.org/collection/svg

Reproduction

null

System Info

null

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Clear and concise description of the problem

NuxtLabsUI built-in icon system use a different syntax to define an icon, for example:

<UButton icon="i-heroicons-magnifying-glass" />

Currently, it is displayed like this in VS Code using this extension:

Suggested solution

I suggest to be able to recognize this alternative syntax to have the expected result:

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

After 124d517, using / as separator between collection and icon name (e.g. https://github.com/antfu/unplugin-icons#usage) no longer works by default (can be configured in settings though)

import IconAccessibility from '~icons/carbon/accessibility'
import IconAccountBox from '~icons/mdi/account-box'

Since you removed it explicitly, is this syntax considered bad or something?

Reproduction

System Info

-

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

🈶 Activated, v0.2.2
🎛 108 icon sets loaded
☁️ [mdi] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//mdi.json
🐛 ERROR: Error: self signed certificate
Error: self signed certificate
at TLSSocket.onConnectSecure (_tls_wrap.js:1497:34)
at TLSSocket.emit (events.js:315:20)
at TLSSocket._finishInit (_tls_wrap.js:932:8)
at TLSWrap.ssl.onhandshakedone (_tls_wrap.js:706:12)

There is a check missing if data actually has any data or is undefined or empty

Describe the bug

Plugin stopped working recently, for my corworker that I recommended it too it stopped working as well.

Reproduction

Following the readme we setup unplugin-icons with sveltekit and had this plugin working to give previews. Now it stopped working we did not change any configuration in regards to unplugin-icons config, and plugin is installed and not reporting any errors.

System Info

System:
    OS: macOS 13.5
    CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
    Memory: 840.11 MB / 32.00 GB
    Shell: 3.2.57 - /bin/sh
  Binaries:
    Node: 19.0.0 - ~/.asdf/installs/nodejs/19.0.0/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.19.2 - ~/.asdf/plugins/nodejs/shims/npm
  Browsers:
    Brave Browser: 116.1.57.53
    Chrome: 116.0.5845.110
    Edge: 116.0.1938.54
    Firefox: 116.0.3
    Safari: 16.6

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

In mainland China, there is no access to jsdelivr.net, is it possible to make COLLECTION_API a configuration item in VS Code, so that users can modify it by themselves?

Clear and concise description of the problem

Icons aren't shown for aliased icon names. It would be great if they could be.

Suggested solution

Ability to read a json file like this to get the aliases.

{
  aliases: {
    "chevron-left": "ri:arrow-left-s-line",
    "chevron-up": "ri:arrow-up-s-line",
    "chevron-right": "ri:arrow-right-s-line",
    "chevron-down": "ri:arrow-down-s-line",
    // ...
  }
}

Alternative

No response

Additional context

I'm using nuxt icon which allows for declaring aliases for icons. Config details

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

@antfu Is the project still been working on?

Clear and concise description of the problem

If I use a dark theme. The icon is not enough.

Suggested solution

Make it white on dark theme would be great.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Description

With the iconify.inplace option set to false the icon shows up before the code like this:

To get this to work with custom icons without a prefix I've hacked a few settings together but I'd like the icon to be placed after the code instead of before. In this example it would reduce the layout shifting and keep all the props aligned.

Such a great plugin by the way! Doing awesome work at a ridiculous pace 😊

Suggested solution

Add a setting to position the icon before or after the matching text.

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

is there a way to change the color representation in code depending on theme colors. It is always white for me

Clear and concise description of the problem

Support for delimiters of multiple characters, like --. This would allow in-place replacement for @iconify/tailwind:

<span class="icon-[carbon--dashboard]"></span>

Suggested solution

I'm not very familiar with VSCode extensions, but maybe this part needs to be refactored.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

I can see the icon inside the attribute, but the intellisense doesn't work. Any idea? I'm using a Nuxt 3 project with NuxtLab UI.
<UButton icon="i-heroicons-magnifying-glass" />

My file settings.json is empty during test.

Reproduction

local

System Info

System:
    OS: macOS 12.6.8
    CPU: (8) x64 Intel(R) Core(TM) i7-6700HQ CPU @ 2.60GHz
    Memory: 302.67 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.16.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.8.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 115.0.5790.114
    Safari: 16.6

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

What theme was used for the ss? I gotta know 👀

Additional context

// uno.config.ts
import { defineConfig } from 'unocss'

// loader helpers
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'

export default defineConfig({
  presets: [
    presetIcons({
      collections: {
        // a helper to load icons from the file system
        // files under `./assets/icons` with `.svg` extension will be loaded as it's file name
        // you can also provide a transform callback to change each icon (optional)
        'my-icons': FileSystemIconLoader(
          './assets/icons',
          svg => svg.replace(/#fff/, 'currentColor')
        )
      }
    })
  ]
})

How can the above custom configuration be displayed in the editor through this plug-in?

Clear and concise description of the problem

The extension reads icons from the Font Awesome 4 (https://icones.netlify.app/collection/fa) collection of Netlify rather than the Font Awesome Solid (https://icones.netlify.app/collection/fa6-solid) collection.

Because the FA4 collection only contains around 500 icons while the FAS collection contains 1.2k, there are many icons not being previewed.

Suggested solution

Read from the Netlify FAS collection instead of FA4.

Alternative

No response

Additional context

An example of some missing icons

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

The noto iconset is apparently too large for jsdelivr, and the extension is throwing a 403 forbidden error whenever I've used it in my code:

I intend on submitting a PR to fix this.

Reproduction

Simply add an icon from the noto collection in your code, with the extension enabled. like noto:t-rex. Mouseover it and see what happens.

System Info

System:
    OS: Linux 5.15 Ubuntu 20.04.4 LTS (Focal Fossa)
    CPU: (16) x64 AMD EPYC 7B13
    Memory: 33.63 GB / 62.80 GB
    Container: Yes
    Shell: 5.0.17 - /usr/bin/bash
  Binaries:
    Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v16.17.0/bin/yarn
    npm: 8.15.0 - ~/.nvm/versions/node/v16.17.0/bin/npm

Also occurs on my personal machine, macOS 12.6 Monterey running on Apple Silicon

Used Package Manager

n/a

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Describe the bug

VScode-iconify IntelliSense isn't working for a while on both my computer. When I try to target autocompletion for a Svelte <Icon icon="mdi:loading" class="mr-2 h-4 w-4 animate-spin" /> in mdi:loading. I don't get any error in the extension tab but I get the following error the vscode js console debugger:

Reproduction

Reproduction

System Info

System:
    OS: macOS 14.0
    CPU: (8) arm64 Apple M1 Pro
    Memory: 69.69 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node
    Yarn: 4.0.1 - ~/.volta/bin/yarn
    npm: 10.2.4 - ~/.nvm/versions/node/v20.11.1/bin/npm
    pnpm: 8.15.4 - ~/.local/share/pnpm/pnpm
    bun: 1.0.30 - /opt/homebrew/bin/bun
    Watchman: 2024.01.22.00 - /opt/homebrew/bin/watchman

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

🈶 Activated, v0.0.7
🎛 81 icon sets loaded
☁️ [ant] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//ant.json
🐛 ERROR: Error: Request failed with status code 404
Error: Request failed with status code 404
    at createError (/Users/leiyue/.vscode/extensions/antfu.iconify-0.0.7/index.js:338:17)
    at settle (/Users/leiyue/.vscode/extensions/antfu.iconify-0.0.7/index.js:352:14)
    at IncomingMessage.handleStreamEnd (/Users/leiyue/.vscode/extensions/antfu.iconify-0.0.7/index.js:1795:13)
    at IncomingMessage.emit (events.js:228:7)
    at IncomingMessage.EventEmitter.emit (domain.js:475:20)
    at endReadableNT (_stream_readable.js:1185:12)
    at processTicksAndRejections (internal/process/task_queues.js:81:21)

should it be https://raw.githubusercontent.com/iconify/collections-json/master/json/ant-design.json?

so, I try others.

☁️ [carbon] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//carbon.json
✅ [carbon] Downloaded
☁️ [bx] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//bx.json
✅ [bx] Downloaded
☁️ [map] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//map.json
☁️ [subway] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//subway.json
☁️ [mdi] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//mdi.json
☁️ [ic] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//ic.json
☁️ [feather] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//feather.json
☁️ [gg] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//gg.json
☁️ [geo] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//geo.json
☁️ [tabler] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//tabler.json
☁️ [fa] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//fa.json
☁️ [vaadin] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//vaadin.json
☁️ [eva] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//eva.json
☁️ [icons8] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//icons8.json
☁️ [wi] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//wi.json
☁️ [foundation] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//foundation.json
☁️ [iwwa] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//iwwa.json
☁️ [bytesize] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//bytesize.json
☁️ [bpmn] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//bpmn.json
☁️ [noto] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//noto.json
☁️ [vs] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//vs.json
☁️ [el] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//el.json
☁️ [emojione] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//emojione.json
☁️ [entypo] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//entypo.json
☁️ [cryptocurrency] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//cryptocurrency.json
✅ [subway] Downloaded
✅ [bpmn] Downloaded
✅ [geo] Downloaded
✅ [entypo] Downloaded
✅ [map] Downloaded
✅ [bytesize] Downloaded
✅ [cryptocurrency] Downloaded
✅ [el] Downloaded
✅ [vs] Downloaded
✅ [feather] Downloaded
✅ [vaadin] Downloaded
✅ [fa] Downloaded
✅ [gg] Downloaded
✅ [tabler] Downloaded
✅ [iwwa] Downloaded
✅ [foundation] Downloaded
✅ [eva] Downloaded
✅ [icons8] Downloaded
✅ [wi] Downloaded
✅ [ic] Downloaded
✅ [mdi] Downloaded
✅ [emojione] Downloaded
✅ [noto] Downloaded

all jsons downloaded correctly, but no one's name include -.

Version: 0.2.2

I use unplugin-icons(perhaps not related):

export default defineConfig({
  plugins: [
    icons({
      // auto install icons when importing
      autoInstall: true,
      compiler: 'vue3',
      defaultClass: 'iconify',
    }),
    components({
      resolvers: [
        // auto import icons while using as component, combined with `autoInstall`
        iconsResolver({}),
      ]
    }),
  ],
})

use it in template like this:

<i-mdi-account-circle />
<i-mdi-light-alarm-plus />

error in console:

🈶 Activated, v0.2.2
🎛 108 icon sets loaded
☁️ [mdi] Downloading from https://raw.githubusercontent.com/iconify/collections-json/master/json//mdi.json
🐛 ERROR: Error: Request failed with status code 400
Error: Request failed with status code 400
	at createError (/Users/orange/.vscode/extensions/antfu.iconify-0.2.2/index.js:3323:19)
	at settle (/Users/orange/.vscode/extensions/antfu.iconify-0.2.2/index.js:3339:16)
	at IncomingMessage.handleStreamEnd (/Users/orange/.vscode/extensions/antfu.iconify-0.2.2/index.js:5044:15)
	at IncomingMessage.emit (events.js:327:22)
	at endReadableNT (internal/streams/readable.js:1327:12)
	at processTicksAndRejections (internal/process/task_queues.js:80:21)

It seems the request url https://raw.githubusercontent.com/iconify/collections-json/master/json//mdi.json is wrong(double /)

which get the response:

<a href="/iconify/collections-json/master/json/mdi.json">Moved Permanently</a>.

It will be great to see custom icons as predefined in editor 🙂

So, now, if I define customCollection:

It is not shown, as default one:

Maybe I don't config it properly)

Suggested solution

I don't know 🫠

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Using the - delimiter shows an already filtered list of icons:

Using either of the other default ones (: or /) shows the entire list

Clear and concise description of the problem

It will be awesome if there is a webstorm iconify plugin.

Suggested solution

It will be awesome if there is a webstorm iconify plugin.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

I am unable to find a setting to disable autocomplete for this extension.
The reason why I want to disable it is that it's very annoying as it always appears on top of all my other snippets, making it difficult for me to access tailwind or any other snippet. Additionally, there are a lot of snippets which makes the autocomplete slower.

Reproduction

..

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 AMD Ryzen 5 PRO 4650G with Radeon Graphics
    Memory: 4.35 GB / 15.33 GB
  Binaries:
    Node: 20.10.0 - E:\Apps\scoop\apps\nvm\current\nodejs\nodejs\node.EXE
    Yarn: 1.22.19 - E:\Apps\scoop\apps\nvm\current\nodejs\nodejs\yarn.CMD
    npm: 10.1.0 - E:\Apps\scoop\apps\nvm\current\nodejs\nodejs\npm.CMD   
  Browsers:
    Edge: Spartan (), Chromium (122.0.2365.66), ChromiumDev ()
    Internet Explorer: 11.0.19041.3636

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

use https://github.com/antfu/vitesse

The current versions of vscode stable/insiders does not seem to work.
q-icon(name="mdi-magnify")
mdi json is downloaded but is not shown in a vue sfc pug template

Clear and concise description of the problem

Please update "@iconify/json" to latest

Suggested solution

update "@iconify/json" to 2.2.63

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

We're storing icon cache in globalState, and it will be saved to globalStorage/state.vscdb which gets loaded in every startup even after uninstall

I discovered this when trying to troubleshoot why my vscode is starting slowly recently, and found something related in loading storage in perfview.show, and saw this big cache entry in it, removing it solves the problem

Reproduction

Try use some icons and use perfview.show to see code/didInitStorage's delta time

System Info

* Code: 1.79.2 (695af097c7bd098fbf017ce3ac85e09bbc5dda06)
* OS: win32(10.0.19045)
* CPUs: 11th Gen Intel(R) Core(TM) i5-11400 @ 2.60GHz(12 x 2592)
* Memory(System): 15.83 GB(6.97GB free)

- 1TB M.2 SSD

Used Package Manager

n/a

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Clear and concise description of the problem

I use shortcut's to alias and centralize app icons => { 'i-check' : 'i-ms-check' } but preview doesn't work for unocss shortcuts.

Suggested solution

I see that there is #64 which will solve the actual alias (i-ms-check) preview but it will be very nice if 'i-check' works too using same logic. Thank You!

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Should exclude normal similar tags

Describe the bug

Before extension is loaded:

After extension is loaded:

Reproduction

n/a

System Info

n/a

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Thank you very much for adding element-plus icon here antfu-collective/icones#53
But Iconify IntelliSense does not show element-plus icon
Can you upgrade vscode-iconify if possible❤️

The addition of / to the default dlimiters is causing errors in the regular expression.

1e775e1

rejected promise not handled within 1 second: SyntaxError: Invalid regular expression: /[^\w\d]((?:mdi-light|la|fa-solid|fa-regular|bi|twemoji)[:-/][\w-]+)/: Range out of order in character class
/Applications/Visual Studio Code.app/Contents/Resources/app/out/bootstrap-fork.js:5
stack trace: SyntaxError: Invalid regular expression: /[^\w\d]((?:mdi-light|la|fa-solid|fa-regular|bi|twemoji)[:-/][\w-]+)/: Range out of order in character class

The v0.8.0 tag was created but no corresponding release was made.

A sidebar button which open Icones app in new webview tab would be great 🤔

When hovering any icon, big icon appears for less than a second, then disappears. I'm not sure if its supposed to stay open.

Demo: https://youtu.be/oyPkkWckYg8

In video you can see icon appear at bottom of window at 0:03 and 0:06 when I hover icon in document. Big icon disappears almost immediately, not when I remove mouse from small icon.

Clear and concise description of the problem

Now, only kebab case will be recognized.

Suggested solution

Consider also being compatible with Pascal case.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

会错误的显示elementui的 el-link组件

Reproduction

none

System Info

win10 

版本: 1.75.1 (system setup)
提交: 441438abd1ac652551dbe4d408dfcec8a499b8bf
日期: 2023-02-08T21:32:34.589Z
Electron: 19.1.9
Chromium: 102.0.5005.194
Node.js: 16.14.2
V8: 10.2.154.23-electron.0
OS: Windows_NT x64 10.0.19044
沙盒化: No

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Clear and concise description of the problem

Iconify contains icons that use various licenses.

Suggested solution

If the license were shown next to the import, it'd help to avoid any containing an unsuitable license by providing easier visibility.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Clear and concise description of the problem

I have code like this: <Icon icon="mdi:heart-outline" className="h-5 w-5" />

The icon name shows when I put the cursor on this line, disappears when I move cursor to other lines. The icon image disappears when the name fails to match one icon. The code jumps left and right.

Expected result

I think it would be great of the code does not jump left and right, at least not that much distance when we focus on or leave this line.

Suggested solution

When this plugin is enabled, just keep some space(may be some sign/graph to indicate that no icon matches the icon name) before the icon name literal to show the icon. Or at least always show the icon name, so the line does not shift left and right that much distance when we focus on or leave this line. Maybe adding something we can configure in the settings? Sorry I am not capable of creating a PR.

Thanks Anthony Fu. ❤️

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Describe the bug

When using proxy setting in vscode, icon set failed to load with following error:

🈶 Activated, v0.7.5
🎛 167 icon sets loaded
⏳ [heroicons] Downloading from https://icones.js.org/collections/heroicons.json
🐛 ERROR: FetchError: [GET] "https://icones.js.org/collections/heroicons.json": <no response> fetch failed
FetchError: [GET] "https://icones.js.org/collections/heroicons.json": <no response> fetch failed
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at $fetchRaw2 (c:\Users\ubaid58653\.vscode-insiders\extensions\antfu.iconify-0.7.5\index.js:10597:14)
    at $fetch22 (c:\Users\ubaid58653\.vscode-insiders\extensions\antfu.iconify-0.7.5\index.js:10630:16)
    at c:\Users\ubaid58653\.vscode-insiders\extensions\antfu.iconify-0.7.5\index.js:10741:16

Please note that:

• all other vscode features (updates, extensions) work fine
• I have followed this thread: #7
• I have tried setting http.proxySupport to "on" & "override"
• I can access the icon json link in browser (https://icones.js.org/collections/heroicons.json)

Reproduction

Just set proxy with auth i.e. http://12345:[email protected]:1234

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11700 @ 2.50GHz
    Memory: 15.66 GB / 31.73 GB
  Binaries:
    Node: 20.12.0 - E:\dev_tools\nodejs\node.EXE
    npm: 10.5.0 - E:\dev_tools\nodejs\npm.CMD
    pnpm: 8.15.5 - E:\dev_tools\nodejs\pnpm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (123.0.2420.65)
    Internet Explorer: 11.0.19041.1566

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.