v3: localization fixes, char counters & limits on all text fields, ux fixes

vite.config.ts

@@ -1,6 +1,54 @@
-import { defineConfig } from "vite";
+import { defineConfig, type Plugin } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import { lingui } from "@lingui/vite-plugin";
+import fs from "node:fs";
+import path from "node:path";
+
+function manifestPlugin(): Plugin {
+  const cssPath = path.resolve("src/index.css");
+  const outPath = path.resolve("public/manifest.webmanifest");
+
+  function cssVar(rootBlock: string, name: string): string | undefined {
+    return rootBlock.match(
+      new RegExp(`${name.replace("-", "\\-")}:\\s*(#[0-9a-fA-F]{3,8})`),
+    )?.[1];
+  }
+
+  function generate() {
+    const css = fs.readFileSync(cssPath, "utf-8");
+    // Only read the first :root block — dark-mode defaults, before any @media overrides
+    const rootBlock = css.match(/:root\s*\{([^}]+)\}/)?.[1] ?? "";
+    const bgColor = cssVar(rootBlock, "--color-bg") ?? "#111827";
+
+    const manifest = {
+      name: "gerbeur",
+      short_name: "gerbeur",
+      start_url: "/",
+      display: "standalone",
+      background_color: bgColor,
+      theme_color: bgColor,
+      icons: [{ src: "/favicon.svg", type: "image/svg+xml", sizes: "any" }],
+      share_target: {
+        action: "/",
+        method: "GET",
+        params: { url: "share_url", title: "share_title", text: "share_text" },
+      },
+    };
+
+    fs.writeFileSync(outPath, JSON.stringify(manifest, null, 2) + "\n");
+  }
+
+  return {
+    name: "generate-manifest",
+    buildStart: generate,
+    configureServer(server) {
+      generate();
+      server.watcher.on("change", (file) => {
+        if (path.resolve(file) === cssPath) generate();
+      });
+    },
+  };
+}
 
 export default defineConfig({
   server: {
@@ -10,6 +58,7 @@ export default defineConfig({
     },
   },
   plugins: [
+    manifestPlugin(),
     lingui(),
     react({
       plugins: [["@lingui/swc-plugin", {}]],