Add make-api package

packages/frontend/src/routes/Login.tsx

@@ -1,9 +1,9 @@
 import { Schema as S } from "@effect/schema";
-import { LoginRequest, LoginResponse } from "common/api";
+import { Login } from "common/api";
 import { useId, useMemo, useRef } from "preact/hooks";
 import { useStore } from "../store";
 import * as style from "./Login.css";
-import { Effect, Fiber, pipe } from "effect";
+import { Effect, Fiber, Option as O, pipe } from "effect";
 
 export default () => {
 
@@ -13,16 +13,18 @@ export default () => {
 	const setLoginUsername = useStore(state => state.setLoginUsername);
 	const setLoginPassword = useStore(state => state.setLoginPassword);
 
+	const setUser = useStore(state => state.setUser);
+
 	const usernameId = useId();
 	const passwordId = useId();
 
 	const requestFiber = useRef<Fiber.RuntimeFiber<void> | null>(null);
 	const requestEffect = useMemo(() => Effect.gen(function* () {
-		const requestData = LoginRequest.make(LoginRequest.make({ username: loginUsername, password: loginPassword }));
+		const requestData = Login.props.request.schema.make({ username: loginUsername, password: loginPassword });
 
 		const requestJson = yield* pipe(
 			requestData,
-			S.encode(LoginRequest),
+			S.encode(Login.props.request.schema),
 			Effect.map(JSON.stringify),
 			Effect.orDie,
 		);
@@ -40,12 +42,13 @@ export default () => {
 
 		const responseData = yield* pipe(
 			Effect.promise(() => res.json()),
-			Effect.flatMap(S.decodeUnknown(LoginResponse)),
+			Effect.flatMap(S.decodeUnknown(Login.props.response[200].schema)),
 			Effect.orDie,
 		);
 
 		setLoginUsername("");
 		setLoginPassword("");
+		setUser(O.some(responseData));
 
 		const a = document.createElement("a");
 		a.href = "/";