kisstkondoros/gutter-preview

Image Preview - Visual Studio Code Extension

Shows image preview in the gutter and on hover

It looks like this

Install

How to install Visual Studio Code extensions

Direct link to Visual Studio Code Marketplace

Change Log

• 0.31.2
  • Update changelog
  • Attempt to fix server restarts
  • Change activation event to onStartupFinished
  • Defer creation of output channel
• 0.31.1
  • Update changelog
  • Update dependencies
  • Migrate to tsup
• 0.31.0
  • Update changelog
  • Add avif support (contribution by @rommelmamedov)
  • Add option to load images without extensions (contribution by @toFrankie)
    • See option "gutterpreview.urlDetectionPatterns" for details
• 0.30.0
  • Update changelog
  • Update dependencies
  • Fix reference lookup based resolution
  • Resolve Data URIs within quoted strings as well
• 0.29.0
  • Add new configuration property 'gutterpreview.imagePreviewMaxWidth'
    • By definining it to any value > 0, it will be used to set the width of the image. Note that the image might overflow the hover preview.
• 0.28.1
  • Fixed extension initialization without a workspace
• 0.28.0
  • Add file size to hover preview
  • Reorver lines in preview
  • Update changelog
  • Update dependencies
• 0.27.1
  • Update changelog
• 0.27.0
  • Update dependencies
  • Fix temp file related issues
• 0.26.2
  • Update dependencies
• 0.26.1
  • Update vscode engine version to 1.44.0
• 0.26.0
  • Support for paths with spaces in markdown's image syntax (contribution by @episage)
• 0.25.0
  • Add "Open Containing Folder" link to hover message
• 0.24.0
  • Skip style injection for svg-s if currentColorForSVG is set to empty string
• 0.23.0
  • Added webp to acceptedExtensions (contribution by @Afsar-Pasha)
• 0.22.3
  • Fix handling of special characters in URIs
• 0.22.2
  • Fix file URI handling
• 0.22.1
  • Remove unnecessary files from the package
• 0.22.0
  • Use webpack to bundle the extension
  • Update to [email protected]
  • Check CancellationToken while collecting resource references
• 0.21.1
  • Disable reference resolution by default
• 0.21.0
  • Show images defined in constant classes
• 0.20.0
  • Add currentColor configuration support for SVGs
• 0.19.5
  • Fix data uri handling (contribution by @rafaelkendy)
• 0.19.4
  • Prepend file protocol to image url in the hover preview (bug fix for Remote - WSL)
• 0.19.3
  • Add special case extracting urls from between braces for latex
• 0.19.2
  • Downgrade vscode-languageclient and -server to 5.21
• 0.19.1
  • Update dependencies
• 0.19.0
  • Add ico to accepted extensions
• 0.18.0
  • Add "Reveal in Side Bar" link to hover message
• 0.17.5
  • Fix processing of js/tsconfig path section
• 0.17.4
  • Ensure loadPathsFromTSConfig always returns at least an empty object
  • Update runtime dependencies
• 0.17.3
  • Fix and adjust loading of path aliases from js/tsconfig
• 0.17.2
  • Remove trailing wildcard from js/tsconfig path mappings
• 0.17.1
  • Add typescript as runtime dependency
• 0.17.0
  • Add support for path aliases defined by config property or by js/tsconfig
    • see path mapping in the typescript documentation for further details Please note that a restart is necessary after changing the js/tsconfig.json.
• 0.16.5
  • Replace probe-image-size with image-size
• 0.16.4
  • Update dependencies
• 0.16.3
  • Avoid repeated decorations when word wrapping is enabled
• 0.16.2
  • Handle error explicitly when requesting resources from the network
• 0.16.1
  • Fix typo in readme
• 0.16.0
  • Fix image size calculation
  • Fix image path handling under Windows
  • Require vscode version 1.28.0
  • Make use of ImageCache for faster image path verification
  • Implement partial scan and proper cancellation token handling
• 0.15.3
  • Skip lines longer than 20k when searching for potential links
  • Fix runtime dependency issue (slash)
• 0.15.2
  • Restore vscode.Uri based image handling for decorations
• 0.15.1
  • Update dependencies
  • Add scope for configuration properties
• 0.15.0
  • Change casing of configuration options (by Orhan Sönmez)
  • Add option (gutterpreview.showUnderline) to disable link like underline (by Orhan Sönmez)
  • Use more flexible pattern for data url detection
  • Fix path resolution for urls relative to the workspace folder
• 0.14.2
  • Fix several windows compatiblity issues
• 0.14.1
  • Add null checks around editor instances
• 0.14.0
  • Remove onFileChange callback from ImageCache
  • Fix throttledScan implementation
  • Add recognizer for data Urls
  • Reformat package json
  • Add underline to recognized urls
  • Dispose unused decorations
  • Detect more than one url in a single line
  • Use column metadata from recognizers
  • Pass workspacefolder for the given document explicitly
  • Remove superfluous recognizers
  • Replace onLanguage activation events with '*'
  • Move link search logic off the extension host
  • Add localLinkRecognizer
  • Add workspace.rootPath as fallback to RelativeToWorkspaceRootFileUrlMapper
  • Simplify recognizer execution
  • Reorganize variables
  • Move temporary file handling to imagecache
  • Simplify disposable handling
  • Extract ImageCache
  • Extract mappers and recognizers from extension.ts
  • Add prettier along with husky to ensure consistent formatting
  • Remove unused variables
  • Remove unused dependency: base64-img
  • Remove unused imports
  • Add linkRecognizer
  • Support hover preview in output tab
  • Reformat extension.ts
• 0.13.1
  • Avoid NPE for invalid URL's
• 0.13.0
  • Add new configuration property 'gutterpreview.imagepreviewmaxheight'
• 0.12.2
  • Only consider path name in file system based url mappers
• 0.12.1
  • Adjust file lookup and add multi root support
• 0.12.0
  • Avoid file locks by using temp files
• 0.11.4
  • Support lookup in template strings
• 0.11.3
  • Add missing protocol check
• 0.11.2
  • Updated the python regex to account for lines with multiple strings
• 0.11.1
  • Remove path separator replacements
• 0.11.0
  • Added a python image filename recognizer
• 0.10.2
  • Provide fallback for http hosted images
• 0.10.1
  • Attempt to fix path join on macOS Sierra
• 0.10.0
  • Add info about image size to hover preview
  • Show hover preview without file type restriction
• 0.9.1
  • Ignore workspace relative url mapper when there is no workspace at all
• 0.9.0
  • Support images in markdown files
• 0.8.0
  • Change Extension name to Image Preview
  • Add option ("showimagepreviewongutter") to disable image preview on the gutter
• 0.7.2
  • Set image height on supported vscode versions
• 0.7.1
  • Update changelog
• 0.7.0
  • Add http scheme for // urls
• 0.6.2
  • Run recognition also when the activeTextEditor is changed
  • Fix image url detection RegExp
• 0.6.1
  • Support old and new RenderOptions API
• 0.6.0
  • Add image src recognizer
• 0.5.0
  • Added "gutterpreview.sourcefolder" configuration variable
• 0.4.1
  • Add image hover provider to scss files as well
• 0.4.0
  • Add html to supported file types
  • Dedupe recognized urls
  • Format source code
  • Add http/https url matcher
  • Fix file url creation
• 0.3.0
  • Support data URI's in hover widget
• 0.2.3
  • VSCode engine dependency changed to allow further versions
• 0.2.2
  • Hack is now unnecessary it was removed from the readme
• 0.2.1
  • Readme updated
• 0.2.0
  • code restricted to work on css/scss/less files
  • hacks removed
• 0.1.0
  • Image preview shown on hover as well
• 0.0.3
  • Displayname fixed
• 0.0.2
  • Sample image attached
• 0.0.1
  • Initial project setup

License

Licensed under MIT

gutter-preview's Issues

SVG preview only works without "@" syntax

SVGs currently only can properly be previewed when referenced
via "../../"... pathes, but not when using alias pathes from tsconfig.json.

Example:

this preview works:

&-start {
            background-image: url("../../../assets/buttons/Destination.svg");
            background-size: contain;
            background-position: center;
            @include size(32px, 32px);
         }

this preview does not work:

 &-dest {
            background-image: url("@assets/buttons/Destination.svg");
            background-size: contain;
            background-position: center;
            @include size(32px, 32px);
         }

Expected: also the "@" syntax variant works properly

See attached screenshot:

• green = good case
• pink = broken case

Multi-preview ?

Is it normal ? (lol)
word wrap on

word wrap off

Showing image if file selected in editor (especially for svg)

Would love if the gutter could also preview svg images when the file is selected ?

Image size not shown in Windows

Operating System: Windows 7
VS Code: 1.28.2
If I put the cursor above an image URL, the image is shown but both width and height are not shown.

Thanking you in advance,

[suggest] double click to win folder

Hi, i luve this plugin, and i just want add a little suggest here, i dont know if possible but do you think your can add a option for when double click on the image, open the window navigation to the current folder ?

it just a suggest for get some more productivity when we need to check in the folder.
thanks a lot friend.

Extension causes high cpu load

• Issue Type: Performance
• Extension Name: vscode-gutter-preview
• Extension Version: 0.16.5
• OS Version: Darwin x64 18.2.0
• VSCode version: 1.30.2

kisstkondoros.vscode-gutter-preview-unresponsive.cpuprofile.txt

Support Steam Image URL's

like

https://steamuserimages-a.akamaihd.net/ugc/269465369197223851/44A5D3F3131F2EED3BB179D14753E11EADE43DAB/

Bug on vscode 1.27.2 x64 - windows 10 x64 - 1803

Not working on this vscode version. i clean-uninstalled vscode with some 3rd part uninstaller (bcuninstall, i have used iobit uninstaller too) , reinstalled it but nothing more to make it work, i have your last version 0.14.2 but not working better :/ i have verified the links of my pictures and they're fine, all is in a good place... not a lot of other extensions added except some themes

Add support for SVG

The extension does not show SVG files in the preview, it would be great if it did :)

no work any more ?

hi friend, i see you add some commit, i dont know since when but in my .js file , when i link image , it seem not work anymore ?

did you have tips ?
thanks your plugin are awsome.

EDIT: i also just try disable all extentions and it seem not work...

Couldn't start client gutterpreview parser

https://marketplace.visualstudio.com/items?itemName=mkloubert.vscode-remote-workspace
Report an error when loading a remote workspace with this extension.

[Error - 1:12:34 AM] Starting client failed
Error: spawn /Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper.app/Contents/MacOS/Code Helper ENOENT
at _errnoException (util.js:1024:11)
at Process.__dirname.ChildProcess._handle.onexit (internal/child_process.js:190:19)
at onErrorNT (internal/child_process.js:372:16)
at _combinedTickCallback (internal/process/next_tick.js:138:11)
at process._tickDomainCallback (internal/process/next_tick.js:218:9)

Not working in Windows..

Version 0.14.0

From the console:

 ERR Cannot read property 'document' of undefined: TypeError: Cannot read property 'document' of undefined
	at context.subscriptions.push.vscode.window.onDidChangeActiveTextEditor.e (C:\Users\nscott\.vscode\extensions\kisstkondoros.vscode-gutter-preview-0.14.0\out\src\decorator.js:113:25)

Don't think that it's the cause of the problem, but I'm not seeing anything in the gutter or popups?

Works fine under Ubuntu though...!?

Alias import support

It would be great if you could support alias imports eg in my jsconfig.json i define alias imports to be able to use @myAlias to import globally example:

{
  "compilerOptions": {
    "baseUrl": "./src/",
    "paths": {
      "@infonerd-web/*": ["web"],
      "@infonerd-native/*": ["native"],
      "@infonerd/*": ["*"]
    }
  }
}

Feature Request: Preview images in output channel?

Is it possible to extend this so that urls shown in an output channel can be shown too?

I put some debug into the extension and I could see that it was activating the hover provider for the output channel, but I assume it hasn't been able to find the URL and generate an image for it.

The "path" argument must be of type string. Received type undefined

I am getting hundreds of errors in Developer Tools console log:

mainThreadExtensionService.ts:50 TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined

at Timeout.throttleIds.(anonymous function).setTimeout [as _onTimeout] (kisstkondoros.vscode-gutter-preview-0.17.2/out/src/decorator.js:19:17)

I try to keep my console log clear of extension errors so I can resolve problems or performance issues with extensions, so I had to disable this extension for now

Activating extension `kisstkondoros.vscode-gutter-preview` failed: Cannot find module 'slash'

.

Support URL with parameter?

We put MD5 string in the image URL for cache busting.

/Content/static/imgs/guide.jpg?md5=0fe2e8b800

Can you add support this kind URL ? Thank you for this handy extension.

Preview local Image in frame ?

Hi friend,
I'm desperately looking for a plugin, which will allow me to simply visualize a reference to an image.

I have to build a huge database.
Similar to Json, but in JS.
Do you have an idea if a plugin that would allow me to visualize a local image in a frames exists?

I took the time to make a small image to show my need.
I will be really happy if, through your experience, you will have a small plugin that will allow this feature.
I would like to see a local image when my mouse passes over a link that references a local image.

Preview
http://imgbox.com/sHLBF4kF

Do you have an idea if your plugin can do something similar, or know you a plugin that could have this feature?

Thank you very much for your help.

Extension causes high cpu load

• Issue Type: Performance
• Extension Name: vscode-gutter-preview
• Extension Version: 0.18.0
• OS Version: Windows_NT x64 10.0.17763
• VSCode version: 1.33.0

⚠️ Make sure to attach this file from your home-directory:
⚠️C:\Users\dreac\kisstkondoros.vscode-gutter-preview-unresponsive.cpuprofile.txt

Find more details here: https://github.com/Microsoft/vscode/wiki/Explain:-extension-causes-high-cpu-load

Extension issue

• Issue Type: Bug
• Extension Name: vscode-gutter-preview
• Extension Version: 0.17.2
• OS Version: Darwin x64 17.7.0
• VSCode version: 1.32.0-insider

{
	"activationTimes": {
		"startup": true,
		"codeLoadingTime": 112,
		"activateCallTime": 7,
		"activateResolvedTime": 19,
		"activationEvent": "*"
	},
	"runtimeErrors": [
		{
			"name": "TypeError [ERR_INVALID_ARG_TYPE]",
			"message": "The \"path\" argument must be of type string. Received type undefined"
		},
		{
			"name": "TypeError [ERR_INVALID_ARG_TYPE]",
			"message": "The \"path\" argument must be of type string. Received type undefined"
		},
		{
			"name": "TypeError [ERR_INVALID_ARG_TYPE]",
			"message": "The \"path\" argument must be of type string. Received type undefined"
		},
		{
			"name": "TypeError [ERR_INVALID_ARG_TYPE]",
			"message": "The \"path\" argument must be of type string. Received type undefined"
		}
	]
}

Image file is locked until VS Code is closed

Hi, ran into an interesting bug while iterating on images for my app.

If I hover over an image and thus bring up the preview, and then attempt to save over the source file with Photoshop, I will get an error that the filename is invalid (even after the hover preview is gone). I'll also be unable to delete the file as it will appear locked.

Closing VS Code will release the lock so I can delete it or save over it, however if I reopen Code and bring up the hover preview again, it will again lock the file.

Windows 10 x64, VS Code 1.17.2, gutter-preview 1.11.4

hover image not show image size

i see change log find

Add info about image size to hover preview

but after i install this plugin , when i hover image src ,it not show image size

Links to for example Google Photos images?

I have a JavaScript array with direct links to images on Google Photos. It would be a good help to be able to preview those? Could you perhaps add that?

Links looks like this one:

  https://lh3.googleusercontent.com/tooP6STn0Vpx-OcgxZ3iYqjmduc94Pm7Ly_hEyt9KxfGVTXJ9rRPaKNorZAPQQHVus_O-Q6PY6lp3yGWGr2JRO1YLkbHJMYZF8FrCnjaMBG1heO79dRfxLcOq2ZYxRd1njYQRyftoiFPK3NtydLJpyvW31SjW5CEINMzrJmki2tAPjwTc2qEnIHlMn4AuIbh8lNayB6aNMKcBq2Eo0wWrLe3RW8gl4BLt17RFUR9rmslTzwU5zYZS9-EzEpQifPdOwCVx0ErGvjspkTxAr3AHesavYGMI57rRB2edLYldfbAd0wzcHp1bF0sfoCTWJflk9BiLB1PiiXeNqBfZfZaRrQL7m0-GC_KpGJBGIRcd2PIU4wSLqwLB7mVneTf5D4iwSYguUGm0-W53oenvy913ENxhGPyqoKUrq8wPfmHdfsAmanpRniuWRONobDmwhY0p7hny-7_fDtp3bbrxIyQi0nqz76i6hD2oqXtoz0lPTD0QZ5p_wyWd2G91f2Y00Yosl7of1T2ZYv59u15mxHKoOuHjI5OHPR4DlqIKP4VlEjwFDjXxrVP4Pv8OlOBCk4pyn2iupz1S1FE1sf0gUgtyGEzS1yxIYmXkGPjk7j7JlV9LPw9EExAiO-QczFJ1ruI56XXmvRfZ5vYjetJcizvsZS8txF-Idykit5zL6vmlpfHpQonHtaN60LwWet77w_HCocnkYVQiwajBFtIbb9mhrpTfA=w1236-h927-no

Not support other separators like "{" in latex {../image/pic.png}

In LaTeX, image preview don't show

\begin{center}
    \includegraphics[width=1\columnwidth]{../image/pic.png} % image not show
    % preview info: "../image/pic.png "  image show
    \captionof{figure}{} % caption
\end{center}

Maybe support preview image in markdown file

In Markdown, image preview don't show

Does not show icons and images in PHP documents with HTML content

It does not preview images if they have not been inserted into Visual Studio Code

Previews not displaying (Cannot convert undefined or null to object: TypeError)

Since the update to 0.17.3 it appears that, at least on my end, the extension has stopped functioning altogether despite being enabled. When I pull open the developer console to try and catch a glimpse, the below is sitting in the console. Downgrading back to 0.17.2 has enabled functionality again.

EDIT:
I'm seeing one of the lines from Issue #38 in there, the Timeout.throttleIds line from decorator.js:19:17, unsure if that's relevant?

Dev Console Log:

/C:/Users/bwfan/AppData/Local/Programs/Microsoft VS Code/resources/app/out/vs/workbench/workbench.main.js:1536
ERR Cannot convert undefined or null to object: TypeError: Cannot convert undefined or null to object
    at Function.assign (<anonymous>)
    at symbolUpdater (C:\Users\bwfan\.vscode\extensions\kisstkondoros.vscode-gutter-preview-0.17.3\out\src\extension.js:95:28)
    at scan (C:\Users\bwfan\.vscode\extensions\kisstkondoros.vscode-gutter-preview-0.17.3\out\src\decorator.js:138:13)
    at Timeout.throttleIds.(anonymous function).setTimeout [as _onTimeout] (C:\Users\bwfan\.vscode\extensions\kisstkondoros.vscode-gutter-preview-0.17.3\out\src\decorator.js:19:17)
    at ontimeout (timers.js:427:11)
    at tryOnTimeout (timers.js:289:5)
    at listOnTimeout (timers.js:252:5)
    at Timer.processTimers (timers.js:212:10)

log.ts:173
ERR Cannot convert undefined or null to object: TypeError: Cannot convert undefined or null to object
    at Function.assign (<anonymous>)
    at symbolUpdater (C:\Users\bwfan\.vscode\extensions\kisstkondoros.vscode-gutter-preview-0.17.3\out\src\extension.js:95:28)
    at scan (C:\Users\bwfan\.vscode\extensions\kisstkondoros.vscode-gutter-preview-0.17.3\out\src\decorator.js:138:13)
    at Timeout.throttleIds.(anonymous function).setTimeout [as _onTimeout] (C:\Users\bwfan\.vscode\extensions\kisstkondoros.vscode-gutter-preview-0.17.3\out\src\decorator.js:19:17)
    at ontimeout (timers.js:427:11)
    at tryOnTimeout (timers.js:289:5)
    at listOnTimeout (timers.js:252:5)
    at Timer.processTimers (timers.js:212:10)

[bug] I can't put breakpoints when there is a image preview on that line

Title is explaining the issue. I can't put breakpoints behind that thumbnail images.

Hover image doesn't work

The image is display on gutter, but on hover nothing happen (on hover I have tooltip about background-color property)

gutter-preview is not compatible with vscode insders 1.4.x

Good Morning,
the latest release of the vscode insiders made a version jump which leads to an error message of gutter-preview only supporting 1.3.x

Conflict with another Extension

Hi @kisstkondoros
I was having a problem with Live server and Live Sass extensions from @ritwickdey (ritwickdey/vscode-live-server#285 (comment))
and I realized it appears to be from a conflict with yours.
I tried all solutions in @ritwickdey's issue and none worked. Then I noticed in the console there was an error pointing to your extension. I disabled it and now @ritwickdey's is ok.
I'm just telling you this because I have to choose between the two and I think it was correct to let you know.
Hope you can manage it with @ritwickdey :)
All the best.
And I hope it was helpfull

The parameter "gutterpreview.paths"

Sorry for my English I use Yandex translator. Could someone give an example for the parameter "gutterpreview.paths". Thanks.

For some image preview is missing

https://prnt.sc/gat4y7

<figure> <h3>KEEPASS</h3> <img src="https://upload.wikimedia.org/wikipedia/commons/0/04/KeePass_icon.svg" alt="KeePass"> <figcaption> <a href="http://keepass.info/" target="_blank" rel="noopener noreferrer" class="btn btn-default">keepass.info</a> <p>Free, open source, light-weight and easy-to-use password manager.</p> </figcaption> </figure>

        
KEEPASS
        
        
            keepass.info
            
Free, open source, light-weight and easy-to-use password manager.
        
    

Maybe preview like Brackets does?

Have you seen the way Brackets handles image previews? When you hover over the image path(both HTML and CSS) a nice popup appears with image in original dimensions, if it is too big, then it is rezised.

Gutter preview is really nice, but apart from icons, other images are really small, basically I can't see the image previewed, all blurred and small.

If it is any help, here is the repo for that extension(later it was added to Brackets core) https://github.com/gruehle/HoverPreview

Don´t work :(

• Extension Name: vscode-gutter-preview
• Extension Version: 0.15.1
• OS Version: Windows_NT x64 10.0.17134
• VSCode version: 1.28.0

We have written the needed data into your clipboard. Please paste:
please :( help not run...

Extension causes high cpu load

• Issue Type: Performance
• Extension Name: vscode-gutter-preview
• Extension Version: 0.16.4
• OS Version: Linux x64 4.15.0-42-generic
• VSCode version: 1.30.0

⚠️ Make sure to attach this file from your home-directory: /home/rolinux/kisstkondoros.vscode-gutter-preview-unresponsive.cpuprofile.txt ⚠️

Find more details here: https://github.com/Microsoft/vscode/wiki/Explain:-extension-causes-high-cpu-load

blade compatibility

laravel 5.8
resources/views/file.blade.php does not show gutter preview
public/file.html shows gutter preview (identical html)

Support for showing images in html files also ?

Very nice plugin. Would be even nicer if it can also preview images inside HTML files besides CSS files.

[Question] Would this method possibly work for another extension

Hello,

First things first, I'm going to admit that I'm not actually a user of this extension. Rather I'm interested if you might have an idea if what you've used here could be applied to something somewhat similar - namely previews of maths blocks for the extension LaTeX-Workshop which I have a vested interest in.

Ideally, I'm hoping to implement something like this. Since from a having-inline-element-appear point of view this seems to be the closest thing - I thought it would be worth asking you whether you think something like this would be possible, and if so whether you would have any pointers.

Thanks!
tecosaur

Doesn't work with template strings

Support for .ico files?

Hey!
We're using .ico files for most icons in a CSS file of a web application. However, this extension doesn't show preview for .ico files (VSCode can display them if you Ctrl+Click them). Other common formats work just fine.
Would it be possible to add support for .ico files? Thank you.

Bug on vscode 1.27.2 x64 - windows 10 x64 - 1809 (the story so far)

i re-open the conversation because i noticed some odd things :

• i splitted my css file in modules that i import as @import"..... .css" and noticed that the extension works again for these files

The odd thing is that if i leave all my tabs opened the extension works only few instants but when i jump in another tab and it finishes to work and i have to restart vscode, i really think it's a problem of memory management (that's my opinion).

• i have raised up the mem number in the prefs but nothing better...

• when i open a css files it keeps working only if i have one tab opened.

finally : is it a problem of memory used by vscode ? what do you suggest about that ? for info i have 8Go of memory installed on my PC window

vscode 1.28.2 - windows 10 october update

works now but with only one tab at a time....in the release notes it says for vscode 1.29 but only 1.28.2 is effective... you mean 1.29 insider version i presume ...

Custom hovered image size?

i like this extension and use it to peek image, but it seems too small.

Error `Path must be a string. Received null`

Hello!

I am getting a repeated occurrence of the following error:

TypeError: Path must be a string. Received null
    at assertPath (path.js:28:11)
    at Object.join (path.js:1251:7)
    at Object.map (/Users/admin/.vscode-insiders/extensions/kisstkondoros.vscode-gutter-preview-0.13.0/out/src/extension.js:97:38)
    at absoluteUrlMappers.map.mapper (/Users/admin/.vscode-insiders/extensions/kisstkondoros.vscode-gutter-preview-0.13.0/out/src/extension.js:150:76)
    at Array.map (<anonymous>)
    at recognizedImages.forEach (/Users/admin/.vscode-insiders/extensions/kisstkondoros.vscode-gutter-preview-0.13.0/out/src/extension.js:150:55)
    at Array.forEach (<anonymous>)
    at collectEntries (/Users/admin/.vscode-insiders/extensions/kisstkondoros.vscode-gutter-preview-0.13.0/out/src/extension.js:149:30)
    at scan (/Users/admin/.vscode-insiders/extensions/kisstkondoros.vscode-gutter-preview-0.13.0/out/src/extension.js:278:13)
    at Timeout.setTimeout [as _onTimeout] (/Users/admin/.vscode-insiders/extensions/kisstkondoros.vscode-gutter-preview-0.13.0/out/src/extension.js:271:39)
    at ontimeout (timers.js:475:11)
    at tryOnTimeout (timers.js:310:5)
    at Timer.listOnTimeout (timers.js:270:5)

Running Code - Insiders, Version 1.26.0-insider, macOS 10.13.6

The error has been intermittent, so I haven't been able to nail down solid repro steps for it just yet, but I thought I would submit this issue in the meantime.

Extension causes high cpu load

• Issue Type: Performance
• Extension Name: vscode-gutter-preview
• Extension Version: 0.17.5
• OS Version: Darwin x64 18.2.0
• VSCode version: 1.31.1

⚠️ Make sure to attach this file from your home-directory: /Users/neven/kisstkondoros.vscode-gutter-preview-unresponsive.cpuprofile.txt ⚠️

Find more details here: https://github.com/Microsoft/vscode/wiki/Explain:-extension-causes-high-cpu-load

previews in output windows not appearing

This was working fine, but seems to have stopped again (Windows and Ubuntu).

I've noticed the following error in the console, which could be related?

/usr/share/code/resources/app/out/vs/workbench/workbench.main.js:3294 Activating extension 'kisstkondoros.vscode-gutter-preview' failed: Cannot find module 'slash'.
E._logMessageInConsole @ /usr/share/code/resources/app/out/vs/workbench/workbench.main.js:3294

Extension causes high cpu load

• Issue Type: Performance
• Extension Name: vscode-gutter-preview
• Extension Version: 0.16.4
• OS Version: Linux x64 4.19.12-arch1-1-ARCH
• VSCode version: 1.30.1

⚠️ Make sure to attach this file from your home-directory: /home/aksh/kisstkondoros.vscode-gutter-preview-unresponsive.cpuprofile.txt ⚠️
kisstkondoros.vscode-gutter-preview-unresponsive.cpuprofile.txt

Find more details here: https://github.com/Microsoft/vscode/wiki/Explain:-extension-causes-high-cpu-load

hover img src has not effect in .vue files

As the picture shows. Img preview on the left is ok. But cursor hover has no preview.

Image preview 0.9.1
OS: macOS Sierra
vscode 1.12.2

Add react support

Would be nice if you recognized require('./local/path/to/img.jpg') which is sometimes used in React for rendering images. Would be cool if almost any LOCAL image path or string that gets recognized generated a preview.