• Packages
  • Themes
  • Documentation
  • Blog
  • Discussions
Sign in

js-func-viewer

A function structure viewer for Javascript file
  • #acorn
  • #ecmascript
liujingbreak
4,518
1
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

Javascript file function structure viewer

Helps you to navigate a file structure based on function definition and jump to the line.

It has more structural view than what cmd + R has.

Usage:

  1. Focus on editor area

  2. Press cmd + F12 or ctrl + F12 to toggle visibility, also press cmd + F12, ctrl + F12 or ESC to hide.

Excellent viewer for test spec-like file structure.

Supported grammar structure

This plugin uses acorn-jsx to parse JS grammar structure, so it should support parsing all versions of ECMAScript and JSX script.

What will be shown in popup list

  • Class decalaration node which has any member function
  • Function type node
  • Arrow function node
  • Nested function type node
  • Variable name which is assigned to a function type node
  • JSON object literal which contains any property whose value is a function type node
  • Object property whose value is a function type node
  • Function call expression whose second argument is a function callback (helps to view Test spec-like file structure)

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by