ZDDC
e2179d167b
Reworks the browse menu/tree interaction into a declarative, contextually honest model and moves view settings onto a toolbar — the menu is the UI to the system, so it should be familiar, inviting, and only ever offer what applies. New declarative menu model (browse/js/menu-model.js): - Every action is one descriptor with a TYPE predicate (appliesTo) and a CAPABILITY predicate (enabled)+tooltip. Row/pane menus are projections over it; separators are derived from group changes. Designed data-shaped so a future server-sourced manifest (zddc.zip) can supply/extend it. - Hybrid visibility: type-inapplicable actions are OMITTED (New folder on a file, Expand on a file); permission/role/tier-gated actions are SHOWN DISABLED with a reason — so a lower tier sees what a higher role unlocks. - Roles are NOT hardcoded: ordinary actions gate on the verbs the server returns (node.verbs / path_verbs), so any operator-defined role works. Only the two intrinsically-special tiers are recognised by name — site admin (is_super_admin) and project/subtree admin (path_is_admin), surfaced as the "Edit access rules…" item; both come from the existing /.profile/access. - The headline fix: New folder / New markdown file no longer appear on file rows (they target a folder or the current dir). events.js: deletes the ~350-line inline buildTreeRowMenu/buildPaneMenu/ SORT_BY_ITEMS; opens menus via menuModel projections through one openRowMenuFor /openPaneMenu path shared by right-click, the hover kebab, and the keyboard menu key (ContextMenu / Shift+F10). Injects action impls via menuModel.configure to avoid a circular dep. Prefetches the scope /.profile/access (memoised) on load/rescope/refresh/popstate so menus never fetch at open time. Discoverability + a11y: a per-row ⋯ kebab (tree.js + new icon-ellipsis sprite, revealed on hover/selection/focus) opens the same menu; keyboard menu key supported. Toolbar: Sort + Show-hidden moved OUT of per-row right-click menus into the tree-pane toolbar, plus New folder / New file buttons (act on the current dir, greyed with a reason when create access is lacking). Help copy updated. Icons: dropped the 3 stray emoji from menu items (consistent, VS Code/Finder style); only new sprite is the kebab's icon-ellipsis. Tests: +5 browse specs (file row omits New-folder; folder row shows it; a read-only server node greys Rename with a "write access" tooltip via a pure menuModel unit; toolbar Sort/Show-hidden drive state + New buttons present; kebab and Shift+F10 both open the menu). All 23 browse+conflict+diff green. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
101 lines
4.4 KiB
JavaScript
101 lines
4.4 KiB
JavaScript
// Bootstrap window.app for the browse tool. Mirrors the convention
|
|
// used by every other ZDDC tool — ./build's CSS/JS concat order means
|
|
// this file runs FIRST inside the IIFE-of-IIFEs.
|
|
(function () {
|
|
'use strict';
|
|
|
|
if (!window.app) {
|
|
window.app = { modules: {}, state: {} };
|
|
}
|
|
|
|
// Mount the shared Lucide outline-icon sprite into <body> before
|
|
// the tree first renders. The sprite is hidden (display:none on
|
|
// the outer <svg>) — it only exists so per-row <use href="#…"/>
|
|
// refs resolve. Falls back to deferring until DOMContentLoaded
|
|
// when <body> isn't ready yet.
|
|
if (window.zddc && window.zddc.icons) {
|
|
window.zddc.icons.inject();
|
|
}
|
|
|
|
window.app.state = {
|
|
// Source: 'server' | 'fs' | null. Determines how the loader
|
|
// resolves entries.
|
|
source: null,
|
|
|
|
// For server-source: the URL path of the directory currently
|
|
// being viewed. Always starts with '/' and ends with '/'.
|
|
// For fs-source: the displayed path string (no semantic
|
|
// meaning — just for the toolbar).
|
|
currentPath: '/',
|
|
|
|
// FileSystemAccessAPI root handle (null in server mode).
|
|
rootHandle: null,
|
|
|
|
// Sort state. key: 'name' | 'size' | 'ext' | 'date'. dir: 1 or -1.
|
|
sort: { key: 'name', dir: 1 },
|
|
|
|
// Currently-selected tree node id (for highlight + pop-out).
|
|
selectedId: null,
|
|
lastPreviewedNodeId: null,
|
|
|
|
// View mode: 'browse' (tree + preview, default) | 'grid' (classifier).
|
|
viewMode: 'browse',
|
|
|
|
// The tree's in-memory representation. Each node:
|
|
// { id, name, isDir, size, modTime, ext, url, handle, depth,
|
|
// parentId, expanded, loaded, childIds, isZip,
|
|
// _zipDirHandle, virtual }
|
|
// - isZip: the node IS a .zip file; expanding it lists
|
|
// the zip's members (server "<…>.zip/" listing
|
|
// online, JSZip behind a ZipDirectoryHandle
|
|
// offline). Members are ordinary dir/file nodes.
|
|
// - _zipDirHandle: cached ZipDirectoryHandle for an opened zip
|
|
// (offline / nested-in-zip path only).
|
|
// - handle: a FileSystemFileHandle/DirectoryHandle (fs
|
|
// mode) — or, inside an opened zip, a
|
|
// ZipFileHandle/ZipDirectoryHandle.
|
|
// Stored flat in a Map keyed by id; render order derived
|
|
// from a depth-first walk.
|
|
nodes: new Map(),
|
|
rootIds: [],
|
|
nextId: 1,
|
|
|
|
// Single shared popup window for file preview (across
|
|
// multiple file clicks). Same pattern as archive's preview.
|
|
previewWindow: null,
|
|
|
|
// Cascade-resolved scope flags, refreshed on each listing
|
|
// fetch from response headers.
|
|
// scopeDropTarget: cascade's drop_target at currentPath
|
|
// scopeDefaultTool: cascade's default_tool at currentPath
|
|
// (empty when no default declared)
|
|
// scopeCanonicalFolder: cascade's canonical-folder slot
|
|
// ('incoming'|'received'|'working'|'staging'|…),
|
|
// drives scope-aware menu items
|
|
// scopeOnPlanReview: cascade above has an on_plan_review block
|
|
// All refreshed by loader.js from response headers on each fetch.
|
|
scopeDropTarget: false,
|
|
scopeDefaultTool: '',
|
|
scopeCanonicalFolder: '',
|
|
scopeOnPlanReview: false,
|
|
|
|
// Prefetched /.profile/access view for the CURRENT scope
|
|
// (state.currentPath), via cap.at() — memoised. Supplies
|
|
// path_verbs / path_is_admin / path_roles to the menu model for
|
|
// pane-scope create gating and the admin/sub-admin tier items, so
|
|
// the menu never fetches at open time. null until prefetched / in
|
|
// FS-Access (offline) mode.
|
|
scopeAccess: null,
|
|
|
|
// Whether the listing includes dotfiles. Toggled by the
|
|
// "Show hidden files" menu item; URL-persisted via ?hidden=1.
|
|
showHidden: false,
|
|
|
|
// Autofilter — when non-empty, the tree hides files that
|
|
// don't match and folders whose subtree has no matches.
|
|
// Parsed once on input change so visibleIds() / rowHtml()
|
|
// can run filter.matches(text, ast) cheaply per node.
|
|
filterText: '',
|
|
filterAST: null
|
|
};
|
|
})();
|