Editor
;
+};
diff --git a/src/views/home.tsx b/src/views/home.tsx
index 30c9a8c..a951f39 100644
--- a/src/views/home.tsx
+++ b/src/views/home.tsx
@@ -1,25 +1,99 @@
import { useEffect, useState } from "preact/hooks";
+import { useNavigate } from "react-router-dom";
export function Home() {
const [loading, setLoading] = useState(true);
const [mcPath, setMcPath] = useState("");
+ const [worlds, setWorlds] = useState<{
+ world: string;
+ icon: string;
+ path: string;
+ }[]>([]);
+
+ const fetchWorlds = async () => {
+ const res = await fetch("/api/dir");
+ const json = await res.json();
+ setMcPath(json.mcPath);
+ setWorlds(json.worlds);
+ setLoading(false);
+ };
useEffect(() => {
document.title = "BearMetal Packer";
-
- fetch("/api/dir").then(res => res.json()).then(data => {
- setMcPath(data);
- setLoading(false);
- });
+ fetchWorlds();
}, []);
-
+
+ const submitMcPath = async (event: SubmitEvent) => {
+ setLoading(true);
+ event.preventDefault();
+ const form = new FormData(event.target as HTMLFormElement);
+ const res = await fetch("/api/dir", {
+ method: "POST",
+ body: form,
+ });
+ if (res.status === 200) {
+ fetchWorlds();
+ } else setLoading(false);
+ };
+
+ const nav = useNavigate();
+
+ const setWorld = async (worldPath: string) => {
+ setLoading(true);
+ const res = await fetch("/api/world", {
+ method: "POST",
+ body: worldPath,
+ });
+
+ if (res.status === 200) {
+ nav("/editor");
+ } else setLoading(false);
+ };
+
return (
-
+
- )
-}
\ No newline at end of file
+ );
+}
diff --git a/vite.config.ts b/vite.config.ts
index 8865a73..0ffc5a1 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -16,12 +16,15 @@ export default defineConfig({
"/api": {
target: "http://localhost:8000",
changeOrigin: true,
- // rewrite: (path) => path.replace(/^\/api/, ""),
},
"/puppet": {
target: "http://localhost:8000",
changeOrigin: true,
- // rewrite: (path) => path.replace(/^\/puppet/, ""),
+ ws: true,
+ },
+ "/images": {
+ target: "http://localhost:8000",
+ changeOrigin: true,
ws: true,
},
},
Welcome BearMetal Packer
An all in one toolkit to build datapacks for Minecraft.
-Hold tight, we're doing some heavy lifting.
+ {loading ?Hold tight, we're doing some heavy lifting.
: ( + <> + {mcPath + ? ( + <> +Minecraft directory set to {mcPath}
+Worlds:
+-
+ {worlds.map((world) => (
+
- setWorld(world.path)}
+ >
+
+ {world.world} +
+ ))}
+
No Minecraft directory set, please set now:
+ + + )} + + )}