ZDDC Browse

ZDDC Browse

A simple directory listing for ZDDC archives — and any directory. Pick how you want to browse:

Online — when this page is served by zddc-server, the listing for the current directory loads automatically.
Local — click Add Local Directory to pick any folder on your computer (Chromium-based browsers).

Once loaded: click a folder to expand it, shift-click to expand its entire subtree (or collapse it again), click column headers to sort. Use the 📄 row to filter files (and the 📁 row to scope to matching folders) — file matches stay visible together with their containing folders. Click any file to open it.

Name	Size	Type	Modified

What is Browse?

Browse is a directory listing for ZDDC archives — and any directory. It works in two modes:

Online: When the page is served by zddc-server, the listing for the current URL directory loads automatically. Breadcrumbs link to ancestor folders.
Local: Click Add Local Directory to pick any folder on your computer. Local mode requires a Chromium-based browser (File System Access API).

Tree navigation

Click a folder: Toggle expand/collapse on that folder.
Shift-click a folder: Recursive expand or collapse — applies to the whole subtree.
Click a file: Open in the preview popup. Modifier-click (Ctrl/Cmd) or middle-click opens in a new tab.
ZIP files: Behave as folders — click to inspect contents inline. JSZip is bundled, so this works offline.
Column headers: Click to sort; click again to reverse.
Refresh: Re-fetches the current directory listing — works for both local (re-enumerates the FS handle) and online (re-fetches the JSON).

Filter rows

Two filter rows live in the table header:

📄 file row: Filter by file name (left input) and/or extension (Type input). File matches stay visible together with their ancestor folders, so the path to each hit is always shown.
📁 folder row: Filter by folder name. Matching folders show with their entire subtree. Combined with file filter: file must also be inside a matching folder's subtree (intersection).

Filter syntax (shared across all ZDDC tools):

term: Contains "term" (case-insensitive)
!term: Does not contain
^term: Starts with
term$: Ends with
a b: Both (AND)
a | b: Either (OR)
el.*spc: Regex — any-char + any-sequence

Header buttons

Add Local Directory: Pick a folder from your computer. Works in both modes; in online mode it's de-emphasized but still available.
⟳ Refresh: Re-load the current directory listing.
◐ Theme: Cycle auto / light / dark.