Split up i18n-generated into i18n-{translate,modules}

ts/.prettierignore

@@ -1,4 +1,5 @@
 licenses.json
 vendor
-i18n-generated.ts
+i18n-translate.ts
+i18n-modules.ts
 backend_proto.d.ts

ts/change-notetype/index.ts

@@ -6,7 +6,7 @@
  */
 
 import { ChangeNotetypeState, getChangeNotetypeInfo, getNotetypeNames } from "./lib";
-import { setupI18n, tr } from "../lib/i18n";
+import { setupI18n, ModuleName } from "../lib/i18n";
 import { checkNightMode } from "../lib/nightmode";
 import ChangeNotetypePage from "./ChangeNotetypePage.svelte";
 import { nightModeKey } from "../components/context-keys";
@@ -20,7 +20,7 @@ export async function changeNotetypePage(
         getChangeNotetypeInfo(oldNotetypeId, newNotetypeId),
         getNotetypeNames(),
         setupI18n({
-            modules: [tr.ModuleName.ACTIONS, tr.ModuleName.CHANGE_NOTETYPE],
+            modules: [ModuleName.ACTIONS, ModuleName.CHANGE_NOTETYPE],
         }),
     ]);
 

ts/congrats/index.ts

@@ -2,14 +2,14 @@
 // License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 import { getCongratsInfo } from "./lib";
-import { setupI18n, tr } from "../lib/i18n";
+import { setupI18n, ModuleName } from "../lib/i18n";
 import { checkNightMode } from "../lib/nightmode";
 
 import CongratsPage from "./CongratsPage.svelte";
 
 export async function congrats(target: HTMLDivElement): Promise<void> {
     checkNightMode();
-    await setupI18n({ modules: [tr.ModuleName.SCHEDULING] });
+    await setupI18n({ modules: [ModuleName.SCHEDULING] });
     const info = await getCongratsInfo();
     const page = new CongratsPage({
         target,

ts/deck-options/index.ts

@@ -8,7 +8,7 @@
 import "../sveltelib/export-runtime";
 
 import { getDeckOptionsInfo, DeckOptionsState } from "./lib";
-import { setupI18n, tr } from "../lib/i18n";
+import { setupI18n, ModuleName } from "../lib/i18n";
 import { checkNightMode } from "../lib/nightmode";
 import DeckOptionsPage from "./DeckOptionsPage.svelte";
 import { nightModeKey, touchDeviceKey, modalsKey } from "../components/context-keys";
@@ -21,9 +21,9 @@ export async function deckOptions(
         getDeckOptionsInfo(deckId),
         setupI18n({
             modules: [
-                tr.ModuleName.SCHEDULING,
+                ModuleName.SCHEDULING,
-                tr.ModuleName.ACTIONS,
+                ModuleName.ACTIONS,
-                tr.ModuleName.DECK_CONFIG,
+                ModuleName.DECK_CONFIG,
             ],
         }),
     ]);

ts/editor/index.ts

@@ -13,7 +13,7 @@ import type EditorToolbar from "./EditorToolbar.svelte";
 import type TagEditor from "./TagEditor.svelte";
 
 import { filterHTML } from "../html-filter";
-import { setupI18n, tr } from "../lib/i18n";
+import { setupI18n, ModuleName } from "../lib/i18n";
 import { isApplePlatform } from "../lib/platform";
 import { registerShortcut } from "../lib/shortcuts";
 import { bridgeCommand } from "../lib/bridgecommand";
@@ -200,10 +200,10 @@ export function setTags(tags: string[]): void {
 
 export const i18n = setupI18n({
     modules: [
-        tr.ModuleName.EDITING,
+        ModuleName.EDITING,
-        tr.ModuleName.KEYBOARD,
+        ModuleName.KEYBOARD,
-        tr.ModuleName.ACTIONS,
+        ModuleName.ACTIONS,
-        tr.ModuleName.BROWSING,
+        ModuleName.BROWSING,
     ],
 });
 

ts/graphs/index.ts

@@ -3,7 +3,7 @@
 
 import type { SvelteComponent } from "svelte/internal";
 
-import { setupI18n, tr } from "../lib/i18n";
+import { setupI18n, ModuleName } from "../lib/i18n";
 import { checkNightMode } from "../lib/nightmode";
 
 import GraphsPage from "./GraphsPage.svelte";
@@ -33,18 +33,16 @@ export function graphs(
 ): void {
     const nightMode = checkNightMode();
 
-    setupI18n({ modules: [tr.ModuleName.STATISTICS, tr.ModuleName.SCHEDULING] }).then(
+    setupI18n({ modules: [ModuleName.STATISTICS, ModuleName.SCHEDULING] }).then(() => {
-        () => {
+        new GraphsPage({
-            new GraphsPage({
+            target,
-                target,
+            props: {
-                props: {
+                graphs,
-                    graphs,
+                nightMode,
-                    nightMode,
+                initialSearch: search,
-                    initialSearch: search,
+                initialDays: days,
-                    initialDays: days,
+                controller,
-                    controller,
+            },
-                },
+        });
-            });
+    });
-        }
-    );
 }

ts/lib/BUILD.bazel

@@ -6,8 +6,13 @@ load("@rules_python//python:defs.bzl", "py_binary")
 load("@py_deps//:requirements.bzl", "requirement")
 load("//ts:jest.bzl", "jest_test")
 
-_generated = [
+_i18n_files = [
-    "i18n-generated.ts",
+    "i18n-translate.ts",
+    "i18n-modules.ts",
+]
+
+_generated = _i18n_files + [
+    "backend_proto.d.ts",
 ]
 
 protobufjs_library(
@@ -29,8 +34,8 @@ py_binary(
 
 genrule(
     name = "fluent_gen",
-    outs = ["i18n-generated.ts"],
+    outs = _i18n_files,
-    cmd = "$(location genfluent) $(location //rslib/i18n:strings.json) $@",
+    cmd = "$(location genfluent) $(location //rslib/i18n:strings.json) $(OUTS)",
     tools = [
         "genfluent",
         "//rslib/i18n:strings.json",

ts/lib/genfluent.py

@@ -7,7 +7,7 @@ from typing import List, Literal, TypedDict
 
 import stringcase
 
-strings_json, outfile = sys.argv[1:]
+strings_json, translate_out, modules_out = sys.argv[1:]
 modules = json.load(open(strings_json, encoding="utf8"))
 
 
@@ -101,17 +101,17 @@ def module_names() -> str:
     return buf
 
 
-out = ""
+def write(outfile, out) -> None:
-
+    open(outfile, "wb").write(
-out += methods()
+        (
-out += module_names()
+            f"""// Copyright: Ankitects Pty Ltd and contributors
-
-open(outfile, "wb").write(
-    (
-        """// Copyright: Ankitects Pty Ltd and contributors
 // License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 """
-        + out
+            + out
-    ).encode("utf8")
+        ).encode("utf8")
-)
+    )
+
+
+write(translate_out, str(methods()))
+write(modules_out, str(module_names()))

ts/lib/i18n-generated.ts

@@ -1 +0,0 @@
-../../bazel-bin/ts/lib/i18n-generated.ts

ts/lib/i18n-modules.ts

@@ -0,0 +1 @@
+../../bazel-bin/ts/lib/i18n-modules.ts

ts/lib/i18n-translate.ts

@@ -0,0 +1 @@
+../../bazel-bin/ts/lib/i18n-translate.ts

ts/lib/i18n.ts

@@ -79,7 +79,7 @@ export class I18n {
 // global singleton
 export const i18n = new I18n();
 
-import type { ModuleName } from "./i18n-generated";
+import type { ModuleName } from "./i18n-modules";
 
 export async function setupI18n(args: { modules: ModuleName[] }): Promise<void> {
     const resp = await fetch("/_anki/i18nResources", {
@@ -103,4 +103,5 @@ export async function setupI18n(args: { modules: ModuleName[] }): Promise<void>
     i18n.langs = json.langs;
 }
 
-export * as tr from "./i18n-generated";
+export { ModuleName } from "./i18n-modules";
+export * as tr from "./i18n-translate";