+9
-2
src/main.js
+9
-2
src/main.js
···
1
1
import './style.css'
2
-
import { atprotoLoopbackClientMetadata, BrowserOAuthClient } from '@atproto/oauth-client-browser'
2
+
import {
3
+
AtprotoDohHandleResolver,
4
+
atprotoLoopbackClientMetadata,
5
+
BrowserOAuthClient
6
+
} from '@atproto/oauth-client-browser'
3
7
import {showError, showLoggedInPage, showLoginForm} from "./ui.js";
4
8
import { Agent } from '@atproto/api'
5
9
import clientMetadataUrl from '/oauth-client-metadata.json?url'
···
9
13
const redirectUri = 'http://127.0.0.1:5173/callback'
10
14
const devClientId = `http://localhost?redirect_uri=${encodeURIComponent(redirectUri)}&scope=${encodeURIComponent(scopes.join(' '))}`
11
15
16
+
//Can be any dns over http.
17
+
const resolver = new AtprotoDohHandleResolver({dohEndpoint: 'https://cloudflare-dns.com/dns-query'});
18
+
12
19
13
20
const client = await BrowserOAuthClient.load({
14
-
handleResolver: 'https://bsky.social',
21
+
handleResolver: resolver,
15
22
// clientId: `${location.origin}${clientMetadataUrl}`
16
23
clientId: import.meta.env.VITE_OAUTH_DOMAIN ? `https://${import.meta.env.VITE_OAUTH_DOMAIN}${clientMetadataUrl}` : devClientId
17
24
})