OAuth integration

components/shell/AuthContext.tsx

@@ -58,9 +58,15 @@ export function AuthProvider({ children, ...options }: AuthProviderProps) {
       !ozonePublicUrl || typeof window === 'undefined'
         ? undefined // Disabled server side
         : isLoopbackHost(ozonePublicUrl.hostname)
-        ? `http://localhost?redirect_uri=${encodeURIComponent(
-            new URL('/', ozonePublicUrl.origin).href as OAuthClientIdLoopback,
-          )}&scope=${OAUTH_SCOPE.split(' ').map(encodeURIComponent).join('+')}`
+        ? // The following requires a yet to be released version of the oauth-client:
+          // &scope=${OAUTH_SCOPE.split(' ').map(encodeURIComponent).join('+')}
+          `http://localhost?redirect_uri=${encodeURIComponent(
+            new URL(
+              `http://127.0.0.1${
+                window.location.port ? `:${window.location.port}` : ''
+              }`,
+            ).href,
+          )}`
         : `${ozonePublicUrl.origin as `https://${string}`}/oauth-client.json`,
   })
 

lib/client-config.ts

@@ -9,10 +9,16 @@ export async function getConfig(): Promise<OzoneConfig> {
   if (labelerDid) {
     doc = await resolveDidDocData(labelerDid)
     const labelerUrl = doc && getServiceUrlFromDoc(doc, 'atproto_labeler')
-    if (labelerUrl) {
-      meta = await getOzoneMeta(labelerUrl)
+    if (process.env.NODE_ENV === 'development' && doc && labelerUrl) {
+      meta = {
+        did: labelerDid,
+        url: labelerUrl,
+        publicKey: getDidKeyFromDoc(doc, 'atproto_label')!,
+      }
     } else {
-      meta = await getOzoneMeta(OZONE_PUBLIC_URL || window.location.origin)
+      meta = await getOzoneMeta(
+        labelerUrl || OZONE_PUBLIC_URL || window.location.origin,
+      )
     }
   } else {
     meta = await getOzoneMeta(OZONE_PUBLIC_URL || window.location.origin)