feat(i18n): Arabic, Hebrew, Persian and Urdu, and a layout that mirrors; release v6.4.0

Four right-to-left languages at /ar/, /he/, /fa/ and /ur/ — thirteen in all. The layout no longer has a left and a right, it has a start and an end: the margins, insets and corners are CSS logical properties now, so they follow dir on <html>. Directional glyphs flip; keys, safety codes and session descriptors are pinned left-to-right so bidi cannot reorder what two people compare against each other's screens. Also fixed: the Service Worker was registered as './sw.js', which 404s from every locale subdirectory, so twelve of the thirteen pages had no worker at all. And the bundler ran before the dictionaries were generated, so a newly added language could reach the page ahead of the app that renders it.
2026-08-29 18:05:20 -04:00
parent 98d42ac2fb
commit 5e32f547b9
68 changed files with 15147 additions and 500 deletions
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <!-- Generated by scripts/build-i18n.js from templates/index.template.html and
     locales/*.json. Edits made here are overwritten by the next build. -->
-<html lang="{{HTML_LANG}}">
+<html lang="{{HTML_LANG}}" dir="{{HTML_DIR}}">
 <head>
    <meta charset="UTF-8">
    <!-- viewport-fit=cover is what makes env(safe-area-inset-*) resolve to anything
@@ -181,6 +181,9 @@
         size-specific tracking and the reduced-motion / -transparency / -contrast
         answers all need to settle arguments with the sheets above on source order. -->
    <link rel="stylesheet" href="/src/styles/apple-motion.css?v=BUILD_VERSION">
+    <!-- Last of the hand-written sheets: the mirroring rules must win over anything
+         above them, and they only ever apply under [dir="rtl"]. -->
+    <link rel="stylesheet" href="/src/styles/rtl.css?v=BUILD_VERSION">
    <!-- Non-critical CSS (FontAwesome ~102KB, Prism) loaded async — no longer blocks paint. -->
    <script defer src="/src/scripts/load-async-css.js?v=BUILD_VERSION"></script>
    <noscript>