1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40
41. 41
42. 42
43. 43
44. 44
45. 45
46. 46
47. 47
48. 48
49. 49
50. 50
51. 51
52. 52
53. 53
54. 54
55. 55
56. 56
57. 57
58. 58
59. 59
60. 60
61. 61
62. 62
63. 63
64. 64
65. 65
66. 66
67. 67
68. 68
69. 69
70. 70
71. 71
72. 72
73. 73
74. 74
75. 75
76. 76
77. 77
78. 78
79. 79
80. 80
81. 81
82. 82
83. 83
84. 84
85. 85
86. 86
87. 87
88. 88
89. 89
90. 90
91. 91
92. 92
93. 93
94. 94
95. 95
96. 96
97. 97
98. 98
99. 99
100. 100
101. 101
102. 102
103. 103
104. 104
105. 105
106. 106
107. 107
108. 108
109. 109
110. 110
111. 111
112. 112

// SPDX-FileCopyrightText: 2024 Shota FUJI <pockawoooh@gmail.com>
// SPDX-License-Identifier: AGPL-3.0-only

import "../../polyfill.ts";

import { type MessageShape } from "@bufbuild/protobuf";
import { createClient } from "@connectrpc/connect";
import { UserSchema } from "@yamori/proto/yamori/workspace/v2/user_pb.js";
import { WorkspaceService } from "@yamori/proto/yamori/workspace/v2/workspace_service_pb.js";
import { type FC, useCallback, useEffect, useRef, useState } from "react";

import { useConnectTransport } from "../../contexts/ConnectTransport.tsx";
import { useToast } from "../../contexts/Toast.tsx";
import { IllegalMessageError } from "../../errors/IllegalMessageError.ts";
import { useViewTransition } from "../../hooks/useViewTransition.ts";

import { InitialAdminCreation } from "./InitialAdminCreation.tsx";
import { Loading } from "./Loading.tsx";
import { Login } from "./Login.tsx";

const enum State {
	Loading = 0,
	NoAdminInWorkspace,
	RequireLogin,
}

export interface PageProps {
	onLogin?(user: MessageShape<typeof UserSchema>): void;
}

export const Page: FC<PageProps> = ({ onLogin }) => {
	const viewTransition = useViewTransition();
	const toast = useToast();

	const transport = useConnectTransport();
	const client = createClient(WorkspaceService, transport);

	const [state, setState] = useState<State>(State.Loading);

	const onLoginRef = useRef(onLogin);
	onLoginRef.current = onLogin;

	const getLoginUser = useCallback(async () => {
		setState(State.Loading);

		try {
			const resp = await client.getLoginUser({});

			switch (resp.result.case) {
				case "ok":
					onLoginRef.current?.(resp.result.value);
					return;
				case "noUserInWorkspace":
					setState(State.NoAdminInWorkspace);
					return;
				case "authenticationError":
					setState(State.RequireLogin);
					return;
				case "systemError":
					throw resp.result.value;
				default:
					throw new IllegalMessageError(resp);
			}
		} catch (err) {
			console.error(err);
			toast.open({
				severity: "danger",
				title: "ログインユーザ情報が取得できませんでした",
				dismissible: true,
				duration: Infinity,
				type: "foreground",
			});
			setState(State.RequireLogin);
		}
	}, [toast.open]);

	useEffect(() => {
		getLoginUser();
	}, []);

	switch (state) {
		case State.Loading:
			return <Loading />;
		case State.NoAdminInWorkspace:
			return (
				<InitialAdminCreation
					onCreated={() => {
						viewTransition(() => {
							setState(State.RequireLogin);
						});
					}}
					onPasswordExpired={() => {
						viewTransition(() => {
							setState(State.RequireLogin);
						});
					}}
				/>
			);
		case State.RequireLogin:
			return (
				<Login
					onLogin={(user) => {
						onLogin?.(user);
					}}
				/>
			);
	}
};

export const pattern = new URLPattern({
	pathname: "/",
});