tree-view-menu

Call a customizable menu which shows user choosed operations of tree-view.
yubaoquan
3,062
Flag as spam or malicious

tree-view-menu

Introduction

Show a button when mouse enters a file or folder entry in tree-view.

Click on this button can do one of things below:

  1. Call a menu which contains frequently used buttons you selected in the setting panel.
  2. Do an operation which is set by you in the setting panel.

Advanced

This package provide some other operations which is not in the context menu of tree-view, such as Collapse, Dispatch, Ignore, Terminal

The Terminal feature is copied from atom-terminal, thanks to the author @karan orz

An interesting feature is Dispatch, it provides a way to set the button's behavior in registered atom commands.

p.s.

  1. This package is developed for use case of opening single project in atom, so there may be some problems when open multiple projects or no project files in atom. If you happen to get any problem, please create an issue in the this package's repo.

  2. When developing this package, the node in atom was in version 7.4.0, and the syntax async/await ran well. I think some atom in lower version would have trouble with new ES syntax(not investigated). So make sure your atom version is up to date.

  3. The copy button in this package does not really copy the file into the system clipboard, it only copy the file's path, so you can only paste the copied file via the 'paste' button in this package's menu. If you want to copy the file and pasted to somewhere outside of atom, please use the copy feature in tree-view's context menu.

demo

Because the original demo2 and demo3 images and their clearly compressed ones are so big (over 8M each) that it may not be seen directly in this page. So I have to also put blurry ones to this page. I add the links of clearly versions as well. You can see the clearly version gif in this package's repo.

demo1

demo1

demo2 clearly

demo2-clearly

demo2 blurry

demo2-min

demo2 clearly compressed image link

demo3 clearly

demo3-clearly

demo3 blurry

demo3-min

demo3 clearly compressed image link

Supported operation

  • Close Pane
  • Collapse Other Folders
  • Collapse
  • Collapse Root Folder
  • Copy
  • Copy Full Path
  • Copy Name
  • Copy Project Path
  • Cut
  • Delete
  • Dispatch
  • Duplicate
  • Find And Replace
  • Ignore
  • New File
  • New Folder
  • Paste
  • Rename
  • Search In Directory
  • Terminal
  • Reveal Active File

Change log

  • 0.1.0 Init
  • 0.1.1 Update readme
  • 0.1.2 Upload more small gif
  • 0.1.3 Fix search in directory method name wrong spell
  • 0.1.4 Fix search in directory cannot call on the root folder
  • 0.1.5 Fix query root node using class icon-repo cause NPE
  • 0.1.6 Skip this version number to fix the problem of version number not correct
  • 0.2.0 Add ignore feature
  • 0.3.0 Add collapse and dispatch feature
  • 0.4.0
    1. Add button alias feature
    2. Custom width and height of menu
  • 0.4.1
    • bugfix:
      1. basename mixed a slash in rename feature
    • operation optimize:
      1. fix the order of operation buttons in menu panel
  • 0.5.0 Allow user custom the width of menu buttons so the entire menu looks more tidy demo
  • 0.5.1 Adjust button width when add button in setting panel
  • 0.5.2 If current folder is collapsed, then click on Collapse will collapse the parent folder. This is useful in collapsing in big folder such as node_modules
  • 0.6.0
    1. After create new file, open it instantly
    2. Proxy find-and-replace and search-in-project, user input text in the text edit modal and let this package to invoke the search
  • 0.6.1 Fix regression: collapse others will collapse all folders to root
  • 0.7.0 Add setting option: Keep Search Text After Search
  • 0.8.0 Add setting option: Button Position, user can set the button to show on the left side of file or folder.

demo

  • 0.8.1
    1. Fix button on the left cover the arrow of folder.
    2. Fix remove class on a node which doesn't has a classList
  • 0.8.2 Fix previous text remain in editor when creating new file / folder.
  • 0.8.3 Fix a bug: sometimes the root path is undefined
  • 0.9.0 Add Terminal feature: open the a terminal in target folder, if target is a file, open the terminal in the folder of the file.
  • 0.9.1 Fix ignore logic find constant values in wrong place.
  • 0.9.2 Update editor width.
  • 0.9.3 Change style of trigger button to solve the position shaking of entries which contains trigger button.
  • 0.9.4 Use a better way to solve the problem in 0.9.3.

terminal

  • 1.0.0 Add config option TerminalOpenPath: with two values:

    1. Open the terminal at current path
    2. Open the terminal at project root terminal open path

  • 1.0.1 Replace file system monitor of tree-view with atom.project

  • 1.0.2 Watch onDidOpen so tree-view expanded after opening file with command palette can trigger a recheck

  • 1.0.3 Do not show trigger button on element which actually is not a directory or file entry. For example, a git branch entry

  • 1.1.0

    1. Add ability to copy/paste files across atom windows
    2. Add tips after click the 'copy' button
    3. Fix typo of copyProjectPath

  • 1.1.1

    1. Fix tree-view root path lost in dom elements when tree-view update.
    2. Rename dataset.root to dataset.treeViewMenuRoot to avoid mistaken this attribute as standard tree-view attribute.

  • 1.1.2

    1. All panels should hide when lose focus.

  • 1.2.0

    1. Add new feature Reveal Active File: When click on this button, the treeView will scroll to the active file.

  • 1.2.1

    1. Update readme.

TODO

  • Unit test needed
  • Refactor to typescript
  • Maybe buttons should have hot-keys