1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
|
const API_URL = import.meta.env.VITE_HEARDLE_API_URL ?? "http://localhost:3001";
export const GROUP_MEMBERSHIP_STORAGE_KEY = "groupMembership";
export interface GroupMembership {
groupId: string;
groupName: string;
username: string;
joinToken?: string;
}
export interface GroupDailyStatus {
groupId: string;
groupName: string;
currentStreak: number;
finishedUsers: string[];
}
export type GroupStatusMode = "daily" | "dailyMV";
export function getStoredGroupMembership(): GroupMembership | null {
const raw = localStorage.getItem(GROUP_MEMBERSHIP_STORAGE_KEY);
if (!raw) return null;
try {
const parsed = JSON.parse(raw) as Partial<GroupMembership>;
if (
typeof parsed.groupId !== "string" ||
typeof parsed.groupName !== "string" ||
typeof parsed.username !== "string"
) {
localStorage.removeItem(GROUP_MEMBERSHIP_STORAGE_KEY);
return null;
}
return {
groupId: parsed.groupId,
groupName: parsed.groupName,
username: parsed.username,
joinToken: typeof parsed.joinToken === "string" ? parsed.joinToken : undefined,
};
} catch {
localStorage.removeItem(GROUP_MEMBERSHIP_STORAGE_KEY);
return null;
}
}
export function saveGroupMembership(membership: GroupMembership) {
localStorage.setItem(GROUP_MEMBERSHIP_STORAGE_KEY, JSON.stringify(membership));
}
export async function createGroup(
name: string,
username: string
): Promise<GroupMembership> {
const response = await fetch(`${API_URL}/create-group`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ name, username }),
});
if (!response.ok) {
const fallback = `Failed to create group: ${response.statusText}`;
try {
const payload = (await response.json()) as { error?: unknown };
throw new Error(typeof payload.error === "string" ? payload.error : fallback);
} catch {
throw new Error(fallback);
}
}
const payload = (await response.json()) as {
group: {
id: string;
name: string;
joinToken: string;
};
};
return {
groupId: payload.group.id,
groupName: payload.group.name,
username,
joinToken: payload.group.joinToken,
};
}
export async function joinGroupByToken(
joinToken: string,
username: string
): Promise<GroupMembership> {
const response = await fetch(`${API_URL}/join-group`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ joinToken, username }),
});
if (!response.ok) {
const fallback = `Failed to join group: ${response.statusText}`;
try {
const payload = (await response.json()) as { error?: unknown };
throw new Error(typeof payload.error === "string" ? payload.error : fallback);
} catch {
throw new Error(fallback);
}
}
const payload = (await response.json()) as {
groupId: string;
groupName: string;
username: string;
joinToken: string;
};
return {
groupId: payload.groupId,
groupName: payload.groupName,
username: payload.username,
joinToken: payload.joinToken,
};
}
export async function getGroupDailyStatus(
groupId: string,
date: string,
mode: GroupStatusMode = "daily"
): Promise<GroupDailyStatus> {
const response = await fetch(
`${API_URL}/group-status?groupId=${encodeURIComponent(groupId)}&date=${encodeURIComponent(date)}&mode=${encodeURIComponent(mode)}`
);
if (!response.ok) {
throw new Error(`Failed to fetch group status: ${response.statusText}`);
}
return (await response.json()) as GroupDailyStatus;
}
|
