FileBrowser for SublimeText

Ditch sidebar and browse your files in a normal tab with keyboard, like a pro!

You can also use it as a sidebar that you can put on right or left side

Installation

You can install via Sublime Package Control

Or clone this repo into your SublimeText Packages directory and rename it to FileBrowser, in this case, if you want to make auto-refresh work (note it is an optional feature you may ignore it) then some extra steps might be required:

1. Satisfy dependencies
   • If you have Package Control installed, bring up command palette and run Package Control: Satisfy Dependencies command
   • If you have no Package Control, then manually install dependencies (every cloning should be into Packages directory):
     1. Clone https://github.com/codexns/package_events
     2. Clone https://github.com/vovkkk/sublime-pathtools and rename to pathtools
     3. Clone https://github.com/vovkkk/sublime-watchdog and rename to watchdog
     4. Write your own plugin which would handle loading order: pathtools must be loaded before watchdog, and watchdog and package_events must be loaded before FileBrowser, that is why we recommend to use Package Control, but there is option for workaround
2. Restart Sublime Text

Commands and Keybindings

This plugin does not add any keybindings for opening a new tab in Browse Mode. Although, the commands to do that are available in Command Palette but it is recommended to bind F1 to open the current file directory in Browse Mode with this piece of code (that you can add to your Key Bindings - User file):

{
  "keys": ["f1"],
  "command": "dired",
  "args": { "immediate": true }
}

You also can use optional arguments to tweak behavior:

• "single_pane": true — always use a single File Browser view, i.e. prefer to reuse existing one rather than create a new.
• "other_group": "left" (or "right) — open FileBrowser in other group, i.e. like sidebar; if you use "left" then all other tabs from left group will be moved into the right one.
• "project": true — always prefer project's directory(s) rather than path of current view.

You can mix these arguments as you like (perhaps, even bind several shortcuts for different cases); e.g. to completely mimic sidebar, it would be:

{
  "keys": ["f1"],
  "command": "dired",
  "args": {
    "immediate": true,
    "single_pane": true,
    "other_group": "left",
    "project": true
  }
}

Commands

Commands	Description
Browse Mode...	Asks for a directory to open in browse mode
Browse Mode: Current file or project	Opens the directory of current file or project in browse mode
Browse Mode: Left Sidebar	Opens in browse mode as a sidebar on the left
Browse Mode: Right Sidebar	Opens in browse mode as a sidebar on the right
Browse Mode: Jump List	Shows the jump list view (see jump list section below)
Browse Mode: Jump List Quick Panel	Shows the jump list in quick panel

Shortcuts

General Shortcuts

Command	Shortcut
Shortcuts page	?
Refresh view	r

Navigation Shortcuts

Command	Shortcut
Move to previous	k or ↑
Move to next	j or ↓
Expand directory	l or →
Collapse directory	h or ←
Toggle expand/collapse	o
Go to parent directory	backspace
Go to first	⌘+↑ or ctrl+home
Go to last	⌘+↓ or ctrl+end
Jump to	/
Go to directory	g
Quick jump to directory	p
Find in files	s
Toggle mark	m
Toggle mark and move down	shift+↓
Toggle mark and move up	shift+↑
Toggle all marks	t
Unmark all	u
Mark by extension	*

Action Shortcuts

Command	Shortcut
Rename	R
Delete to trash	D
Delete (does not send to trash)	alt+shift+d
Create directory	cd, enter
Create directory and open it	cd, ⌘+enter
Create file	cf, enter
Create file and open it	cf, ⌘+enter
Create/Edit/Remove jump point	P
Toggle hidden files	H
Open in Finder/File Explorer	\
Open in new window	W
Open file in another group	enter
Open all marked items in new tabs	⌘+enter / ctrl+enter
Preview file in another group	shift+enter
Toggle add directory to project	f
Set current directory as the only one for the project	F
Quicklook for Mac or open in default app on other OSs	space

If you prefer to open file(s) on Mac in default app instead of Quicklook, add the following code in your user key bindings file:

{
  "keys": [" "],
  "command": "dired_quick_look", "args": { "preview": false},
  "context": [
    { "key": "selector", "operator": "equal", "operand": "text.dired" },
    { "key": "setting.dired_rename_mode", "operand": false }
  ]
}

Rename Mode Shortcuts

Command	Shortcut
Apply changes	enter
Discard changes	escape

NOTE: All these keyboard shortcuts can be customized in your own key-binding file. Open the default key-bindings file (Preferences → Package Settings → FileBrowser → Keybinding — Default) and copy the ones you want to change to your Keybinding — User file.

Usage

Selecting Files and Directories

You can select files and/or directories by marking them with m, or Shift + ↑/↓ or just use SublimeText multiple cursor feature and extend your cursor to the line that has those files/directories.

You can expand or collapse a directory (or multiple directories using marking or multiple cursors) by pressing o. l or → will also expand directories inline and h or ← will collapse.

Search

Besides incremental search available by /, you also may use build-in "Goto Symbol…" (⌘+r or ctrl + r) for fuzzy search.

"Find in Files…" integration

Press s to summon "Find in Files…" panel — if you've marked some files they will fill Where field, otherwise it will be filled by current directory path.

Rename Mode

The rename command puts the view into rename mode. The view is made editable so files can be renamed directly in the view using all of your SublimeText tools: multiple cursors, search and replace, etc.

After you are done with editing press enter to commit your changes or escape to cancel them.

Cut, copy and paste files

You can move and copy files/folders. Shortcuts are quite standard: x, c, v with ⌘ or ctrl.

You can copy and/or cut as many items and from many locations as you like — status-bar will show amounts of copied and cut items.
If you change your mind — ⌘+z or ctrl+z will clear both lists. Note, those lists are stored in FileBrowser settings file, so you can edit it by hand if need.

As soon as you paste, each item will be either copied or moved into folder under cursor.
If you want to alter the destination path without moving cursor, you may do so with ⌘+shift+v or ctrl+shift+v to open prompt; you may use prompt without copy/cut before, i.e. if those lists in settings file are empty then prompt will take marked or selected item(s) and suggest copying them.

On Windows all operations will be done via system API with all its features (renaming semantics, interactive overwrite, progress-bar, pause/cancel, and so on).

On other OSes all operations will be done via Python API, which is not that cool, but you will see a vague progress in status-bar and can choose what to do in case of conflicts (overwrite, duplicate, skip), however, there are some restrictions, e.g. folders cannot be overwritten or merged.
Duplication adds separator and generic number to old name, e.g. duplicate of file.ext would be file — 2.ext, you can change separator to any string (beware illegal path characters), e.g.

{
  "dired_dup_separator": "_"
}

so new filename would be file_2.ext

Open in new window

Selecting a couple of files and/or directories (either by marking them or using the normal multiple cursor feature of SublimeText) and pressing w will open them in a new window.

Close FileBrowser when files have been opened

Add the following code in your user key bindings file:

{
  "keys": ["enter"],
  "command": "dired_select", "args": {"and_close": true},
  "context": [
    { "key": "selector", "operator": "equal", "operand": "text.dired" },
    { "key": "setting.dired_rename_mode", "operand": false }
  ]
}

Jump List & Jump Points

Adding Jump Points

While in Browse Mode, you can press P(Shift + p) to add the current directory to your Jump List, we call it a Jump Point. It's like Bookmarks or Favorites in other file managers.

Viewing Jump List

There are several ways to view your Jump list:

Jump List in a Quick Panel in Browse Mode

While in Browse Mode, you can press p to view the Jump List in a Sublime quick panel.

NOTE: This command does NOT create a new window or project. it lets you jump quickly to a particular location.

Jump List in a Quick Panel from anywhere

Bring up Command Palette and search for Browse Mode: Jump List Quick Panel (typing bmq should find it for you). If you want to save some key stokes you can add the following code in your user key bindings file:

{
  "keys": ["f3"],
  "command": "dired_jump",
  "args": { "new_window": true }
}

You can change f3 in the above code to your custom keyboard shortcut.

NOTE: This command creates a new window and open that directory in Sublime with a Browse Mode view. The view opens as a left sidebar by default. To change it add dired_open_on_jump to your user settings file (Preferences → Package Settings → FileBrowser → Settings — User). Set it to "right" to open the view as sidebar on the right side of the window or to true to fill all space. A value of false will prevent any view to open when jumping.
To open the directory in the same window call the command with false. To keep the current window if it is empty call the command with "auto" and edit your user settings with "dired_smart_jump": true.

Jump List View

Bring up Command Palette and search for Browse Mode: Jump List (typing bmj should find it for you). This command will open a Jump List View that looks like this:

If you want to save some key stokes you can add the following code in your user key bindings file:

{ "keys": ["f3"], "command": "dired_jump_list" }

You can change f3 in the above code to your custom keyboard shortcut. Jump List View can be browsed using the up/down or j/k. Pressing enter on a jump point will open it in a new window with a Browse Mode view as sidebar or what was configured with dired_open_on_jump. Empty windows will be reused if dired_smart_jump is set to true in your user settings.

Jump List in a new empty window e.g. Hijacking (ST3 only)

You can also configure FileBrower to automatically open Jump List View in new empty windows. That is when you run the new_window command (through menu or using shortcuts) or when SublimeText starts and there's no previous windows open. To do this you need to add the code below to your user settings file (Preferences → Package Settings → FileBrowser → Settings — User)

{ "dired_hijack_new_window": "jump_list" }

Edit/Delete Jump points

When you are in Jump List View pressing P (Shift + p) allow you to rename or delete (by clearing the name) the jump point that is currently highlighted.

When a jump point is opened in Browse Mode pressing P will also do the same.

NOTE: When a jump point is opened in Browse Mode the path in the header is prefixed with name of the jump point.

Hidden files

By default, FileBrowser shows all files in the browsed directory. Pressing h toggles the display of hidden files. For all platforms, any file that starts with a . is considered hidden; additionally, on Windows, files that have the hidden attribute set are also considered hidden.

To set FileBrowser to hide hidden files by default, add the following to your settings:

{ "dired_show_hidden_files": false }

You can also customize the patterns used to determine if a file should be hidden with the dired_hidden_files_patterns setting, which should be either a single pattern string or a list of such patterns:

{ "dired_hidden_files_patterns": [".*", "__pycache__", "*.pyc"] }

VCS integration

In case git status(or hg status) returns a colorable output in current directory, the modified and untracked files will be designated by orange and green icons respectively. You can use setting "vcs_color_blind": true — untracked files will get vertical line on left side of their icons, modified files will get horizontal line under their icons. If Git (or HG) is not presented in your PATH you may set git_path (resp hg_path) setting (see example in default settings file).

Hijacking a new empty window (ST3 only)

FileBrowser can hijack new empty windows and show you a Browse Mode or Jump List View. That is when you run the new_window command (through menu or using shortcuts) or when SublimeText starts and there's no previous windows open.

This feature is only available for ST3 and is disabled by default. You can activate it by setting dired_hijack_new_window to "jump_list" or "dired" in your user settings file (Preferences → Package Settings → FileBrowser → Settings — User).

To disable this feature set it back to false or remove if from your user settings file.

{ "dired_hijack_new_window": "jump_list"}

Using Mouse!

We believe keeping your hands on keyboard and not moving them away to reach the mouse or track-pad will increase your productivity. Despite this, there might be situations where using a mouse to click on a file is easier or you might be in transition to becoming a keyboard ninja and still prefer the mouse by habit. For these situations, you can just double click a file or directory to open them. Although we stand firm with our belief, we're liberals! :)

Auto-refresh

This feature is supposed to automatically refresh a corresponding view(s) whenever something happen within open and/or expanded directories (i.e. a file was created/removed/modified).

Auto-refresh of a corresponding view shall be happen not more than once per second (for performance reason), however, the longest delay is not restricted, which means in some rare cases auto-refresh may not happen for long unrestricted time, but of course you can always refresh a view manually with r.

Auto-refresh can be disabled globally in user settings file

{ "dired_autorefresh": false }

And, regardless of global setting, can be toggled per view via context menu.

Tweaking Look and Feel

Customizing UI Elements

If you don't like ⠤ symbol and want to hide it (then you should use keyboard binding backspace to go to parent directory) you can do it in your user settings file (Preferences → Package Settings → FileBrowser → Settings — User) and paste the code below:

{ "dired_show_parent": false }

If you want to see header (underlined full path) on top of file list:

{ "dired_header": true }

If you want to see full path in tab title and thus in window title if tab is focused:

{ "dired_show_full_path": true }

Changing color scheme

If you don't like colors used in FileBrowser just copy this file to your User directory, change colors and paste the code below in your user settings file:

{ "color_scheme": "Path to your custom color scheme file. e.g. Packages/User/custom_dired.hidden-tmTheme" }

Changing font

Changing the font of sidebar in SublimeText is not that easy! not if you're using FileBrowser as your sidebar. Since it is just a normal Sublime view with a special syntax, you can change the font to whatever font that's available on your system.

To do that, add the code below (don't forget to change the font name!) to user settings file (Preferences → Package Settings → FileBrowser → Settings — User).

{ "font_face": "comic sans" }

Changing font size

Normally you want the FileBrowser to use a smaller font compared to your normal views. It helps you see more content and also prevents any font size changes when you make your normal view font bigger or smaller.

You can change the font size by adding the code below to user settings file (Preferences → Package Settings → FileBrowser → Settings — User).

{ "font_size": 13 }

Changing nested directories indentation

The amount of indentation for nested directories is controlled by tab_size. By default FileBrowser is using a tab_size of 3 but you can customize it in your user settings file (Preferences → Package Settings → FileBrowser → Settings — User).

Other settings

Disable confirmation dialog for sending items to trash (does not affect system one):

{ "dired_confirm_send2trash": false }

Change initial width of FileBrowser column (as sidebar):

The value can be either float as fraction of window width which is 1.0 — so default value 0.3 means that FileBrowser will take slightly less than a third part of window width;
or int as the exact amount of pixels, however, if value will be more than current window width (e.g. 1920) then it will fallback to 0.9.

{ "dired_width": 250 }  // approximately 250 pixels

or

{ "dired_width": 0.2 }  // fifth part of window

Keep Vintageous enabled in FileBrowser view (beware of keybindings incompatibilities)

note it is Vintageous setting, if it does not work you should report into appropriate repository

{ "__vi_external_disable": false }

General tip for Windows users

DirectWrite rendering gives better Unicode support and better font appearance overall, to enable it add following setting into Preferences → Settings — User:

{ "font_options": ["directwrite"] }

Credit

This is a fork of the awesome dired plugin by Michael Kleehammer

License

See the LICENSE file