From adb9c19c51f5c8e8a47674084f2632c3fc062355 Mon Sep 17 00:00:00 2001
From: Sylvestre Ledru <sylvestre@debian.org>
Date: Sat, 4 Apr 2026 11:11:34 +0200
Subject: [PATCH] Playground: dynamic locale dropdown from build-generated list

---
 content/playground.md | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/content/playground.md b/content/playground.md
index 27d5773b3..b8b326078 100644
--- a/content/playground.md
+++ b/content/playground.md
@@ -5,22 +5,31 @@ template = "page.html"
 
 <p>Try <a href="https://github.com/uutils/coreutils">uutils coreutils</a> directly in your browser! This interactive terminal runs Rust coreutils via WebAssembly — no installation needed.</p>
 
-<!-- Language selector hidden until l10n is embedded in the WASM binary
 <div class="playground-toolbar">
   <label for="locale-select">Language:</label>
   <select id="locale-select" onchange="setLocale(this.value)">
-    <option value="en-US">English</option>
-    <option value="fr-FR">French</option>
+    <option value="en-US">English (en-US)</option>
   </select>
 </div>
--->
 
 <div id="wasm-playground"></div>
 
+<script src="/wasm/locales.js" defer></script>
 <script src="/js/wasm-terminal.js" defer></script>
 <script defer>
   document.addEventListener("DOMContentLoaded", function() {
     initPlayground("wasm-playground");
+    // Populate the locale dropdown from the build-generated list
+    if (typeof WASM_LOCALES !== "undefined") {
+      var sel = document.getElementById("locale-select");
+      WASM_LOCALES.forEach(function(loc) {
+        if (loc === "en-US") return; // already the default option
+        var opt = document.createElement("option");
+        opt.value = loc;
+        opt.textContent = loc;
+        sel.appendChild(opt);
+      });
+    }
   });
 </script>