Atom Packages Directory

a package directory for a text editor of the 21st Century

Lupa

Install with:
    apm install atom-lupa
  

Lupa - outline for JavaScript files (functions, variables etc.) 🔍

click here for Live Demo

atom screenshot

Note:

To allow full project indexing you have to create lupaProject.json in root directory of your project. Example file: { "filePattern": "src/**/*.js" }

This package shows structure of each JavaScript file, with clickable list of functions, imports etc. It allows you to navigate also between different files in project, shows what modules in project import particular file.

It allows you to filter entries by name or type, e.g.:

atom screenshot

You can also perform deep searching, e.g. you can find all functions that have their first parameter named err.

examples of semantic search (DSL can change in future versions).

type:objectLiteral

(space has meaning so this isn’t gonna work:

type : objectLiteral #doesn’t gonna work

Example below finds functions which have foo in name:

type:function foo

type:class

type:todo

params.length:2

params[0].name:err

jsx:true

loc.start.column:7

loc.start.line:3

Example below finds external imports (i.e. these from node_modules):

source:node_modules

It has support for:

atom screenshot

Outline:

atom screenshot

CHANGELOG

# 2016-06-30 * basic support of TypeScript

2016-06-25

2016-06-23

2016-06-22

2016-06-04

2016-06-02

2016-05-29

2016-05-26

2016-05-22

2016-05-17

2016-05-06

2016-05-04

2016-05-03

2016-05-02

2016-05-01

2016-04-30

2016-04-29

2016-04-27

2016-04-23

2016-04-20

2016-04-16

2016-04-15

2016-04-12

2016-04-10

2016-04-08

2016-04-03

2016-03-17

2016-03-16

2016-03-16

LICENSES: - Atom-Lupa: MIT

Keywords: hierarchy, breadcrumbs, navigation, outline, breadcrumb, symbols, overview, code search, productivity, angular, angularjs, commonjs, dependencies, es6, es2015, go to definition, imports, navigate, navigator, require, structure, summary, todo, todos, react, reactjs, jsx, list, tree, symbol, view, class, classes, python, typescript Suggest keywords
Fork me on GitHub