fix: ensure caching in file explorers
This commit is contained in:
parent
ff7f6ffad9
commit
a1cc89c66e
5 changed files with 9 additions and 11 deletions
|
|
@ -46,7 +46,7 @@ export const DirectoryBrowser = ({ onSelectPath, selectedPath }: Props) => {
|
|||
setLoadingFolders((prev) => new Set(prev).add(folderPath));
|
||||
|
||||
try {
|
||||
const result = await queryClient.fetchQuery(
|
||||
const result = await queryClient.ensureQueryData(
|
||||
browseFilesystemOptions({
|
||||
query: { path: folderPath },
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@ export const VolumeFileBrowser = ({
|
|||
setLoadingFolders((prev) => new Set(prev).add(folderPath));
|
||||
|
||||
try {
|
||||
const result = await queryClient.fetchQuery(
|
||||
const result = await queryClient.ensureQueryData(
|
||||
listFilesOptions({
|
||||
path: { name: volumeName },
|
||||
query: { path: folderPath },
|
||||
|
|
@ -101,7 +101,7 @@ export const VolumeFileBrowser = ({
|
|||
}
|
||||
}
|
||||
},
|
||||
[volumeName, fetchedFolders, queryClient.fetchQuery],
|
||||
[volumeName, fetchedFolders, queryClient.ensureQueryData],
|
||||
);
|
||||
|
||||
const handleFolderHover = useCallback(
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@ export const SnapshotFileBrowser = (props: Props) => {
|
|||
try {
|
||||
const fullPath = addBasePath(folderPath);
|
||||
|
||||
const result = await queryClient.fetchQuery(
|
||||
const result = await queryClient.ensureQueryData(
|
||||
listSnapshotFilesOptions({
|
||||
path: { name: repositoryName, snapshotId: snapshot.short_id },
|
||||
query: { path: fullPath },
|
||||
|
|
@ -145,12 +145,12 @@ export const SnapshotFileBrowser = (props: Props) => {
|
|||
if (!fetchedFolders.has(folderPath) && !loadingFolders.has(folderPath)) {
|
||||
const fullPath = addBasePath(folderPath);
|
||||
|
||||
queryClient.prefetchQuery(
|
||||
listSnapshotFilesOptions({
|
||||
queryClient.prefetchQuery({
|
||||
...listSnapshotFilesOptions({
|
||||
path: { name: repositoryName, snapshotId: snapshot.short_id },
|
||||
query: { path: fullPath },
|
||||
}),
|
||||
);
|
||||
});
|
||||
}
|
||||
},
|
||||
[repositoryName, snapshot, fetchedFolders, loadingFolders, queryClient, addBasePath],
|
||||
|
|
|
|||
|
|
@ -73,8 +73,6 @@ export const repositoriesController = new Hono()
|
|||
};
|
||||
});
|
||||
|
||||
// c.header("Cache-Control", "public, max-age=10, stale-while-revalidate=60");
|
||||
|
||||
return c.json<ListSnapshotsDto>(snapshots, 200);
|
||||
})
|
||||
.get("/:name/snapshots/:snapshotId", getSnapshotDetailsDto, async (c) => {
|
||||
|
|
@ -108,7 +106,7 @@ export const repositoriesController = new Hono()
|
|||
|
||||
const result = await repositoriesService.listSnapshotFiles(name, snapshotId, path);
|
||||
|
||||
// c.header("Cache-Control", "max-age=300, stale-while-revalidate=600");
|
||||
c.header("Cache-Control", "max-age=300, stale-while-revalidate=600");
|
||||
|
||||
return c.json<ListSnapshotFilesDto>(result, 200);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -120,7 +120,7 @@ export const volumeController = new Hono()
|
|||
path: result.path,
|
||||
};
|
||||
|
||||
// c.header("Cache-Control", "public, max-age=10, stale-while-revalidate=60");
|
||||
c.header("Cache-Control", "public, max-age=10, stale-while-revalidate=60");
|
||||
|
||||
return c.json<ListFilesDto>(response, 200);
|
||||
})
|
||||
|
|
|
|||
Loading…
Reference in a new issue