バックエンドと接続 (#70)

- Course をバックエンドから読み込み
- ユーザー情報読み込み
- 開発時に、 Vite からバックエンドサーバーに /api 以下のルートをプロキシ
  - これをしないと Cookie の同オリジン制限で認証が動かない

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: aster-void

.env.sample

@@ -1,18 +1,18 @@
 # Config
-PUBLIC_SERVER_URL=http://localhost:4000
 PUBLIC_MOCK_DATA=true
-SERVER_PORT=4000 # optional, server port (alias: PORT, PUBLIC_SERVER_URL.port) (defaults to 4000 if none are specified)
 
-# Secrets
-PUBLIC_X_ANON_KEY=...
-X_API_KEY=...
+# 開発中 -> Vite: BASE_URL.port, Elysia: EXTERNAL_SERVER_PORT
+# プロダクション -> Vite: - , Elysia: PORT ?? BASE_URL.port
+BASE_URL=http://localhost:3000
+EXTERNAL_SERVER_PORT=4000
 
+NODE_ENV=development
+
+# Database
 DATABASE_URL=file:../../local.db
 
+# Better Auth
 BETTER_AUTH_SECRET=...
-BETTER_AUTH_URL=http://localhost:4000
 
 GOOGLE_CLIENT_ID=...
 GOOGLE_CLIENT_SECRET=
-
-PUBLIC_WEB_URL=http://localhost:3000

.github/workflows/static-checks.yaml

@@ -6,6 +6,10 @@ on:
       - main
   pull_request:
 
+env:
+  BASE_URL: http://localhost:3000
+  EXTERNAL_SERVER_PORT: 4000
+
 jobs:
   build:
     name: Build
@@ -15,6 +19,7 @@ jobs:
       - uses: oven-sh/setup-bun@v2
       - run: bun install --frozen-lockfile
       - run: bun run build
+
   biome:
     name: Biome Checks
     runs-on: ubuntu-latest

.github/workflows/test.yaml

@@ -0,0 +1,18 @@
+name: Tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  bun:
+    name: Bun Unit Tests
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    steps:
+      - uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v2
+      - run: bun install --frozen-lockfile
+      - run: bun test

TODO.md

@@ -1,4 +1,3 @@
 # TODOs
 
-- setup elysia server and RPC
 - implement build script

bun.lock

@@ -16,11 +16,11 @@ bun db push
 
 ```bash
 # 開発モードを実行するには、以下のコマンドを実行してください。
-# localhost:5173 に Vite サーバーが立ち上がるので、そこで確認してください。
+# $BASE_URL に Vite サーバーが立ち上がるので、そこで確認してください。
 bun dev
 
 # Storybookの使用
-# localhost:6006にStorybookが立ち上がるので、そこでUIを確認してください。
+# localhost:6006 にStorybookが立ち上がるので、そこでUIを確認してください。
 bun run storybook
 ```
 
@@ -36,28 +36,26 @@ bun check
 bun fix
 ```
 
-## モックモード
+## サーバー構成
 
-モックモードを実行するには、以下のコマンドを実行してください。
+### 1. 開発中
 
-```bash
-bun dev:mock
-```
+- Vite 開発サーバー (localhost:3000) -> すべてのリクエストはこのサーバーがプロキシ (ログインのリダイレクトを除く)
+- Elysia サーバー (localhost:4000) -> /api 以下のリクエストをプロキシされて受け取る
 
-このコマンドを実行すると、モックデータを使用してアプリケーションが実行されます。
+### 2. プロダクション
 
-## 関数やクラスの説明
+- Elysia サーバー (localhost:${PORT}) -> /api 以外は public/index.html を返す
 
-### 1. Userのデータを扱う場合 (src/app/utils/user.ts)
+## モックモード
 
-Userのデータは`User`クラスを使用して扱います。Userのデータは以下の場合があります。
+モックモードを実行するには、以下のコマンドを実行してください。
 
-- `bun dev:mock`を実行した場合
-  - Userはモックのデータが使用されます。
-- `bun dev`を実行した場合
-  - UserはlocalStorageに保存されたデータが使用されます。
+```bash
+PUBLIC_MOCK_DATA=true bun dev
+```
 
-ただ、まだユーザを登録する機能がないので、mockでユーザを作成する必要があります。
+このコマンドを実行すると、モックデータを使用してアプリケーションが実行されます。
 
 ## 推奨 VS Code 設定
 

docs/developer_readme.md

@@ -17,5 +17,9 @@
   "devDependencies": {
     "@biomejs/biome": "^2.1.1",
     "concurrently": "^9.2.0"
+  },
+  "dependencies": {
+    "@elysiajs/eden": "^1.3.2",
+    "elysia": "^1.3.6"
   }
 }

package.json

@@ -0,0 +1,89 @@
+import { t } from "elysia";
+
+// Stream って何? 教えて有識者
+// Course.importance に使われているよう？
+export type Stream = typeof Stream.static;
+export const Stream = t.UnionEnum(["s1", "s2", "s3", "l1", "l2", "l3"]);
+
+/**
+ * 授業コード
+ * 例: 30003
+ */
+export type CourseCode = typeof CourseCode.static;
+export const CourseCode = t.RegExp("^\\d{5}$");
+
+/**
+ * 共通科目コード
+ * 例:
+ * - XAB-CD1001L2
+ * - CAS-FC1871L1
+ * - CAS-GC1L37S4
+ * - CASPG1F40L3 // 絶対入力ミスだが、データにあるので対応しなければならない
+ * 仕様: https://www.u-tokyo.ac.jp/ja/students/classes/course-numbering.html
+ * 本当は CommonSubjectCode になるはずだが、公式が勝手に CommonCourseCode と読んでいる
+ */
+export type CommonCourseCode = typeof CommonCourseCode.static;
+export const CommonCourseCode = t.RegExp(
+  `
+  ^[CFG] ${/* [1] 課程コード */ ""}
+  (?:LA|ME|EN|LE|SC|AG|EC|AS|ED|PH|GL) ${/* [2] 開講学部・研究科（教育部）コード */ ""}
+  -?
+  [A-Z]{2} ${/* [3] 開講学科・専攻等コード */ ""}
+  [1-7] ${/* [4] レベルコード */ ""}
+  [0-9a-zA-Z]{3} ${/* [5] 整理番号 */ ""}
+  [LSEPTZ] ${/* [6] 授業形態コード */ ""}
+  [123459] ${/* [7] 使用言語コード */ ""}
+  $`.replaceAll(/\s/g, ""),
+);
+
+/**
+ * 曜日。
+ */
+export type Day = typeof Day.static;
+export const Day = t.UnionEnum(["mon", "tue", "wed", "thu", "fri", "sat"]);
+
+export type Period = typeof Period.static;
+export const Period = t.UnionEnum([1, 2, 3, 4, 5, 6]);
+
+/**
+ * 曜限。
+ */
+export type DayPeriod = typeof DayPeriod.static;
+export const DayPeriod = t.Object({
+  day: Day,
+  period: Period,
+});
+
+/**
+ * セメスターまたはターム。
+ */
+export type Semester = typeof Semester.static;
+export const Semester = t.UnionEnum(["S", "S1", "S2", "A", "A1", "A2"]);
+
+// 使われていない。
+/**
+ * 評価方法。
+ */
+export type Evaluation = typeof Evaluation.static;
+export const Evaluation = t.UnionEnum(["試験", "レポート", "出席", "平常"]);
+
+/**
+ * 単位の種類。
+ */
+export type ClassType = typeof ClassType.static;
+export const ClassType = t.UnionEnum(["基礎", "要求", "主題", "総合", "展開"]);
+
+export type ClassSeries = typeof ClassSeries.static;
+export const ClassSeries = t.UnionEnum([
+  "基礎",
+  "要求",
+  "主題",
+  "展開",
+  "総合L",
+  "総合A",
+  "総合B",
+  "総合C",
+  "総合D",
+  "総合E",
+  "総合F",
+]);

packages/models/atoms.ts

@@ -0,0 +1,10 @@
+import type { Day } from "./atoms.ts";
+
+export const dayMapping: { [key in Day]: string } = {
+  mon: "月",
+  tue: "火",
+  wed: "水",
+  thu: "木",
+  fri: "金",
+  sat: "土",
+};