gaspar_schot / Supercharged Local Directory File Browser

Published:

Version: 4.1.4+565182a updated

Summary: Makes file:/// directory ("Index of...") pages (and many server-generated index pages) actually useful. Adds sidebar and preview pane; keyboard navigation and sorting; media playback with shuffle, loop, and playlist (m3u) support; preview, edit, and save markdown/plain text files; preview images and fonts, with grid view; user-defined bookmarks; more.

Groups:

Homepage: https://openuserjs.org/scripts/gaspar_schot/Supercharged_Local_Directory_File_Browser

License: GPL-3.0-or-later

If you like this script, please consider making a donation or sending me a comment to let me know what you think. Thanks!

VERSION 4.1.4 A little more spit and polish....
FIXED: Really fixed Up/Down arrow navigation for images with hidden grid.
FIXED: Arrow navigation with glyph grids.
IMPROVED: File and directory navigation from within the content preview pane. (This is actually pretty cool.)

  • Added "Open in Sidebar" link.
  • Audio, video, font, image, and pdf files will open in their default preview container.
    • Note that you can now play audio opened from one directory and navigate to another directory without interruption.
  • Sidebar dims when you click a directory or the "Parent Directory" link to let you know it is no longer synced with the content pane.
  • Changed "Close" button behavior:
    • If you have opened a file from the content pane, the close button will restore its container directory.
    • If you have navigated into different directory from the content pane, the close button will reload the currently selected directory in the sidebar.
  • "Reload" button takes you back to the selected sidebar directory.
    Yet more small bugfixes and style adjustments.

VERSION 4.1.3.2
FIXED: Image grid didn't show SVG files if width and height were set to 100%.
FIXED: Up/Down arrow navigation didn't work for images with hidden grid.
Added custom folder favicon for local directories.
Other small style tweaks.

VERSION 4.1.3.1
FIXED: Images couldn't be scaled to less than 24 x 24px.

VERSION 4.1.3
FIXED: Finally fixed image scaling and zooming. Sorry for the delay.
IMPROVED: Allow image scaling > 100%.
IMPROVED: Show image scale percentage in the content title bar.
IMPROVED: Show custom file icons in content title bar.
IMPROVED: Highlight grid button when grid is loaded (or hidden).
FIXED: Invisible files were being selected even if "Show invisibles" was unchecked.
Various other small fixes and style tweaks.


ABOUT
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!

FEATURES INCLUDE:

  • 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)
  • Open m3u playlists.
  • Open fonts and view glyph repertoire.
    • Save glyphs as SVG.
  • Grid views for images and/or fonts with keyboard navigation.
  • 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.

IMPORTANT NOTES:

  • 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 bookmark menus and set defaults for many UI features. There is additional information about each setting in the comments.

  • Userscripts will not run on file:/// urls by default, so for this script to work, you will have to enable it in your browser's 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).

  • 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. However, many user settings can be changed in the UI and will be stored in the URL query string.

  • 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.

BEFORE
Before

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

FONT GRID
Light theme with image and font grid


PREVIOUS CHANGES

VERSION 4.1.2
FIXED, CHANGED, & IMPROVED: Image, font, and font glyph grids.

  • Added up/down arrow navigation. This is a change from the previous behavior, where up/down arrows always navigated the sidebar. This will also work if the grid is hidden after selecting an image or font glyph.
  • Also added arrow navigation for font glyphs, and :hover and selected styles.
  • Fixed a deeply-buried bug that prevented the selected grid item from scrolling into view with arrow navigation.
  • Fixed a stupid bug that prevented the first font in the directory from being included in the grid.
  • Fixed some problems with normal font file browsing after viewing font glyphs.
  • Improved styling for previewed and zoomed images. Known issue: scaled images aren't positioned properly.

FIXED and IMPROVED: Playlists.

  • Window title and sidebar head are now changed to indicate presence of playlist.
  • First track wasn't being selected when "autoload_media" = true.
  • Directory stats weren't being reset after closing a playlist.
  • Grid button and "show invisibles" checkbox are hidden with open playlist.

IMPROVED: Currently selected sidebar item will now scroll into view after various events, like sorting change, showing/hiding details, resizing sidebar, etc.
FIXED: Several menu items weren't working: Default User Settings, Export User settings, Contact, and Donate (that might explain a few things...).
FIXED: Document title didn't include entire path.
Many other small bug fixes and style tweaks, including some specifically for Firefox and Safari.

VERSION 4.1.1
A few small fixes and style tweaks.

VERSION 4.1.0
NEW: Basic support for media playlists (.m3u and .m3u8).

  • Added "Open Playlist..." item to the main menu.
  • Playlist items will replace the current directory items in the sidebar. Times (if available) will be displayed in the "size" column. "Default" sorting = original playlist sort.
  • Playlist can be closed via the "Close" button or shortcut, and the previous directory contents will be loaded.
  • Streaming links are not supported.
  • Beware of cross-origin limitations. For example, if your playlist includes locally-hosted media files, you will need to load it from a file:/// page in your browser.
  • For remote files, if you are using a javascript-blocker (like uMatrix or NoScript), you may have to allow scripts from the hosting site (e.g., archive.org) in order for playback to work.

NEW: Open local fonts directly and view font information and complete glyph repertoire. (The previous ability to browse fonts in the directory list is unchanged.)

  • Added "Open Font..." item in the menu item.
  • View individual glyphs and save as SVG.

FIXED: Apps weren't being properly classified in the index.
FIXED: An issue with formatting the current directory name in the sidebar header.
IMPROVED: Refreshed UI colors and icons; added icons for more file types.
IMPROVED: Many styling adjustments, including setting numbers (for sizes and date, etc.) to tabular spacing.
CHANGED: Renamed "shortcuts" user setting to "bookmarks"; if you use exported settings, you'll have to change this in your code.
INTERNALS: Prettified and modularized some code. Removed some newly-unnecessary functions. Began to prune CSS. Updated markdown-it to 9.1.0.

VERSION 4.0.6.1
FIXED: Really updated markdown-it and plugins.

VERSION 4.0.6
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 gmail.com.
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.).

Rating: 1

1 Votes
-1