fix: add manual_json and playwright-test

fake-snippets-api/lib/db/db-client.ts

@@ -88,8 +88,15 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
     snippet: Omit<z.input<typeof snippetSchema>, "snippet_id">,
   ): Snippet => {
     const newSnippetId = `snippet_${get().idCounter + 1}`
+    const manualEditsJsonTemplate = {
+      pcb_placements: [],
+      edit_events: [],
+      manual_trace_hints: [],
+    }
+
     const newSnippet = snippetSchema.parse({
       ...snippet,
+      manual_edits_json: JSON.stringify(manualEditsJsonTemplate, null, 2),
       snippet_id: newSnippetId,
     })
     set((state) => {

playwright-tests/manual-edit.spec.ts

@@ -0,0 +1,26 @@
+import { test, expect } from "@playwright/test"
+
+test("Manual edits test", async ({ page }) => {
+  await page.goto("http://127.0.0.1:5177/editor?snippet_id=snippet_4")
+
+  // Wait for network requests to complete
+  await page.waitForLoadState("networkidle")
+
+  await page.getByRole("button", { name: "Fake testuser Login" }).click()
+  await page.waitForTimeout(500)
+
+  await page.getByRole("combobox").click()
+  await page.getByText("manual-edits.json").click()
+  await expect(page).toHaveScreenshot("editor-manual-edits.png")
+})
+
+test("Manual edits test view", async ({ page }) => {
+  await page.goto("http://localhost:5177/seveibar/a555timer")
+
+  await page.waitForLoadState("networkidle")
+
+  await page.goto("http://localhost:5177/seveibar/a555timer")
+  await page.getByRole("link", { name: "Files" }).click()
+  await page.getByText("manual-edits.json").click()
+  await expect(page).toHaveScreenshot("manual-edits-view.png")
+})

src/components/CodeAndPreview.tsx

@@ -64,12 +64,6 @@ export function CodeAndPreview({ snippet }: Props) {
 
   const { toast } = useToast()
 
-  useEffect(() => {
-    if (snippet?.manual_edits_json) {
-      setManualEditsFileContent(snippet.manual_edits_json)
-    }
-  }, [Boolean(snippet?.manual_edits_json)])
-
   const userImports = useMemo(
     () => ({
       "./manual-edits.json": JSON.parse(manualEditsFileContent),