Icon naming conflict about streamlinehq-npm HOT 5 CLOSED

You're right, it's an issue in this package design and it must be fixed.
We will be releasing a 1.1.X version of a package soon which uses an image's name + a shortened part of its id. Eg this Bin1 image will be available to import as @streamlinehq/streamlinehq/images/streamline-light/bin-1-n8OgWa.svg. This means it will be a breaking change unfortunately :\

from streamlinehq-npm.

ok great thanks, I can live with that 🙂

from streamlinehq-npm.

Done: this change is implemented in version 2.0.0 https://github.com/webalys-hq/streamlinehq-npm/releases/tag/2.0.0. Please note that it introduces a couple of other breaking changes as well.

Please check it out and tell if it solves your issue.

from streamlinehq-npm.

This doesn't seem very ergonomic. Is there somewhere that lists these ids so that we can easily import icons as needed ?

from streamlinehq-npm.

It's in the app itself: go to https://app.streamlinehq.com, select a family you're interested in, then select an icon you're interested in and see the import path in the sidebar

Another option is to use an IDE which suggests you to autocomplete a path to an image:

I've updated README with these instructions https://github.com/webalys-hq/streamlinehq-npm/blob/master/README.md

On a side note, we're considering adding plugins to popular IDEs: Visual Studio Code and Webstorm, where you would be able to select an image and paste it in code visually. Another thing we're adding soon is a desktop app with drag&drop support.

from streamlinehq-npm.