chore: migrate metadata to use values from JSON file

Author: 3w36zj6

website/package.json

@@ -1,6 +1,5 @@
 {
 	"private": true,
-	"version": "0.13.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

website/src/metadata.ts

@@ -1,22 +1,37 @@
-import { version } from "../package.json";
+import metadataJson from "../metadata.json";
 
-// TODO: The metadata will be configurable via a JSON configuration file.
+type Metadata = {
+	language: "ja-JP" | "en-US";
+	version: string;
+	typstOfficialUrl: string;
+	typstOfficialDocsUrl: `http://${string}/` | `https://${string}/`;
+	githubOrganizationUrl: string;
+	githubRepositoryUrl: string;
+	discordServerUrl: string;
+	originUrl: string;
+	basePath: "/" | `/${string}/`;
+	displayTranslationStatus: boolean;
+};
+
+const metadata = metadataJson as unknown as Metadata;
+
+/** The language of the documentation. */
+export const language = metadata.language;
 /** The version of the documentation, without a leading `v`. */
-export { version };
+export const version = metadata.version;
 /** The official Typst website URL. */
-export const typstOfficialUrl = "https://typst.app";
+export const typstOfficialUrl = metadata.typstOfficialUrl;
 /** The official Typst documentation base URL. */
-export const typstOfficialDocsUrl: `http://${string}/` | `https://${string}/` =
-	"https://typst.app/docs/";
+export const typstOfficialDocsUrl = metadata.typstOfficialDocsUrl;
 /** The GitHub organization URL. */
-export const githubOrganizationUrl = "https://github.com/typst-jp";
+export const githubOrganizationUrl = metadata.githubOrganizationUrl;
 /** The GitHub repository URL. */
-export const githubRepositoryUrl = "https://github.com/typst-jp/docs";
+export const githubRepositoryUrl = metadata.githubRepositoryUrl;
 /** The Discord server invite URL. */
-export const discordServerUrl = "https://discord.gg/9xF7k4aAuH";
+export const discordServerUrl = metadata.discordServerUrl;
 /** The origin URL of the deployed site, used for metadata. Note that the base path should not be included. */
-export const originUrl = "https://typst-jp.github.io/";
+export const originUrl = metadata.originUrl;
 /** The base public path for deployment. This must match the value used in typst-docs. */
-export const basePath: "/" | `/${string}/` = "/docs/";
+export const basePath = metadata.basePath;
 /** Indicates whether to display the translation status on the site. Community content is always displayed. */
-export const displayTranslationStatus: boolean = true;
+export const displayTranslationStatus = metadata.displayTranslationStatus;

website/src/translation/index.tsx

@@ -1,5 +1,14 @@
 import type { FC } from "hono/jsx";
 import type { TooltipProps } from "../components/ui/Tooltip";
+import { language } from "../metadata";
+import {
+	Translation as EnUSTranslation,
+	translation as enUSTranslation,
+} from "./en-US";
+import {
+	Translation as JaJPTranslation,
+	translation as jaJPTranslation,
+} from "./ja-JP";
 
 /**
  * Translation dictionary for UI attributes and aria labels.
@@ -80,7 +89,20 @@ export type TranslationComponentProps =
  */
 export type TranslationComponent = FC<TranslationComponentProps>;
 
-/**
- * Switch translation language here.
- */
-export { Translation, translation } from "./ja-JP";
+// Switch translation language.
+let Translation: TranslationComponent;
+let translation: TranslationObject;
+
+switch (language) {
+	case "ja-JP":
+		Translation = JaJPTranslation;
+		translation = jaJPTranslation;
+		break;
+	case "en-US":
+		Translation = EnUSTranslation;
+		translation = enUSTranslation;
+		break;
+	default:
+		throw new Error(`Unsupported language: ${language}`);
+}
+export { Translation, translation };