Insert this (WIP)

This is a extension that help you insert image resource into react project with ease

Features

Insert image with context menu

Insert image with drag

Insert variable with drag and drop

Requirements

• vscode 1.97+ for custom typescript command capability

Extension Settings

1. insertThis.jsxTemplateStringByFileExtension
   • template when insert string into JSX element by file extension
2. insertThis.jsxTemplateStringWithImageSizeByFileExtension
   • template when insert image with size into JSX element by file extension
3. insertThis.variableSuffixByFileExtension
   • suffix when add import by file extension, for example fileNameImg
4. insertThis.variableNameRuleByFileExtension
   • naming rule for generated variable name, either camel or pascal
     • import app from 'test.css'
     • import App from 'comp.tsx'

Release Notes

0.0.1

Initial publish

0.0.2

Add tab stop 0 to snippet string so tab won't delete selection

0.0.3

Workaround swc/wasm span bug when there is comment or span before first statement

0.0.4

Add even more swc/wasm workaround

0.0.5

Fix col calculation error caused by multi byte character and add license

0.0.6

Add e2e and fix windows path case issue

0.0.7

Add icon

0.1.0

Total rewrite with vscode Typescript Language Service extension
for improved memory usage and performance

Support multi missing expression by using Typescript Language Service

Fix tons of edge case related to JSX elements

0.1.1

Log clean up

0.1.2

Add configurations for configure jsx tag output

Add configurations for configure variable postfix

Add configurations for configure variable naming convention

Enjoy!