Files
Triple-C/app/src/hooks/useFileManager.ts
T

173 lines
6.5 KiB
TypeScript
Raw Normal View History

2026-08-23 17:05:56 -07:00
import { useCallback, useRef, useState } from "react";
import type { FileEntry } from "../lib/types";
import * as commands from "../lib/tauri-commands";
2026-08-23 11:11:43 -07:00
import { useAppState } from "../store/appState";
2026-08-23 17:05:56 -07:00
import { errorText, readableRefusal } from "../lib/refusalText";
2026-08-23 11:11:43 -07:00
/**
* ## Where failures are reported
*
* Two audiences, two places, and the split is deliberate.
*
* The **initial listing** failure stays in `error`, rendered inline above the
* (empty) grid. It is on screen, it is in context, it explains why there are
* no rows, and it is not transient — it stands until the directory lists.
*
2026-08-23 17:05:56 -07:00
* Every **transient operation** failure — rename, create folder — goes to
* `ToastHost` instead. Those used to land in the same inline `error` div, which
* is the first child of the *scrolling* list: three hundred rows down, a
* refused rename produced no visible change at all, just a rename box that
* stayed open for no stated reason. The toast host is a persistent `aria-live`
* region at `z-[60]`, i.e. the one place in the app that is above a modal and
* does not scroll away.
2026-08-23 11:11:43 -07:00
*
* ## Where the current directory lives
*
* `currentPath` is state (the UI renders it) *and* a ref (async work reads it
* after an await). Every long operation captures the directory it targets at
2026-08-23 17:05:56 -07:00
* the start and compares it against the ref at the end: a slow rename in
2026-08-23 11:11:43 -07:00
* `/workspace` must not drag the pane back out of `src/` because that is where
* the closure happened to be created. The ref moves at the *start* of a
* navigation rather than when the listing lands, because the question being
* asked is "where is the user going", not "what is on screen right now" — and
* it is put back if that navigation fails.
*/
export function useFileManager(projectId: string) {
const [currentPath, setCurrentPath] = useState("/workspace");
const [entries, setEntries] = useState<FileEntry[]>([]);
const [loading, setLoading] = useState(false);
const [error, setError] = useState<string | null>(null);
2026-08-23 11:11:43 -07:00
/**
2026-08-23 17:05:56 -07:00
* What just finished, for the live region — a rename or a new folder is a
* change a sighted user sees in the grid and a screen reader user does not.
2026-08-23 11:11:43 -07:00
*/
const [completed, setCompleted] = useState<string | null>(null);
const currentPathRef = useRef(currentPath);
/**
* A slow listing can land after a newer one and set both the rows and the
* breadcrumb back to a directory the user already left. Same generation
* guard `useContainerMigration` uses: every async write
2026-08-23 11:11:43 -07:00
* checks it is still the newest before it lands.
*/
const navGeneration = useRef(0);
/**
* Report a failed operation, given the headline this hook would write and the
2026-08-23 17:05:56 -07:00
* raw failure behind it.
*
* The headline is what the *hook* knows ("Could not rename …"); it is a
* category, not an explanation. Some backend refusals are already a finished
2026-08-23 17:05:56 -07:00
* sentence written for the person reading it — a container path outside the
* roots this panel may change, a name it will not create — and those used to
* arrive as the toast's `detail`, which `ToastHost` renders as collapsed
* monospace behind a "Details" button. So the sentence that said what was
* wrong and what to do about it was hidden under a headline that said
2026-08-23 17:05:56 -07:00
* neither. When there is such a sentence it becomes the headline, and there
* is nothing left to hide.
*/
2026-08-23 17:05:56 -07:00
const report = useCallback((message: string, cause: unknown) => {
const promoted = readableRefusal(cause);
useAppState.getState().pushToast({
kind: "error",
message: promoted ?? message,
2026-08-23 17:05:56 -07:00
detail: promoted ? undefined : errorText(cause),
});
2026-08-23 11:11:43 -07:00
}, []);
const navigate = useCallback(
async (path: string) => {
2026-08-23 11:11:43 -07:00
const mine = ++navGeneration.current;
const previous = currentPathRef.current;
currentPathRef.current = path;
setLoading(true);
setError(null);
try {
const result = await commands.listContainerFiles(projectId, path);
2026-08-23 11:11:43 -07:00
if (navGeneration.current !== mine) return;
setEntries(result);
setCurrentPath(path);
} catch (e) {
2026-08-23 11:11:43 -07:00
if (navGeneration.current !== mine) return;
// The move did not happen, so the pane is still where it was — the ref
// has to agree with the breadcrumb or the next operation will decide
// it targeted a directory nobody is looking at.
currentPathRef.current = previous;
setError(String(e));
} finally {
2026-08-23 11:11:43 -07:00
if (navGeneration.current === mine) setLoading(false);
}
},
[projectId],
);
const goUp = useCallback(() => {
2026-08-23 11:11:43 -07:00
const here = currentPathRef.current;
if (here === "/") return;
const parent = here.replace(/\/[^/]+$/, "") || "/";
navigate(parent);
2026-08-23 11:11:43 -07:00
}, [navigate]);
const refresh = useCallback(() => {
2026-08-23 11:11:43 -07:00
navigate(currentPathRef.current);
}, [navigate]);
2026-08-23 08:30:48 -07:00
/**
* Rename in place. `newName` is a bare name — Rust rejects anything with a
* `/` in it, so this can never turn into a move. Resolves true on success so
* the caller knows whether to leave edit mode.
*/
const renameEntry = useCallback(
async (entry: FileEntry, newName: string) => {
const trimmed = newName.trim();
if (!trimmed || trimmed === entry.name) return true;
2026-08-23 11:11:43 -07:00
const target = currentPathRef.current;
2026-08-23 08:30:48 -07:00
try {
await commands.renameContainerPath(projectId, entry.path, trimmed);
2026-08-23 11:11:43 -07:00
setCompleted(`Renamed "${entry.name}" to "${trimmed}".`);
if (currentPathRef.current === target) await navigate(target);
2026-08-23 08:30:48 -07:00
return true;
} catch (e) {
report(`Could not rename "${entry.name}"`, e);
2026-08-23 08:30:48 -07:00
return false;
}
},
2026-08-23 11:11:43 -07:00
[projectId, navigate, report],
2026-08-23 08:30:48 -07:00
);
const createFolder = useCallback(
async (name: string) => {
const trimmed = name.trim();
if (!trimmed) return true;
2026-08-23 11:11:43 -07:00
const target = currentPathRef.current;
2026-08-23 08:30:48 -07:00
try {
2026-08-23 11:11:43 -07:00
await commands.createContainerDirectory(projectId, target, trimmed);
setCompleted(`Created "${trimmed}".`);
if (currentPathRef.current === target) await navigate(target);
2026-08-23 08:30:48 -07:00
return true;
} catch (e) {
report(`Could not create "${trimmed}"`, e);
2026-08-23 08:30:48 -07:00
return false;
}
},
2026-08-23 11:11:43 -07:00
[projectId, navigate, report],
2026-08-23 08:30:48 -07:00
);
return {
currentPath,
entries,
loading,
2026-08-23 11:11:43 -07:00
/** Inline, in-context: why the listing on screen is empty. */
error,
2026-08-23 11:11:43 -07:00
/** What the last operation finished doing, for the live region. */
completed,
2026-08-23 08:30:48 -07:00
setError,
navigate,
goUp,
refresh,
2026-08-23 08:30:48 -07:00
renameEntry,
createFolder,
};
}