feat: clean up

frontend/src/routes/EditorView.tsx

@@ -2,6 +2,7 @@ import { useEffect, useRef, useState, useCallback, useMemo } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import { toast } from "sonner";
 import { BookOpen, Upload } from "lucide-react";
+import * as api from "@/api/client";
 import { autocompletion } from "@codemirror/autocomplete";
 import type { Extension } from "@codemirror/state";
 import { useEditorStore } from "@/stores/editorStore";
@@ -77,17 +78,14 @@ export default function EditorView() {
     reset();
     if (name) {
       setPageName(name);
-      fetch(`/api/pages/${name}`)
-        .then((r) => r.json())
-        .then((data) => {
-          if (data.source != null) {
-            useEditorStore.setState({
-              ufSource: data.source,
-              isDirty: false,
-              currentPage: data,
-            });
-          }
-        });
+      api.fetchPage(name).then((data) => {
+        if (data.source != null) {
+          useEditorStore.setState({
+            ufSource: data.source,
+            isDirty: false,
+          });
+        }
+      });
     }
     return () => reset();
   }, [name]);
@@ -104,13 +102,7 @@ export default function EditorView() {
       }
       setSaving(true);
       try {
-        const res = await fetch(`/api/pages/${slug}`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ source: ufSource, publish }),
-        });
-        if (!res.ok) throw new Error(await res.text());
-        const meta = await res.json();
+        const meta = await api.savePage(slug, ufSource, publish);
         setCurrentPage(meta);
         setDirty(false);
         fetchPages();
@@ -189,11 +181,7 @@ function SourcePane({
     if (!file) return;
     setUploading(true);
     try {
-      const form = new FormData();
-      form.append("file", file);
-      const res = await fetch("/api/upload-image", { method: "POST", body: form });
-      if (!res.ok) throw new Error(await res.text());
-      const data = await res.json();
+      const data = await api.uploadImage(file);
       toast.success(`Uploaded ${data.filename}`);
       setSource(`image "${data.path}" braille 30\n  align center`);
     } catch (err) {