ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Resolve Javascript Modules

by Thomas Welter ST3

This plugin for Sublime Text 3 adds completions for es modules, import file paths and browser api's.

Details

Installs

  • Total 1K
  • Win 726
  • Mac 153
  • Linux 213
Feb 22 Feb 21 Feb 20 Feb 19 Feb 18 Feb 17 Feb 16 Feb 15 Feb 14 Feb 13 Feb 12 Feb 11 Feb 10 Feb 9 Feb 8 Feb 7 Feb 6 Feb 5 Feb 4 Feb 3 Feb 2 Feb 1 Jan 31 Jan 30 Jan 29 Jan 28 Jan 27 Jan 26 Jan 25 Jan 24 Jan 23 Jan 22 Jan 21 Jan 20 Jan 19 Jan 18 Jan 17 Jan 16 Jan 15 Jan 14 Jan 13 Jan 12 Jan 11 Jan 10 Jan 9
Windows 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 1 2 1 0 0 0 0 0 0 0 1 0 0 1 0 0 0 0 0 0 0 0 0 0
Mac 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1
Linux 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 1 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0

Readme

Source
raw.​githubusercontent.​com

Resolve JS Modules

This plugin for Sublime Text 3 adds completions for es modules, import file paths and browser api's.

Auto complete module exports

Auto complete file paths

Auto complete browser api's

How to use

use relative imports: import * as xyz from './relative/path.js' the import path is checked when writing xyz., if the file does not exist or could not be parsed the path is underlined. You can remove any error by fixing the problems and requesting the object again.

How it works

The imports are parsed from the beginning of the file, it looks at wildcard imports of the form import * as xyz from './relative/path.js'. Then the module is parsed using a python port of esprima and cached for later use. The implementation is fully written in python without external dependencies.

Why

There are other plugins available but I find that they have performance problems and bugs. This plugin focuses on performance and javascript specific functionality.

Regenerating browser completions

Open get_browser_completions.html in a browser and copy the console.log to a file browser_completions.json. You can also change the file contents to {} to disable browser completions or add your own there.

limitations

  • nested objects are not completed fully
  • re-exports are ignored
  • parsing is done on the main thread (but is cached)
  • only supports relative paths for imports

esprima

esprima python port is found at: https://github.com/Kronuz/esprima-python esprima itself is found at: https://esprima.org/