@futo-org/backups-orchestrator-ui 0.1.72 → 0.4.0

package/dist/components/ui/StackListItem.svelte.d.ts

@@ -6,6 +6,7 @@ type Props = {
     children: Snippet;
     trailing?: Snippet;
     actions?: ActionItem[];
+    disabled?: boolean;
     onclick?: () => void;
 };
 declare const StackListItem: import("svelte").Component<Props, {}, "">;

package/dist/fetch-client.d.ts

@@ -17,6 +17,7 @@ export type BackendType = "yucca" | "local" | "s3";
 export type BackendDto = {
     id: string;
     "type": BackendType;
+    description: string;
     isOnline: boolean;
     error?: string;
 };
@@ -81,7 +82,12 @@ export type ConfigureImmichIntegrationRequestDto = {
     libraries: "all" | string[];
     retentionPolicy?: (RetentionPolicyDto) | null;
 };
+export type BootstrapStatus = "not-ready" | "ready" | "error";
+export type TelemetryLevel = "full" | "none";
 export type OnboardingStatusResponseDto = {
+    status: BootstrapStatus;
+    error?: string;
+    hasTelemetry: TelemetryLevel;
     hasOnboardedKey: boolean;
     hasBackend: boolean;
     hasBackup: boolean;
@@ -105,6 +111,11 @@ export type RepositoryMetricsDto = {
     lastBackupDuration?: number;
     sizeBytes: number;
 };
+export type RepositoryMeterDto = {
+    sizeBytes: number;
+    objectCount: number;
+    lastUpdated?: string;
+};
 export type RepositoryBackendDto = {
     id: string;
     "type": BackendType;
@@ -123,6 +134,7 @@ export type LocalRepositoryDto = {
     worm: boolean;
     name: string;
     metrics: RepositoryMetricsDto;
+    meter?: RepositoryMeterDto;
     backends?: RepositoryBackendsDto;
     configuration?: RepositoryConfigurationDto;
 };
@@ -151,6 +163,7 @@ export type InspectedLocalRepositoryDto = {
     worm: boolean;
     name: string;
     metrics: RepositoryMetricsDto;
+    meter?: RepositoryMeterDto;
     backends?: RepositoryBackendsDto;
     configuration?: RepositoryConfigurationDto;
     snapshots: SnapshotDto[];
@@ -172,6 +185,9 @@ export type LogResponseDto = {
 export type RepositoryCheckImportResponseDto = {
     readable: boolean;
 };
+export type RepositoryPrimaryBackendReconfigureRequestDto = {
+    backendId: string;
+};
 export type RunStatus = "incomplete" | "complete" | "failed";
 export type RunType = "schedule" | "restore" | "backup" | "forget";
 export type RunDto = {
@@ -258,11 +274,15 @@ export declare function currentRecoveryKey(opts?: Oazapfts.RequestOpts): Promise
 export declare function importRecoveryKey(importRecoveryKeyRequest: ImportRecoveryKeyRequest, opts?: Oazapfts.RequestOpts): Promise<never>;
 export declare function confirmRecoveryKey(opts?: Oazapfts.RequestOpts): Promise<never>;
 export declare function skipOnboardingExtraConfig(opts?: Oazapfts.RequestOpts): Promise<never>;
+export declare function enableTelemetry(opts?: Oazapfts.RequestOpts): Promise<never>;
+export declare function reportError(opts?: Oazapfts.RequestOpts): Promise<never>;
 export declare function createRepository(repositoryCreateRequestDto: RepositoryCreateRequestDto, { backend }?: {
     backend?: string;
 }, opts?: Oazapfts.RequestOpts): Promise<RepositoryCreateResponseDto>;
 export declare function getRepositories(opts?: Oazapfts.RequestOpts): Promise<RepositoryListResponseDto>;
-export declare function inspectRepositories(opts?: Oazapfts.RequestOpts): Promise<RepositoryInspectResponseDto>;
+export declare function inspectRepositories({ backend }?: {
+    backend?: string;
+}, opts?: Oazapfts.RequestOpts): Promise<RepositoryInspectResponseDto>;
 export declare function updateRepository(id: string, repositoryUpdateRequestDto: RepositoryUpdateRequestDto, { backend }?: {
     backend?: string;
 }, opts?: Oazapfts.RequestOpts): Promise<RepositoryUpdateResponseDto>;
@@ -270,6 +290,7 @@ export declare function deleteRepository(id: string, opts?: Oazapfts.RequestOpts
 export declare function createBackup(id: string, opts?: Oazapfts.RequestOpts): Promise<LogResponseDto>;
 export declare function checkImportRepository(id: string, backend: string, opts?: Oazapfts.RequestOpts): Promise<RepositoryCheckImportResponseDto>;
 export declare function importRepository(id: string, backend: string, opts?: Oazapfts.RequestOpts): Promise<RepositoryCreateResponseDto>;
+export declare function reconfigureRepositoryPrimaryBackend(id: string, repositoryPrimaryBackendReconfigureRequestDto: RepositoryPrimaryBackendReconfigureRequestDto, opts?: Oazapfts.RequestOpts): Promise<RepositoryCreateResponseDto>;
 export declare function getRunHistory(id: string, opts?: Oazapfts.RequestOpts): Promise<RunHistoryResponseDto>;
 export declare function getSnapshots(id: string, opts?: Oazapfts.RequestOpts): Promise<ListSnapshotsResponseDto>;
 export declare function pruneRepository(id: string, opts?: Oazapfts.RequestOpts): Promise<LogResponseDto>;

package/dist/fetch-client.js

@@ -85,6 +85,18 @@ export function skipOnboardingExtraConfig(opts) {
         method: "POST"
     }));
 }
+export function enableTelemetry(opts) {
+    return oazapfts.ok(oazapfts.fetchText("/api/yucca/onboarding/telemetry", {
+        ...opts,
+        method: "POST"
+    }));
+}
+export function reportError(opts) {
+    return oazapfts.ok(oazapfts.fetchText("/api/yucca/onboarding/report-error", {
+        ...opts,
+        method: "POST"
+    }));
+}
 export function createRepository(repositoryCreateRequestDto, { backend } = {}, opts) {
     return oazapfts.ok(oazapfts.fetchJson(`/api/yucca/repository${QS.query(QS.explode({
         backend
@@ -99,8 +111,10 @@ export function getRepositories(opts) {
         ...opts
     }));
 }
-export function inspectRepositories(opts) {
-    return oazapfts.ok(oazapfts.fetchJson("/api/yucca/repository/inspect", {
+export function inspectRepositories({ backend } = {}, opts) {
+    return oazapfts.ok(oazapfts.fetchJson(`/api/yucca/repository/inspect${QS.query(QS.explode({
+        backend
+    }))}`, {
         ...opts
     }));
 }
@@ -140,6 +154,13 @@ export function importRepository(id, backend, opts) {
         method: "POST"
     }));
 }
+export function reconfigureRepositoryPrimaryBackend(id, repositoryPrimaryBackendReconfigureRequestDto, opts) {
+    return oazapfts.ok(oazapfts.fetchJson(`/api/yucca/repository/${encodeURIComponent(id)}/backend`, oazapfts.json({
+        ...opts,
+        method: "PUT",
+        body: repositoryPrimaryBackendReconfigureRequestDto
+    })));
+}
 export function getRunHistory(id, opts) {
     return oazapfts.ok(oazapfts.fetchJson(`/api/yucca/repository/${encodeURIComponent(id)}/runs`, {
         ...opts

package/dist/services/backend.service.d.ts

@@ -1,5 +1,5 @@
 import { SocketEvent } from '../events';
-import { type BackendDto, type CreateLocalBackendRequestDto } from '../fetch-client';
+import { type BackendDto, type CreateLocalBackendRequestDto, type LocalRepositoryDto, type RepositoryBackendDto } from '../fetch-client';
 import { type ActionItem } from '@immich/ui';
 export declare const backendKeys: {
     all: readonly ["backends"];
@@ -13,6 +13,12 @@ export declare const useBackendEventHandler: () => {
 export declare const handleYuccaLogin: (onCreate?: (backendId: string) => void) => Promise<void>;
 export declare const handleSetupLocalStorage: (onCreate?: (backendId: string) => void) => void;
 export declare const useCreateLocalBackend: () => import("@tanstack/svelte-query").CreateMutationResult<import("../fetch-client").BackendResponseDto, Error, CreateLocalBackendRequestDto, unknown>;
-export declare const getBackendActions: (backend: BackendDto) => {
+export declare const handleReconfigureRepositoryBackend: (repository: LocalRepositoryDto) => Promise<void>;
+export declare const handleRemoveRepositoryBackend: (_backend: BackendDto, _repositoryBackend: RepositoryBackendDto) => void;
+export declare const getBackendActions: (repository: LocalRepositoryDto | undefined, backend: BackendDto, repositoryBackend?: RepositoryBackendDto & {
+    primary?: boolean;
+}) => {
     LoginAgain: ActionItem;
+    Reconfigure: ActionItem;
+    Remove: ActionItem;
 };

package/dist/services/backend.service.js

@@ -1,5 +1,6 @@
-import CreateLocalBackend from '../components/backends/CreateLocalBackend.svelte';
-import OAuthDeviceFlow from '../components/backends/OAuthDeviceFlow.svelte';
+import CreateLocalBackend from '../components/backends/dialogs/CreateLocalBackendModal.svelte';
+import OAuthDeviceFlow from '../components/backends/dialogs/OAuthDeviceFlowModal.svelte';
+import ReconfigureRepositoryBackendModal from '../components/backups/dialogs/ReconfigureRepositoryBackendModal.svelte';
 import { SocketEvent } from '../events';
 import { createLocalBackend, getBackends, oidcDeviceFlow, } from '../fetch-client';
 import { queryClient } from '../query-client';
@@ -47,15 +48,42 @@ export const handleSetupLocalStorage = (onCreate) => {
 };
 export const useCreateLocalBackend = () => createMutation(() => ({
     mutationFn: (dto) => createLocalBackend(dto),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: backendKeys.all }),
     onError: (error) => handleError(error, 'Failed to create local backend'),
 }), () => queryClient);
-export const getBackendActions = (backend) => {
+export const handleReconfigureRepositoryBackend = async (repository) => {
+    await modalManager.show(ReconfigureRepositoryBackendModal, {
+        repository,
+    });
+};
+export const handleRemoveRepositoryBackend = (_backend, _repositoryBackend) => {
+    alert('TODO: implement me when multi-repository-backend support is added');
+};
+export const getBackendActions = (repository, backend, repositoryBackend) => {
     const LoginAgain = {
         icon: mdiLogin,
         title: 'Login again',
         onAction: () => void handleYuccaLogin(),
         $if: () => backend.type === 'yucca' && !backend.isOnline,
     };
-    return { LoginAgain };
+    const Reconfigure = {
+        icon: mdiLogin,
+        title: 'Reconfigure',
+        onAction: () => void handleReconfigureRepositoryBackend(repository),
+        $if: () => repositoryBackend
+            ? backend.isOnline &&
+                !repositoryBackend.online &&
+                repositoryBackend.primary === true
+            : false,
+    };
+    const Remove = {
+        icon: mdiLogin,
+        title: 'Remove',
+        onAction: () => void handleRemoveRepositoryBackend(backend, repositoryBackend),
+        $if: () => repositoryBackend
+            ? backend.isOnline &&
+                !repositoryBackend.online &&
+                repositoryBackend.primary === false
+            : false,
+    };
+    return { LoginAgain, Reconfigure, Remove };
 };

package/dist/services/integrations.service.js

@@ -17,7 +17,6 @@ export const useIntegrationEventHandler = () => ({
 });
 export const useConfigureImmichIntegration = () => createMutation(() => ({
     mutationFn: (dto) => configureImmichIntegration(dto),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: integrationsKeys.all }),
     onError: (error) => handleError(error, 'Failed to save backup settings'),
 }), () => queryClient);
 export const useConfigureImmichDefaults = () => createMutation(() => ({
@@ -35,8 +34,5 @@ export const useConfigureImmichDefaults = () => createMutation(() => ({
             libraries: 'all',
         });
     },
-    onSuccess: () => {
-        void queryClient.invalidateQueries({ queryKey: integrationsKeys.all });
-    },
     onError: (error) => handleError(error, 'Failed to create backup'),
 }), () => queryClient);

package/dist/services/onboarding.service.d.ts

@@ -9,3 +9,5 @@ export declare const handleCurrentRecoveryKey: () => Promise<sdk.CurrentRecovery
 export declare const handleConfirmRecoveryKey: () => Promise<void>;
 export declare const handleImportRecoveryKey: (dto: ImportRecoveryKeyRequest) => Promise<void>;
 export declare const handleSkipOnboardingExtraConfig: () => Promise<void>;
+export declare const useEnableTelemetry: () => import("@tanstack/svelte-query").CreateMutationResult<never, Error, void, unknown>;
+export declare const useReportError: () => import("@tanstack/svelte-query").CreateMutationResult<never, Error, void, unknown>;

package/dist/services/onboarding.service.js

@@ -1,7 +1,7 @@
 import { sdk } from '..';
 import { queryClient } from '../query-client';
 import { handleError } from '../utils/handle-error';
-import { createQuery } from '@tanstack/svelte-query';
+import { createMutation, createQuery } from '@tanstack/svelte-query';
 export const recoveryKeyKeys = {
     all: ['recovery-key'],
 };
@@ -54,3 +54,11 @@ export const handleSkipOnboardingExtraConfig = async () => {
         throw error;
     }
 };
+export const useEnableTelemetry = () => createMutation(() => ({
+    mutationFn: () => sdk.enableTelemetry(),
+    onError: (error) => handleError(error, 'Failed to save preferences'),
+}), () => queryClient);
+export const useReportError = () => createMutation(() => ({
+    mutationFn: () => sdk.reportError(),
+    onError: (error) => handleError(error, 'Failed to report error'),
+}), () => queryClient);

package/dist/services/repository.service.d.ts

@@ -4,10 +4,11 @@ import { type InspectedLocalRepositoryDto, type LocalRepositoryDto, type Reposit
 import { type ActionItem } from '@immich/ui';
 export declare const repositoryKeys: {
     all: readonly ["repositories"];
-    inspectAll: readonly ["repositories", "inspect"];
+    inspect: (backendId?: string) => readonly ["repositories", "inspect", string | undefined];
+    checkImport: (id: string, backendId: string) => readonly ["repositories", string, "check-import", string];
 };
 export declare const useRepositories: (initialData?: LocalRepositoryDto[]) => import("@tanstack/svelte-query").CreateQueryResult<sdk.LocalRepositoryDto[], Error>;
-export declare const useInspectRepositories: (initialData?: InspectedLocalRepositoryDto[]) => import("@tanstack/svelte-query").CreateQueryResult<sdk.InspectedLocalRepositoryDto[], Error>;
+export declare const useInspectRepositories: (backendId?: string, initialData?: InspectedLocalRepositoryDto[]) => import("@tanstack/svelte-query").CreateQueryResult<sdk.InspectedLocalRepositoryDto[], Error>;
 export declare const useRepositoryEventHandler: () => {
     onRepositoryCreate(event: SocketEvent<{
         repository: LocalRepositoryDto;
@@ -16,9 +17,11 @@ export declare const useRepositoryEventHandler: () => {
         repositoryId: string;
         repository: Partial<LocalRepositoryDto>;
     }>): void;
-    onRepositoryDelete(): void;
+    onRepositoryDelete(event: SocketEvent<{
+        repositoryId: string;
+    }>): void;
 };
-export declare const handleCheckImportRepository: (id: string, backendId: string) => Promise<sdk.RepositoryCheckImportResponseDto>;
+export declare const useCheckImportRepository: (id: string, backendId: string) => import("@tanstack/svelte-query").CreateQueryResult<sdk.RepositoryCheckImportResponseDto, Error>;
 export declare const useCreateRepository: () => import("@tanstack/svelte-query").CreateMutationResult<sdk.RepositoryCreateResponseDto, Error, sdk.RepositoryCreateRequestDto, unknown>;
 export declare const useImportRepository: () => import("@tanstack/svelte-query").CreateMutationResult<sdk.RepositoryCreateResponseDto, Error, {
     id: string;
@@ -29,6 +32,10 @@ export declare const useUpdateRepository: () => import("@tanstack/svelte-query")
     dto: RepositoryUpdateRequestDto;
     local?: boolean;
 }, unknown>;
+export declare const useReconfigureRepositoryPrimaryBackend: () => import("@tanstack/svelte-query").CreateMutationResult<sdk.RepositoryCreateResponseDto, Error, {
+    id: string;
+    backendId: string;
+}, unknown>;
 export declare const useRemoveRepository: () => import("@tanstack/svelte-query").CreateMutationResult<never, Error, {
     id: string;
     local?: boolean;

package/dist/services/repository.service.js

@@ -6,7 +6,7 @@ import MetricsHistoryModal from '../components/backups/metrics-history/MetricsHi
 import RunHistoryModal from '../components/backups/run-history/RunHistoryModal.svelte';
 import SnapshotsListModal from '../components/backups/snapshots-list/SnapshotsListModal.svelte';
 import { SocketEvent } from '../events';
-import { deleteRepository, inspectRepositories, updateRepository, } from '../fetch-client';
+import { deleteRepository, inspectRepositories, reconfigureRepositoryPrimaryBackend, updateRepository, } from '../fetch-client';
 import { getProvider } from '../providers';
 import { queryClient } from '../query-client';
 import { handleError } from '../utils/handle-error';
@@ -15,7 +15,8 @@ import { mdiCog, mdiFormatListBulletedType, mdiHistory, mdiImport, mdiListStatus
 import { createMutation, createQuery } from '@tanstack/svelte-query';
 export const repositoryKeys = {
     all: ['repositories'],
-    inspectAll: ['repositories', 'inspect'],
+    inspect: (backendId) => ['repositories', 'inspect', backendId],
+    checkImport: (id, backendId) => ['repositories', id, 'check-import', backendId],
 };
 export const useRepositories = (initialData) => createQuery(() => ({
     queryKey: repositoryKeys.all,
@@ -24,9 +25,9 @@ export const useRepositories = (initialData) => createQuery(() => ({
         .then(({ repositories }) => repositories),
     initialData,
 }), () => queryClient);
-export const useInspectRepositories = (initialData) => createQuery(() => ({
-    queryKey: repositoryKeys.inspectAll,
-    queryFn: () => inspectRepositories().then(({ repositories }) => repositories),
+export const useInspectRepositories = (backendId, initialData) => createQuery(() => ({
+    queryKey: repositoryKeys.inspect(backendId),
+    queryFn: () => inspectRepositories({ backend: backendId }).then(({ repositories }) => repositories),
     initialData,
 }), () => queryClient);
 export const useRepositoryEventHandler = () => {
@@ -50,42 +51,33 @@ export const useRepositoryEventHandler = () => {
                     : void 0;
             });
         },
-        onRepositoryDelete() {
-            queryClient
-                .invalidateQueries({
-                queryKey: repositoryKeys.all,
-            })
-                .catch(() => void 0);
+        onRepositoryDelete(event) {
+            queryClient.setQueryData(repositoryKeys.all, (data) => data?.filter((entry) => entry.id !== event.data.repositoryId));
         },
     };
 };
-export const handleCheckImportRepository = async (id, backendId) => {
-    try {
-        return await sdk.checkImportRepository(id, backendId);
-    }
-    catch (error) {
-        handleError(error, 'Failed to check repository');
-        throw error;
-    }
-};
+export const useCheckImportRepository = (id, backendId) => createQuery(() => ({
+    queryKey: repositoryKeys.checkImport(id, backendId),
+    queryFn: () => sdk.checkImportRepository(id, backendId),
+}), () => queryClient);
 export const useCreateRepository = () => createMutation(() => ({
     mutationFn: (dto) => sdk.createRepository(dto),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: repositoryKeys.all }),
     onError: (error) => handleError(error, 'Failed to create repository'),
 }), () => queryClient);
 export const useImportRepository = () => createMutation(() => ({
     mutationFn: ({ id, backendId }) => sdk.importRepository(id, backendId),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: repositoryKeys.all }),
     onError: (error) => handleError(error, 'Failed to import repository'),
 }), () => queryClient);
 export const useUpdateRepository = () => createMutation(() => ({
     mutationFn: ({ id, dto, local = false, }) => (local ? sdk.updateRepository(id, dto) : updateRepository(id, dto)),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: repositoryKeys.all }),
     onError: (error) => handleError(error, 'Failed to update repository'),
 }), () => queryClient);
+export const useReconfigureRepositoryPrimaryBackend = () => createMutation(() => ({
+    mutationFn: ({ id, backendId }) => reconfigureRepositoryPrimaryBackend(id, { backendId }),
+    onError: (error) => handleError(error, 'Failed to reconfigure backend'),
+}), () => queryClient);
 export const useRemoveRepository = () => createMutation(() => ({
     mutationFn: ({ id, local = false }) => local ? sdk.deleteRepository(id) : deleteRepository(id),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: repositoryKeys.all }),
     onError: (error) => handleError(error, 'Failed to delete repository'),
 }), () => queryClient);
 export const handleCreateBackup = async (id) => {

package/dist/services/schedule.service.js

@@ -50,12 +50,10 @@ export const handleGetSchedules = async () => {
 };
 export const useCreateSchedule = () => createMutation(() => ({
     mutationFn: (dto) => sdk.createSchedule(dto),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: scheduleKeys.all }),
     onError: (error) => handleError(error, 'Failed to create schedule'),
 }), () => queryClient);
 export const useUpdateSchedule = () => createMutation(() => ({
     mutationFn: ({ id, dto, }) => sdk.updateSchedule(id, dto),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: scheduleKeys.all }),
     onError: (error) => handleError(error, 'Failed to update schedule'),
 }), () => queryClient);
 export const handlePauseSchedule = async (id, name) => {

package/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@futo-org/backups-orchestrator-ui",
-  "version": "0.1.72",
+  "repository": "https://github.com/immich-app/yucca",
+  "description": "Backups orchestrator (UI library)",
+  "version": "0.4.0",
   "license": "Source First License 1.1",
   "files": [
     "dist",
@@ -27,7 +29,7 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.57.0",
+    "@playwright/test": "1.59.1",
     "@sveltejs/adapter-auto": "^7.0.0",
     "@sveltejs/kit": "^2.50.1",
     "@sveltejs/package": "^2.5.7",
@@ -38,7 +40,7 @@
     "@types/luxon": "^3.7.1",
     "@vitest/browser-playwright": "^4.0.18",
     "oazapfts": "^7.0.1",
-    "playwright": "^1.57.0",
+    "playwright": "1.59.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "publint": "^0.3.17",
     "svelte": "^5.48.2",
@@ -62,7 +64,7 @@
     "lodash.debounce": "^4.0.8",
     "luxon": "^3.7.2",
     "socket.io-client": "^4.8.3",
-    "@futo-org/backups-api-client": "^0.1.72"
+    "@futo-org/backups-api-client": "^0.4.0"
   },
   "scripts": {
     "dev": "vite dev --port 5174",

package/dist/components/backends/CreateLocalBackend.svelte.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    onClose: () => void;
-    onCreate?: (backendId: string) => void;
-};
-declare const CreateLocalBackend: import("svelte").Component<Props, {}, "">;
-type CreateLocalBackend = ReturnType<typeof CreateLocalBackend>;
-export default CreateLocalBackend;

package/dist/components/backends/OAuthDeviceFlow.svelte.d.ts

@@ -1,9 +0,0 @@
-type Props = {
-    userCode: string;
-    verificationUri: string;
-    onCreate?: (backendId: string) => void;
-    onClose: () => void;
-};
-declare const OAuthDeviceFlow: import("svelte").Component<Props, {}, "">;
-type OAuthDeviceFlow = ReturnType<typeof OAuthDeviceFlow>;
-export default OAuthDeviceFlow;