Merge pull request #143 from flo-bit/custom-domains-editing

fix client id

src/lib/atproto/auth.svelte.ts

···
 	did: undefined as Did | undefined
 });
 
-export async function initClient() {
+export async function initClient(options?: { customDomain?: string }) {
 	user.isInitializing = true;
 
-	const clientId = dev
+	const client_id = dev
 		? `http://localhost` +
 			`?redirect_uri=${encodeURIComponent('http://127.0.0.1:5179' + REDIRECT_PATH)}` +
 			`&scope=${encodeURIComponent(metadata.scope)}`
···
 		}
 	});
 
+	const redirect_uri = dev ? 'http://127.0.0.1:5179' + REDIRECT_PATH : metadata.redirect_uris[0];
+
+	if (options?.customDomain) {
+		client_id.replace('blento.app', options.customDomain);
+		redirect_uri.replace('blento.app', options.customDomain);
+	}
+
 	configureOAuth({
 		metadata: {
-			client_id: clientId,
-			redirect_uri: dev ? 'http://127.0.0.1:5179' + REDIRECT_PATH : metadata.redirect_uris[0]
+			client_id,
+			redirect_uri
 		},
 		identityResolver: new LocalActorResolver({
 			handleResolver: handleResolver,

src/routes/+layout.server.ts

···
+export async function load({ platform, request }) {
+	const customDomain = request.headers.get('X-Custom-Domain')?.toLocaleLowerCase();
+
+	return { customDomain };
+}

src/routes/+layout.svelte

···
 	import { goto } from '$app/navigation';
 	import LoginModal from '$lib/atproto/UI/LoginModal.svelte';
 
-	let { children } = $props();
+	let { children, data } = $props();
 
 	const errorMessages: Record<string, (params: URLSearchParams) => string> = {
 		handle_not_found: (p) => `Handle ${p.get('handle') ?? ''} not found!`
 	};
 
 	onMount(() => {
-		initClient();
+		initClient({ customDomain: data.customDomain });
 
 		const error = page.url.searchParams.get('error');
 		if (error) {