📎 Temporary Multilingual Support with Proxy Implementation

[sugar-cat7]

Description

To facilitate temporary multilingual support in our current architecture, we need to implement a Proxy(BFF) layer. This BFF will act as an intermediary between the Frontend and the original Backend, ensuring translations are applied and responses are cached effectively. The goal is to minimize costs and create a disposable solution that can be easily decommissioned post-migration.

Objectives

1. Implement a BFF layer using Cloudflare Workers.
2. Cache translated responses using Cloudflare KV.
3. Ensure the BFF forwards requests and responses between Frontend and Backend without altering the response structure.
4. Apply the Cloud Transition API to Backend responses for translation purposes.
5. Support multilingual frontends by detecting language preferences from request headers and user selections.
6. Store user language preferences in local storage, with future considerations for persistence.

Sequence Diagram

Overview

sequenceDiagram
    participant Frontend
    participant BFF
    participant Backend
    participant CTA
    participant KVC

    Frontend->>BFF: Request
    BFF->>Backend: Request
    Backend->>BFF: Response
    BFF->>CTA: Translate
    CTA->>BFF: Translated Response
    BFF->>KVC: Cache Response
    BFF->>Frontend: Response

Additional Notes

• Ensure minimal changes to the current architecture to avoid large-scale modifications.
• The solution should be easily decommissioned once the permanent multilingual support is implemented.
• Future considerations for persisting user language preferences should be noted but not prioritized in this phase.

TODO

• [x] #429
• [x] #431
  • ja -> JST
  • en -> PDT
• [x] #432
• [ ] #433
  • About
  • Privacy Policy
  • Terms
• [x] #434
• [x] #438

[sugar-cat7]

YouTube API Quota Application Done

[sugar-cat7]

The ISO-639 codes https://cloud.google.com/translate/docs/languages

[sugar-cat7]

TODO

• Support for i18n of fixed phrases → https://github.com/sugar-cat7/vspo-portal/pull/424
• Add lang parameter when fetching → https://github.com/sugar-cat7/vspo-portal/pull/427
• Set the initial timezone to PDT when English is selected

----- Notify (X/Reddit) at this point -----

• Automatic live stream updates after the first broadcast
• Update clips videos for EN
• Switch languages and timezones as a feature
• Bug Fix for Unable to Retrieve Twitch Clips → https://github.com/sugar-cat7/vspo-portal/pull/427