2026-08-23 17:05:56 -07:00
|
|
|
import { useCallback, useRef, useState } from "react";
|
2026-03-06 06:32:53 -08:00
|
|
|
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.
|
|
|
|
|
*/
|
2026-03-06 06:32:53 -08:00
|
|
|
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
|
2026-08-23 15:20:22 -07:00
|
|
|
* 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);
|
|
|
|
|
|
2026-08-23 12:02:16 -07:00
|
|
|
/**
|
|
|
|
|
* 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.
|
2026-08-23 12:02:16 -07:00
|
|
|
*
|
|
|
|
|
* 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
|
2026-08-23 12:02:16 -07:00
|
|
|
* 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 12:02:16 -07:00
|
|
|
*/
|
2026-08-23 17:05:56 -07:00
|
|
|
const report = useCallback((message: string, cause: unknown) => {
|
|
|
|
|
const promoted = readableRefusal(cause);
|
2026-08-23 12:02:16 -07:00
|
|
|
useAppState.getState().pushToast({
|
|
|
|
|
kind: "error",
|
|
|
|
|
message: promoted ?? message,
|
2026-08-23 17:05:56 -07:00
|
|
|
detail: promoted ? undefined : errorText(cause),
|
2026-08-23 12:02:16 -07:00
|
|
|
});
|
2026-08-23 11:11:43 -07:00
|
|
|
}, []);
|
|
|
|
|
|
2026-03-06 06:32:53 -08: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;
|
2026-03-06 06:32:53 -08:00
|
|
|
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;
|
2026-03-06 06:32:53 -08:00
|
|
|
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;
|
2026-03-06 06:32:53 -08:00
|
|
|
setError(String(e));
|
|
|
|
|
} finally {
|
2026-08-23 11:11:43 -07:00
|
|
|
if (navGeneration.current === mine) setLoading(false);
|
2026-03-06 06:32:53 -08:00
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
[projectId],
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const goUp = useCallback(() => {
|
2026-08-23 11:11:43 -07:00
|
|
|
const here = currentPathRef.current;
|
|
|
|
|
if (here === "/") return;
|
|
|
|
|
const parent = here.replace(/\/[^/]+$/, "") || "/";
|
2026-03-06 06:32:53 -08:00
|
|
|
navigate(parent);
|
2026-08-23 11:11:43 -07:00
|
|
|
}, [navigate]);
|
2026-03-06 06:32:53 -08:00
|
|
|
|
|
|
|
|
const refresh = useCallback(() => {
|
2026-08-23 11:11:43 -07:00
|
|
|
navigate(currentPathRef.current);
|
|
|
|
|
}, [navigate]);
|
2026-03-06 06:32:53 -08:00
|
|
|
|
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) {
|
2026-08-23 12:02:16 -07:00
|
|
|
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) {
|
2026-08-23 12:02:16 -07:00
|
|
|
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
|
|
|
);
|
2026-03-06 06:32:53 -08:00
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
currentPath,
|
|
|
|
|
entries,
|
|
|
|
|
loading,
|
2026-08-23 11:11:43 -07:00
|
|
|
/** Inline, in-context: why the listing on screen is empty. */
|
2026-03-06 06:32:53 -08:00
|
|
|
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,
|
2026-03-06 06:32:53 -08:00
|
|
|
navigate,
|
|
|
|
|
goUp,
|
|
|
|
|
refresh,
|
2026-08-23 08:30:48 -07:00
|
|
|
renameEntry,
|
|
|
|
|
createFolder,
|
2026-03-06 06:32:53 -08:00
|
|
|
};
|
|
|
|
|
}
|