Lorebarn: a team wiki for specs, runbooks and the company handbook

Lorebarn: a team wiki for specs, runbooks and the company handbook

00 Markdown

Nested pages in markdown with live preview, version diffs and restore, presence on every page, and full-text search.

Run it yourself

Get the finished app on your own machine, ready to change however you like.

VS Code Command Palette⇧⌘P
lorebarn -scaffold=elementscode/demo-lorebarn

Press 'Enter' to confirm your input or 'Escape' to cancel

Press ⇧⌘P in VS Code and choose Elements: New App. Then paste this line and press Enter.

New to Elements? Install Elements first.

The code

How it's built

Lorebarn needed a page tree that updates for everyone, a version kept on every save, presence on each page, full text search and email invites. Each of those is a part of Elements, so the agent spent its 17 minutes on the wiki itself.

What Elements gave the app

  • Live pages and tree. Pages are a LiveTable split by space, so a save, a new page or a move in the tree shows up in every open tree, page and home screen at once.
  • A version on every save. Each edit is checked against the latest version, keeps a snapshot in the same transaction, and tells a late editor who saved first. History restores a version through the same live table, so every open copy updates.
  • Presence. A channel tracks who is on each page and who is editing, and every open copy of the page shows the same people as they arrive, start typing and leave.
  • Full text search. Search ranks matches across every page and highlights them, from a weighted search column the migration defines.
  • Invites and roles. Admins invite members by email and change roles with @rpc calls that check for an admin first.
  • Data from SQL files. Migrations define the wiki and seed one admin, three members, three spaces with 23 nested pages, 64 saved versions and a pending invite.

What the project server gave the agent

The project server runs alongside the agent and answers as soon as a file is saved: it type-checks the templates, TypeScript and SQL, applies migrations and reruns the tests, so every question came back right away and the agent kept building.

What shipped

The app type-checks with zero errors and all 28 tests pass. Every page works on desktop and phone.

Comments· 0

Join the community

Get a weekly digest of new posts.

Sign up