raathigesh/waypoint

📍 VSCode extension for navigating JS codebases

VSCode extension for navigating JS codebases

Waypoint is a VSCode extension which aims to make navigating JS codebases easier by providing you with delightful tools.

Join waypoint community discord to discuss ways to improve or to ask questions.

• 💨 Fast symbol search
  • Find the function, class, type or variable you are looking for faster than ever.
• 🎲 Filter while you search
  • Filter your search results by applying filters such as classes, functions, variables and types.
• 🔖 Bookmark your symbols
  • Bookmark your symbols for later.
• 📑 Import symbols to the current file
  • Import a symbol from bookmarks or search results into the current file with a click of a button.
• ⬜ Supports JS, TS and Flow
  • Supports JavaScript, TypeScript and Flow codebases.

Get started

• Install the extension from marketplace.
• Click on the Waypoint icon on the top right corner of any file to open the Waypoint panel.

Configuring your project

Read the docs for additional configurations.

Contributing to Waypoint

Have a look at our contribution guide.

Contributors

Thanks goes to these wonderful people (emoji key):

Raathi Kugarajan 💻 📖 ⚠️

Saurabh Daware 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

waypoint's Issues

Support vue

First, thank you for making such a handy extension, I'm really appreciate that. I'm using Vue so it would be great if this extension support Vue files as well, please consider that, I also would be happy to contribute if I find the solution, thank you.

How to exclude folders from index?

Hi,
The index includes result from the build (/dist folder). How can we exclude this folder? The configuration only seems to allow adding folders.
Thanks for your feedback.
Johan

Crashing on large projects

I've got a rather large project that seems to crash the extension as it exceeds the memory limit. It's currently failing around the 3k-6k file mark, which unfortunately is about 15% of the way through indexing.

Add dark theme

A lot of folks asked for dark theme so let's give them that.

Fails to index default unnamed export

While indexing, any files that have a straight default export will fail to index

/Users/userName/Projects/projectName/app/scenes/sceneName.js
TypeError: Cannot read property 'name' of null

export default function () { … }

Naming the export fixes it

export default function Scene() { … }

Would love to have a shortcut key to toggle menu

I think having a shortcut key will improve the experience for the user :D

Also, if you agree, let me know if I can contribute and a keybind that you'll prefer.

Import alias text inputs not responding

When you open preferences and try to add import aliases, the input gets focused but you're unable to type any text into them. Nor does the "remove / X" button to the right of the line item work.

Unable to get any files or symbols to be picked up

I have no lack getting JSBubble to pick up any files. I've attempted to:

1. Add relative paths to the config
2. Add absolute paths to the config
3. Clicking Start Indexing

But no errors are reported but also no files appear to be picked up:

I have also tried to add file via (Add file to stage) command but that also just creates empty bubble

Any help trying to figure this out would be great!

VSCode Metadata

Version: 1.45.1
Commit: 5763d909d5f12fe19f215cbfdd29a91c0fa9208a
Date: 2020-05-14T08:33:47.663Z (1 wk ago)
Electron: 7.2.4
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Darwin x64 19.4.0

Suggestions

I installed the extension and played with it for a while. I absolutely loved it. I know this is in the very early stage so i will put all the things here:

Suggestion

• clicking on a keyword will move the stage to the target window when it's offstage

(skeleton window is opened and offstage)
after clicking on skeleton

it would be great to update the history states so we can use the back button on the mouse to go to the previous position.

• opened windows
  a window that shows list of opened windows and when clicked on one it will show the window on the stage.

• Indicate related window when hovering over the source
  
  (mouse is over theme and the window left is indicated with black border)

• Support for regions
  currently we can add a file or symbol to stage.It would be amazing if could use regions too.
  some use cases and examples:
  react hooks:
  
  a class that can have two regions:
  region values:
  
  region elements:
  

Bugs

• Sometimes texts get blurry
  
  (notice right window is blury but left is not)

Indexing not working

Issue Type: Bug

I'm trying to index just one folder but nothing is indexed. Webview devtools spills out an ever rising count of warnings.

Extension version: 0.38.4
VS Code version: Code - Insiders 1.48.0-insider (15e798e081984a17eae00de91adf4479190d5ed2, 2020-07-28T10:40:03.139Z)
OS version: Darwin x64 18.7.0

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz (8 x 2800)
GPU Status	2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled metal: disabled_off multiple_raster_threads: enabled_on oop_rasterization: enabled opengl: enabled_on protected_video_decode: unavailable_off rasterization: enabled skia_renderer: disabled_off_ok video_decode: enabled webgl: enabled webgl2: enabled
Load (avg)	3, 4, 4
Memory (System)	16.00GB (0.49GB free)
Process Argv	--crash-reporter-id 3b7acc73-7f05-4994-b539-24b72f428fcd
Screen Reader	no
VM	0%

Connection Refused

Issue Type: Bug

When I close the waypoint webview and reopen it I get a connection refused and the webview stays empty.

Extension version: 0.38.4
VS Code version: Code - Insiders 1.48.0-insider (15e798e081984a17eae00de91adf4479190d5ed2, 2020-07-28T10:40:03.139Z)
OS version: Darwin x64 18.7.0

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz (8 x 2800)
GPU Status	2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled metal: disabled_off multiple_raster_threads: enabled_on oop_rasterization: enabled opengl: enabled_on protected_video_decode: unavailable_off rasterization: enabled skia_renderer: disabled_off_ok video_decode: enabled webgl: enabled webgl2: enabled
Load (avg)	14, 13, 8
Memory (System)	16.00GB (0.10GB free)
Process Argv	--crash-reporter-id 3b7acc73-7f05-4994-b539-24b72f428fcd
Screen Reader	no
VM	0%

Not able to open other bubble windows by clicking on symbols

I have indexed a react project in JS Bubbles. I am manually able to open the component files. I could see small markers in the right column

But nothing happens when I click on it, click gets captured by Scroll bar. Doing a Cmd + click on the symbol also doesn't do anything and there is no error.
@Raathigesh Any suggestion or workarounds to make it work?