So happy to find an auto-importer that actually works!

Imports should be combined with ones from existing modules.

Current Behavior, follow the numbered comments

import { Button, ListItem } from 'rmwc'; // (1) lets say I had these in a file already
import { Typography }  // (3) This line gets added

const Example = props => <Typography>Hi!</Typography> // (2) and then I auto-imported this

Expected Behavior

import { Button, ListItem, Typography } from 'rmwc'; // (2) and should end up on this line
const Example = props => <Typography>Hi!</Typography> // (1) This gets auto-imported

This icon and number appeared in my status bar after installing this extension {..} : 84

What does this do, and is there a way to get rid of it ?

1. remove semicolon at the end of the existing import-list

2. try to auto-import symbol with intellisense suggestion

3. symbol is not being added to the import-list

4. manually add semicolon to the end of import-list

5. now auto-import correctly adds the symbol

Please publish this extension to the open-vsx.org so that it can be used in open source builds of vsCode. ( like vscodium )

Instructions wiki for publishing
https://github.com/eclipse/openvsx/wiki/Publishing-Extensions
main ref source
https://github.com/VSCodium/vscodium/blob/master/DOCS.md#extensions-marketplace

open issue here
microsoft/vscode#31168

Thank you

This extension is really awesome! If it can also support for multiline import, it will be perfect.

Let's say original I've the following import statements at the top.

import React from 'react'
import {
  View,
  Text,
} from 'react-native';

When I put a new component in the render function (let's say <MyComponent />), the auto import will generate the new import in wrong place.

import React from 'react'
import {
import MyComponent from './MyComponent';
  View,
  Text,
} from 'react-native';

Expected:

import React from 'react'
import {
  View,
  Text,
} from 'react-native';
import MyComponent from './MyComponent';

Auto import make cpu high in vscode and unresponsive

I added connectToStores in the config, and in one file i have one like export default connectToStores(ApplicationEdit);

the reason seems to be: the regex never matches when you have high order component.

it works for me when i changed
(export\\s?(default)?\\s?(class|interface|let|var|const|function)?) ((${this.higherOrderComponents}).+[, (])?(\\w+)
to
(export\\s?(default)?\\s?(class|interface|let|var|const|function)?) ((${this.higherOrderComponents}).*[, (])?(\\w+)
(.+ -> .*)

Thank you for your great plugin.
Could you, please, update it for Angular ~7.2.0.
For example HttpClient import for Angular is not suggested.

If I get a suggestion and hit "Enter", it adds the import regardless if it's already there.

When one types "import XXX" (XXX is an existing class or module) amongst other imports, then press tab to accept a suggested import, the AutoImport module adds auto import entry after other imports, leaving current "import XXX" text where the user typed it. The user has to manually delete this duplicate and move the auto-import to the desired location where the text was originally typed.

Thank you for this great extension!

Browsers have added support for import statements with <script type="module">, but do not (or rather, Chrome does not) support omitting file extensions.

I find this extension very helpful in looking up filepaths, but I always need to go and add "js" to the import statements it adds. :)

When I go to save any *.jsx, *.js, or *.py file, a notification appears like:

and never goes away. the file does not save. If I wait long enough, VSCode entirely hangs and I cannot interact with it

The no semicolon option only works in the first import.

Steps to reproduce

Tested on an react-native project (inside an empty .js file) with the following autoImports Settings:

{
  "autoimport.absolute": false,
  "autoimport.autoComplete": true,
  "autoimport.doubleQuotes": false,
  "autoimport.filesToScan": "**/*.{js,jsx,ts,tsx}",
  "autoimport.higherOrderComponents": "connect|withRouter",
  "autoimport.showNotifications": false,
  "autoimport.sourceRoot": "./",
  "autoimport.spaceBetweenBraces": true,
  "autoimport.semicolon": false
}

1. Type View and the intellisense will suggest the import, use it to generate:

import { View } from 'react-native'

View
// Now start here

2. Type Button and the intellisense will suggest the import, use it. It will not import the Module (if you enable the Semicolon and start over, it will work as expected).

Is it possible for the autoimport entries to be added after the IntelliSense completions?

For example, I have an enum Month with a value April. When I type "ap", the first entries listed are from autoimport (see screenshot), because it's ordered alphabetically. But it's obvious that I want to see only the fields belonging to Month, or that at least they should be listed first.

I was able to configure the plugin to work with an React Native Project, but it fails sometimes and doesn't recognize some modules (ScrollView, DatePickerAndroid, etc)

Steps to reproduce

1. Configure React Native CLI
2. Create an React Native project: react-native init AwesomeProject
3. Open your project with VSCode and create an JS file for tests (Test.js)
4. Use the following code for tests

import React, { Component } from 'react'
export default class User extends Component {
    render() {
        return (
            //Start HERE
        )
    }
}

5. Type <View and do CTRL+SPACE. the intellisense will not suggest the auto import (it will if you do not include the < before View)
6. Starting over,

• type <View, then SPACE (to hide the intellisense)
• then BACKSPACE to delete the inserted space and return the cursor to the <View
• Type CTRL+SPACE to open the intellisense. Now it will suggest the auto-complete

7. Now, let's try to import another module (ScrollView). Starting over, type only ScrollView and after CTRL+SPACE. The intellisense will not find or suggest the import, but it exists in the react-native lib

I have a Next JS app (based on this template) and I have the Vim plugin enabled. Whenever the application is hot reloaded (basically, whenever I save a file while it's running), there is a 3-5 second delay before I'm able to navigate around in my code with Vim. The keystrokes are remembered but take some time before they kick in.

I've seen this behaviour in both the Vim plugin and the NeoVim plugin. When I disable the Auto Import plugin, all is well again and there is no delay in the navigation.

It'd be nice if this came with a hotkey to clear out unused imports as well.

Please add support for respecting existing import-list style

1. semicolon usage
2. sorted list
3. multiline list
4. braces space

Standard ESLint gives an error for unnecessary semicolons at the end of the line. It would be great if there's an option to omit them.

I just installed this plug and the first time I used it, it added this import:

import { AppearanceService } from 'src\api\Services\AppearanceController';

notice the wrong kind of path separators. I am running on windows, but those separators need to be /, not . I don't see a config option to change that. I must have done something wrong when I installed it or something. I would have thought that everybody would be pointing this out.

After testing, the memory usage of this plug-in on my computer often soars, causing vscode to get stuck

my Hardware info:

 Model Name: iMac
  Model Identifier: iMac19,1
  Processor Name: 6-Core Intel Core i5
  Processor Speed: 3 GHz
  Number of Processors: 1
  Total Number of Cores: 6
  L2 Cache (per Core): 256 KB
  L3 Cache: 9 MB
  Memory: 16 GB
  System Firmware Version: 1916.40.6.0.0

When we install this auto-import extension, the Prettier - Code formatter starts hanging. The prettier format takes a long time on save to format the code. When I disable this auto import extension then everything works fine.

This is an issue when you use react and styled-jsx with scss imports.
The import gets added after the @import of the scss file when it should just be added to the imports at the top of the file.

I get this working in *.vue files, but not for *.js
For example:

Vue extension already added to setup and I have Vetur installed too.

When drags a file to some other folder, VS Code by default update the absolute path of that file from all of the files using that. But when this extension is enabled, the default behavior is gone. I am using the latest version VS Code and the extension as well.

When a file has an assignment in the first line, the auto-import is placed in the second line.

Visual example:

• Before auto-import
• After auto-import

My project using standard.js on ESLint. So, I always need to remove ; by myself after imported. That would be great if there has configurable for non-semi-colon.

@NuclleaR Thank you very much for the plugin.
I've been using it for a very long time.

Now I want to implement similar functionality in my cli application.
And I want some advice, because I have not managed to understand everything in the code.
I have some questions.

• Do you collect all names of interfaces and types by yourself manually?
• Do you insert collected types by yourself or using vscode or tsserver?

If you find the time to answer it, I will be very grateful to you.
Thank you.

i was debugging using bisect, and finally found this extension causing save, eslint format that caused it to hang.
1st save or format file works but slow. second and subsequence save seems to trigger the delay and lagged and takes forever to load

Hi,

Thanks for this extension!

Jetbrains products automatically use the special paths configured in webpack. Is it possible for this extension to do that?

For example:

{
  resolve: {
    alias: {
      '@src': path.resolve(__dirname, '..', '..', 'app/javascript'),
      '@types': '@src/types',
      '@images': path.resolve(__dirname, '..', '..', 'app/assets/images')
    }
  }
}

Instead of adding the import with ../../../components/..., Jetbrains products add it as @src/components/.... This is very useful when moving files around, as the imports don't have to be changed.

I was working with vscode, but today suddenly the vscode editor works to slowly and after being get slowed,
vscode window close functionaliy and clicking any buttons, or folders/files in vscode is not possible.

It was working very fine previous days....
Could you please find any solutions to fix vscode getting slow or stopped?
Is there any reasons for that?

Hi,
Is there any way to limit the suggestions by a folder? We have a monorepo with many top-level folders for each of our projects and want to ignore suggestions related to other projects.

Our structure:

/a // project 1
-- a.js // exports foo
/b // project 2
-- a.js // exports foo
-- b.js

when we want to import foo in b.js, we have suggestions from both a/a.js and b/a.js, we want to only see suggestions from b/* in this case.

1. I write this code:

2. In another file, auto import suggestion is error:

When running a build of my project on Linux, this extension (and each of the extensions it's forked from) starts hundreds of ripgrep processes.
If I simply disable this extension I see no hammering of the CPU.

Here is an example of one of the processes (they all have the exact same parameters) of which I believe it probably starts one process per file created during build.

benkais+  2783  4.2  0.1  37980 16768 ?        Sl   15:23   0:00 /opt/visual-studio-code/resources/app/node_modules.asar.unpacked/vscode-ripgrep/bin/rg --files --hidden --case-sensitive -g **/*.{js,jsx,ts,tsx} -g !**/node_modules/** -g !**/.git -g !**/.svn -g !**/.hg -g !**/CVS -g !**/.DS_Store --no-ignore --follow --no-config

The extension is literally unusable on Linux with this flaw. For reference this issue isn't present when running the build under Windows.