If image, show preview.

[yomybaby]

Look below screenshot. Yes, that's it. 😁

If you want to test add below option to 'config.cson'

  "autocomplete-paths":
    scopes: [
      {
        scopes: [
          "source.js"
          "source.js.jsx"
        ]
        prefixes: [
          "require\\(['\"]"
        ]
        extensions: [
          "png"
          "jpg"
        ]
        replaceOnInsert: [
          [
            "(@[2-9]x)\\.png?$"
            ".png"
          ]
        ]
        relative: true
      }
    ]

[aminya]

This currently does not work. It does not show the preview.

I am also concerned with the performance impact of this change.

[OmgImAlexis]

I can’t see anything that would cause a noticeable “performance impact”?

[aminya]

I can’t see anything that would cause a noticeable “performance impact”?

The previous implementation only adds a class, but this PR renders images (which can take some time to load). We should make the image rendering concurrent and lazy somehow, so it does not affect other functionalities of autocomplete.

If the performance impact was noticeable, I will hide it behind an optional config that can be enabled by the users.

[OmgImAlexis]

The images are all local. Not sure loading times are going to be worth taking into account. Maybe only auto show files under x MB?

[aminya]

I have better solutions for this. As part of building the cache, on a WebWorker, we can make tiny icons from the images that can load very fast.

See #231