AppView in a box as a Vite plugin thing
hatk.dev
layout: home
hero: name: "hat://k" text: pronounced "hack" tagline: Extends your Vite application with an AT Protocol server. Add feeds, labels, and XRPC endpoints to your app, all typed from your lexicons. actions: - theme: brand text: Get Started link: /getting-started/quickstart - theme: alt text: CLI Reference link: /cli/
features:
- title: Convention-driven storage details: Define lexicons, get tables with full-text search and pagination. No DDL to write.
- title: File-based backend details: Files in server/feeds/ become feed generators. Files in server/xrpc/ become endpoints.
- title: OAuth included details: Server-side AT Protocol OAuth with session cookies. Configure scopes in hatk.config.ts.
- title: Typed from lexicons details: Lexicons generate TypeScript types for records, queries, feeds, and the client.
::: warning Alpha Software hatk is in early alpha. APIs may change without notice. Please give it a try and give feedback! :::
Project Structure#
A hatk app looks like this:
my-app/
├── app/ # SvelteKit frontend
│ ├── routes/
│ │ ├── +layout.server.ts # parseViewer(cookies)
│ │ └── +page.svelte # Your UI
│ └── lib/
├── server/ # Backend handlers
│ ├── feeds/ # Feed generators
│ │ └── recent.ts # defineFeed({ ... })
│ └── xrpc/ # Custom XRPC endpoints
│ └── getProfile.ts # defineQuery('...', ...)
├── seeds/
│ └── seed.ts # Test fixture data
├── lexicons/ # AT Protocol schemas
├── hatk.config.ts # Server configuration
└── hatk.generated.ts # Auto-generated types from lexicons