feat: allow lang configuration (#288)

benjamingeets · lucacasonato · web-flow · commit ef2568272532 · 2022-06-26T13:37:18.000+02:00
Co-authored-by: Luca Casonato &lt;hello@lcas.dev&gt;
diff --git a/src/server/render.tsx b/src/server/render.tsx
@@ -26,6 +26,7 @@ export interface RenderOptions<Data> {
   renderFn: RenderFunction;
   data?: Data;
   error?: unknown;
+  lang?: string;
 }
 
 export type InnerRenderFunction = () => string;
@@ -36,12 +37,13 @@ export class RenderContext {
   #styles: string[] = [];
   #url: URL;
   #route: string;
-  #lang = "en";
+  #lang: string;
 
-  constructor(id: string, url: URL, route: string) {
+  constructor(id: string, url: URL, route: string, lang: string) {
     this.#id = id;
     this.#url = url;
     this.#route = route;
+    this.#lang = lang;
   }
 
   /** A unique ID for this logical JIT render. */
@@ -151,6 +153,7 @@ export async function render<Data>(
     crypto.randomUUID(),
     opts.url,
     opts.route.pattern,
+    opts.lang ?? "en",
   );
 
   if (csp) {
diff --git a/src/server/render_test.ts b/src/server/render_test.ts
@@ -0,0 +1,14 @@
+import { template } from "./render.tsx";
+import { assertStringIncludes } from "../../tests/deps.ts";
+Deno.test("check lang", () => {
+  const lang = "fr";
+  const body = template({
+    bodyHtml: "",
+    headComponents: [],
+    imports: [],
+    preloads: [],
+    styles: [],
+    lang: lang,
+  });
+  assertStringIncludes(body, `<html lang="${lang}">`);
+});
