An attempt to write a non-invasive IDE provider for TypeScript and JavaScript.
(The package name envisions that this could eventually be an official or semi-official Pulsar package, but it’s too early to presume that.)
IDE features are great when they make you feel productive, but bad when they get in your way. Because the line between “useful” and “invasive” will vary per person, we want to provide an IDE experience that is, above all, customizable:
- IDE “provider” packages (like this one) act as the “brain” behind a bunch of UI features.
- Each individual UI feature can be implemented by a different Pulsar package. Some of these packages are built into the core Pulsar editor and some are community packages.
- The user can pick and choose among those packages. If you want a maximal experience, you can install a whole slate of packages. If you want only a few features, you can pick only the packages you want, and uninstall or disable the ones you don’t.
- Provider packages should not care whether a consumer package is installed for a given service, nor should it mandate that any package be installed at all.
This package integrates with recent versions of Pulsar’s built-in symbols-view package.
You can view a comprehensive list of file symbols with Ctrl-R/Cmd-R:
Or search the entire package for symbols via Ctrl-Shift-R/Cmd-Shift-R:
Or use Ctrl-Alt-Down/Cmd-Opt-Down to jump to the definition of the symbol under the cursor — even if it’s in another file — then use Ctrl-Alt-Up/Cmd-Opt-Up to return to your original cursor position:
This package allows you to ignore certain kinds of diagnostic messages. You can choose whether to ignore them altogether or just until the file is saved:
The latter is useful for annoying messages that point out “problems” in your code that you simply haven’t had a chance to fix yet because you’re literally still typing.
Diagnostic messages require the community linter package. The menu shown in the screenshot above is implemented by the community intentions package.
You can place the cursor inside of any token and invoke a command to rename it. This package will be able to tell Pulsar which other usages of that symbol need to be renamed as well.
This feature requires the community pulsar-refactor package.
Like ide-typescript, this package can be configured to start a language server for JavaScript-only projects. Enable the Include JavaScript setting in this package’s settings menu. No separate package is required.
A smaller feature set is available inside of JavaScript projects; autocompletion and symbol providers are sparser with their suggestions, and features like refactoring may not be available at all. Still, you’ll probably be impressed with what it can do.
Install this package, then install any of the following packages to get special features:
- autocomplete-plus (builtin)
- See autocompletion options as you type
- symbols-view (builtin)
- View and filter a list of symbols in the current file
- View and filter a list of symbols across all files in the project
- Jump to the definition of the symbol under the cursor
- linter and linter-ui-default
- View diagnostic messages as you type
- intentions
- Open a menu to view possible code actions for a diagnostic message
- Open a menu to view possible code actions for the file at large
- atom-ide-definitions
- Jump to the definition of the symbol under the cursor
- pulsar-outline-view
- View a hierarchical list of the file’s symbols
- atom-ide-outline
- View a hierarchical list of the file’s symbols
- View the call hierarchy for a given file
- atom-ide-datatip
- Hover over a symbol to see any related documentation, including method signatures
- atom-ide-signature-help
- View a function’s parameter signature as you type its arguments
- atom-ide-code-format
- Invoke on a buffer (or a subset of your buffer) to reformat your code according to the language server’s settings
- pulsar-refactor
- Perform project-wide renaming of variables, methods, classes and types
- pulsar-find-references
- Place the cursor inside of a token to highlight other usages of that token
- Place the cursor inside of a token, then view a
find-and-replace-style “results” panel containing all usages of that token across your project
This package provides the following services. Click on each link to find packages that can consume each service:
- intentions:list
- symbol.provider
- autocomplete.provider
- code-actions
- code-format.range
- call-hierarchy
- code-highlight
- definitions
- find-references
- outline-view
- refactor
This package consumes the following services. Click on each link to find packages that can provide each service: