mirror of
https://github.com/vrtmrz/obsidian-livesync.git
synced 2026-08-11 14:15:46 +00:00
ZeedifandClaude Opus 5
b6746be73e
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>
71 lines
3.5 KiB
Svelte
71 lines
3.5 KiB
Svelte
<script lang="ts">
|
|
import DialogHeader from "@/modules/services/LiveSyncUI/components/DialogHeader.svelte";
|
|
import Guidance from "@/modules/services/LiveSyncUI/components/Guidance.svelte";
|
|
import InfoNote from "@/modules/services/LiveSyncUI/components/InfoNote.svelte";
|
|
import Decision from "@/modules/services/LiveSyncUI/components/Decision.svelte";
|
|
import Question from "@/modules/services/LiveSyncUI/components/Question.svelte";
|
|
import Option from "@/modules/services/LiveSyncUI/components/Option.svelte";
|
|
import Options from "@/modules/services/LiveSyncUI/components/Options.svelte";
|
|
import Instruction from "@/modules/services/LiveSyncUI/components/Instruction.svelte";
|
|
import UserDecisions from "@/modules/services/LiveSyncUI/components/UserDecisions.svelte";
|
|
import { TYPE_NEW_USER, TYPE_EXISTING_USER, TYPE_CANCELLED, type IntroResultType } from "./setupDialogTypes";
|
|
import { $msg as translateMessage } from "@/common/translation";
|
|
|
|
type Props = {
|
|
setResult: (result: IntroResultType) => void;
|
|
};
|
|
const { setResult }: Props = $props();
|
|
let userType = $state<IntroResultType>(TYPE_CANCELLED);
|
|
let proceedTitle = $derived.by(() => {
|
|
if (userType === TYPE_NEW_USER) {
|
|
return translateMessage("Yes, I want to set up a new synchronisation");
|
|
} else if (userType === TYPE_EXISTING_USER) {
|
|
return translateMessage("Yes, I want to add this device to my existing synchronisation");
|
|
} else {
|
|
return translateMessage("Please select an option to proceed");
|
|
}
|
|
});
|
|
const canProceed = $derived.by(() => {
|
|
return userType === TYPE_NEW_USER || userType === TYPE_EXISTING_USER;
|
|
});
|
|
</script>
|
|
|
|
<DialogHeader title={translateMessage("Welcome to Self-hosted LiveSync")} />
|
|
<Guidance
|
|
>{translateMessage(
|
|
"We will now guide you through a few questions to simplify the synchronisation setup."
|
|
)}</Guidance
|
|
>
|
|
<InfoNote>
|
|
{translateMessage(
|
|
"This first setup has several short steps because it confirms encryption, the connection method, and which device provides the initial data. Once it is complete, additional devices can reuse a Setup URI."
|
|
)}
|
|
</InfoNote>
|
|
<Instruction>
|
|
<Question>{translateMessage("First, please select the option that best describes your current situation.")}</Question>
|
|
<Options>
|
|
<Option
|
|
selectedValue={TYPE_NEW_USER}
|
|
title={translateMessage("I am setting this up for the first time")}
|
|
bind:value={userType}
|
|
>
|
|
{translateMessage(
|
|
"(Select this if you are configuring this device as the first synchronisation device.) This option is suitable if you are new to LiveSync and want to set it up from scratch."
|
|
)}
|
|
</Option>
|
|
<Option
|
|
selectedValue={TYPE_EXISTING_USER}
|
|
title={translateMessage("I am adding a device to an existing synchronisation setup")}
|
|
bind:value={userType}
|
|
>
|
|
{translateMessage(
|
|
"(Select this if you are already using synchronisation on another computer or smartphone.) This option is suitable if you are new to LiveSync and want to set it up from scratch."
|
|
)}
|
|
</Option>
|
|
</Options>
|
|
</Instruction>
|
|
<UserDecisions>
|
|
<Decision title={proceedTitle} important={canProceed} disabled={!canProceed} commit={() => setResult(userType)} />
|
|
<Decision title={translateMessage("No, please take me back")} commit={() => setResult(TYPE_CANCELLED)} />
|
|
</UserDecisions>
|