gaspar_schot / Supercharged Local Directory File Browser


Version: updated

Summary: Makes file:/// directory ("Index of...") pages (and many server-generated index pages) actually useful. Adds sidebar and preview pane; keyboard navigation for directory items; audio playback with shuffle and loop; video player; edit, preview, and save markdown/plain text files; preview images and fonts; image and font grids; sorting; user-defined shortcuts; more.



License: GPL-3.0-or-later

FIXED: Really updated markdown-it and plugins.

FIXED: An issue with video display.
FIXED: Several styling issues in Firefox, including textarea in text editor not expanding to full window height.
FIXED: An issue with some servers that add a trailing '/' to the query string.
IMPROVED: Updated markdown-it to v9.0.1; also updated some markdown-it plugins.
NEWS: Version 4.1, with a new feature of interest to designers, is in development.

VERSION 4.0.5b
IMPROVED: Clicking "Parent Directory" link in previewed directories now remembers sorting and numbering prefs.
FIXED: Hopefully fixed close content behavior.
FIXED: Several bugs with sorting items by size.
FIXED: Various minor styling issues and tweaks.
Known issue: PDFs don't always display when selected; this seems to be an issue with Chrome. I will attempt to address this in future updates.

VERSION 4.0.4b Wrapping things up....
Known Issue: Close button function is buggy, particularly with Text Editor and Grids. Fixes coming.
FIXED: Left/Right arrow key navigation failed for video files
FIXED: Content preview title wasn't being set for autoloaded images.
FIXED: An issue with autoloading media and cover art when the first media file was a video.
FIXED: Various issues with parsing local directory indexes in Firefox.
FIXED: Various issues with parsing, calculating, and displaying file size and date-modified information.
IMPROVED: Attempted to make index-type detection and index prep more generic, so that the script will work with more sites "out of the box."
IMPROVED: Made index prep much more efficient, especially for table-type index pages and directories with many items.
IMPROVED: Better error handling for directories with certain percent-encoded characters in file names.
IMPROVED: Changed order of sorting headers to better align with sort data in list.
OTHER: More minor styling issues and improvements.
Please report any bugs or feature requests to mshroud AT
And please consider buying me a coffee (or just let me know what you think), if you find the script useful. Thanks!

VERSION 4.0.3b
ADDED: Preview current directory index source: click the double-caret icon in the sidebar stats footer to toggle preview. This is useful for server configurations that include information in addition to the index itself and is quicker than opening a separate "View source" tab.
FIXED: An issue with content display caused by the fix for pdf display in the previous version.
FIXED: Up directory navigation didn't correctly account for invisible files and directories when selecting previously selected directory.
FIXED: More issues with prepping "pre"-type index pages.
FIXED: Some issues with Error page display.
FIXED: Various minor styling issues.
CHANGED: Moved "Disable Text Editing" menu item to top level.
Many other small improvements and tweaks.

VERSION 4.0.2b
FIXED: Pdf display (I hope).

VERSION 4.0.1b
FIXED: Audio files weren't being loaded.
FIXED: Script would fail if a file name included a special regex character [\^$.|?*+().
FIXED: Various issues with parsing "pre"-type index pages.
IMPROVED: Sorting and display of items with names beginning with white spaces.
IMPROVED: More efficient and robust index type detection.
ADDED: Sorting for previewed directory contents. Initial sorting is the same as the parent's current sort pref.
ADDED: Custom icons and numbering for previewed directory contents; numbering reflects the parent's current numbering pref.
NOTE: There is an issue with Chrome browsers and pdf file display, so pdfs don't display reliably.
NOTE: Some further fixes and styles tweaks coming.

VERSION 4.0.0b:
Numerous additions, improvements, and massive internal changes. Virtually no line of code has been left untouched. "b" === "bugs" likely; updates will be forthcoming.
IMPORTANT: This version uses a new format for user settings in the code; you will have to re-enter your defaults manually after updating.
- Do NOT use exported settings from any earlier version of the script.
NEW: Added independent text editor pane.

  • Invoke with Cmd/Ctrl + E, or in main menu > Text Editing > Toggle Text Editor", or under "Show Details".
  • To prevent loss of work (and for convenience, e.g., to refer to a file while writing), previously entered text will not be cleared when the "New" button is clicked again, when the "Close" button is clicked, or when a sidebar item is selected.
  • Use the Save button to save the text as a text or html file, which can be previewed and edited as usual by navigating to its saved location.

ADDED: Option to number index items, with new user setting.
ADDED: Stats footer in sidebar showing dir and file count.
ADDED: Icons for shortcuts menu to indicate local vs. remote links.
ADDED: Text editing: Clear button to empty text editing pane.
CHANGED: Text editing: Github styling customizations: Make table cells top-aligned, darker blockquote text color.
IMPROVED: Text editing: When saving rendered HTML, header uplinks will be removed.
IMPROVED: Text editing: Don't close other previewed content when making new text editing pane.
IMPROVED: Text editing: Much improved warning system for edited text: now uses postMessage to communicate between iframe and parent.
IMPROVED: Content display: use the same code to prep and style directory contents in the preview pane.
IMPROVED: Live sorting of grid items (but images and fonts are still sorted separately).
IMPROVED: Image zoom positioned accurately under click.
IMPROVED: Better handling of 404 Errors (Page not found): server error message will appear in sidebar, warning icon in content pane.
IMPROVED: File URLs: If a file URL (instead of a directory) is entered directly in the browser URL bar, the parent directory will be loaded instead and the file automatically selected.
IMPROVED: Navigation: modifed highlighting styles to show when a non-audio item is selected for navigation vs. when it is loaded in preview pane but not selected (e.g. click a directory and then click an audio file; the directory item will be dimmed).
IMPROVED: Audio: Greatly simplified shuffle play code and fixed several bugs; shuffle list now correctly updates when individual audio tracks are checked or unchecked.
CHANGED: Moved scale buttons and prev/next image buttons to preview title bar.
CHANGED: Sort by "Name" always sorts files and directories together; "Default" sort always keeps files and directories separate.
FIXED: Text editing: Some issues with split-pane resizing.
FIXED: Cmd/Ctr+W (close) should work now: previewed content will be closed first, then audio, then the browser tab itself.
FIXED: Don't autoload audio cover art when next audio track begins; i.e., leave open whatever file is being previewed, including cover art or lyrics.
FIXED: An issue with sorting by size.
FIXED: An issue with the user UI font setting.
FIXED: Navigation by typed string now correctly scrolls directory list.
OTHER: Many small style fixes and tweaks. Among others, make the previewed image and image grid background color light in default theme.
INTERNAL: Complete code overhaul.

  • Completely rewrote the code that preps the served directory index for processing by the script.
  • Completely rewrote and simplied the sorting code.
  • Alphabetized User Settings for easier editing.
  • Fixes for additional server index configurations.
    – Performance improvments (e.g., removed multiple calls to various functions, reduced initial DOM manipulation, etc.).
  • General code cleanup (e.g., removed unused variables and unnecessary globals, named many formerly anonymous functions, fixed numerous syntax errors, etc.).


  • Dark mode for text editing.
  • Additional code cleanup, and more.

This script transforms the default local directory page (and many server-generated index pages) into a full-featured file browser, with a resizable sidebar and preview pane. (See screenshots below.)

If you like this script, please consider making a donation to encourage development. Thanks!


  • Resizable sidebar and directory/file preview pane.
  • Arrow navigation in sidebar:
    • Up and Down Arrows select next/prev item.
    • Left and Right Arrows select next/prev item of same type.
  • Navigate sidebar by typed string.
  • Show/Hide file details (size (if avail), date modified (if avail), kind, extension).
  • Sort sidebar items by name or file details.
    • Default sort = sort by name with folders on top.
  • Preview all file types supported by browser (html, text, images, pdf, audio, video) plus fonts.
  • Preview and edit markdown and plain text files.
  • Audio and video playback, with shuffle, loop, skip audio +/- 10 or 30 sec via keyboard.
    • Preview other files (e.g., lyrics or cover art) in same directory while playing audio.
    • User setting to autoload cover art (if any images in directory, load "cover.ext" or first image found)
  • Grid view for images and fonts.
  • User settings (see $settings in code; some settings can be changed via the main menu in the UI and will be remembered in URL query):
    • Light or Dark theme.
    • Bookmarks for local or remote directories.
    • Default image grid size.
    • Default UI font size and font-family.
    • Default UI font and font-size.
    • Default file sorting.
    • Sort with directories on top.
    • Treat apps as directories (MacOS and *nix only)
    • Show or hide invisible files.
    • Show or hide ignored files in the ignored files list (see $row_settings in code below $settings).
    • Show or hide file details.
    • Use custom file icons or browser defaults.
    • Autoload index.ext files.
    • Autoload cover art in directories with audio files.
    • Text editing default view: split, source, or preview.
    • Text editing sync scroll: on or off.


  • After installing, you should look at the "User Settings" section in the code near the top of the script (ca. line 60). There you can edit the shortcut menus and set defaults for many UI features. There is additional information about each setting in the comments.

  • This script was developed primarily to work with local files. Because of security concerns, userscripts running in local files are not allowed to set cookies or use local storage. Therefore the User Settings must be hard-coded into the script, which means they will be overwritten every time the script is updated. To ease the inconvenience of this, you can export your settings from the main menu as a text file.

  • Also, userscripts will not run on file:/// urls by default, so for this script to work, you will have to enable it in your browser extension settings (e.g.: For Tampermonkey in Chrome, go to Chrome the extension page, click the details button on the Tampermonkey pane and check 'Allow access to file URLs'). Safari does not allow local directories to be browsed, so the script will not work on local directories, but it will work on remote directories (or on local directories through a local server).

  • The script works on many server-generated index pages, too. Just add an @include line for each url at the top of the script.

  • This script was developed in Vivaldi, running on Mac OS High Sierra. It has been tested in several other Chrome and Gecko-based browsers. It has been very minimally tested on Windows and not at all on other OSes or browsers. It should work, but please report any issues. No attempt has been made to support older browsers.

KEYBINDINGS (These don't work in all browsers):

  • Arrow Up/Down: Select prev/next item.
    • If audio is playing, and prev/next file is also audio, it will be highlighted but not loaded in the audio player; press return to load it.
  • Arrow Left/Right: Select prev/next row of the same kind as the current selection.
    • If current selection is a media file, select and begin playback of the next media item.
  • Opt/Alt + Arrow Left/Right: Skip audio ±10s
  • Opt/Alt + Shift + Arrow Left/Right: Skip audio ±30s
  • Cmd/Ctrl + Arrow Up: Go to parent directory
  • Cmd/Ctrl + Arrow Down: Open selected directory
  • Return: Open selected directory, select file, or pause/play media.
  • Space: Pause/Play media files
  • Cmd/Ctrl + D: Toggle file details (size, date modified) in some index page types.
  • Cmd/Ctrl + G: Show or Reset Grid
  • Cmd/Ctrl + I: Toggle Invisibles
  • Cmd/Ctrl + Shift + O: Open selected item in new window/tab
  • Cmd/Ctrl + R: Reload grids and previewed content, reset scaled images/fonts, reset media files to beginning.
  • Cmd/Ctrl + W: Close previewed content (doesn't work in all browsers; use close button instead), or close window if no content is being previewed.
  • Cmd/Ctrl + Shift + < or >: Scale preview items and grids.


AFTER with dark theme and image grid
After with dark theme and image grid

AUDIO PLAYER with dark theme and cover art
Audio player with dark theme and cover art

MARKDOWN editing and preview
Markdown editing and preview

Light theme with image and font grid

Rating: 1

1 Votes