rewrite all the code when you change the language

noahlt · Aug 18, 2024 · 15e9943 · 15e9943
1 parent b485620
commit 15e9943
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/app/BlockWidget.tsx b/app/BlockWidget.tsx
@@ -82,8 +82,7 @@ export function BlockWidget({
           if (e.key === "Enter" && !e.shiftKey) {
             e.preventDefault();
             dBlocks({ type: "finish-edit-prose", id: block.id });
-            const resp = await generate({ prose: block.prose, lang });
-            const data = await resp.json();
+            const data = await generate({ prose: block.prose, lang });
             dBlocks({
               type: "save-generated-code",
               id: block.id,
@@ -113,8 +112,7 @@ export function BlockWidget({
           if (e.key === "Enter" && e.shiftKey) {
             e.preventDefault();
             dBlocks({ type: "finish-edit-code", id: block.id });
-            const resp = await generate({ code: block.code, lang });
-            const data = await resp.json();
+            const data = await generate({ code: block.code, lang });
             dBlocks({
               type: "save-generated-prose",
               id: block.id,
@@ -156,10 +154,11 @@ export function BlockWidget({
   );
 }
 
-async function generate(data: unknown) {
-  return fetch("/i/generate", {
+export async function generate(data: unknown) {
+  const resp = await fetch("/i/generate", {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(data),
   });
+  return resp.json();
 }
diff --git a/app/page.tsx b/app/page.tsx
@@ -8,7 +8,7 @@ import {
 } from "./blocksReducer";
 import { ChangeEventHandler, useState } from "react";
 import { AllLanguages, Language, isLanguage } from "@/lib/lang";
-import { BlockWidget } from "./BlockWidget";
+import { BlockWidget, generate } from "./BlockWidget";
 import { linkColor } from "./styles";
 import Link from "next/link";
 import { ExportSource } from "./ExportSource";
@@ -60,6 +60,12 @@ export default function Home() {
           onChange={(e) => {
             const lang = e.target.value;
             if (isLanguage(lang)) dFile({ type: "switch-language", lang });
+            file.blocks.forEach(async (block) => {
+              const id = block.id;
+              dFile({ type: "finish-edit-prose", id });
+              const data = await generate({ prose: block.prose, lang });
+              dFile({ type: "save-generated-code", id, code: data.code });
+            });
           }}
         />
         <ToggleWidget