Files
obsidian-livesync/src/modules/services/LiveSyncUI/dialogues/DialogueToCopy.svelte
T
ZeedifandClaude Opus 5 b6746be73e refactor(i18n): route remaining Obsidian UI text through the message catalogue
Continues the source-key migration inside the application boundary introduced
in 1.0.0, where LiveSync owns its catalogue and consumes Commonlib as a
published package.

- Replace hardcoded user-visible strings in the Obsidian UI (Setup Wizard
  dialogues, P2P panes, Customisation Sync panes, Global History, the JSON
  conflict pane and the remote-configuration menu) with `$msg` calls, keeping
  the English source string as the key.
- Wire up strings whose translations already existed in the catalogue but were
  still rendered as literals, for example the whole Intro dialogue.
- Add the new entries to `src/common/messagesYAML/en.yaml` and `es.yaml`, then
  regenerate `messagesJson/` and `combinedMessages.prod.ts` through the
  documented `i18n:bake` pipeline.
- No Commonlib gitlink or catalogue is involved; every change is
  LiveSync-owned.

Regenerating the catalogue also normalises three pre-existing entries each in
`ko.json` and `zh.json`, where the committed JSON kept a trailing space before
a newline that YAML cannot represent.

Verified with tsc-check, tsc-check:apps, svelte-check and lint.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-07-30 18:59:19 -06:00

61 lines
2.1 KiB
Svelte

<script lang="ts">
import { onMount } from "svelte";
import type { GuestDialogProps } from "@/modules/services/LiveSyncUI/svelteDialog";
import DialogHeader from "@/modules/services/LiveSyncUI/components/DialogHeader.svelte";
import Instruction from "@/modules/services/LiveSyncUI/components/Instruction.svelte";
import InputRow from "@/modules/services/LiveSyncUI/components/InputRow.svelte";
import Decision from "@/modules/services/LiveSyncUI/components/Decision.svelte";
import UserDecisions from "@/modules/services/LiveSyncUI/components/UserDecisions.svelte";
import InfoNote from "@/modules/services/LiveSyncUI/components/InfoNote.svelte";
import { $msg as translateMessage } from "@/common/translation";
const TYPE_OK = "ok";
type ResultType = typeof TYPE_OK;
type Options = {
title?: string;
dataToCopy: string;
};
type Props = GuestDialogProps<ResultType, Options>;
const { setResult, getInitialData }: Props = $props();
let dataToCopy = $state("");
let title = $state<string | undefined>(undefined);
let copied = $state(false);
onMount(() => {
if (getInitialData) {
const initialData = getInitialData();
if (initialData) {
dataToCopy = initialData.dataToCopy;
title = initialData.title;
}
}
});
function commit() {
setResult(TYPE_OK);
}
async function copyToClipboard() {
await navigator.clipboard.writeText(dataToCopy);
copied = true;
}
</script>
<DialogHeader title="Your {title || 'Data'} is ready to be copied" />
<Instruction>
<InputRow label={title || translateMessage("Data to Copy")}>
<textarea readonly rows="4">{dataToCopy}</textarea>
<button onclick={() => copyToClipboard()}
>{#if !copied}📋{:else}✔️{/if}
</button>
</InputRow>
</Instruction>
<InfoNote visible={copied}>
Your {title || "data"} has been copied to the clipboard.
</InfoNote>
<UserDecisions>
<Decision title="OK" important={true} {commit} />
</UserDecisions>
<style>
textarea {
resize: none;
}
</style>