@fluoce/auth-react 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +297 -222
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +41 -70
- package/dist/index.d.ts +41 -70
- package/dist/index.js +300 -226
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/README.md +0 -87
package/dist/index.js
CHANGED
|
@@ -1,276 +1,350 @@
|
|
|
1
|
-
// src/
|
|
1
|
+
// src/provider/auth_provider.tsx
|
|
2
2
|
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
useRef,
|
|
7
|
-
useState
|
|
3
|
+
useMemo as use_memo,
|
|
4
|
+
useState as use_state,
|
|
5
|
+
useEffect as use_effect
|
|
8
6
|
} from "react";
|
|
9
7
|
|
|
10
|
-
// src/
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
8
|
+
// src/const/api_endpoint.ts
|
|
9
|
+
var base_url = "https://auth-service.fluoce.com";
|
|
10
|
+
var api_endpoint = {
|
|
11
|
+
me: "/me",
|
|
12
|
+
exchange: "/exchange",
|
|
13
|
+
refresh: "/refresh",
|
|
14
|
+
logout: "/logout"
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
// src/const/route.ts
|
|
18
|
+
var route = {
|
|
19
|
+
fluoce_auth: (ref) => `https://auth.fluoce.com/auth?ref=${ref}`
|
|
20
|
+
};
|
|
21
21
|
|
|
22
|
-
// src/
|
|
23
|
-
function
|
|
22
|
+
// src/func/func_cookies.ts
|
|
23
|
+
function func_set_cookie(name, value, days) {
|
|
24
24
|
const expires = new Date(Date.now() + days * 864e5).toUTCString();
|
|
25
25
|
document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/; SameSite=Lax`;
|
|
26
26
|
}
|
|
27
|
-
function
|
|
27
|
+
function func_get_cookie(name) {
|
|
28
28
|
const escaped = name.replace(/([.$?*|{}()[\]\\/+^])/g, "\\$1");
|
|
29
|
-
const match = document.cookie.match(
|
|
29
|
+
const match = document.cookie.match(
|
|
30
|
+
new RegExp("(?:^|; )" + escaped + "=([^;]*)")
|
|
31
|
+
);
|
|
30
32
|
return match ? decodeURIComponent(match[1]) : null;
|
|
31
33
|
}
|
|
32
|
-
function
|
|
33
|
-
document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path
|
|
34
|
+
function func_delete_cookie(name) {
|
|
35
|
+
document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; SameSite=Lax`;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// src/func/func_try_catch.ts
|
|
39
|
+
async function func_try_catch({
|
|
40
|
+
fn,
|
|
41
|
+
onError
|
|
42
|
+
}) {
|
|
43
|
+
try {
|
|
44
|
+
return await fn();
|
|
45
|
+
} catch (error) {
|
|
46
|
+
if (onError) {
|
|
47
|
+
onError(error);
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
if (error instanceof Error) {
|
|
51
|
+
throw error;
|
|
52
|
+
} else {
|
|
53
|
+
throw new Error(String(error));
|
|
54
|
+
}
|
|
55
|
+
}
|
|
34
56
|
}
|
|
35
57
|
|
|
36
|
-
// src/
|
|
37
|
-
var
|
|
38
|
-
constructor(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
58
|
+
// src/api/api_service.ts
|
|
59
|
+
var Api_service = class {
|
|
60
|
+
constructor({
|
|
61
|
+
app_url,
|
|
62
|
+
on_error,
|
|
63
|
+
redirect
|
|
64
|
+
}, http = fetch) {
|
|
65
|
+
this.http = http;
|
|
66
|
+
this.base_url = base_url;
|
|
67
|
+
this.api_endpoint = api_endpoint;
|
|
68
|
+
this.redirect = {
|
|
69
|
+
type: "fluoce"
|
|
42
70
|
};
|
|
43
|
-
this.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
accessTokenExpiryDays: 1,
|
|
47
|
-
refreshTokenExpiryDays: 30,
|
|
48
|
-
...config
|
|
71
|
+
this.redirect_at_fluoce_auth = (error) => {
|
|
72
|
+
console.warn(error);
|
|
73
|
+
window.location.replace(route.fluoce_auth(this.app_url));
|
|
49
74
|
};
|
|
75
|
+
this.handle_redirect = (error) => {
|
|
76
|
+
var _a;
|
|
77
|
+
switch ((_a = this.redirect) == null ? void 0 : _a.type) {
|
|
78
|
+
case "fluoce":
|
|
79
|
+
this.redirect_at_fluoce_auth(error);
|
|
80
|
+
break;
|
|
81
|
+
case "custom":
|
|
82
|
+
this.redirect.redirect(error);
|
|
83
|
+
break;
|
|
84
|
+
case "none":
|
|
85
|
+
break;
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
this.handle_error = (error) => {
|
|
89
|
+
if (this.on_error) {
|
|
90
|
+
this.on_error(error);
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
this.handle_redirect(error);
|
|
94
|
+
};
|
|
95
|
+
this.get_access_token = () => {
|
|
96
|
+
return func_get_cookie("accessToken");
|
|
97
|
+
};
|
|
98
|
+
this.get_refresh_token = () => {
|
|
99
|
+
return func_get_cookie("refreshToken");
|
|
100
|
+
};
|
|
101
|
+
this.delete_cookie = () => {
|
|
102
|
+
func_delete_cookie("accessToken");
|
|
103
|
+
func_delete_cookie("refreshToken");
|
|
104
|
+
};
|
|
105
|
+
this.app_url = app_url;
|
|
106
|
+
this.on_error = on_error;
|
|
107
|
+
if (redirect) {
|
|
108
|
+
this.redirect = redirect;
|
|
109
|
+
}
|
|
50
110
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
111
|
+
async me({ accessToken }) {
|
|
112
|
+
const data = await func_try_catch(
|
|
113
|
+
{
|
|
114
|
+
fn: async () => {
|
|
115
|
+
const res = await this.http(this.base_url + this.api_endpoint.me, {
|
|
116
|
+
method: "GET",
|
|
117
|
+
headers: {
|
|
118
|
+
"Content-Type": "application/json",
|
|
119
|
+
Authorization: `Bearer ${accessToken ? accessToken : this.get_access_token()}`
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
return await res.json();
|
|
123
|
+
},
|
|
124
|
+
onError: (error) => {
|
|
125
|
+
this.handle_error(error);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
67
128
|
);
|
|
129
|
+
if (data == null ? void 0 : data.success) {
|
|
130
|
+
return data;
|
|
131
|
+
} else {
|
|
132
|
+
return null;
|
|
133
|
+
}
|
|
68
134
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
return this.authFetch("/me");
|
|
135
|
+
async safe_me({ accessToken }) {
|
|
136
|
+
const data = await func_try_catch(
|
|
137
|
+
{
|
|
138
|
+
fn: async () => {
|
|
139
|
+
const res = await this.http(this.base_url + this.api_endpoint.me, {
|
|
140
|
+
method: "GET",
|
|
141
|
+
headers: {
|
|
142
|
+
"Content-Type": "application/json",
|
|
143
|
+
Authorization: `Bearer ${accessToken ? accessToken : this.get_access_token()}`
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
return await res.json();
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
);
|
|
150
|
+
if (data == null ? void 0 : data.success) {
|
|
151
|
+
return data;
|
|
152
|
+
} else {
|
|
153
|
+
return null;
|
|
154
|
+
}
|
|
90
155
|
}
|
|
91
|
-
async
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
156
|
+
async exchange({ code }) {
|
|
157
|
+
var _a, _b;
|
|
158
|
+
const data = await func_try_catch({
|
|
159
|
+
fn: async () => {
|
|
160
|
+
const res = await this.http(
|
|
161
|
+
this.base_url + this.api_endpoint.exchange,
|
|
162
|
+
{
|
|
163
|
+
method: "POST",
|
|
164
|
+
headers: {
|
|
165
|
+
"Content-Type": "application/json"
|
|
166
|
+
},
|
|
167
|
+
body: JSON.stringify({ code })
|
|
168
|
+
}
|
|
169
|
+
);
|
|
170
|
+
return await res.json();
|
|
171
|
+
},
|
|
172
|
+
onError: () => {
|
|
173
|
+
this.handle_error();
|
|
174
|
+
}
|
|
96
175
|
});
|
|
176
|
+
const refreshToken = (_a = data == null ? void 0 : data.data) == null ? void 0 : _a.refreshToken;
|
|
177
|
+
const accessToken = (_b = data == null ? void 0 : data.data) == null ? void 0 : _b.accessToken;
|
|
178
|
+
if (refreshToken && accessToken) {
|
|
179
|
+
func_set_cookie("refreshToken", refreshToken, 59);
|
|
180
|
+
func_set_cookie("accessToken", accessToken, 14 / (24 * 60));
|
|
181
|
+
}
|
|
182
|
+
if (data == null ? void 0 : data.success) {
|
|
183
|
+
return data;
|
|
184
|
+
} else {
|
|
185
|
+
return null;
|
|
186
|
+
}
|
|
97
187
|
}
|
|
98
188
|
async refresh() {
|
|
99
|
-
|
|
100
|
-
const
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
try {
|
|
104
|
-
const res = await fetch(`${this.config.apiUrl}/refresh`, {
|
|
189
|
+
var _a, _b;
|
|
190
|
+
const data = await func_try_catch({
|
|
191
|
+
fn: async () => {
|
|
192
|
+
const res = await this.http(this.base_url + this.api_endpoint.refresh, {
|
|
105
193
|
method: "POST",
|
|
106
194
|
headers: {
|
|
107
195
|
"Content-Type": "application/json",
|
|
108
|
-
Authorization: `Bearer ${
|
|
196
|
+
Authorization: `Bearer ${this.get_refresh_token()}`
|
|
109
197
|
}
|
|
110
198
|
});
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
const data = await res.json();
|
|
116
|
-
this.setTokens(data);
|
|
117
|
-
return data;
|
|
118
|
-
} catch {
|
|
119
|
-
this.clearTokens();
|
|
120
|
-
return null;
|
|
121
|
-
} finally {
|
|
122
|
-
this.refreshPromise = null;
|
|
199
|
+
return await res.json();
|
|
200
|
+
},
|
|
201
|
+
onError: () => {
|
|
202
|
+
this.handle_error();
|
|
123
203
|
}
|
|
124
|
-
})
|
|
125
|
-
|
|
204
|
+
});
|
|
205
|
+
const refreshToken = (_a = data == null ? void 0 : data.data) == null ? void 0 : _a.refreshToken;
|
|
206
|
+
const accessToken = (_b = data == null ? void 0 : data.data) == null ? void 0 : _b.accessToken;
|
|
207
|
+
if (refreshToken && accessToken) {
|
|
208
|
+
document.cookie = `refreshToken=${encodeURIComponent(refreshToken)}; path=/;`;
|
|
209
|
+
document.cookie = `accessToken=${encodeURIComponent(accessToken)}; path=/;`;
|
|
210
|
+
}
|
|
211
|
+
if (data == null ? void 0 : data.success) {
|
|
212
|
+
return data;
|
|
213
|
+
} else {
|
|
214
|
+
return null;
|
|
215
|
+
}
|
|
126
216
|
}
|
|
127
|
-
async logout(
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
await
|
|
132
|
-
|
|
133
|
-
{
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
"Content-Type": "application/json",
|
|
137
|
-
Authorization: `Bearer ${refreshToken}`
|
|
138
|
-
}
|
|
217
|
+
async logout() {
|
|
218
|
+
this.delete_cookie();
|
|
219
|
+
await func_try_catch({
|
|
220
|
+
fn: async () => {
|
|
221
|
+
const res = await this.http(this.base_url + this.api_endpoint.logout, {
|
|
222
|
+
method: "POST",
|
|
223
|
+
headers: {
|
|
224
|
+
"Content-Type": "application/json",
|
|
225
|
+
Authorization: `Bearer ${this.get_refresh_token()}`
|
|
139
226
|
}
|
|
140
|
-
);
|
|
141
|
-
|
|
227
|
+
});
|
|
228
|
+
return await res.json();
|
|
229
|
+
},
|
|
230
|
+
onError: () => {
|
|
231
|
+
this.handle_error();
|
|
142
232
|
}
|
|
143
|
-
}
|
|
144
|
-
this.clearTokens();
|
|
233
|
+
});
|
|
145
234
|
}
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
*/
|
|
151
|
-
async authFetch(path, init = {}) {
|
|
152
|
-
const doFetch = (token) => fetch(`${this.config.apiUrl}${path}`, {
|
|
153
|
-
...init,
|
|
154
|
-
headers: {
|
|
155
|
-
...init.headers || {},
|
|
156
|
-
...token ? { Authorization: `Bearer ${token}` } : {}
|
|
157
|
-
}
|
|
235
|
+
async auth_flow({ code }) {
|
|
236
|
+
var _a;
|
|
237
|
+
const exchange_data = await this.exchange({
|
|
238
|
+
code
|
|
158
239
|
});
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
res = await doFetch(refreshed.accessToken);
|
|
167
|
-
if (res.status === 401) {
|
|
168
|
-
this.clearTokens();
|
|
169
|
-
this.onAuthFailure();
|
|
170
|
-
throw new Error("unauthenticated");
|
|
171
|
-
}
|
|
240
|
+
if (exchange_data == null ? void 0 : exchange_data.success) {
|
|
241
|
+
const me_data = await this.me({
|
|
242
|
+
accessToken: (_a = exchange_data == null ? void 0 : exchange_data.data) == null ? void 0 : _a.accessToken
|
|
243
|
+
});
|
|
244
|
+
return me_data;
|
|
245
|
+
} else {
|
|
246
|
+
return null;
|
|
172
247
|
}
|
|
173
|
-
if (!res.ok) throw new Error(`request failed: ${res.status}`);
|
|
174
|
-
return res.json();
|
|
175
248
|
}
|
|
176
249
|
};
|
|
177
250
|
|
|
178
|
-
// src/
|
|
251
|
+
// src/context/auth_context.tsx
|
|
252
|
+
import { createContext as create_context } from "react";
|
|
253
|
+
var auth_context = create_context(null);
|
|
254
|
+
|
|
255
|
+
// src/provider/auth_provider.tsx
|
|
179
256
|
import { jsx } from "react/jsx-runtime";
|
|
180
|
-
|
|
257
|
+
var auth_provider = ({
|
|
181
258
|
children,
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
const
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
}, [
|
|
193
|
-
|
|
194
|
-
const
|
|
259
|
+
app_url,
|
|
260
|
+
on_error,
|
|
261
|
+
redirect
|
|
262
|
+
}) => {
|
|
263
|
+
const auth_api = use_memo(() => {
|
|
264
|
+
return new Api_service({
|
|
265
|
+
app_url,
|
|
266
|
+
on_error,
|
|
267
|
+
redirect
|
|
268
|
+
});
|
|
269
|
+
}, [app_url, on_error, redirect]);
|
|
270
|
+
const [user, set_user] = use_state(null);
|
|
271
|
+
const [is_loading, set_is_loading] = use_state(false);
|
|
272
|
+
const refresh = async () => {
|
|
273
|
+
var _a;
|
|
274
|
+
const response = await auth_api.refresh();
|
|
275
|
+
return (_a = response == null ? void 0 : response.success) != null ? _a : false;
|
|
276
|
+
};
|
|
277
|
+
const logout = async () => {
|
|
278
|
+
await auth_api.logout();
|
|
279
|
+
set_user(null);
|
|
280
|
+
return true;
|
|
281
|
+
};
|
|
282
|
+
const get_safe_user = async () => {
|
|
283
|
+
set_is_loading(true);
|
|
195
284
|
try {
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
setError(null);
|
|
199
|
-
} catch (e) {
|
|
200
|
-
setUser(null);
|
|
201
|
-
setError(e);
|
|
202
|
-
}
|
|
203
|
-
}, [client]);
|
|
204
|
-
const logout = useCallback(
|
|
205
|
-
async (allDevices = false) => {
|
|
206
|
-
await client.logout(allDevices);
|
|
207
|
-
setUser(null);
|
|
208
|
-
redirectToLogin();
|
|
209
|
-
},
|
|
210
|
-
[client, redirectToLogin]
|
|
211
|
-
);
|
|
212
|
-
useEffect(() => {
|
|
213
|
-
let cancelled = false;
|
|
214
|
-
async function init() {
|
|
215
|
-
const params = new URLSearchParams(window.location.search);
|
|
216
|
-
const code = params.get("code");
|
|
217
|
-
try {
|
|
218
|
-
if (code) {
|
|
219
|
-
await client.exchangeCode(code);
|
|
220
|
-
params.delete("code");
|
|
221
|
-
const query = params.toString();
|
|
222
|
-
const cleanUrl = window.location.pathname + (query ? `?${query}` : "") + window.location.hash;
|
|
223
|
-
window.history.replaceState({}, "", cleanUrl);
|
|
224
|
-
}
|
|
225
|
-
if (client.getAccessToken() || client.getRefreshToken()) {
|
|
226
|
-
const me = await client.getMe();
|
|
227
|
-
if (!cancelled) setUser(me);
|
|
228
|
-
}
|
|
229
|
-
} catch (e) {
|
|
230
|
-
if (!cancelled) setError(e);
|
|
231
|
-
} finally {
|
|
232
|
-
if (!cancelled) setLoading(false);
|
|
285
|
+
if (user) {
|
|
286
|
+
return user;
|
|
233
287
|
}
|
|
288
|
+
const data = await auth_api.safe_me({});
|
|
289
|
+
if (data == null ? void 0 : data.data) {
|
|
290
|
+
set_user(data == null ? void 0 : data.data);
|
|
291
|
+
return data.data;
|
|
292
|
+
} else {
|
|
293
|
+
return null;
|
|
294
|
+
}
|
|
295
|
+
} catch (error) {
|
|
296
|
+
return null;
|
|
297
|
+
} finally {
|
|
298
|
+
set_is_loading(false);
|
|
234
299
|
}
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
};
|
|
300
|
+
};
|
|
301
|
+
use_effect(() => {
|
|
302
|
+
void get_safe_user();
|
|
239
303
|
}, []);
|
|
240
|
-
const value =
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
}
|
|
304
|
+
const value = {
|
|
305
|
+
user,
|
|
306
|
+
is_loading,
|
|
307
|
+
refresh,
|
|
308
|
+
logout,
|
|
309
|
+
get_safe_user,
|
|
310
|
+
get access_token() {
|
|
311
|
+
return auth_api.get_access_token();
|
|
312
|
+
},
|
|
313
|
+
get refresh_token() {
|
|
314
|
+
return auth_api.get_refresh_token();
|
|
315
|
+
}
|
|
316
|
+
};
|
|
317
|
+
return /* @__PURE__ */ jsx(auth_context.Provider, { value, children });
|
|
318
|
+
};
|
|
319
|
+
|
|
320
|
+
// src/hook/use_auth.ts
|
|
321
|
+
import { useContext as use_context } from "react";
|
|
322
|
+
var use_auth = () => {
|
|
323
|
+
const context = use_context(auth_context);
|
|
324
|
+
if (!context) {
|
|
325
|
+
throw new Error("use_auth must be used within an auth_provider");
|
|
326
|
+
}
|
|
327
|
+
return context;
|
|
328
|
+
};
|
|
254
329
|
|
|
255
|
-
// src/
|
|
256
|
-
import { useEffect as useEffect2 } from "react";
|
|
330
|
+
// src/guard/auth_guard.tsx
|
|
257
331
|
import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
}, [loading, isAuthenticated, redirectToLogin]);
|
|
265
|
-
if (loading || !isAuthenticated) {
|
|
332
|
+
var auth_guard = ({
|
|
333
|
+
children,
|
|
334
|
+
fallback = null
|
|
335
|
+
}) => {
|
|
336
|
+
const { user, is_loading } = use_auth();
|
|
337
|
+
if (is_loading && !user) {
|
|
266
338
|
return /* @__PURE__ */ jsx2(Fragment, { children: fallback });
|
|
267
339
|
}
|
|
340
|
+
if (!user && !is_loading) {
|
|
341
|
+
return null;
|
|
342
|
+
}
|
|
268
343
|
return /* @__PURE__ */ jsx2(Fragment, { children });
|
|
269
|
-
}
|
|
344
|
+
};
|
|
270
345
|
export {
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
useFluoceAuth
|
|
346
|
+
auth_guard as FluoceAuthGuard,
|
|
347
|
+
auth_provider as FluoceAuthProvider,
|
|
348
|
+
use_auth as useFluoceAuth
|
|
275
349
|
};
|
|
276
350
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FluoceAuthProvider.tsx","../src/AuthContext.tsx","../src/cookies.ts","../src/apiClient.ts","../src/AuthGuard.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\nimport { FluoceAuthContext } from \"./AuthContext\";\nimport { FluoceApiClient } from \"./apiClient\";\nimport type { FluoceAuthConfig, FluoceUser } from \"./types\";\n\nexport interface FluoceAuthProviderProps extends FluoceAuthConfig {\n children: ReactNode;\n}\n\nexport function FluoceAuthProvider({\n children,\n ...config\n}: FluoceAuthProviderProps) {\n const clientRef = useRef<FluoceApiClient>();\n if (!clientRef.current) clientRef.current = new FluoceApiClient(config);\n const client = clientRef.current;\n\n const [user, setUser] = useState<FluoceUser | null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<Error | null>(null);\n\n const redirectToLogin = useCallback(() => {\n window.location.href = client.buildLoginUrl();\n }, [client]);\n\n // keep the client's failure hook pointed at the latest redirect fn\n client.onAuthFailure = redirectToLogin;\n\n const refreshUser = useCallback(async () => {\n try {\n const me = await client.getMe();\n setUser(me);\n setError(null);\n } catch (e) {\n setUser(null);\n setError(e as Error);\n }\n }, [client]);\n\n const logout = useCallback(\n async (allDevices = false) => {\n await client.logout(allDevices);\n setUser(null);\n redirectToLogin();\n },\n [client, redirectToLogin],\n );\n\n useEffect(() => {\n let cancelled = false;\n\n async function init() {\n const params = new URLSearchParams(window.location.search);\n const code = params.get(\"code\");\n\n try {\n if (code) {\n await client.exchangeCode(code);\n params.delete(\"code\");\n const query = params.toString();\n const cleanUrl =\n window.location.pathname +\n (query ? `?${query}` : \"\") +\n window.location.hash;\n window.history.replaceState({}, \"\", cleanUrl);\n }\n\n if (client.getAccessToken() || client.getRefreshToken()) {\n const me = await client.getMe();\n if (!cancelled) setUser(me);\n }\n } catch (e) {\n if (!cancelled) setError(e as Error);\n } finally {\n if (!cancelled) setLoading(false);\n }\n }\n\n init();\n return () => {\n cancelled = true;\n };\n // run once on mount only\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // const authFetch = useCallback(\n // <T,>(path: string, init?: RequestInit) => client.authFetch<T>(path, init),\n // [client],\n // );\n\n const value = useMemo(\n () => ({\n user,\n loading,\n isAuthenticated: !!user,\n error,\n refreshUser,\n logout,\n redirectToLogin,\n }),\n [user, loading, error, refreshUser, logout, redirectToLogin],\n );\n\n return (\n <FluoceAuthContext.Provider value={value}>\n {children}\n </FluoceAuthContext.Provider>\n );\n}\n","import { createContext, useContext } from \"react\";\nimport type { FluoceAuthContextValue } from \"./types\";\n\nexport const FluoceAuthContext = createContext<FluoceAuthContextValue | null>(\n null,\n);\n\nexport function useFluoceAuth(): FluoceAuthContextValue {\n const ctx = useContext(FluoceAuthContext);\n if (!ctx)\n throw new Error(\"useFluoceAuth must be used within <FluoceAuthProvider>\");\n return ctx;\n}\n","export function setCookie(name: string, value: string, days: number): void {\n const expires = new Date(Date.now() + days * 864e5).toUTCString();\n document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/; SameSite=Lax`;\n}\n\nexport function getCookie(name: string): string | null {\n const escaped = name.replace(/([.$?*|{}()[\\]\\\\/+^])/g, '\\\\$1');\n const match = document.cookie.match(new RegExp('(?:^|; )' + escaped + '=([^;]*)'));\n return match ? decodeURIComponent(match[1]) : null;\n}\n\nexport function deleteCookie(name: string): void {\n document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;\n}\n","import { getCookie, setCookie, deleteCookie } from \"./cookies\";\nimport type { FluoceAuthConfig, FluoceUser, TokenPair } from \"./types\";\n\ntype ResolvedConfig = Required<FluoceAuthConfig>;\n\nexport class FluoceApiClient {\n private config: ResolvedConfig;\n private refreshPromise: Promise<TokenPair | null> | null = null;\n\n /** set by the Provider — called once refresh fails and there's no session left */\n onAuthFailure: () => void = () => {};\n\n constructor(config: FluoceAuthConfig) {\n this.config = {\n accessTokenCookie: \"fluoce_access_token\",\n refreshTokenCookie: \"fluoce_refresh_token\",\n accessTokenExpiryDays: 1,\n refreshTokenExpiryDays: 30,\n ...config,\n };\n }\n\n getAccessToken(): string | null {\n return getCookie(this.config.accessTokenCookie);\n }\n\n getRefreshToken(): string | null {\n return getCookie(this.config.refreshTokenCookie);\n }\n\n setTokens(tokens: TokenPair): void {\n setCookie(\n this.config.accessTokenCookie,\n tokens.accessToken,\n this.config.accessTokenExpiryDays,\n );\n setCookie(\n this.config.refreshTokenCookie,\n tokens.refreshToken,\n this.config.refreshTokenExpiryDays,\n );\n }\n\n clearTokens(): void {\n deleteCookie(this.config.accessTokenCookie);\n deleteCookie(this.config.refreshTokenCookie);\n }\n\n buildLoginUrl(): string {\n const ref = encodeURIComponent(this.config.appUrl);\n return `${this.config.authUrl}/auth?ref=${ref}`;\n }\n\n async exchangeCode(code: string): Promise<TokenPair> {\n const res = await fetch(`${this.config.apiUrl}/exchange`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ code }),\n });\n if (!res.ok) throw new Error(`exchange failed: ${res.status}`);\n const data = (await res.json()) as TokenPair;\n this.setTokens(data);\n return data;\n }\n\n async getMe(): Promise<FluoceUser> {\n return this.authFetch<FluoceUser>(\"/me\");\n }\n\n async updateMe(payload: {\n name?: string;\n photo?: string;\n }): Promise<FluoceUser> {\n return this.authFetch<FluoceUser>(\"/me\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n }\n\n async refresh(): Promise<TokenPair | null> {\n // dedupe concurrent refresh calls triggered by parallel 401s\n if (this.refreshPromise) return this.refreshPromise;\n\n const refreshToken = this.getRefreshToken();\n if (!refreshToken) return null;\n\n this.refreshPromise = (async () => {\n try {\n const res = await fetch(`${this.config.apiUrl}/refresh`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${refreshToken}`,\n },\n });\n if (!res.ok) {\n this.clearTokens();\n return null;\n }\n const data = (await res.json()) as TokenPair;\n this.setTokens(data);\n return data;\n } catch {\n this.clearTokens();\n return null;\n } finally {\n this.refreshPromise = null;\n }\n })();\n\n return this.refreshPromise;\n }\n\n async logout(allDevices = false): Promise<void> {\n const refreshToken = this.getRefreshToken();\n if (refreshToken) {\n try {\n await fetch(\n `${this.config.apiUrl}${allDevices ? \"/logout/all\" : \"/logout\"}`,\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${refreshToken}`,\n },\n },\n );\n } catch {\n // best-effort — clear local session regardless\n }\n }\n this.clearTokens();\n }\n\n /**\n * Authenticated fetch. Attaches access token, retries once through /refresh\n * on 401, and calls onAuthFailure (-> redirect to auth frontend) if that\n * fails too. Use this for /me, /me updates, and any endpoint you add later.\n */\n async authFetch<T = unknown>(\n path: string,\n init: RequestInit = {},\n ): Promise<T> {\n const doFetch = (token: string | null) =>\n fetch(`${this.config.apiUrl}${path}`, {\n ...init,\n headers: {\n ...(init.headers || {}),\n ...(token ? { Authorization: `Bearer ${token}` } : {}),\n },\n });\n\n let res = await doFetch(this.getAccessToken());\n\n if (res.status === 401) {\n const refreshed = await this.refresh();\n if (!refreshed) {\n this.onAuthFailure();\n throw new Error(\"unauthenticated\");\n }\n res = await doFetch(refreshed.accessToken);\n if (res.status === 401) {\n this.clearTokens();\n this.onAuthFailure();\n throw new Error(\"unauthenticated\");\n }\n }\n\n if (!res.ok) throw new Error(`request failed: ${res.status}`);\n\n return res.json() as Promise<T>;\n }\n}\n","import { useEffect, type ReactNode } from \"react\";\nimport { useFluoceAuth } from \"./AuthContext\";\n\nexport interface AuthGuardProps {\n children: ReactNode;\n /** shown while loading or right before the redirect fires */\n fallback?: ReactNode;\n}\n\nexport function AuthGuard({ children, fallback = null }: AuthGuardProps) {\n const { loading, isAuthenticated, redirectToLogin } = useFluoceAuth();\n\n useEffect(() => {\n if (!loading && !isAuthenticated) {\n redirectToLogin();\n }\n }, [loading, isAuthenticated, redirectToLogin]);\n\n if (loading || !isAuthenticated) {\n return <>{fallback}</>;\n }\n\n return <>{children}</>;\n}\n"],"mappings":"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","names":["useEffect","jsx","useEffect"]}
|
|
1
|
+
{"version":3,"sources":["../src/provider/auth_provider.tsx","../src/const/api_endpoint.ts","../src/const/route.ts","../src/func/func_cookies.ts","../src/func/func_try_catch.ts","../src/api/api_service.ts","../src/context/auth_context.tsx","../src/hook/use_auth.ts","../src/guard/auth_guard.tsx"],"sourcesContent":["import {\r\n useMemo as use_memo,\r\n useState as use_state,\r\n useEffect as use_effect,\r\n} from \"react\";\r\nimport { auth_provider_interface } from \"../types/auth_provider_interface\";\r\nimport { Api_service } from \"../api/api_service\";\r\nimport { user_type } from \"../types/user_type\";\r\nimport { auth_context_interface } from \"../types/auth_context_interface\";\r\nimport { auth_context } from \"../context/auth_context\";\r\n\r\nexport const auth_provider = ({\r\n children,\r\n app_url,\r\n on_error,\r\n redirect,\r\n}: auth_provider_interface) => {\r\n const auth_api = use_memo(() => {\r\n return new Api_service({\r\n app_url,\r\n on_error,\r\n redirect,\r\n });\r\n }, [app_url, on_error, redirect]);\r\n\r\n const [user, set_user] = use_state<user_type | null>(null);\r\n\r\n const [is_loading, set_is_loading] = use_state(false);\r\n\r\n const refresh = async () => {\r\n const response = await auth_api.refresh();\r\n return response?.success ?? false;\r\n };\r\n\r\n const logout = async () => {\r\n await auth_api.logout();\r\n set_user(null);\r\n return true;\r\n };\r\n\r\n const get_safe_user = async () => {\r\n set_is_loading(true);\r\n try {\r\n if (user) {\r\n return user;\r\n }\r\n const data = await auth_api.safe_me({});\r\n if (data?.data) {\r\n set_user(data?.data);\r\n return data.data;\r\n } else {\r\n return null;\r\n }\r\n } catch (error) {\r\n return null;\r\n } finally {\r\n set_is_loading(false);\r\n }\r\n };\r\n\r\n use_effect(() => {\r\n void get_safe_user();\r\n }, []);\r\n\r\n const value: auth_context_interface = {\r\n user,\r\n is_loading,\r\n refresh,\r\n logout,\r\n get_safe_user,\r\n get access_token() {\r\n return auth_api.get_access_token();\r\n },\r\n get refresh_token() {\r\n return auth_api.get_refresh_token();\r\n },\r\n };\r\n\r\n return (\r\n <auth_context.Provider value={value}>{children}</auth_context.Provider>\r\n );\r\n};\r\n","export const base_url = \"https://auth-service.fluoce.com\";\r\n\r\nexport const api_endpoint = {\r\n me: \"/me\",\r\n exchange: \"/exchange\",\r\n refresh: \"/refresh\",\r\n logout: \"/logout\",\r\n};\r\n","export const route = {\r\n fluoce_auth: (ref: string) => `https://auth.fluoce.com/auth?ref=${ref}`,\r\n};\r\n","export function func_set_cookie(\n name: string,\n value: string,\n days: number,\n): void {\n const expires = new Date(Date.now() + days * 864e5).toUTCString();\n document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/; SameSite=Lax`;\n}\n\nexport function func_get_cookie(name: string): string | null {\n const escaped = name.replace(/([.$?*|{}()[\\]\\\\/+^])/g, \"\\\\$1\");\n const match = document.cookie.match(\n new RegExp(\"(?:^|; )\" + escaped + \"=([^;]*)\"),\n );\n return match ? decodeURIComponent(match[1]) : null;\n}\n\nexport function func_delete_cookie(name: string): void {\n document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; SameSite=Lax`;\n}\n","export async function func_try_catch<T>({\r\n fn,\r\n onError,\r\n}: {\r\n fn: () => Promise<T>;\r\n onError?: (error: unknown) => void;\r\n}): Promise<T | null> {\r\n try {\r\n return await fn();\r\n } catch (error) {\r\n if (onError) {\r\n onError(error);\r\n return null;\r\n }\r\n if (error instanceof Error) {\r\n throw error;\r\n } else {\r\n throw new Error(String(error));\r\n }\r\n }\r\n}\r\n","import { api_endpoint, base_url } from \"../const/api_endpoint\";\r\nimport { route } from \"../const/route\";\r\nimport {\r\n func_delete_cookie,\r\n func_get_cookie,\r\n func_set_cookie,\r\n} from \"../func/func_cookies\";\r\nimport { func_try_catch } from \"../func/func_try_catch\";\r\nimport { Api_service_interface } from \"../types/api_service_interface\";\r\nimport { redirect_type } from \"../types/redirect_type\";\r\nimport {\r\n exchange_response_type,\r\n refresh_response_type,\r\n response_type,\r\n user_response_type,\r\n} from \"../types/response_types\";\r\n\r\nexport class Api_service implements Api_service_interface {\r\n private readonly base_url = base_url;\r\n private readonly api_endpoint = api_endpoint;\r\n private app_url: string;\r\n private on_error?: (error: unknown) => void;\r\n private redirect?: redirect_type = {\r\n type: \"fluoce\",\r\n };\r\n\r\n private readonly redirect_at_fluoce_auth = (error: unknown) => {\r\n console.warn(error);\r\n window.location.replace(route.fluoce_auth(this.app_url));\r\n };\r\n\r\n private readonly handle_redirect = (error?: unknown): void => {\r\n switch (this.redirect?.type) {\r\n case \"fluoce\":\r\n this.redirect_at_fluoce_auth(error);\r\n break;\r\n case \"custom\":\r\n this.redirect.redirect(error);\r\n break;\r\n case \"none\":\r\n break;\r\n }\r\n };\r\n\r\n private readonly handle_error = (error?: unknown): void => {\r\n if (this.on_error) {\r\n this.on_error(error);\r\n return;\r\n }\r\n this.handle_redirect(error);\r\n };\r\n\r\n constructor(\r\n {\r\n app_url,\r\n on_error,\r\n redirect,\r\n }: {\r\n app_url: string;\r\n on_error?: (error: unknown) => void;\r\n redirect?: redirect_type;\r\n },\r\n private readonly http: typeof fetch = fetch,\r\n ) {\r\n this.app_url = app_url;\r\n this.on_error = on_error;\r\n if (redirect) {\r\n this.redirect = redirect;\r\n }\r\n }\r\n\r\n public readonly get_access_token = (): string | null => {\r\n return func_get_cookie(\"accessToken\");\r\n };\r\n\r\n public readonly get_refresh_token = (): string | null => {\r\n return func_get_cookie(\"refreshToken\");\r\n };\r\n\r\n private readonly delete_cookie = () => {\r\n func_delete_cookie(\"accessToken\");\r\n func_delete_cookie(\"refreshToken\");\r\n };\r\n\r\n async me({ accessToken }: { accessToken?: string }) {\r\n const data = await func_try_catch<response_type<user_response_type> | null>(\r\n {\r\n fn: async () => {\r\n const res = await this.http(this.base_url + this.api_endpoint.me, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${accessToken ? accessToken : this.get_access_token()}`,\r\n },\r\n });\r\n return await res.json();\r\n },\r\n onError: (error) => {\r\n this.handle_error(error);\r\n },\r\n },\r\n );\r\n\r\n if (data?.success) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n async safe_me({ accessToken }: { accessToken?: string }) {\r\n const data = await func_try_catch<response_type<user_response_type> | null>(\r\n {\r\n fn: async () => {\r\n const res = await this.http(this.base_url + this.api_endpoint.me, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${accessToken ? accessToken : this.get_access_token()}`,\r\n },\r\n });\r\n return await res.json();\r\n },\r\n },\r\n );\r\n\r\n if (data?.success) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n async exchange({ code }: { code: string }) {\r\n const data = await func_try_catch<response_type<exchange_response_type>>({\r\n fn: async () => {\r\n const res = await this.http(\r\n this.base_url + this.api_endpoint.exchange,\r\n {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ code }),\r\n },\r\n );\r\n return await res.json();\r\n },\r\n onError: () => {\r\n this.handle_error();\r\n },\r\n });\r\n\r\n const refreshToken = data?.data?.refreshToken;\r\n const accessToken = data?.data?.accessToken;\r\n\r\n if (refreshToken && accessToken) {\r\n func_set_cookie(\"refreshToken\", refreshToken, 59);\r\n func_set_cookie(\"accessToken\", accessToken, 14 / (24 * 60));\r\n }\r\n\r\n if (data?.success) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n async refresh() {\r\n const data = await func_try_catch<response_type<refresh_response_type>>({\r\n fn: async () => {\r\n const res = await this.http(this.base_url + this.api_endpoint.refresh, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${this.get_refresh_token()}`,\r\n },\r\n });\r\n return await res.json();\r\n },\r\n onError: () => {\r\n this.handle_error();\r\n },\r\n });\r\n\r\n const refreshToken = data?.data?.refreshToken;\r\n const accessToken = data?.data?.accessToken;\r\n\r\n if (refreshToken && accessToken) {\r\n document.cookie = `refreshToken=${encodeURIComponent(refreshToken)}; path=/;`;\r\n document.cookie = `accessToken=${encodeURIComponent(accessToken)}; path=/;`;\r\n }\r\n\r\n if (data?.success) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n async logout() {\r\n this.delete_cookie();\r\n await func_try_catch<response_type<unknown>>({\r\n fn: async () => {\r\n const res = await this.http(this.base_url + this.api_endpoint.logout, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${this.get_refresh_token()}`,\r\n },\r\n });\r\n return await res.json();\r\n },\r\n onError: () => {\r\n this.handle_error();\r\n },\r\n });\r\n }\r\n\r\n async auth_flow({ code }: { code: string }) {\r\n const exchange_data = await this.exchange({\r\n code,\r\n });\r\n if (exchange_data?.success) {\r\n const me_data = await this.me({\r\n accessToken: exchange_data?.data?.accessToken,\r\n });\r\n return me_data;\r\n } else {\r\n return null;\r\n }\r\n }\r\n}\r\n","import { createContext as create_context } from \"react\";\r\nimport { auth_context_interface } from \"../types/auth_context_interface\";\r\n\r\nexport const auth_context = create_context<auth_context_interface | null>(null);\r\n","import { useContext as use_context } from \"react\";\r\nimport { auth_context } from \"../context/auth_context\";\r\n\r\nexport const use_auth = () => {\r\n const context = use_context(auth_context);\r\n\r\n if (!context) {\r\n throw new Error(\"use_auth must be used within an auth_provider\");\r\n }\r\n\r\n return context;\r\n};\r\n","import { use_auth } from \"../hook/use_auth\";\r\nimport { auth_guard_interface } from \"../types/auth_guard_interface\";\r\n\r\nexport const auth_guard = ({\r\n children,\r\n fallback = null,\r\n}: auth_guard_interface) => {\r\n const { user, is_loading } = use_auth();\r\n\r\n if (is_loading && !user) {\r\n return <>{fallback}</>;\r\n }\r\n\r\n if (!user && !is_loading) {\r\n return null;\r\n }\r\n\r\n return <>{children}</>;\r\n};\r\n"],"mappings":"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","names":["jsx"]}
|