@basictech/react 0.8.0-beta.4 → 0.9.0-beta.0
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/changelog.md +31 -0
- package/dist/index.d.mts +1025 -294
- package/dist/index.d.ts +1025 -294
- package/dist/index.js +2256 -1444
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2230 -1448
- package/dist/index.mjs.map +1 -1
- package/package.json +27 -8
- package/readme.md +280 -217
- package/.turbo/turbo-build.log +0 -24
- package/AUTH_IMPLEMENTATION_GUIDE.md +0 -2011
- package/src/AuthContext.tsx +0 -591
- package/src/config.ts +0 -9
- package/src/context.tsx +0 -122
- package/src/core/auth/AuthManager.ts +0 -1371
- package/src/core/db/RemoteCollection.ts +0 -308
- package/src/core/db/RemoteDB.ts +0 -40
- package/src/core/db/index.ts +0 -7
- package/src/core/db/types.ts +0 -140
- package/src/dev/BasicDevToolbar.tsx +0 -665
- package/src/index.ts +0 -36
- package/src/sync/index.ts +0 -288
- package/src/sync/syncProtocol.js +0 -291
- package/src/sync/tokenRegistry.ts +0 -20
- package/src/updater/updateMigrations.ts +0 -22
- package/src/updater/versionUpdater.ts +0 -153
- package/src/utils/network.ts +0 -135
- package/src/utils/normalizeClientId.ts +0 -22
- package/src/utils/resolveDid.ts +0 -101
- package/src/utils/schema.ts +0 -119
- package/src/utils/storage.ts +0 -67
- package/tsconfig.json +0 -9
- package/tsup.config.ts +0 -11
|
@@ -1,1371 +0,0 @@
|
|
|
1
|
-
import { jwtDecode } from 'jwt-decode'
|
|
2
|
-
import { BasicStorage, STORAGE_KEYS } from '../../utils/storage'
|
|
3
|
-
import { normalizeClientId } from '../../utils/normalizeClientId'
|
|
4
|
-
import { resolveHandle } from '../../utils/resolveDid'
|
|
5
|
-
import { cleanOAuthParamsFromUrl } from '../../utils/network'
|
|
6
|
-
import { log } from '../../config'
|
|
7
|
-
|
|
8
|
-
const DEFINITIVE_TOKEN_ERRORS = new Set([
|
|
9
|
-
'invalid_grant',
|
|
10
|
-
'invalid_client',
|
|
11
|
-
'unauthorized_client',
|
|
12
|
-
])
|
|
13
|
-
const USER_RECOVERY_RETRY_COOLDOWN_MS = 30_000
|
|
14
|
-
const SESSION_RECONCILE_THROTTLE_MS = 5_000
|
|
15
|
-
|
|
16
|
-
class DefinitiveAuthError extends Error {
|
|
17
|
-
readonly code: string
|
|
18
|
-
|
|
19
|
-
constructor(code: string) {
|
|
20
|
-
super(`Definitive auth failure: ${code}`)
|
|
21
|
-
this.name = 'DefinitiveAuthError'
|
|
22
|
-
this.code = code
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
// --- PKCE helpers (RFC 7636) ---
|
|
27
|
-
|
|
28
|
-
function generateCodeVerifier(): string {
|
|
29
|
-
const array = new Uint8Array(32)
|
|
30
|
-
crypto.getRandomValues(array)
|
|
31
|
-
return base64UrlEncode(array)
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
async function generateCodeChallenge(
|
|
35
|
-
verifier: string,
|
|
36
|
-
): Promise<{ challenge: string; method: 'S256' | 'plain' }> {
|
|
37
|
-
if (typeof crypto === 'undefined' || !crypto.subtle) {
|
|
38
|
-
log(
|
|
39
|
-
'crypto.subtle unavailable (non-secure context?) -- falling back to plain PKCE challenge',
|
|
40
|
-
)
|
|
41
|
-
return { challenge: verifier, method: 'plain' }
|
|
42
|
-
}
|
|
43
|
-
const encoder = new TextEncoder()
|
|
44
|
-
const data = encoder.encode(verifier)
|
|
45
|
-
const digest = await crypto.subtle.digest('SHA-256', data)
|
|
46
|
-
return { challenge: base64UrlEncode(new Uint8Array(digest)), method: 'S256' }
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
function base64UrlEncode(buffer: Uint8Array): string {
|
|
50
|
-
let str = ''
|
|
51
|
-
for (let i = 0; i < buffer.length; i++) {
|
|
52
|
-
str += String.fromCharCode(buffer[i]!)
|
|
53
|
-
}
|
|
54
|
-
return btoa(str).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '')
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export type Token = {
|
|
58
|
-
access_token: string
|
|
59
|
-
token_type: string
|
|
60
|
-
expires_in: number
|
|
61
|
-
refresh_token: string
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
export type User = {
|
|
65
|
-
sub?: string
|
|
66
|
-
name?: string
|
|
67
|
-
email?: string
|
|
68
|
-
picture?: string
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* High-level auth lifecycle state.
|
|
73
|
-
*
|
|
74
|
-
* - `bootstrapping` — SDK is initializing; not yet determined if a session exists.
|
|
75
|
-
* - `authenticated` — User has a valid access token and active session.
|
|
76
|
-
* - `recovering` — A session likely exists (refresh token / cached user) but
|
|
77
|
-
* the SDK hasn't confirmed it yet (e.g. offline, mid-refresh).
|
|
78
|
-
* - `reauth_required` — The session is definitively invalid (revoked, expired
|
|
79
|
-
* refresh token, etc.). The user must sign in again.
|
|
80
|
-
* NOTE: `isSignedIn` remains `true` in this state so the UI
|
|
81
|
-
* can display user info while prompting re-authentication.
|
|
82
|
-
* Use `authStatus === 'reauth_required'` to distinguish
|
|
83
|
-
* this from a healthy signed-in state.
|
|
84
|
-
* - `signed_out` — No session. User is not authenticated.
|
|
85
|
-
*
|
|
86
|
-
* TODO: revisit naming and ergonomics — consider adding a `needsReauth` or
|
|
87
|
-
* `shouldPromptSignIn` convenience getter so consumers don't need to inspect
|
|
88
|
-
* the raw status to decide between "sign in" vs "sign out" UI.
|
|
89
|
-
*/
|
|
90
|
-
export type AuthStatus =
|
|
91
|
-
| 'bootstrapping'
|
|
92
|
-
| 'authenticated'
|
|
93
|
-
| 'recovering'
|
|
94
|
-
| 'reauth_required'
|
|
95
|
-
| 'signed_out'
|
|
96
|
-
|
|
97
|
-
export type AuthResult = {
|
|
98
|
-
success: boolean
|
|
99
|
-
error?: string
|
|
100
|
-
code?: string
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
export type GetTokenOptions = {
|
|
104
|
-
forceRefresh?: boolean
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
export type PdsEndpoints = {
|
|
108
|
-
pds_url: string
|
|
109
|
-
authorization_endpoint: string
|
|
110
|
-
token_endpoint: string
|
|
111
|
-
userinfo_endpoint: string
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
export type AuthManagerConfig = {
|
|
115
|
-
projectId: string | undefined
|
|
116
|
-
scopes: string
|
|
117
|
-
pdsUrl: string
|
|
118
|
-
adminUrl: string
|
|
119
|
-
debug: boolean
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
type JwtClaims = {
|
|
123
|
-
sub?: string
|
|
124
|
-
scope?: string
|
|
125
|
-
typ?: string
|
|
126
|
-
exp?: number
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
type CurrentSessionInfo = {
|
|
130
|
-
active: boolean
|
|
131
|
-
reauth_required?: boolean
|
|
132
|
-
session_id?: string | null
|
|
133
|
-
client_id?: string
|
|
134
|
-
scope?: string
|
|
135
|
-
account_did?: string
|
|
136
|
-
connection_status?: string
|
|
137
|
-
last_seen_at?: string | null
|
|
138
|
-
error?: string
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/**
|
|
142
|
-
* Framework-agnostic auth manager. Holds token state, handles OAuth flow,
|
|
143
|
-
* token refresh (with mutex), and user info fetching.
|
|
144
|
-
*
|
|
145
|
-
* React integration: pass a state-setter as `notify` so the component
|
|
146
|
-
* re-renders whenever auth state changes.
|
|
147
|
-
*/
|
|
148
|
-
export class AuthManager {
|
|
149
|
-
// --- Public state (read by the UI layer) ---
|
|
150
|
-
token: Token | null = null
|
|
151
|
-
user: User | null = null
|
|
152
|
-
isSignedIn: boolean = false
|
|
153
|
-
isAuthReady: boolean = false
|
|
154
|
-
authStatus: AuthStatus = 'bootstrapping'
|
|
155
|
-
authErrorCode: string | null = null
|
|
156
|
-
did: string | null = null
|
|
157
|
-
/** Space-separated scopes granted in the current access token */
|
|
158
|
-
tokenScope: string | null = null
|
|
159
|
-
/** Space-separated scopes originally requested in the auth config */
|
|
160
|
-
requestedScopes: string
|
|
161
|
-
|
|
162
|
-
readonly config: AuthManagerConfig
|
|
163
|
-
readonly storage: BasicStorage
|
|
164
|
-
|
|
165
|
-
/** True only during a user-initiated OAuth code exchange (not session restore) */
|
|
166
|
-
private freshSignIn: boolean = false
|
|
167
|
-
|
|
168
|
-
// --- Private ---
|
|
169
|
-
private notify: () => void
|
|
170
|
-
private refreshPromise: Promise<Token | null> | null = null
|
|
171
|
-
private codeExchangePromise: Promise<Token | null> | null = null
|
|
172
|
-
private pendingRefresh: boolean = false
|
|
173
|
-
private isOnline: boolean =
|
|
174
|
-
typeof navigator !== 'undefined' ? navigator.onLine : true
|
|
175
|
-
private channel: BroadcastChannel | null = null
|
|
176
|
-
private nextUserRecoveryAt: number = 0
|
|
177
|
-
private sessionCheckPromise: Promise<void> | null = null
|
|
178
|
-
private lastSessionCheckAt: number = 0
|
|
179
|
-
|
|
180
|
-
constructor(
|
|
181
|
-
config: AuthManagerConfig,
|
|
182
|
-
storage: BasicStorage,
|
|
183
|
-
notify: () => void,
|
|
184
|
-
) {
|
|
185
|
-
this.config = config
|
|
186
|
-
this.storage = storage
|
|
187
|
-
this.notify = notify
|
|
188
|
-
this.requestedScopes = config.scopes
|
|
189
|
-
this.initCrossTabSync()
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
private initCrossTabSync(): void {
|
|
193
|
-
if (typeof BroadcastChannel === 'undefined') return
|
|
194
|
-
|
|
195
|
-
try {
|
|
196
|
-
this.channel = new BroadcastChannel('basic-auth')
|
|
197
|
-
this.channel.onmessage = (event) => {
|
|
198
|
-
if (event.data?.type === 'token_refreshed') {
|
|
199
|
-
log('Received token refresh from another tab')
|
|
200
|
-
void this.handleExternalTokenRefresh(event.data)
|
|
201
|
-
}
|
|
202
|
-
if (event.data?.type === 'signed_in') {
|
|
203
|
-
log('Received sign-in from another tab, restoring session')
|
|
204
|
-
void this.restoreStoredSession('cross-tab sign-in')
|
|
205
|
-
}
|
|
206
|
-
if (event.data?.type === 'signed_out') {
|
|
207
|
-
log('Received sign-out from another tab')
|
|
208
|
-
this.resetAuthState('signed_out')
|
|
209
|
-
this.notify()
|
|
210
|
-
// TODO: replace reload with proper cross-tab sync teardown so
|
|
211
|
-
// other tabs can clean up without a full page reload.
|
|
212
|
-
if (typeof window !== 'undefined') {
|
|
213
|
-
window.location.reload()
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
if (event.data?.type === 'session_invalidated') {
|
|
217
|
-
log('Received session invalidation from another tab')
|
|
218
|
-
void this.markReauthRequired(event.data.code || 'invalid_grant', {
|
|
219
|
-
broadcast: false,
|
|
220
|
-
})
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
} catch {
|
|
224
|
-
log('BroadcastChannel not available for cross-tab sync')
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
private broadcastTokenRefresh(): void {
|
|
229
|
-
this.channel?.postMessage({
|
|
230
|
-
type: 'token_refreshed',
|
|
231
|
-
accessToken: this.token?.access_token,
|
|
232
|
-
did: this.did,
|
|
233
|
-
tokenScope: this.tokenScope,
|
|
234
|
-
})
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
private broadcastSignIn(): void {
|
|
238
|
-
this.channel?.postMessage({ type: 'signed_in' })
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
private broadcastSignOut(): void {
|
|
242
|
-
this.channel?.postMessage({ type: 'signed_out' })
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
private broadcastSessionInvalidated(code: string): void {
|
|
246
|
-
this.channel?.postMessage({ type: 'session_invalidated', code })
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
// ------------------------------------------------------------------
|
|
250
|
-
// Public API
|
|
251
|
-
// ------------------------------------------------------------------
|
|
252
|
-
|
|
253
|
-
/**
|
|
254
|
-
* Bootstrap auth: handle OAuth callback (?code=), restore session
|
|
255
|
-
* from refresh token, or load cached user for offline mode.
|
|
256
|
-
*/
|
|
257
|
-
async initialize(): Promise<void> {
|
|
258
|
-
this.updateAuthStatus('bootstrapping')
|
|
259
|
-
await this.storage.set(
|
|
260
|
-
STORAGE_KEYS.DEBUG,
|
|
261
|
-
this.config.debug ? 'true' : 'false',
|
|
262
|
-
)
|
|
263
|
-
|
|
264
|
-
const storedServerUrl = await this.storage.get(STORAGE_KEYS.SERVER_URL)
|
|
265
|
-
if (storedServerUrl && storedServerUrl !== this.config.pdsUrl) {
|
|
266
|
-
log('PDS URL changed, clearing stored tokens')
|
|
267
|
-
await this.clearStoredAuth()
|
|
268
|
-
}
|
|
269
|
-
await this.storage.set(STORAGE_KEYS.SERVER_URL, this.config.pdsUrl)
|
|
270
|
-
|
|
271
|
-
try {
|
|
272
|
-
const params = new URLSearchParams(window.location.search)
|
|
273
|
-
|
|
274
|
-
if (params.has('code')) {
|
|
275
|
-
const code = params.get('code')
|
|
276
|
-
if (!code) {
|
|
277
|
-
this.updateAuthStatus('signed_out')
|
|
278
|
-
this.notify()
|
|
279
|
-
return
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
const state = await this.storage.get(STORAGE_KEYS.AUTH_STATE)
|
|
283
|
-
const urlState = params.get('state')
|
|
284
|
-
if (!state || state !== urlState) {
|
|
285
|
-
log('error: auth state does not match')
|
|
286
|
-
this.updateAuthStatus('signed_out')
|
|
287
|
-
this.notify()
|
|
288
|
-
await this.storage.remove(STORAGE_KEYS.AUTH_STATE)
|
|
289
|
-
cleanOAuthParamsFromUrl()
|
|
290
|
-
return
|
|
291
|
-
}
|
|
292
|
-
|
|
293
|
-
await this.storage.remove(STORAGE_KEYS.AUTH_STATE)
|
|
294
|
-
cleanOAuthParamsFromUrl()
|
|
295
|
-
|
|
296
|
-
this.freshSignIn = true
|
|
297
|
-
this.exchangeToken(code, false).catch((error) => {
|
|
298
|
-
log('Error fetching token:', error)
|
|
299
|
-
this.freshSignIn = false
|
|
300
|
-
void this.restoreCachedUser({
|
|
301
|
-
hasRecoverableSession: !this.isDefinitiveAuthFailure(error),
|
|
302
|
-
})
|
|
303
|
-
})
|
|
304
|
-
} else {
|
|
305
|
-
await this.restoreStoredSession('initialize')
|
|
306
|
-
}
|
|
307
|
-
} catch (e) {
|
|
308
|
-
log('error getting token', e)
|
|
309
|
-
this.updateAuthStatus('signed_out')
|
|
310
|
-
this.notify()
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
/**
|
|
315
|
-
* Get a valid access token string. Refreshes proactively (5s buffer)
|
|
316
|
-
* or on demand (forceRefresh). Mutex prevents concurrent refreshes.
|
|
317
|
-
*/
|
|
318
|
-
async getToken(options?: GetTokenOptions): Promise<string> {
|
|
319
|
-
log('getting token...')
|
|
320
|
-
|
|
321
|
-
if (!this.token) {
|
|
322
|
-
const refreshToken = await this.getRefreshToken()
|
|
323
|
-
if (refreshToken) {
|
|
324
|
-
log('No token in memory, attempting to refresh from storage')
|
|
325
|
-
|
|
326
|
-
if (this.refreshPromise) {
|
|
327
|
-
log('Token refresh already in progress, waiting...')
|
|
328
|
-
try {
|
|
329
|
-
const newToken = await this.refreshPromise
|
|
330
|
-
if (newToken?.access_token) {
|
|
331
|
-
return newToken.access_token
|
|
332
|
-
}
|
|
333
|
-
} catch (error) {
|
|
334
|
-
log('In-flight refresh failed:', error)
|
|
335
|
-
throw error
|
|
336
|
-
}
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
try {
|
|
340
|
-
const newToken = await this.exchangeToken(refreshToken, true)
|
|
341
|
-
if (newToken?.access_token) {
|
|
342
|
-
return newToken.access_token
|
|
343
|
-
}
|
|
344
|
-
} catch (error) {
|
|
345
|
-
log('Failed to refresh token from storage:', error)
|
|
346
|
-
if (this.isNetworkError(error)) {
|
|
347
|
-
throw new Error(
|
|
348
|
-
'Network offline - authentication will be retried when online',
|
|
349
|
-
)
|
|
350
|
-
}
|
|
351
|
-
if (!this.isDefinitiveAuthFailure(error)) {
|
|
352
|
-
throw error
|
|
353
|
-
}
|
|
354
|
-
throw new Error('Authentication expired. Please sign in again.')
|
|
355
|
-
}
|
|
356
|
-
}
|
|
357
|
-
log('no token found')
|
|
358
|
-
throw new Error('no token found')
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
const decoded = jwtDecode<JwtClaims>(this.token.access_token)
|
|
362
|
-
const expirationBuffer = 5
|
|
363
|
-
const isExpired =
|
|
364
|
-
decoded.exp && decoded.exp < Date.now() / 1000 + expirationBuffer
|
|
365
|
-
const shouldRefresh = isExpired || options?.forceRefresh === true
|
|
366
|
-
|
|
367
|
-
if (shouldRefresh) {
|
|
368
|
-
log(
|
|
369
|
-
options?.forceRefresh
|
|
370
|
-
? 'force refreshing token...'
|
|
371
|
-
: 'token is expired - refreshing ...',
|
|
372
|
-
)
|
|
373
|
-
|
|
374
|
-
if (this.refreshPromise) {
|
|
375
|
-
log('Token refresh already in progress, waiting...')
|
|
376
|
-
try {
|
|
377
|
-
const newToken = await this.refreshPromise
|
|
378
|
-
if (!newToken?.access_token)
|
|
379
|
-
throw new Error('Token refresh returned empty access token')
|
|
380
|
-
return newToken.access_token
|
|
381
|
-
} catch (error) {
|
|
382
|
-
log('In-flight refresh failed:', error)
|
|
383
|
-
if (this.isNetworkError(error)) {
|
|
384
|
-
log('Network issue - using expired token until network is restored')
|
|
385
|
-
return this.token.access_token
|
|
386
|
-
}
|
|
387
|
-
throw error
|
|
388
|
-
}
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
const refreshToken = await this.getRefreshToken()
|
|
392
|
-
if (refreshToken) {
|
|
393
|
-
try {
|
|
394
|
-
const newToken = await this.exchangeToken(refreshToken, true)
|
|
395
|
-
if (!newToken?.access_token)
|
|
396
|
-
throw new Error('Token refresh returned empty access token')
|
|
397
|
-
return newToken.access_token
|
|
398
|
-
} catch (error) {
|
|
399
|
-
log('Failed to refresh expired token:', error)
|
|
400
|
-
if (this.isNetworkError(error)) {
|
|
401
|
-
log('Network issue - using expired token until network is restored')
|
|
402
|
-
return this.token.access_token
|
|
403
|
-
}
|
|
404
|
-
if (!this.isDefinitiveAuthFailure(error)) {
|
|
405
|
-
throw error
|
|
406
|
-
}
|
|
407
|
-
throw new Error('Authentication expired. Please sign in again.')
|
|
408
|
-
}
|
|
409
|
-
} else {
|
|
410
|
-
throw new Error('no refresh token available')
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
if (!this.token.access_token)
|
|
415
|
-
throw new Error('Token exists but access_token is empty')
|
|
416
|
-
return this.token.access_token
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
async getSignInUrl(
|
|
420
|
-
redirectUri?: string,
|
|
421
|
-
endpoints?: PdsEndpoints,
|
|
422
|
-
): Promise<string> {
|
|
423
|
-
log('getting sign in link...')
|
|
424
|
-
|
|
425
|
-
if (!this.config.projectId) {
|
|
426
|
-
throw new Error('Project ID is required to generate sign-in link')
|
|
427
|
-
}
|
|
428
|
-
|
|
429
|
-
const pdsEndpoints = endpoints || this.defaultPdsEndpoints()
|
|
430
|
-
await this.storage.set(
|
|
431
|
-
STORAGE_KEYS.PDS_ENDPOINTS,
|
|
432
|
-
JSON.stringify(pdsEndpoints),
|
|
433
|
-
)
|
|
434
|
-
|
|
435
|
-
const randomState = base64UrlEncode(
|
|
436
|
-
crypto.getRandomValues(new Uint8Array(16)),
|
|
437
|
-
)
|
|
438
|
-
await this.storage.set(STORAGE_KEYS.AUTH_STATE, randomState)
|
|
439
|
-
|
|
440
|
-
const redirectUrl = redirectUri || window.location.href
|
|
441
|
-
if (
|
|
442
|
-
!redirectUrl ||
|
|
443
|
-
(!redirectUrl.startsWith('http://') &&
|
|
444
|
-
!redirectUrl.startsWith('https://'))
|
|
445
|
-
) {
|
|
446
|
-
throw new Error('Invalid redirect URI provided')
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
await this.storage.set(STORAGE_KEYS.REDIRECT_URI, redirectUrl)
|
|
450
|
-
log('Stored redirect_uri for token exchange:', redirectUrl)
|
|
451
|
-
|
|
452
|
-
// PKCE: generate code_verifier and code_challenge (RFC 7636)
|
|
453
|
-
const codeVerifier = generateCodeVerifier()
|
|
454
|
-
const { challenge: codeChallenge, method: challengeMethod } =
|
|
455
|
-
await generateCodeChallenge(codeVerifier)
|
|
456
|
-
await this.storage.set(STORAGE_KEYS.CODE_VERIFIER, codeVerifier)
|
|
457
|
-
|
|
458
|
-
let baseUrl = pdsEndpoints.authorization_endpoint
|
|
459
|
-
baseUrl += `?client_id=${encodeURIComponent(normalizeClientId(this.config.projectId, this.adminHostname))}`
|
|
460
|
-
baseUrl += `&redirect_uri=${encodeURIComponent(redirectUrl)}`
|
|
461
|
-
baseUrl += `&response_type=code`
|
|
462
|
-
baseUrl += `&scope=${encodeURIComponent(this.config.scopes)}`
|
|
463
|
-
baseUrl += `&state=${randomState}`
|
|
464
|
-
baseUrl += `&code_challenge=${encodeURIComponent(codeChallenge)}`
|
|
465
|
-
baseUrl += `&code_challenge_method=${challengeMethod}`
|
|
466
|
-
|
|
467
|
-
log('Generated sign-in link successfully with scopes:', this.config.scopes)
|
|
468
|
-
return baseUrl
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
async signIn(redirectUri?: string): Promise<void> {
|
|
472
|
-
log('signing in...')
|
|
473
|
-
|
|
474
|
-
if (!this.config.projectId) {
|
|
475
|
-
log('Error: project_id is required for sign-in')
|
|
476
|
-
throw new Error('Project ID is required for authentication')
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
const signInLink = await this.getSignInUrl(redirectUri)
|
|
480
|
-
log('Generated sign-in link:', signInLink)
|
|
481
|
-
|
|
482
|
-
try {
|
|
483
|
-
new URL(signInLink)
|
|
484
|
-
} catch {
|
|
485
|
-
log('Error: Invalid sign-in link generated')
|
|
486
|
-
throw new Error('Failed to generate valid sign-in URL')
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
window.location.href = signInLink
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
async signInWithHandle(handle: string): Promise<void> {
|
|
493
|
-
log('signing in with handle:', handle)
|
|
494
|
-
|
|
495
|
-
if (!this.config.projectId) {
|
|
496
|
-
throw new Error('Project ID is required for authentication')
|
|
497
|
-
}
|
|
498
|
-
|
|
499
|
-
const resolved = await resolveHandle(handle)
|
|
500
|
-
log('Resolved handle to PDS:', resolved.pdsUrl)
|
|
501
|
-
|
|
502
|
-
const endpoints: PdsEndpoints = {
|
|
503
|
-
pds_url: resolved.pdsUrl,
|
|
504
|
-
authorization_endpoint: resolved.authorization_endpoint,
|
|
505
|
-
token_endpoint: resolved.token_endpoint,
|
|
506
|
-
userinfo_endpoint: resolved.userinfo_endpoint,
|
|
507
|
-
}
|
|
508
|
-
|
|
509
|
-
const signInLink = await this.getSignInUrl(undefined, endpoints)
|
|
510
|
-
log('Generated federated sign-in link:', signInLink)
|
|
511
|
-
|
|
512
|
-
try {
|
|
513
|
-
new URL(signInLink)
|
|
514
|
-
} catch {
|
|
515
|
-
throw new Error('Failed to generate valid sign-in URL')
|
|
516
|
-
}
|
|
517
|
-
|
|
518
|
-
window.location.href = signInLink
|
|
519
|
-
}
|
|
520
|
-
|
|
521
|
-
async signInWithCode(code: string, state?: string): Promise<AuthResult> {
|
|
522
|
-
try {
|
|
523
|
-
log('signInWithCode called with code:', code)
|
|
524
|
-
|
|
525
|
-
if (!code || typeof code !== 'string') {
|
|
526
|
-
return { success: false, error: 'Invalid authorization code' }
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
if (state) {
|
|
530
|
-
const storedState = await this.storage.get(STORAGE_KEYS.AUTH_STATE)
|
|
531
|
-
if (storedState && storedState !== state) {
|
|
532
|
-
log('State parameter mismatch:', {
|
|
533
|
-
provided: state,
|
|
534
|
-
stored: storedState,
|
|
535
|
-
})
|
|
536
|
-
return { success: false, error: 'State parameter mismatch' }
|
|
537
|
-
}
|
|
538
|
-
}
|
|
539
|
-
|
|
540
|
-
await this.storage.remove(STORAGE_KEYS.AUTH_STATE)
|
|
541
|
-
cleanOAuthParamsFromUrl()
|
|
542
|
-
|
|
543
|
-
this.freshSignIn = true
|
|
544
|
-
const token = await this.exchangeToken(code, false)
|
|
545
|
-
if (token) {
|
|
546
|
-
log('signInWithCode successful')
|
|
547
|
-
return { success: true }
|
|
548
|
-
} else {
|
|
549
|
-
return { success: false, error: 'Failed to exchange code for token' }
|
|
550
|
-
}
|
|
551
|
-
} catch (error) {
|
|
552
|
-
log('signInWithCode error:', error)
|
|
553
|
-
this.freshSignIn = false
|
|
554
|
-
return {
|
|
555
|
-
success: false,
|
|
556
|
-
error: (error as Error).message || 'Authentication failed',
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
/**
|
|
562
|
-
* Clear auth state and storage. Does NOT handle sync/DB cleanup —
|
|
563
|
-
* the UI layer (BasicProvider) wraps this to add sync teardown.
|
|
564
|
-
*/
|
|
565
|
-
async signOut(): Promise<void> {
|
|
566
|
-
log('signing out!')
|
|
567
|
-
this.resetAuthState('signed_out')
|
|
568
|
-
|
|
569
|
-
await this.storage.remove(STORAGE_KEYS.AUTH_STATE)
|
|
570
|
-
await this.storage.remove(STORAGE_KEYS.LAST_CONNECT_REPORT)
|
|
571
|
-
await this.clearStoredAuth()
|
|
572
|
-
|
|
573
|
-
this.broadcastSignOut()
|
|
574
|
-
this.notify()
|
|
575
|
-
}
|
|
576
|
-
|
|
577
|
-
async reconcileSession(
|
|
578
|
-
reason: string = 'manual',
|
|
579
|
-
options?: { forceRefresh?: boolean; throttleMs?: number },
|
|
580
|
-
): Promise<void> {
|
|
581
|
-
if (this.authStatus === 'signed_out' || this.authStatus === 'reauth_required') {
|
|
582
|
-
return
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
if (!this.isOnline) {
|
|
586
|
-
this.updateAuthStatus('recovering', this.authErrorCode)
|
|
587
|
-
this.notify()
|
|
588
|
-
return
|
|
589
|
-
}
|
|
590
|
-
|
|
591
|
-
const throttleMs = options?.throttleMs ?? SESSION_RECONCILE_THROTTLE_MS
|
|
592
|
-
const forceRefresh = options?.forceRefresh === true
|
|
593
|
-
const now = Date.now()
|
|
594
|
-
|
|
595
|
-
if (this.sessionCheckPromise) {
|
|
596
|
-
return this.sessionCheckPromise
|
|
597
|
-
}
|
|
598
|
-
|
|
599
|
-
if (!forceRefresh && now - this.lastSessionCheckAt < throttleMs) {
|
|
600
|
-
return
|
|
601
|
-
}
|
|
602
|
-
|
|
603
|
-
this.lastSessionCheckAt = now
|
|
604
|
-
|
|
605
|
-
let sessionCheck: Promise<void> | null = null
|
|
606
|
-
sessionCheck = (async () => {
|
|
607
|
-
try {
|
|
608
|
-
const accessToken = await this.getToken(
|
|
609
|
-
forceRefresh ? { forceRefresh: true } : undefined,
|
|
610
|
-
)
|
|
611
|
-
const currentSession = await this.fetchCurrentSession(accessToken)
|
|
612
|
-
if (currentSession?.active) {
|
|
613
|
-
this.updateAuthStatus('authenticated')
|
|
614
|
-
this.notify()
|
|
615
|
-
if (!this.user) {
|
|
616
|
-
await this.recoverMissingUserProfile(reason, accessToken)
|
|
617
|
-
}
|
|
618
|
-
}
|
|
619
|
-
} catch (error) {
|
|
620
|
-
log(`Session reconciliation failed on ${reason}:`, error)
|
|
621
|
-
if (this.isDefinitiveAuthFailure(error)) {
|
|
622
|
-
return
|
|
623
|
-
}
|
|
624
|
-
if (this.isNetworkError(error)) {
|
|
625
|
-
this.updateAuthStatus('recovering', this.authErrorCode)
|
|
626
|
-
this.notify()
|
|
627
|
-
}
|
|
628
|
-
} finally {
|
|
629
|
-
if (this.sessionCheckPromise === sessionCheck) {
|
|
630
|
-
this.sessionCheckPromise = null
|
|
631
|
-
}
|
|
632
|
-
}
|
|
633
|
-
})()
|
|
634
|
-
|
|
635
|
-
this.sessionCheckPromise = sessionCheck
|
|
636
|
-
return sessionCheck
|
|
637
|
-
}
|
|
638
|
-
|
|
639
|
-
hasScope(scope: string): boolean {
|
|
640
|
-
if (!this.tokenScope) return false
|
|
641
|
-
return this.tokenScope
|
|
642
|
-
.split(/[\s,]+/)
|
|
643
|
-
.filter(Boolean)
|
|
644
|
-
.includes(scope)
|
|
645
|
-
}
|
|
646
|
-
|
|
647
|
-
/**
|
|
648
|
-
* Returns scopes that were requested but not granted in the current token.
|
|
649
|
-
* Useful after login or when a 403 is returned.
|
|
650
|
-
*/
|
|
651
|
-
missingScopes(): string[] {
|
|
652
|
-
const requested = this.requestedScopes.split(/[\s,]+/).filter(Boolean)
|
|
653
|
-
if (!this.tokenScope) return requested
|
|
654
|
-
const granted = new Set(this.tokenScope.split(/[\s,]+/).filter(Boolean))
|
|
655
|
-
return requested.filter((s) => !granted.has(s))
|
|
656
|
-
}
|
|
657
|
-
|
|
658
|
-
/**
|
|
659
|
-
* Register online/offline and visibility handlers that retry pending
|
|
660
|
-
* refreshes and proactively refresh tokens when the app resumes from
|
|
661
|
-
* background (critical for PWAs and mobile browsers where timers are
|
|
662
|
-
* frozen while backgrounded).
|
|
663
|
-
* Returns a cleanup function for useEffect teardown.
|
|
664
|
-
*/
|
|
665
|
-
setupNetworkListeners(): () => void {
|
|
666
|
-
const handleOnline = async () => {
|
|
667
|
-
log('Network came back online')
|
|
668
|
-
this.isOnline = true
|
|
669
|
-
if (this.pendingRefresh) {
|
|
670
|
-
log('Retrying pending token refresh')
|
|
671
|
-
this.pendingRefresh = false
|
|
672
|
-
const refreshToken = await this.getRefreshToken()
|
|
673
|
-
if (refreshToken) {
|
|
674
|
-
this.exchangeToken(refreshToken, true).catch((error) => {
|
|
675
|
-
log('Retry refresh failed:', error)
|
|
676
|
-
})
|
|
677
|
-
}
|
|
678
|
-
}
|
|
679
|
-
if (this.isSignedIn) {
|
|
680
|
-
this.reconcileSession('online event', {
|
|
681
|
-
forceRefresh: true,
|
|
682
|
-
throttleMs: 0,
|
|
683
|
-
}).catch((error) => {
|
|
684
|
-
log('Session reconciliation on online failed:', error)
|
|
685
|
-
})
|
|
686
|
-
} else if (this.user) {
|
|
687
|
-
await this.restoreStoredSession('online restore')
|
|
688
|
-
}
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
const handleOffline = () => {
|
|
692
|
-
log('Network went offline')
|
|
693
|
-
this.isOnline = false
|
|
694
|
-
}
|
|
695
|
-
|
|
696
|
-
const handleVisibilityChange = () => {
|
|
697
|
-
if (document.visibilityState === 'visible' && this.isSignedIn) {
|
|
698
|
-
log('App became visible - reconciling auth session')
|
|
699
|
-
this.reconcileSession('visibility resume', {
|
|
700
|
-
forceRefresh: true,
|
|
701
|
-
}).catch((err) => {
|
|
702
|
-
log('Session reconciliation on visibility resume failed:', err)
|
|
703
|
-
})
|
|
704
|
-
}
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
window.addEventListener('online', handleOnline)
|
|
708
|
-
window.addEventListener('offline', handleOffline)
|
|
709
|
-
|
|
710
|
-
if (typeof document !== 'undefined') {
|
|
711
|
-
document.addEventListener('visibilitychange', handleVisibilityChange)
|
|
712
|
-
}
|
|
713
|
-
|
|
714
|
-
return () => {
|
|
715
|
-
window.removeEventListener('online', handleOnline)
|
|
716
|
-
window.removeEventListener('offline', handleOffline)
|
|
717
|
-
if (typeof document !== 'undefined') {
|
|
718
|
-
document.removeEventListener('visibilitychange', handleVisibilityChange)
|
|
719
|
-
}
|
|
720
|
-
}
|
|
721
|
-
}
|
|
722
|
-
|
|
723
|
-
// ------------------------------------------------------------------
|
|
724
|
-
// Private
|
|
725
|
-
// ------------------------------------------------------------------
|
|
726
|
-
|
|
727
|
-
private get adminHostname(): string {
|
|
728
|
-
try {
|
|
729
|
-
return new URL(this.config.adminUrl).hostname
|
|
730
|
-
} catch {
|
|
731
|
-
return 'api.basic.tech'
|
|
732
|
-
}
|
|
733
|
-
}
|
|
734
|
-
|
|
735
|
-
private defaultPdsEndpoints(): PdsEndpoints {
|
|
736
|
-
return {
|
|
737
|
-
pds_url: this.config.pdsUrl,
|
|
738
|
-
authorization_endpoint: `${this.config.pdsUrl}/auth/authorize`,
|
|
739
|
-
token_endpoint: `${this.config.pdsUrl}/auth/token`,
|
|
740
|
-
userinfo_endpoint: `${this.config.pdsUrl}/auth/userinfo`,
|
|
741
|
-
}
|
|
742
|
-
}
|
|
743
|
-
|
|
744
|
-
private async getActivePdsEndpoints(): Promise<PdsEndpoints> {
|
|
745
|
-
const stored = await this.storage.get(STORAGE_KEYS.PDS_ENDPOINTS)
|
|
746
|
-
if (stored) {
|
|
747
|
-
try {
|
|
748
|
-
return JSON.parse(stored) as PdsEndpoints
|
|
749
|
-
} catch {
|
|
750
|
-
/* fall through */
|
|
751
|
-
}
|
|
752
|
-
}
|
|
753
|
-
return this.defaultPdsEndpoints()
|
|
754
|
-
}
|
|
755
|
-
|
|
756
|
-
private async reportConnection(accessToken: string): Promise<void> {
|
|
757
|
-
if (!this.config.projectId || !this.config.adminUrl) return
|
|
758
|
-
const lastReport = await this.storage.get(STORAGE_KEYS.LAST_CONNECT_REPORT)
|
|
759
|
-
if (lastReport) {
|
|
760
|
-
const elapsed = Date.now() - parseInt(lastReport, 10)
|
|
761
|
-
if (elapsed < 24 * 60 * 60 * 1000) return
|
|
762
|
-
}
|
|
763
|
-
try {
|
|
764
|
-
await fetch(
|
|
765
|
-
`${this.config.adminUrl}/project/${this.config.projectId}/user/connect`,
|
|
766
|
-
{
|
|
767
|
-
method: 'POST',
|
|
768
|
-
headers: { 'Content-Type': 'application/json' },
|
|
769
|
-
body: JSON.stringify({ token: accessToken }),
|
|
770
|
-
},
|
|
771
|
-
)
|
|
772
|
-
await this.storage.set(
|
|
773
|
-
STORAGE_KEYS.LAST_CONNECT_REPORT,
|
|
774
|
-
Date.now().toString(),
|
|
775
|
-
)
|
|
776
|
-
log('Reported connection to admin server')
|
|
777
|
-
} catch (err) {
|
|
778
|
-
log('Failed to report connection (non-blocking):', err)
|
|
779
|
-
}
|
|
780
|
-
}
|
|
781
|
-
|
|
782
|
-
/**
|
|
783
|
-
* After a new token is stored, decode JWT claims and fetch user info.
|
|
784
|
-
*/
|
|
785
|
-
private async processNewToken(): Promise<void> {
|
|
786
|
-
if (!this.token) {
|
|
787
|
-
this.updateAuthStatus('signed_out')
|
|
788
|
-
this.notify()
|
|
789
|
-
return
|
|
790
|
-
}
|
|
791
|
-
|
|
792
|
-
try {
|
|
793
|
-
const decoded = jwtDecode<JwtClaims>(this.token.access_token)
|
|
794
|
-
this.applyTokenClaims(decoded)
|
|
795
|
-
this.updateAuthStatus('authenticated')
|
|
796
|
-
this.notify()
|
|
797
|
-
this.broadcastSessionUpdate()
|
|
798
|
-
await this.fetchUser(this.token.access_token)
|
|
799
|
-
} catch (error) {
|
|
800
|
-
log('Error processing token:', error)
|
|
801
|
-
this.updateAuthStatus('recovering')
|
|
802
|
-
this.notify()
|
|
803
|
-
}
|
|
804
|
-
}
|
|
805
|
-
|
|
806
|
-
private async restoreCachedUser(options?: {
|
|
807
|
-
hasRecoverableSession: boolean
|
|
808
|
-
}): Promise<void> {
|
|
809
|
-
const cached = await this.storage.get(STORAGE_KEYS.USER_INFO)
|
|
810
|
-
if (cached && options?.hasRecoverableSession) {
|
|
811
|
-
try {
|
|
812
|
-
this.user = JSON.parse(cached)
|
|
813
|
-
log('Restored cached user info for recoverable session')
|
|
814
|
-
} catch {
|
|
815
|
-
/* corrupted cache, ignore */
|
|
816
|
-
}
|
|
817
|
-
} else {
|
|
818
|
-
this.user = null
|
|
819
|
-
}
|
|
820
|
-
this.updateAuthStatus(
|
|
821
|
-
options?.hasRecoverableSession ? 'recovering' : 'signed_out',
|
|
822
|
-
)
|
|
823
|
-
this.notify()
|
|
824
|
-
}
|
|
825
|
-
|
|
826
|
-
private async fetchUser(accessToken: string): Promise<void> {
|
|
827
|
-
log('fetching user')
|
|
828
|
-
try {
|
|
829
|
-
const endpoints = await this.getActivePdsEndpoints()
|
|
830
|
-
const response = await fetch(endpoints.userinfo_endpoint, {
|
|
831
|
-
method: 'GET',
|
|
832
|
-
headers: { Authorization: `Bearer ${accessToken}` },
|
|
833
|
-
})
|
|
834
|
-
|
|
835
|
-
if (!response.ok) {
|
|
836
|
-
throw new Error(`Failed to fetch user info: ${response.status}`)
|
|
837
|
-
}
|
|
838
|
-
|
|
839
|
-
const user = await response.json()
|
|
840
|
-
|
|
841
|
-
if (user.error) {
|
|
842
|
-
log('error fetching user', user.error)
|
|
843
|
-
throw new Error(`User info error: ${user.error}`)
|
|
844
|
-
}
|
|
845
|
-
|
|
846
|
-
if (this.token?.refresh_token) {
|
|
847
|
-
await this.storage.set(
|
|
848
|
-
STORAGE_KEYS.REFRESH_TOKEN,
|
|
849
|
-
this.token.refresh_token,
|
|
850
|
-
)
|
|
851
|
-
}
|
|
852
|
-
|
|
853
|
-
await this.storage.set(STORAGE_KEYS.USER_INFO, JSON.stringify(user))
|
|
854
|
-
log('Cached user info in storage')
|
|
855
|
-
|
|
856
|
-
this.user = user
|
|
857
|
-
if (this.authStatus !== 'reauth_required') {
|
|
858
|
-
this.updateAuthStatus('authenticated')
|
|
859
|
-
}
|
|
860
|
-
this.nextUserRecoveryAt = 0
|
|
861
|
-
this.notify()
|
|
862
|
-
} catch (error) {
|
|
863
|
-
log('Failed to fetch user info:', error)
|
|
864
|
-
await this.handleUserFetchFailure()
|
|
865
|
-
}
|
|
866
|
-
}
|
|
867
|
-
|
|
868
|
-
/**
|
|
869
|
-
* Exchange an auth code or refresh token for an access token.
|
|
870
|
-
* Handles mutex (one in-flight refresh), token validation, and
|
|
871
|
-
* triggers processNewToken on success.
|
|
872
|
-
*/
|
|
873
|
-
private async exchangeToken(
|
|
874
|
-
codeOrRefreshToken: string,
|
|
875
|
-
isRefreshToken: boolean,
|
|
876
|
-
): Promise<Token | null> {
|
|
877
|
-
if (!codeOrRefreshToken || codeOrRefreshToken.trim() === '') {
|
|
878
|
-
const errorMsg = isRefreshToken
|
|
879
|
-
? 'Refresh token is empty or undefined'
|
|
880
|
-
: 'Authorization code is empty or undefined'
|
|
881
|
-
log('Error:', errorMsg)
|
|
882
|
-
throw new Error(errorMsg)
|
|
883
|
-
}
|
|
884
|
-
|
|
885
|
-
if (isRefreshToken && this.refreshPromise) {
|
|
886
|
-
log('Reusing in-flight refresh token request')
|
|
887
|
-
return this.refreshPromise
|
|
888
|
-
}
|
|
889
|
-
|
|
890
|
-
if (!isRefreshToken && this.codeExchangePromise) {
|
|
891
|
-
log('Reusing in-flight code exchange request')
|
|
892
|
-
return this.codeExchangePromise
|
|
893
|
-
}
|
|
894
|
-
|
|
895
|
-
const tokenPromise = (async (): Promise<Token | null> => {
|
|
896
|
-
try {
|
|
897
|
-
if (!this.isOnline) {
|
|
898
|
-
log('Network is offline, marking refresh as pending')
|
|
899
|
-
this.pendingRefresh = true
|
|
900
|
-
throw new Error(
|
|
901
|
-
'Network offline - refresh will be retried when online',
|
|
902
|
-
)
|
|
903
|
-
}
|
|
904
|
-
|
|
905
|
-
const endpoints = await this.getActivePdsEndpoints()
|
|
906
|
-
let requestBody: any
|
|
907
|
-
|
|
908
|
-
if (isRefreshToken) {
|
|
909
|
-
requestBody = {
|
|
910
|
-
grant_type: 'refresh_token',
|
|
911
|
-
refresh_token: codeOrRefreshToken,
|
|
912
|
-
}
|
|
913
|
-
if (this.config.projectId) {
|
|
914
|
-
requestBody.client_id = normalizeClientId(
|
|
915
|
-
this.config.projectId,
|
|
916
|
-
this.adminHostname,
|
|
917
|
-
)
|
|
918
|
-
}
|
|
919
|
-
} else {
|
|
920
|
-
requestBody = {
|
|
921
|
-
grant_type: 'authorization_code',
|
|
922
|
-
code: codeOrRefreshToken,
|
|
923
|
-
}
|
|
924
|
-
|
|
925
|
-
const storedRedirectUri = await this.storage.get(
|
|
926
|
-
STORAGE_KEYS.REDIRECT_URI,
|
|
927
|
-
)
|
|
928
|
-
if (storedRedirectUri) {
|
|
929
|
-
requestBody.redirect_uri = storedRedirectUri
|
|
930
|
-
log('Including redirect_uri in token exchange:', storedRedirectUri)
|
|
931
|
-
} else {
|
|
932
|
-
log('Warning: No redirect_uri found in storage for token exchange')
|
|
933
|
-
}
|
|
934
|
-
|
|
935
|
-
// PKCE: include code_verifier from the authorization request
|
|
936
|
-
const codeVerifier = await this.storage.get(
|
|
937
|
-
STORAGE_KEYS.CODE_VERIFIER,
|
|
938
|
-
)
|
|
939
|
-
if (codeVerifier) {
|
|
940
|
-
requestBody.code_verifier = codeVerifier
|
|
941
|
-
}
|
|
942
|
-
|
|
943
|
-
if (this.config.projectId) {
|
|
944
|
-
requestBody.client_id = normalizeClientId(
|
|
945
|
-
this.config.projectId,
|
|
946
|
-
this.adminHostname,
|
|
947
|
-
)
|
|
948
|
-
}
|
|
949
|
-
}
|
|
950
|
-
|
|
951
|
-
log('Token exchange request body:', {
|
|
952
|
-
...requestBody,
|
|
953
|
-
...(isRefreshToken
|
|
954
|
-
? { refresh_token: '[REDACTED]' }
|
|
955
|
-
: { code: '[REDACTED]' }),
|
|
956
|
-
...(requestBody.code_verifier ? { code_verifier: '[REDACTED]' } : {}),
|
|
957
|
-
})
|
|
958
|
-
|
|
959
|
-
const token = await fetch(endpoints.token_endpoint, {
|
|
960
|
-
method: 'POST',
|
|
961
|
-
headers: { 'Content-Type': 'application/json' },
|
|
962
|
-
body: JSON.stringify(requestBody),
|
|
963
|
-
})
|
|
964
|
-
.then((response) => response.json())
|
|
965
|
-
.catch((error) => {
|
|
966
|
-
log('Network error fetching token:', error)
|
|
967
|
-
if (!this.isOnline) {
|
|
968
|
-
this.pendingRefresh = true
|
|
969
|
-
throw new Error(
|
|
970
|
-
'Network offline - refresh will be retried when online',
|
|
971
|
-
)
|
|
972
|
-
}
|
|
973
|
-
throw new Error('Network error during token refresh')
|
|
974
|
-
})
|
|
975
|
-
|
|
976
|
-
if (token.access_token) {
|
|
977
|
-
try {
|
|
978
|
-
const decoded = jwtDecode<{ typ?: string }>(token.access_token)
|
|
979
|
-
if (decoded.typ === 'refresh') {
|
|
980
|
-
log('Error: received refresh token as access token')
|
|
981
|
-
throw new Error(
|
|
982
|
-
'Invalid token: received refresh token instead of access token',
|
|
983
|
-
)
|
|
984
|
-
}
|
|
985
|
-
} catch (decodeError) {
|
|
986
|
-
if ((decodeError as Error).message.includes('Invalid token')) {
|
|
987
|
-
throw decodeError
|
|
988
|
-
}
|
|
989
|
-
log(
|
|
990
|
-
'Warning: could not decode access token for type check:',
|
|
991
|
-
decodeError,
|
|
992
|
-
)
|
|
993
|
-
}
|
|
994
|
-
}
|
|
995
|
-
|
|
996
|
-
if (token.error) {
|
|
997
|
-
log('error fetching token', token.error)
|
|
998
|
-
|
|
999
|
-
if (
|
|
1000
|
-
typeof token.error === 'string' &&
|
|
1001
|
-
(token.error.includes('network') || token.error.includes('timeout'))
|
|
1002
|
-
) {
|
|
1003
|
-
this.pendingRefresh = true
|
|
1004
|
-
throw new Error(
|
|
1005
|
-
'Network issue - refresh will be retried when online',
|
|
1006
|
-
)
|
|
1007
|
-
}
|
|
1008
|
-
|
|
1009
|
-
// Only clear stored auth on definitive OAuth rejection.
|
|
1010
|
-
// Transient server errors (500, 503, etc.) should NOT wipe
|
|
1011
|
-
// the refresh token — the user can retry later.
|
|
1012
|
-
if (this.isDefinitiveTokenErrorCode(token.error)) {
|
|
1013
|
-
await this.markReauthRequired(token.error)
|
|
1014
|
-
throw new DefinitiveAuthError(token.error)
|
|
1015
|
-
}
|
|
1016
|
-
throw new Error(`Token refresh failed: ${token.error}`)
|
|
1017
|
-
} else {
|
|
1018
|
-
if (!token.access_token) {
|
|
1019
|
-
throw new Error('Token response missing access token')
|
|
1020
|
-
}
|
|
1021
|
-
this.token = token
|
|
1022
|
-
this.pendingRefresh = false
|
|
1023
|
-
|
|
1024
|
-
if (token.refresh_token) {
|
|
1025
|
-
await this.storage.set(
|
|
1026
|
-
STORAGE_KEYS.REFRESH_TOKEN,
|
|
1027
|
-
token.refresh_token,
|
|
1028
|
-
)
|
|
1029
|
-
log('Updated refresh token in storage')
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
if (!isRefreshToken) {
|
|
1033
|
-
await this.storage.remove(STORAGE_KEYS.REDIRECT_URI)
|
|
1034
|
-
await this.storage.remove(STORAGE_KEYS.CODE_VERIFIER)
|
|
1035
|
-
log(
|
|
1036
|
-
'Cleaned up redirect_uri and code_verifier from storage after successful exchange',
|
|
1037
|
-
)
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
|
-
this.reportConnection(token.access_token).catch(() => {})
|
|
1041
|
-
|
|
1042
|
-
await this.processNewToken()
|
|
1043
|
-
}
|
|
1044
|
-
|
|
1045
|
-
return token
|
|
1046
|
-
} catch (error) {
|
|
1047
|
-
log('Token refresh error:', error)
|
|
1048
|
-
if (this.isDefinitiveAuthFailure(error)) {
|
|
1049
|
-
log('Preserving cleared auth state after definitive token rejection')
|
|
1050
|
-
} else if (this.isNetworkError(error)) {
|
|
1051
|
-
log('Recoverable network auth failure - preserving session state')
|
|
1052
|
-
} else {
|
|
1053
|
-
log('Recoverable auth failure - preserving session state')
|
|
1054
|
-
}
|
|
1055
|
-
|
|
1056
|
-
throw error
|
|
1057
|
-
}
|
|
1058
|
-
})()
|
|
1059
|
-
|
|
1060
|
-
if (isRefreshToken) {
|
|
1061
|
-
this.refreshPromise = tokenPromise
|
|
1062
|
-
tokenPromise.finally(() => {
|
|
1063
|
-
if (this.refreshPromise === tokenPromise) {
|
|
1064
|
-
this.refreshPromise = null
|
|
1065
|
-
log('Cleared refresh promise reference')
|
|
1066
|
-
}
|
|
1067
|
-
})
|
|
1068
|
-
} else {
|
|
1069
|
-
this.codeExchangePromise = tokenPromise
|
|
1070
|
-
tokenPromise.finally(() => {
|
|
1071
|
-
if (this.codeExchangePromise === tokenPromise) {
|
|
1072
|
-
this.codeExchangePromise = null
|
|
1073
|
-
log('Cleared code exchange promise reference')
|
|
1074
|
-
}
|
|
1075
|
-
})
|
|
1076
|
-
}
|
|
1077
|
-
|
|
1078
|
-
return tokenPromise
|
|
1079
|
-
}
|
|
1080
|
-
|
|
1081
|
-
private resetAuthState(status: AuthStatus = 'signed_out'): void {
|
|
1082
|
-
this.user = status === 'reauth_required' ? this.user : null
|
|
1083
|
-
this.token = null
|
|
1084
|
-
if (status !== 'reauth_required') {
|
|
1085
|
-
this.did = null
|
|
1086
|
-
}
|
|
1087
|
-
this.tokenScope = null
|
|
1088
|
-
this.nextUserRecoveryAt = 0
|
|
1089
|
-
this.updateAuthStatus(status)
|
|
1090
|
-
}
|
|
1091
|
-
|
|
1092
|
-
private async clearStoredAuth(): Promise<void> {
|
|
1093
|
-
await this.storage.remove(STORAGE_KEYS.REFRESH_TOKEN)
|
|
1094
|
-
await this.storage.remove(STORAGE_KEYS.USER_INFO)
|
|
1095
|
-
await this.storage.remove(STORAGE_KEYS.REDIRECT_URI)
|
|
1096
|
-
await this.storage.remove(STORAGE_KEYS.CODE_VERIFIER)
|
|
1097
|
-
await this.storage.remove(STORAGE_KEYS.SERVER_URL)
|
|
1098
|
-
await this.storage.remove(STORAGE_KEYS.PDS_ENDPOINTS)
|
|
1099
|
-
}
|
|
1100
|
-
|
|
1101
|
-
private isNetworkError(error: unknown): boolean {
|
|
1102
|
-
if (error instanceof TypeError) return true
|
|
1103
|
-
if (error instanceof Error) {
|
|
1104
|
-
return (
|
|
1105
|
-
error.message.includes('offline') || error.message.includes('Network')
|
|
1106
|
-
)
|
|
1107
|
-
}
|
|
1108
|
-
return false
|
|
1109
|
-
}
|
|
1110
|
-
|
|
1111
|
-
private async getRefreshToken(): Promise<string | null> {
|
|
1112
|
-
const storedRefreshToken = await this.storage.get(
|
|
1113
|
-
STORAGE_KEYS.REFRESH_TOKEN,
|
|
1114
|
-
)
|
|
1115
|
-
if (storedRefreshToken) {
|
|
1116
|
-
log('Using refresh token from storage')
|
|
1117
|
-
if (this.token && this.token.refresh_token !== storedRefreshToken) {
|
|
1118
|
-
this.token = { ...this.token, refresh_token: storedRefreshToken }
|
|
1119
|
-
}
|
|
1120
|
-
return storedRefreshToken
|
|
1121
|
-
}
|
|
1122
|
-
|
|
1123
|
-
const memoryRefreshToken = this.token?.refresh_token ?? null
|
|
1124
|
-
if (memoryRefreshToken) {
|
|
1125
|
-
log('Using refresh token from memory fallback')
|
|
1126
|
-
} else {
|
|
1127
|
-
log('No refresh token available in storage or memory')
|
|
1128
|
-
}
|
|
1129
|
-
return memoryRefreshToken
|
|
1130
|
-
}
|
|
1131
|
-
|
|
1132
|
-
private async syncRefreshTokenFromStorage(): Promise<void> {
|
|
1133
|
-
const storedRefreshToken = await this.storage.get(
|
|
1134
|
-
STORAGE_KEYS.REFRESH_TOKEN,
|
|
1135
|
-
)
|
|
1136
|
-
if (
|
|
1137
|
-
storedRefreshToken &&
|
|
1138
|
-
this.token &&
|
|
1139
|
-
this.token.refresh_token !== storedRefreshToken
|
|
1140
|
-
) {
|
|
1141
|
-
this.token = { ...this.token, refresh_token: storedRefreshToken }
|
|
1142
|
-
log('Synced refresh token from shared storage into memory')
|
|
1143
|
-
}
|
|
1144
|
-
}
|
|
1145
|
-
|
|
1146
|
-
private applyTokenClaims(decoded: JwtClaims): void {
|
|
1147
|
-
this.did = decoded.sub || null
|
|
1148
|
-
this.tokenScope = decoded.scope || null
|
|
1149
|
-
}
|
|
1150
|
-
|
|
1151
|
-
private broadcastSessionUpdate(): void {
|
|
1152
|
-
if (this.freshSignIn) {
|
|
1153
|
-
this.freshSignIn = false
|
|
1154
|
-
this.broadcastSignIn()
|
|
1155
|
-
} else {
|
|
1156
|
-
this.broadcastTokenRefresh()
|
|
1157
|
-
}
|
|
1158
|
-
}
|
|
1159
|
-
|
|
1160
|
-
private async handleUserFetchFailure(): Promise<void> {
|
|
1161
|
-
if (this.isCompatibleUser(this.user)) {
|
|
1162
|
-
log('Preserving existing user after userinfo failure')
|
|
1163
|
-
} else if (this.user) {
|
|
1164
|
-
log('Discarding stale in-memory user after userinfo failure')
|
|
1165
|
-
this.user = null
|
|
1166
|
-
}
|
|
1167
|
-
|
|
1168
|
-
if (!this.user) {
|
|
1169
|
-
const cached = await this.storage.get(STORAGE_KEYS.USER_INFO)
|
|
1170
|
-
if (cached) {
|
|
1171
|
-
try {
|
|
1172
|
-
const parsed = JSON.parse(cached) as User
|
|
1173
|
-
if (this.isCompatibleUser(parsed)) {
|
|
1174
|
-
this.user = parsed
|
|
1175
|
-
log('Recovered cached user after userinfo failure')
|
|
1176
|
-
} else {
|
|
1177
|
-
log('Cached user did not match the active session')
|
|
1178
|
-
}
|
|
1179
|
-
} catch (error) {
|
|
1180
|
-
log('Failed to parse cached user after userinfo failure:', error)
|
|
1181
|
-
}
|
|
1182
|
-
}
|
|
1183
|
-
}
|
|
1184
|
-
|
|
1185
|
-
if (!this.user) {
|
|
1186
|
-
log('No compatible cached user available after userinfo failure')
|
|
1187
|
-
this.nextUserRecoveryAt = Date.now() + USER_RECOVERY_RETRY_COOLDOWN_MS
|
|
1188
|
-
} else {
|
|
1189
|
-
this.nextUserRecoveryAt = 0
|
|
1190
|
-
}
|
|
1191
|
-
|
|
1192
|
-
if (this.authStatus === 'bootstrapping') {
|
|
1193
|
-
this.updateAuthStatus(this.token ? 'authenticated' : 'recovering')
|
|
1194
|
-
}
|
|
1195
|
-
this.notify()
|
|
1196
|
-
}
|
|
1197
|
-
|
|
1198
|
-
private isCompatibleUser(user: User | null): boolean {
|
|
1199
|
-
if (!user) return false
|
|
1200
|
-
if (!this.did) return true
|
|
1201
|
-
return user.sub === this.did
|
|
1202
|
-
}
|
|
1203
|
-
|
|
1204
|
-
private async recoverMissingUserProfile(
|
|
1205
|
-
reason: string,
|
|
1206
|
-
accessToken?: string,
|
|
1207
|
-
): Promise<void> {
|
|
1208
|
-
if (!this.isSignedIn || this.user) return
|
|
1209
|
-
const now = Date.now()
|
|
1210
|
-
if (this.nextUserRecoveryAt > now) {
|
|
1211
|
-
log(
|
|
1212
|
-
`Skipping user profile recovery on ${reason} until ${new Date(this.nextUserRecoveryAt).toISOString()}`,
|
|
1213
|
-
)
|
|
1214
|
-
return
|
|
1215
|
-
}
|
|
1216
|
-
log(`Attempting user profile recovery on ${reason}`)
|
|
1217
|
-
const token = accessToken ?? (await this.getToken())
|
|
1218
|
-
if (this.user) return
|
|
1219
|
-
await this.fetchUser(token)
|
|
1220
|
-
}
|
|
1221
|
-
|
|
1222
|
-
private isDefinitiveTokenErrorCode(code: unknown): code is string {
|
|
1223
|
-
return typeof code === 'string' && DEFINITIVE_TOKEN_ERRORS.has(code)
|
|
1224
|
-
}
|
|
1225
|
-
|
|
1226
|
-
private isDefinitiveAuthFailure(error: unknown): boolean {
|
|
1227
|
-
return error instanceof DefinitiveAuthError
|
|
1228
|
-
}
|
|
1229
|
-
|
|
1230
|
-
/**
|
|
1231
|
-
* Centralised auth status setter. Derives `isSignedIn` and `isAuthReady`
|
|
1232
|
-
* from the status so they stay consistent.
|
|
1233
|
-
*
|
|
1234
|
-
* `isSignedIn` is intentionally `true` during `reauth_required` so the
|
|
1235
|
-
* UI layer can still display user info while prompting re-authentication.
|
|
1236
|
-
* Consumers should check `authStatus` (or a future convenience getter)
|
|
1237
|
-
* when they need to distinguish "healthy session" from "needs re-auth".
|
|
1238
|
-
*/
|
|
1239
|
-
private updateAuthStatus(
|
|
1240
|
-
status: AuthStatus,
|
|
1241
|
-
errorCode: string | null = null,
|
|
1242
|
-
): void {
|
|
1243
|
-
this.authStatus = status
|
|
1244
|
-
this.authErrorCode = errorCode
|
|
1245
|
-
this.isSignedIn =
|
|
1246
|
-
status === 'authenticated' ||
|
|
1247
|
-
status === 'recovering' ||
|
|
1248
|
-
status === 'reauth_required'
|
|
1249
|
-
this.isAuthReady = status !== 'bootstrapping'
|
|
1250
|
-
}
|
|
1251
|
-
|
|
1252
|
-
private async clearStoredSessionTokens(): Promise<void> {
|
|
1253
|
-
await this.storage.remove(STORAGE_KEYS.REFRESH_TOKEN)
|
|
1254
|
-
await this.storage.remove(STORAGE_KEYS.REDIRECT_URI)
|
|
1255
|
-
await this.storage.remove(STORAGE_KEYS.CODE_VERIFIER)
|
|
1256
|
-
}
|
|
1257
|
-
|
|
1258
|
-
private async restoreStoredSession(reason: string): Promise<void> {
|
|
1259
|
-
const refreshToken = await this.getRefreshToken()
|
|
1260
|
-
if (!refreshToken) {
|
|
1261
|
-
log(`No stored refresh token available during ${reason}`)
|
|
1262
|
-
await this.restoreCachedUser({ hasRecoverableSession: false })
|
|
1263
|
-
return
|
|
1264
|
-
}
|
|
1265
|
-
|
|
1266
|
-
log(`Restoring stored session during ${reason}`)
|
|
1267
|
-
await this.restoreCachedUser({ hasRecoverableSession: true })
|
|
1268
|
-
|
|
1269
|
-
if (!this.isOnline) {
|
|
1270
|
-
return
|
|
1271
|
-
}
|
|
1272
|
-
|
|
1273
|
-
this.exchangeToken(refreshToken, true).catch(async (error) => {
|
|
1274
|
-
log(`Stored session refresh failed during ${reason}:`, error)
|
|
1275
|
-
if (this.isDefinitiveAuthFailure(error)) {
|
|
1276
|
-
return
|
|
1277
|
-
}
|
|
1278
|
-
await this.restoreCachedUser({ hasRecoverableSession: true })
|
|
1279
|
-
})
|
|
1280
|
-
}
|
|
1281
|
-
|
|
1282
|
-
private async handleExternalTokenRefresh(data: {
|
|
1283
|
-
accessToken?: string
|
|
1284
|
-
did?: string
|
|
1285
|
-
tokenScope?: string
|
|
1286
|
-
}): Promise<void> {
|
|
1287
|
-
await this.syncRefreshTokenFromStorage()
|
|
1288
|
-
const refreshToken = await this.getRefreshToken()
|
|
1289
|
-
if (data.accessToken && refreshToken) {
|
|
1290
|
-
try {
|
|
1291
|
-
const decoded = jwtDecode<JwtClaims>(data.accessToken)
|
|
1292
|
-
const expiresIn =
|
|
1293
|
-
decoded.exp != null
|
|
1294
|
-
? Math.max(0, decoded.exp - Math.floor(Date.now() / 1000))
|
|
1295
|
-
: 0
|
|
1296
|
-
this.token = {
|
|
1297
|
-
access_token: data.accessToken,
|
|
1298
|
-
token_type: 'Bearer',
|
|
1299
|
-
expires_in: expiresIn,
|
|
1300
|
-
refresh_token: refreshToken,
|
|
1301
|
-
}
|
|
1302
|
-
this.applyTokenClaims(decoded)
|
|
1303
|
-
} catch (error) {
|
|
1304
|
-
log('Failed to decode token refreshed by another tab:', error)
|
|
1305
|
-
this.token = {
|
|
1306
|
-
access_token: data.accessToken,
|
|
1307
|
-
token_type: 'Bearer',
|
|
1308
|
-
expires_in: 0,
|
|
1309
|
-
refresh_token: refreshToken,
|
|
1310
|
-
}
|
|
1311
|
-
}
|
|
1312
|
-
if (this.authStatus !== 'reauth_required') {
|
|
1313
|
-
this.updateAuthStatus('authenticated')
|
|
1314
|
-
}
|
|
1315
|
-
} else if (refreshToken) {
|
|
1316
|
-
await this.restoreCachedUser({ hasRecoverableSession: true })
|
|
1317
|
-
}
|
|
1318
|
-
|
|
1319
|
-
if (data.did) this.did = data.did
|
|
1320
|
-
if (data.tokenScope) this.tokenScope = data.tokenScope
|
|
1321
|
-
this.notify()
|
|
1322
|
-
}
|
|
1323
|
-
|
|
1324
|
-
private async fetchCurrentSession(
|
|
1325
|
-
accessToken: string,
|
|
1326
|
-
): Promise<CurrentSessionInfo | null> {
|
|
1327
|
-
const endpoints = await this.getActivePdsEndpoints()
|
|
1328
|
-
const response = await fetch(`${endpoints.pds_url}/auth/session`, {
|
|
1329
|
-
method: 'GET',
|
|
1330
|
-
headers: { Authorization: `Bearer ${accessToken}` },
|
|
1331
|
-
})
|
|
1332
|
-
const data = (await response.json().catch(() => ({}))) as CurrentSessionInfo
|
|
1333
|
-
|
|
1334
|
-
if (response.status === 401 && data.reauth_required) {
|
|
1335
|
-
await this.markReauthRequired(data.error || 'invalid_session')
|
|
1336
|
-
throw new DefinitiveAuthError(data.error || 'invalid_session')
|
|
1337
|
-
}
|
|
1338
|
-
|
|
1339
|
-
if (!response.ok) {
|
|
1340
|
-
throw new Error(`Failed to reconcile session: ${response.status}`)
|
|
1341
|
-
}
|
|
1342
|
-
|
|
1343
|
-
return data
|
|
1344
|
-
}
|
|
1345
|
-
|
|
1346
|
-
private async markReauthRequired(
|
|
1347
|
-
code: string,
|
|
1348
|
-
options?: { broadcast?: boolean },
|
|
1349
|
-
): Promise<void> {
|
|
1350
|
-
log('Marking auth session as requiring reauthentication:', code)
|
|
1351
|
-
await this.clearStoredSessionTokens()
|
|
1352
|
-
if (!this.user) {
|
|
1353
|
-
const cached = await this.storage.get(STORAGE_KEYS.USER_INFO)
|
|
1354
|
-
if (cached) {
|
|
1355
|
-
try {
|
|
1356
|
-
this.user = JSON.parse(cached)
|
|
1357
|
-
} catch {
|
|
1358
|
-
/* ignore corrupted cache */
|
|
1359
|
-
}
|
|
1360
|
-
}
|
|
1361
|
-
}
|
|
1362
|
-
this.token = null
|
|
1363
|
-
this.tokenScope = null
|
|
1364
|
-
this.nextUserRecoveryAt = 0
|
|
1365
|
-
this.updateAuthStatus('reauth_required', code)
|
|
1366
|
-
if (options?.broadcast !== false) {
|
|
1367
|
-
this.broadcastSessionInvalidated(code)
|
|
1368
|
-
}
|
|
1369
|
-
this.notify()
|
|
1370
|
-
}
|
|
1371
|
-
}
|