Adding support for English (and other languages in the future) by Hydramus · Pull Request #7 · hkilang/TTS

Hydramus · 2026-04-19T23:03:19Z

Hi i wanted to bring this to more hakka speakers who are not as comfortable with reading Chinese so I've added support for English and potentially any other language (or simplified Chinese even)

Let me know what you think and if you have any questions. (Also, sorry this is such a large PR 😅 )

…r language switching

graphemecluster · 2026-04-20T15:34:46Z

Thank you for taking the time to work on it! I will take a look at it shortly (before the launch of the revamped HKILANG website, which I believe will be in the coming month).

graphemecluster

Here are part of my reviews - I haven't tried out the app yet and I'll take a look at the UI in short.

graphemecluster · 2026-05-21T06:04:58Z

 // This method is bounded per the spec
 // eslint-disable-next-line @typescript-eslint/unbound-method
-const formatPercentage = Intl.NumberFormat("zh-HK", { style: "percent", minimumFractionDigits: 2, maximumFractionDigits: 2 }).format;
+const formatPercentage = Intl.NumberFormat(undefined, { style: "percent", minimumFractionDigits: 2, maximumFractionDigits: 2 }).format;


Can this follow the current language?

graphemecluster · 2026-05-21T06:06:04Z

+		"waitau": "Wai Tau Waa",
+		"hakka": "Hakka Wa",


Suggested change

"waitau": "Wai Tau Waa",

"hakka": "Hakka Wa",

"waitau": "Waitau",

"hakka": "Hakka",

graphemecluster · 2026-05-21T06:06:16Z

+		"hkilangLogoAlt": "Hong Kong Indigenous Language Preservation Association logo",
+		"hkilangTitle": "Hong Kong <span class=\"text-[#d80818] group-hover:text-[#900612] group-hover:text-opacity-90 transition-[color]\">Indigenous Language</span> Preservation Association",
+		"selectVoice": "Select Voice",
+		"description": "Enter text to hear Weitou and Hakka pronunciation, preserving local languages."


Suggested change

"description": "Enter text to hear Weitou and Hakka pronunciation, preserving local languages."

"description": "Enter text to hear Waitau and Hakka pronunciation, preserving local languages."

graphemecluster · 2026-05-21T06:06:27Z

+	},
+	"languageSelection": {
+		"title": "Select Language",
+		"welcome": "Welcome to the <b>Hong Kong Weitou and Hakka Text-to-Speech</b> reader!",


Suggested change

"welcome": "Welcome to the <b>Hong Kong Weitou and Hakka Text-to-Speech</b> reader!",

"welcome": "Welcome to the <b>Hong Kong Waitau and Hakka Text-to-Speech</b> reader!",

graphemecluster · 2026-05-21T06:08:02Z

+		"intro": "Welcome to the <b>Hong Kong Wai Tau Waa and Hakka Text-to-Speech (TTS)</b> reader!",
+		"heritage": "<b>Wai Tau Waa</b> and <b>Hakka</b> are both intangible cultural heritage of Hong Kong. However, the transmission of these indigenous languages has been disrupted due to urbanization. The new generation in walled villages has little opportunity to encounter Wai Tau Waa and Hakka, or they \"can understand but cannot speak.\"",
+		"purpose": "Using this Text-to-Speech (<abbr>TTS</abbr>) reader can serve as a resource for learning Wai Tau Waa and Hakka, and can also become a tool for communicating with village elders, continuing the language transmission within families and communities.",
+		"instructions": {
+			"intro": "Simply enter text in the program, and it will generate natural and fluent Wai Tau Waa or Hakka speech. Instructions:",
+			"step1": "Select language: Wai Tau Waa / Hakka",


Please stick to the translation in the README (https://github.com/hkilang/TTS#readme), and change all "Weitou" or "Wai Tau Waa" to "Waitau".

graphemecluster · 2026-05-21T06:48:37Z

+		"model": "Model ",
+		"data": "Data "


Suggested change

"model": "Model ",

"data": "Data "

"model": "model",

"data": "data"

graphemecluster · 2026-05-21T07:03:42Z

+	"onlineMode": "Online Mode",
+	"offlineMode": "Offline Mode",
+	"voiceSpeed": "Voice Speed",
+	"download": "Download",


Suggested change

"download": "Download",

"download": "{{type}} Download",

But unlike the messages in downloadStatus, this has to be title-cased, so perhaps

use two separate labels; or

Suggested change

"download": "Download",

"download": "{{type, titlecase}} Download",

and add a interpolation.format function to i18next settings
format(value, format, lng) { if (format === "capitalize") return `${value[0].toLocaleUpperCase(lng)}${value.slice(1)}`; if (format === "titlecase") return value.split(" ").map(part => `${part[0].toLocaleUpperCase(lng)}${part.slice(1)}`).join(" "); return value; },

graphemecluster · 2026-05-21T07:05:57Z

+		"cancelledIncomplete": "Download cancelled; {{type}} incomplete",
+		"saveFailed": "Download failed: Error occurred while saving to database",
+		"saveIncomplete": "Download incomplete: Error occurred while saving to database",
+		"latest": "Already latest version"


Suggested change

"latest": "Already latest version"

"latest": "Latest"

graphemecluster · 2026-05-21T07:08:00Z

+		"gatherFailed": "Unable to get {{type}} status: Database error",
+		"availableForDownload": "Available for download",
+		"newVersionAvailable": "New version available for download",
+		"incomplete": "{{type}} incomplete",


Suggested change

"incomplete": "{{type}} incomplete",

"incomplete": "{{type, capitalize}} incomplete",

graphemecluster · 2026-05-21T07:14:18Z

+		},
+		"credits": "This program is developed by <a href=\"https://hkilang.org\" target=\"_blank\">Hong Kong Indigenous Language Preservation Association</a>. We would like to thank the Leisure and Cultural Services Department's <a href=\"https://www.icho.hk/en/web/icho/ich_funding_scheme_introduction.html\" target=\"_blank\">Intangible Cultural Heritage Funding Scheme</a> for funding this project, and the <a href=\"https://crlls.eduhk.hk\" target=\"_blank\">Centre for Research in Linguistics and Language Sciences, The Education University of Hong Kong</a> for providing venue rental assistance.",
+		"technical": "The frontend of this program is developed using <a href=\"https://typescriptlang.org\" target=\"_blank\">TypeScript</a> and <a href=\"https://react.dev\" target=\"_blank\">React</a> framework, utilizing the VITS2 language model <sup><a href=\"#vits2\">[1]</a></sup> provided by <a href=\"https://hon9kon9ize.com\" target=\"_blank\">hon9kon9ize</a>. For details, please refer to the <a href=\"https://github.com/hkilang/TTS\" target=\"_blank\">source code</a>.",
+		"contact": "For any inquiries, please email <a href=\"mailto:info@hkilang.org\" target=\"_blank\">info@hkilang.org</a> or <a href=\"mailto:lchaakming@eduhk.hk\" target=\"_blank\">lchaakming@eduhk.hk</a>.",


Suggested change

"contact": "For any inquiries, please email <a href=\"mailto:info@hkilang.org\" target=\"_blank\">info@hkilang.org</a> or <a href=\"mailto:lchaakming@eduhk.hk\" target=\"_blank\">lchaakming@eduhk.hk</a>.",

"contact": "Should you have any enquiries, please email <a href=\"mailto:info@hkilang.org\" target=\"_blank\">info@hkilang.org</a> or <a href=\"mailto:lchaakming@eduhk.hk\" target=\"_blank\">lchaakming@eduhk.hk</a>.",

graphemecluster · 2026-06-14T21:55:11Z

@Hydramus Would you like to continue working on this PR, or would you like me to take it over?

Hydramus added 13 commits October 8, 2025 02:32

added language changing feature and english

590d2ce

fixed bugs on buttons and rendering on mobile

7c3a3d3

setting export path in vite config

87693fe

Fix base path for GitHub Pages

59213b6

updating and normalising to bun etc.

c7ed43f

updating bun.lock and packages.json

f2d01f1

Add workflow_dispatch trigger

3674c2a

Add workflow_dispatch trigger

3da16ff

Add deployment step id

48ed08c

adding updates to allow for scaling and better performance and cleane…

7b38d10

…r language switching

update for line endings

159b337

nojekyll added

4742c58

Merge remote-tracking branch 'upstream/main'

da2948e

graphemecluster self-requested a review April 20, 2026 15:34

graphemecluster requested changes May 21, 2026

View reviewed changes

	"description": "Enter text to hear Weitou and Hakka pronunciation, preserving local languages."
	"description": "Enter text to hear Waitau and Hakka pronunciation, preserving local languages."

	"welcome": "Welcome to the <b>Hong Kong Weitou and Hakka Text-to-Speech</b> reader!",
	"welcome": "Welcome to the <b>Hong Kong Waitau and Hakka Text-to-Speech</b> reader!",

	"download": "Download",
	"download": "{{type, titlecase}} Download",

	"incomplete": "{{type}} incomplete",
	"incomplete": "{{type, capitalize}} incomplete",

	"contact": "For any inquiries, please email <a href=\"mailto:info@hkilang.org\" target=\"_blank\">info@hkilang.org</a> or <a href=\"mailto:lchaakming@eduhk.hk\" target=\"_blank\">lchaakming@eduhk.hk</a>.",
	"contact": "Should you have any enquiries, please email <a href=\"mailto:info@hkilang.org\" target=\"_blank\">info@hkilang.org</a> or <a href=\"mailto:lchaakming@eduhk.hk\" target=\"_blank\">lchaakming@eduhk.hk</a>.",

Uh oh!

Conversation

Hydramus commented Apr 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

graphemecluster commented Apr 20, 2026

Uh oh!

graphemecluster left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

graphemecluster commented Jun 14, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Hydramus commented Apr 19, 2026 •

edited

Loading