Files
UHD_Media_Tool/apps/web/app/api/instances.ts
T
rootandClaude Opus 5.5 cf364435eb feat(web): 存储设置与文件管理的 Alist 存储切换
- 设置 → 媒体库与目录 → 存储:登记 Alist / OpenList(令牌 / 账号密码 / 访客、路径密码、限速与监控选项),
  测试连接显示版本、用户与容量;媒体库目录可选存储
- 文件管理左栏多一组「Alist 存储」,路径显示「存储名:/路径」;移动 / 复制目标可选 Alist 存储;
  上传按钮;Alist 根点刷新才让 Alist 刷新目录缓存
- 运行状态的挂载根列出存储实例(令牌失效单独提示)

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei
2026-10-06 23:57:33 +08:00

189 lines
6.2 KiB
TypeScript

import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import type {
CursorPage,
DownloaderInstance,
DownloaderInstanceCreate,
DownloaderInstanceUpdate,
InstanceTestResult,
LibraryRoot,
LibraryRootCreate,
LibraryRootUpdate,
MediaServerInstance,
MediaServerInstanceCreate,
MediaServerInstanceUpdate,
PathMapping,
PathMappingCreate,
PathMappingUpdate,
Site,
SiteAccount,
SiteAccountUpdate,
SiteCreate,
SiteCredentialsPut,
SiteCredentialsResult,
SiteUpdate,
StorageInstance,
StorageInstanceCreate,
StorageInstanceUpdate,
StorageTestResult,
} from "@umt/contracts";
import { apiData } from "~/lib/api.ts";
import { type QueryArea, qk } from "~/lib/query-keys.ts";
import { fetchAllCursorPages } from "./parse.ts";
/** 实例类资源的标准 CRUD 钩子(列表按游标取齐配置) */
function crudHooks<Row extends { id: string }, Create, Update>(area: QueryArea, base: string) {
return {
useList: () =>
useQuery({
queryKey: qk.list(area),
queryFn: ({ signal }) =>
fetchAllCursorPages((cursor) => apiData<CursorPage<Row>>(base, { params: { limit: 200, cursor }, signal })),
}),
useCreate: () => {
const qc = useQueryClient();
return useMutation({
mutationFn: (body: Create) => apiData<Row>(base, { method: "POST", body }),
onSuccess: () => qc.invalidateQueries({ queryKey: qk.all(area) }),
});
},
useUpdate: () => {
const qc = useQueryClient();
return useMutation({
mutationFn: ({ id, body }: { id: string; body: Update }) =>
apiData<Row>(`${base}/{id}`, { method: "PATCH", pathParams: { id }, body }),
onSuccess: () => qc.invalidateQueries({ queryKey: qk.all(area) }),
});
},
useRemove: () => {
const qc = useQueryClient();
return useMutation({
mutationFn: (id: string) => apiData<unknown>(`${base}/{id}`, { method: "DELETE", pathParams: { id } }),
onSuccess: () => qc.invalidateQueries({ queryKey: qk.all(area) }),
});
},
};
}
/** 连接测试 / 校验类动作(结果写回 health,完成后刷新列表) */
function actionHook<R>(area: QueryArea, path: string) {
return () => {
const qc = useQueryClient();
return useMutation({
mutationFn: (id: string) => apiData<R>(path, { method: "POST", pathParams: { id }, body: {} }),
onSettled: () => qc.invalidateQueries({ queryKey: qk.all(area) }),
});
};
}
/** Alist / OpenList 存储实例 */
export const storages = {
...crudHooks<StorageInstance, StorageInstanceCreate, StorageInstanceUpdate>(
"storage-instances",
"/storage-instances",
),
useTest: actionHook<StorageTestResult>("storage-instances", "/storage-instances/{id}/test"),
};
export const downloaders = {
...crudHooks<DownloaderInstance, DownloaderInstanceCreate, DownloaderInstanceUpdate>(
"downloader-instances",
"/downloader-instances",
),
useTest: actionHook<InstanceTestResult>("downloader-instances", "/downloader-instances/{id}/test"),
};
export const mediaServers = {
...crudHooks<MediaServerInstance, MediaServerInstanceCreate, MediaServerInstanceUpdate>(
"media-server-instances",
"/media-server-instances",
),
useTest: actionHook<InstanceTestResult>("media-server-instances", "/media-server-instances/{id}/test"),
};
export const libraryRoots = {
...crudHooks<LibraryRoot, LibraryRootCreate, LibraryRootUpdate>("library-roots", "/library-roots"),
useTest: actionHook<InstanceTestResult>("library-roots", "/library-roots/{id}/test"),
};
export const pathMappings = {
...crudHooks<PathMapping, PathMappingCreate, PathMappingUpdate>("path-mappings", "/path-mappings"),
useVerify: actionHook<PathMapping>("path-mappings", "/path-mappings/{id}/verify"),
};
// ─── 站点账号凭证(设置页录入;站点本身由站点工作台管理) ───
export function useSiteOptions() {
return useQuery({
queryKey: qk.list("sites", { limit: 200 }),
queryFn: ({ signal }) =>
fetchAllCursorPages((cursor) => apiData<CursorPage<Site>>("/sites", { params: { limit: 200, cursor }, signal })),
});
}
export function useSiteAccounts() {
return useQuery({
queryKey: qk.list("site-accounts"),
queryFn: ({ signal }) =>
fetchAllCursorPages((cursor) =>
apiData<CursorPage<SiteAccount>>("/site-accounts", { params: { limit: 200, cursor }, signal }),
),
});
}
export function usePutSiteCredentials() {
const qc = useQueryClient();
return useMutation({
mutationFn: ({ siteId, body }: { siteId: string; body: SiteCredentialsPut }) =>
apiData<SiteCredentialsResult>("/sites/{id}/credentials", { method: "PUT", pathParams: { id: siteId }, body }),
onSuccess: () => {
qc.invalidateQueries({ queryKey: qk.all("site-accounts") });
qc.invalidateQueries({ queryKey: qk.all("sites") });
},
});
}
// ─── 站点登记与参数(设置"站点与账号";浏览在站点工作台) ───
function useInvalidateSites() {
const qc = useQueryClient();
return () => {
// sites.ts 用 ["sites", …],这里的列表用 qk.list("sites"),两者同前缀
qc.invalidateQueries({ queryKey: qk.all("sites") });
qc.invalidateQueries({ queryKey: qk.all("site-accounts") });
};
}
export function useCreateSite() {
const inv = useInvalidateSites();
return useMutation({
mutationFn: (body: SiteCreate) => apiData<Site>("/sites", { method: "POST", body }),
onSuccess: inv,
});
}
export function useUpdateSite() {
const inv = useInvalidateSites();
return useMutation({
mutationFn: ({ id, body }: { id: string; body: SiteUpdate }) =>
apiData<Site>("/sites/{id}", { method: "PATCH", pathParams: { id }, body }),
onSuccess: inv,
});
}
export function useUpdateSiteAccount() {
const inv = useInvalidateSites();
return useMutation({
mutationFn: ({ id, body }: { id: string; body: SiteAccountUpdate }) =>
apiData<SiteAccount>("/site-accounts/{id}", { method: "PATCH", pathParams: { id }, body }),
onSuccess: inv,
});
}
export function useRemoveSiteAccount() {
const inv = useInvalidateSites();
return useMutation({
mutationFn: (id: string) => apiData<unknown>("/site-accounts/{id}", { method: "DELETE", pathParams: { id } }),
onSuccess: inv,
});
}