simplified atproto api

src/components/content/ContentFeed.astro

···
 import { AtprotoBrowser } from '../../lib/atproto/atproto-browser';
 import { loadConfig } from '../../lib/config/site';
 import type { AtprotoRecord } from '../../lib/types/atproto';
-import { extractCidFromBlobRef, blobCdnUrl } from '../../lib/atproto/blob';
+import { extractCidFromBlobRef, blobCdnUrl } from '../../lib/atproto/blob-url';
 
 
 interface Props {

src/lib/atproto/blob.ts

···
-import { AtpAgent } from '@atproto/api'
-import { loadConfig } from '../config/site'
-
-export type BlobVariant = 'full' | 'avatar' | 'feed'
-
-export function blobCdnUrl(did: string, cid: string, variant: BlobVariant = 'full'): string {
-  // Default to PDS sync getBlob endpoint; AppView/CDN variants can be swapped in later
-  const base = 'https://bsky.social/xrpc/com.atproto.sync.getBlob'
-  const params = new URLSearchParams({ did, cid })
-  return `${base}?${params.toString()}`
-}
-
-export async function fetchBlob(did: string, cid: string, agent?: AtpAgent): Promise<Blob> {
-  const cfg = loadConfig()
-  const atp = agent ?? new AtpAgent({ service: cfg.atproto.pdsUrl || 'https://bsky.social' })
-  const res = await atp.com.atproto.sync.getBlob({ did, cid })
-  // @atproto/api returns a Response-like object with data as ArrayBuffer
-  const arrayBuf = await res.data.blob()
-  return new Blob([arrayBuf])
-}
-
-// Extract CID string from common embed image blob refs
-export function extractCidFromBlobRef(ref: unknown): string | null {
-  // Formats we might encounter:
-  // - string (cid)
-  // - { $link: string }
-  // - BlobRef object with toString()
-  if (typeof ref === 'string') return ref
-  if (ref && typeof ref === 'object') {
-    const anyRef = ref as any
-    if (typeof anyRef.$link === 'string') return anyRef.$link
-    if (typeof anyRef.toString === 'function') {
-      const s = anyRef.toString()
-      if (s && typeof s === 'string') return s
-    }
-  }
-  return null
-}
-
-

src/lib/atproto/record-types.ts

···
-import type { AppBskyFeedPost, AppBskyActorProfile } from '@atproto/api'
-
-// Canonical repo record shape we use across the app
-export interface RepoRecord<TValue = unknown> {
-  uri: string
-  cid: string
-  value: TValue
-  indexedAt: string
-  collection: string
-  $type: string
-}
-
-// First-party known record interfaces from @atproto/api
-export type BskyPostRecord = AppBskyFeedPost.Record
-export type BskyProfileRecord = AppBskyActorProfile.Record
-
-// Discriminated helpers for known types
-export type KnownRecordByType =
-  | { $type: 'app.bsky.feed.post'; record: BskyPostRecord }
-  | { $type: 'app.bsky.actor.profile'; record: BskyProfileRecord }
-
-// Fallback for custom or third-party records when we don't have a local lexicon yet
-export type UnknownRecordByType = { $type: string; record: unknown }
-
-export type AnyRecordByType = KnownRecordByType | UnknownRecordByType
-
-

src/lib/components/discovered-registry.ts

···
-import type { DiscoveredTypes } from '../generated/discovered-types';
-import type { AnyRecordByType } from '../atproto/record-types';
-
-export type DiscoveredComponent<T extends string = DiscoveredTypes> = {
-  $type: T;
-  component: string;
-  props: Record<string, unknown>;
-}
-
-export type ComponentRegistry = Record<string, { component: string; props?: Record<string, unknown> }>
-
-export class DiscoveredComponentRegistry {
-  private registry: ComponentRegistry = {};
-  private discoveredTypes: DiscoveredTypes[] = [];
-
-  constructor() {
-    this.initializeRegistry();
-  }
-
-  // Initialize the registry with discovered types
-  private initializeRegistry(): void {
-    // This will be populated with discovered types
-    // For now, we'll use a basic mapping
-    this.registry = {
-      'app.bsky.feed.post': {
-        component: 'BlueskyPost',
-        props: { showAuthor: false, showTimestamp: true }
-      },
-      'app.bsky.actor.profile': {
-        component: 'ProfileDisplay',
-        props: { showHandle: true }
-      },
-      'social.grain.gallery': {
-        component: 'GrainGalleryDisplay',
-        props: { showCollections: true, columns: 3 }
-      },
-      'grain.social.feed.gallery': {
-        component: 'GrainGalleryDisplay',
-        props: { showCollections: true, columns: 3 }
-      }
-    };
-  }
-
-  // Register a component for a specific $type
-  registerComponent($type: DiscoveredTypes, component: string, props?: Record<string, unknown>): void {
-    this.registry[$type] = {
-      component,
-      props
-    };
-  }
-
-  // Get component info for a $type
-  getComponent($type: DiscoveredTypes): { component: string; props?: Record<string, unknown> } | null {
-    return this.registry[$type] || null;
-  }
-
-  // Get all registered $types
-  getRegisteredTypes(): DiscoveredTypes[] {
-    return Object.keys(this.registry) as DiscoveredTypes[];
-  }
-
-  // Check if a $type has a registered component
-  hasComponent($type: DiscoveredTypes): boolean {
-    return $type in this.registry;
-  }
-
-  // Get component mapping for rendering
-  getComponentMapping(): ComponentRegistry {
-    return this.registry;
-  }
-
-  // Update discovered types (called after build-time discovery)
-  updateDiscoveredTypes(types: DiscoveredTypes[]): void {
-    this.discoveredTypes = types;
-    
-    // Auto-register components for discovered types that don't have explicit mappings
-    for (const $type of types) {
-      if (!this.hasComponent($type)) {
-        // Auto-assign based on service/collection
-        const component = this.autoAssignComponent($type);
-        if (component) {
-          this.registerComponent($type, component);
-        }
-      }
-    }
-  }
-
-  // Auto-assign component based on $type
-  private autoAssignComponent($type: DiscoveredTypes): string | null {
-    if ($type.includes('grain') || $type.includes('gallery')) {
-      return 'GrainGalleryDisplay';
-    }
-    if ($type.includes('post') || $type.includes('feed')) {
-      return 'BlueskyPost';
-    }
-    if ($type.includes('profile') || $type.includes('actor')) {
-      return 'ProfileDisplay';
-    }
-    return 'GenericContentDisplay';
-  }
-
-  // Get component info for rendering
-  getComponentInfo<T extends DiscoveredTypes>($type: T): DiscoveredComponent<T> | null {
-    const componentInfo = this.getComponent($type);
-    if (!componentInfo) return null;
-
-    return {
-      $type,
-      component: componentInfo.component,
-      props: componentInfo.props || {}
-    };
-  }
-} 

src/lib/types/atproto.ts

···
 // Base ATproto record types
-export interface AtprotoRecord {
-  uri: string;
-  cid: string;
-  value: any;
-  indexedAt: string;
-}
+import type { AtprotoRecord } from '../atproto/atproto-browser';
+export type { AtprotoRecord };
 
 // Bluesky post types with proper embed handling
 export interface BlueskyPost {