@futo-org/backups-orchestrator-ui 0.27.0 → 0.28.0

package/dist/components/backups/dialogs/ViewLogModal.svelte

@@ -1,208 +0,0 @@
-<script lang="ts">
-  import OnEvents from "../../util/OnEvents.svelte";
-  import RelativeTime from "../../util/RelativeTime.svelte";
-  import { options } from "../../../options";
-  import { createLogObserver } from "../../../services/log.service.svelte";
-  import { useRun, useRunEventHandler } from "../../../services/runHistory.service";
-  import { formatDuration } from "../../../utils/format";
-  import {
-    Alert,
-    FormatBytes,
-    Heading,
-    Modal,
-    ModalBody,
-    ProgressBar,
-    Scrollable,
-    Stack,
-    Text,
-  } from "@immich/ui";
-  import { DateTime } from "luxon";
-  import { onDestroy } from "svelte";
-
-  type Props = {
-    logId: string;
-    onClose: () => void;
-  };
-
-  let { logId, onClose }: Props = $props();
-
-  const advanced = options.advanced;
-  // svelte-ignore state_referenced_locally
-  const log = createLogObserver(logId);
-  // svelte-ignore state_referenced_locally
-  const runQuery = useRun(logId);
-  const run = $derived(runQuery.data);
-  const { onRunUpdate } = useRunEventHandler();
-
-  let now = $state(DateTime.now());
-  const tick = setInterval(() => (now = DateTime.now()), 1000);
-
-  onDestroy(() => {
-    clearInterval(tick);
-    log.destroy();
-  });
-
-  const running = $derived(run?.status === "incomplete");
-  const duration = $derived(
-    run
-      ? formatDuration(
-          (run.end ? DateTime.fromISO(run.end) : now).toMillis() -
-            DateTime.fromISO(run.start).toMillis(),
-        )
-      : "",
-  );
-</script>
-
-<OnEvents {onRunUpdate} />
-
-<Modal
-  title={run?.type === "restore"
-    ? "Restore Log"
-    : run?.type === "forget"
-      ? "Prune Log"
-      : "Backup Log"}
-  size="giant"
-  {onClose}
->
-  <ModalBody>
-    <Stack gap={5}>
-      <Stack gap={1}>
-        {#if !run}
-          <Heading size="medium">Connecting…</Heading>
-        {:else if run.status === "incomplete"}
-          <Heading size="medium">
-            {#if run.type === "restore"}Restoring{:else if run.type === "forget"}Pruning{:else}Backing
-              up{/if} &middot; {Math.round(log.status.progress * 100)}%
-          </Heading>
-        {:else if run.status === "failed"}
-          <Heading size="medium" color="danger">
-            {#if run.type === "restore"}Restore{:else if run.type === "forget"}Prune{:else}Backup{/if}
-            failed after {duration}
-          </Heading>
-        {:else if log.errors.length > 0}
-          <Heading size="medium" color="warning">
-            {#if run.type === "restore"}Restored{:else if run.type === "forget"}Pruned{:else}Backed
-              up{/if} in {duration} &middot; {log.errors.length} error{log
-              .errors.length === 1
-              ? ""
-              : "s"}
-          </Heading>
-        {:else}
-          <Heading size="medium" color="success">
-            {#if run.type === "restore"}Restored{:else if run.type === "forget"}Pruned{:else}Backed
-              up{/if} in {duration}
-          </Heading>
-        {/if}
-
-        {#if run}
-          <Text color="secondary">
-            Started <RelativeTime time={run.start} />
-          </Text>
-        {/if}
-      </Stack>
-
-      {#if running}
-        <ProgressBar progress={log.status.progress} size="large">
-          {#if log.status.text}
-            <Text
-              size="small"
-              class={log.status.progress > 0.5 ? "text-light" : "text-dark"}
-            >
-              {log.status.text}
-            </Text>
-          {/if}
-        </ProgressBar>
-      {/if}
-
-      {#if log.errors.length > 0}
-        <Stack gap={2}>
-          <Alert color="danger">{log.errors[0]}</Alert>
-          {#if log.errors.length > 1}
-            <Scrollable class="max-h-32">
-              <Stack gap={1}>
-                {#each log.errors.slice(1) as error}
-                  <Alert color="danger">{error}</Alert>
-                {/each}
-              </Stack>
-            </Scrollable>
-          {/if}
-        </Stack>
-      {/if}
-
-      {#if log.summary && run?.type !== "forget"}
-        <Stack gap={1}>
-          {#if run?.type === "restore"}
-            <Text>
-              {(log.summary.files_restored ?? 0).toLocaleString()} restored
-              {#if log.summary.files_skipped}
-                &middot; {log.summary.files_skipped.toLocaleString()} skipped
-              {/if}
-              {#if log.summary.files_deleted}
-                &middot; {log.summary.files_deleted.toLocaleString()} deleted
-              {/if}
-            </Text>
-            {#if log.summary.bytes_restored !== undefined}
-              <Text color="secondary">
-                Restored <FormatBytes bytes={log.summary.bytes_restored} />
-                {#if log.summary.total_bytes !== undefined}
-                  of
-                  <FormatBytes
-                    bytes={Math.max(
-                      log.summary.bytes_restored,
-                      log.summary.total_bytes,
-                    )}
-                  />
-                {/if}
-              </Text>
-            {/if}
-          {:else}
-            <Text>
-              {(log.summary.files_new ?? 0).toLocaleString()} new &middot;
-              {(log.summary.files_changed ?? 0).toLocaleString()} changed &middot;
-              {(log.summary.files_unmodified ?? 0).toLocaleString()} unchanged
-            </Text>
-            {#if log.summary.data_added !== undefined}
-              <Text color="secondary">
-                Added <FormatBytes bytes={log.summary.data_added} />
-                {#if log.summary.total_bytes_processed !== undefined}
-                  of
-                  <FormatBytes
-                    bytes={Math.max(
-                      log.summary.data_added,
-                      log.summary.total_bytes_processed,
-                    )}
-                  /> processed
-                {/if}
-              </Text>
-            {/if}
-          {/if}
-        </Stack>
-      {/if}
-
-      {#if running}
-        <Stack gap={1} class="h-20 overflow-hidden">
-          {#each log.status.currentFiles.slice(0, 3) as file}
-            <Text size="small" color="secondary" class="truncate" title={file}>
-              {file}
-            </Text>
-          {/each}
-        </Stack>
-      {/if}
-
-      {#if $advanced}
-        <Stack gap={1}>
-          <Heading size="small">Event Log</Heading>
-          <Scrollable class="h-80 overflow-x-hidden">
-            <Stack gap={1}>
-              {#each log.events as event}
-                <Text size="tiny" class="font-mono select-all">
-                  {JSON.stringify(event)}
-                </Text>
-              {/each}
-            </Stack>
-          </Scrollable>
-        </Stack>
-      {/if}
-    </Stack>
-  </ModalBody>
-</Modal>

package/dist/components/backups/dialogs/ViewLogModal.svelte.d.ts

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

package/dist/components/integrations/immich/ImmichConfigureBackup.svelte

@@ -1,403 +0,0 @@
-<script lang="ts">
-  import Suspense from "../../util/Suspense.svelte";
-  import * as sdk from "../../../fetch-client";
-  import {
-    useConfigureImmichIntegration,
-    useIntegrations,
-  } from "../../../services/integrations.service";
-  import { useRepositories } from "../../../services/repository.service";
-  import { useSchedules } from "../../../services/schedule.service";
-  import {
-    Button,
-    Checkbox,
-    Field,
-    FormModal,
-    Heading,
-    HStack,
-    Input,
-    Select,
-    Stack,
-    Switch,
-    Text,
-  } from "@immich/ui";
-  import validateCron from "cron-validate";
-  import cronstrue from "cronstrue";
-  import { SvelteSet } from "svelte/reactivity";
-
-  type Props = {
-    onFinish?: () => void;
-    onCancel?: () => void;
-    onClose?: () => void;
-    backendId?: string;
-  };
-
-  let { onFinish, onCancel, onClose }: Props = $props();
-
-  const query = useIntegrations();
-  const schedulesQuery = useSchedules();
-  const repositoriesQuery = useRepositories();
-
-  type RetentionChoice = {
-    key: string;
-    label: string;
-    policy: sdk.RetentionPolicyDto | null;
-  };
-
-  const retentionChoices: RetentionChoice[] = [
-    { key: "15d", label: "After 15 days", policy: { keepWithin: "15d" } },
-    { key: "30d", label: "After 30 days", policy: { keepWithin: "30d" } },
-    { key: "60d", label: "After 60 days", policy: { keepWithin: "60d" } },
-    { key: "90d", label: "After 90 days", policy: { keepWithin: "90d" } },
-    { key: "2", label: "Keep latest two backups", policy: { keepLast: 2 } },
-    { key: "never", label: "Never (keep all backups)", policy: null },
-  ];
-  const defaultRetentionKey = "60d";
-
-  let name = $state("Immich");
-  let worm = $state(false);
-  let backupConfiguration = $state(true);
-  let librariesMode = $state<"all" | "none" | "some">("all");
-  let retentionKey = $state<string>(defaultRetentionKey);
-
-  let cron = $state("0 3 * * *");
-  let scheduleMode = $state<"daily" | "custom">("daily");
-  let scheduleHour = $state(3);
-  let scheduleMinute = $state(0);
-
-  const selectedFolders = new SvelteSet<string>();
-  const selectedLibraries = new SvelteSet<string>();
-
-  type FolderItem = { label: string; description?: string; folders: string[] };
-
-  let populated = false;
-
-  $effect(() => {
-    if (populated || !query.data?.immichState) {
-      return;
-    }
-    populated = true;
-
-    const integration = query.data.immichIntegration;
-    if (integration) {
-      const config = integration.configuration;
-      backupConfiguration = config.backupConfiguration;
-
-      const repository = repositoriesQuery.data?.find(
-        (entry) => entry.id === integration.id,
-      );
-
-      const policy = repository?.configuration?.retentionPolicy ?? null;
-      const matched = retentionChoices.find(
-        (choice) => JSON.stringify(choice.policy) === JSON.stringify(policy),
-      );
-      retentionKey = matched?.key ?? defaultRetentionKey;
-
-      if (config.libraries === "all") {
-        librariesMode = "all";
-      } else if (config.libraries.length === 0) {
-        librariesMode = "none";
-      } else {
-        librariesMode = "some";
-
-        for (const id of config.libraries) {
-          selectedLibraries.add(id);
-        }
-      }
-
-      for (const folder of config.dataFolders) {
-        selectedFolders.add(folder);
-      }
-
-      const schedule = schedulesQuery.data?.find(
-        (schedule) => schedule.id === integration.scheduleId,
-      );
-
-      if (schedule) {
-        cron = schedule.cron;
-
-        const match = /(\d+) (\d+) \* \* \*/.exec(cron);
-        if (match) {
-          scheduleMode = "daily";
-          scheduleHour = parseInt(match[2]);
-          scheduleMinute = parseInt(match[1]);
-        } else {
-          scheduleMode = "custom";
-        }
-      }
-    } else {
-      for (const folder of query.data.immichState.dataFolders) {
-        selectedFolders.add(folder);
-      }
-    }
-  });
-
-  const effectiveCron = $derived(
-    scheduleMode === "daily" ? `${scheduleMinute} ${scheduleHour} * * *` : cron,
-  );
-
-  const mutation = useConfigureImmichIntegration();
-
-  const onSubmit = () => {
-    selectedFolders.add("backups");
-
-    mutation.mutate(
-      {
-        name,
-        worm,
-        cron: effectiveCron,
-        dataFolders: [...selectedFolders],
-        backupConfiguration,
-        libraries:
-          librariesMode === "all"
-            ? "all"
-            : librariesMode === "none"
-              ? []
-              : [...selectedLibraries],
-        retentionPolicy: worm
-          ? null
-          : (retentionChoices.find((choice) => choice.key === retentionKey)
-              ?.policy ?? null),
-      },
-      {
-        onSuccess: () => {
-          onFinish?.();
-          onClose?.();
-        },
-      },
-    );
-  };
-
-  function applicableFolders(item: FolderItem, available: string[]): string[] {
-    return item.folders.filter((folder) => available.includes(folder));
-  }
-
-  function isItemChecked(item: FolderItem, available: string[]): boolean {
-    const folders = applicableFolders(item, available);
-    return (
-      folders.length > 0 &&
-      folders.every((folder) => selectedFolders.has(folder))
-    );
-  }
-
-  function toggleItem(item: FolderItem, available: string[]) {
-    const folders = applicableFolders(item, available);
-    const allOn = folders.every((folder) => selectedFolders.has(folder));
-    for (const folder of folders) {
-      if (allOn) {
-        selectedFolders.delete(folder);
-      } else {
-        selectedFolders.add(folder);
-      }
-    }
-  }
-
-  function toggleLibrary(id: string) {
-    if (selectedLibraries.has(id)) {
-      selectedLibraries.delete(id);
-    } else {
-      selectedLibraries.add(id);
-    }
-  }
-</script>
-
-<FormModal
-  title="Backup settings"
-  size="large"
-  disabled={(scheduleMode === "custom" &&
-    !validateCron(effectiveCron).isError()) ||
-    name.length === 0 ||
-    mutation.isPending}
-  onClose={() => {
-    onCancel?.();
-    onClose?.();
-  }}
-  {onSubmit}
->
-  <Stack gap={6}>
-    <Field label="Name">
-      <Input bind:value={name} />
-    </Field>
-
-    <Suspense {query}>
-      {#snippet children({ immichState: immich })}
-        <Stack gap={2}>
-          <Heading size="tiny">What to back up</Heading>
-
-          {#each [{ label: "Photos and videos", description: "Your media uploaded directly to Immich.", folders: ["upload", "profile", "library"], recommended: true }, { label: "Database backups", description: "Albums, faces, and metadata. You'll need this to restore.", folders: ["backups"], required: true }, { label: "Thumbnails and previews", description: "Generated photo previews, can be recreated later.", folders: ["thumbs"], regenerate: true }, { label: "Encoded videos", description: "Generated video previews, can be recreated later.", folders: ["encoded-video"], regenerate: true }] as item (item.label)}
-            <label class="select-none">
-              <Stack direction="row">
-                <Checkbox
-                  checked={item.required ||
-                    isItemChecked(item, immich!.dataFolders)}
-                  onCheckedChange={() => toggleItem(item, immich!.dataFolders)}
-                  disabled={item.required}
-                />
-                <Stack gap={0}>
-                  <Text>{item.label}</Text>
-                  {#if item.description}
-                    <Text size="small" color="secondary"
-                      >{item.description}</Text
-                    >
-                  {/if}
-                  {#if item.recommended && !isItemChecked(item, immich!.dataFolders)}
-                    <Text size="small" color="danger"
-                      >It is highly recommended you back this up!</Text
-                    >
-                  {/if}
-                  {#if item.regenerate && !isItemChecked(item, immich!.dataFolders)}
-                    <Text size="small" color="warning"
-                      >When restoring, you will see broken previews, use the
-                      admin panel to regenerate them.</Text
-                    >
-                  {/if}
-                </Stack>
-              </Stack>
-            </label>
-          {/each}
-
-          <label class="select-none">
-            <Stack direction="row">
-              <Checkbox bind:checked={backupConfiguration} />
-              <Stack gap={0}>
-                <Text>Backup configuration</Text>
-                <Text size="small" color="secondary"
-                  >Saves these settings too.</Text
-                >
-                {#if !backupConfiguration}
-                  <Text size="small" color="warning"
-                    >You will need to reconfigure backups from scratch after
-                    restoring.</Text
-                  >
-                {/if}
-              </Stack>
-            </Stack>
-          </label>
-        </Stack>
-
-        <Stack gap={2}>
-          <Stack gap={0}>
-            <Heading size="tiny">External Libraries</Heading>
-            <Text size="small" color="secondary">
-              External libraries stored outside of Immich can also be included
-              in your backup. <br /> By default, all existing and future external
-              libraries will be included in your backup.
-            </Text>
-          </Stack>
-
-          <HStack fullWidth>
-            {#each [{ id: "all" as const, label: "All" }, { id: "none" as const, label: "None" }, { id: "some" as const, label: "Pick" }] as option (option.id)}
-              <Button
-                fullWidth
-                size="small"
-                variant={librariesMode === option.id ? "filled" : "outline"}
-                color={librariesMode === option.id ? "primary" : "secondary"}
-                onclick={() => (librariesMode = option.id)}
-              >
-                {option.label}
-              </Button>
-            {/each}
-          </HStack>
-
-          {#if librariesMode === "all"}
-            {#if immich!.libraries.length !== 0}
-              <Text size="small" color="secondary"
-                >Libraries included: {immich!.libraries
-                  .map((item) => item.name)
-                  .join(", ")}</Text
-              >
-            {/if}
-          {:else if librariesMode === "some"}
-            {#if immich!.libraries.length === 0}
-              <Text size="small" color="secondary"
-                >No external libraries found.</Text
-              >
-            {:else}
-              <Stack gap={1}>
-                {#each immich!.libraries as library (library.id)}
-                  <label class="flex select-none items-center gap-2">
-                    <Checkbox
-                      checked={selectedLibraries.has(library.id)}
-                      onCheckedChange={() => toggleLibrary(library.id)}
-                    />
-                    <Text>{library.name}</Text>
-                  </label>
-                {/each}
-              </Stack>
-            {/if}
-          {/if}
-        </Stack>
-
-        <Stack gap={2}>
-          <Heading size="tiny">Schedule</Heading>
-
-          <HStack fullWidth>
-            {#each [{ id: "daily" as const, label: "Every day" }, { id: "custom" as const, label: "Custom cron expression" }] as option (option.id)}
-              <Button
-                fullWidth
-                size="small"
-                variant={scheduleMode === option.id ? "filled" : "outline"}
-                color={scheduleMode === option.id ? "primary" : "secondary"}
-                onclick={() => (scheduleMode = option.id)}
-              >
-                {option.label}
-              </Button>
-            {/each}
-          </HStack>
-
-          {#if scheduleMode === "daily"}
-            <Field label="Time">
-              <Input
-                type="time"
-                value={`${String(scheduleHour).padStart(2, "0")}:${String(scheduleMinute).padStart(2, "0")}`}
-                oninput={(event) => {
-                  const [hours, minutes] = (
-                    event.currentTarget as HTMLInputElement
-                  ).value.split(":");
-                  scheduleHour = Number(hours);
-                  scheduleMinute = Number(minutes);
-                }}
-              />
-            </Field>
-          {:else}
-            <Field label="Cron expression">
-              <Input bind:value={cron} placeholder="0 3 * * *" />
-            </Field>
-
-            <Text size="small" color="secondary"
-              >Your backups will run <span class="lowercase"
-                >{cronstrue.toString(cron, {
-                  verbose: true,
-                })}</span
-              ></Text
-            >
-          {/if}
-        </Stack>
-      {/snippet}
-    </Suspense>
-
-    <Stack gap={2}>
-      <Heading size="tiny">Advanced</Heading>
-      <Field
-        label="Write-only"
-        description="Once written, files can't be removed."
-      >
-        <Switch bind:checked={worm} />
-      </Field>
-
-      <Field
-        label="Delete old backups"
-        description="Older snapshots will be pruned automatically."
-        disabled={worm}
-      >
-        <Select
-          options={retentionChoices.map(({ key, label }) => ({
-            value: key,
-            label,
-          }))}
-          value={worm ? "never" : retentionKey}
-          onChange={(value) => (retentionKey = value)}
-        />
-      </Field>
-    </Stack>
-  </Stack>
-</FormModal>

package/dist/components/integrations/immich/ImmichConfigureBackup.svelte.d.ts

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