d3163a5bff
- pgSchema "mesh" with 4 tables isolating the peer mesh domain - Enums: visibility, transport, tier, role - audit_log is metadata-only (E2E encryption enforced at broker/client) - Cascade on mesh delete, soft-delete via archivedAt/revokedAt Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
4.3 KiB
title, description, url
| title | description | url |
|---|---|---|
| Tech Stack | A detailed look at the technical details. | /docs/extension/stack |
Tech Stack
Turborepo
Turborepo is a monorepo tool that helps you manage your project's dependencies and scripts. We chose a monorepo setup to make it easier to manage the structure of different features and enable code sharing between different packages.
<Card href="https://turbo.build/" title="Turborepo - Make Ship Happen" description="turbo.build" icon={} />
WXT (Vite)
It's like Next.js for browser extensions.
WXT is a very lightweight and powerful framework (based on Vite) for building browser extensions using most popular frontend tools. It provides a modern development experience with features like hot module reloading, TypeScript support, and automatic manifest generation.
WXT simplifies the process of creating cross-browser extensions, allowing you to focus on your extension's functionality rather than boilerplate setup.
} /><Card href="https://www.vite.dev/" title="Vite" description="vite.dev" icon={} />
React
React is a JavaScript library for building user interfaces. It's the core technology we use for creating the UI of our browser extension, allowing for efficient updates and rendering of components.
<Card href="https://reactjs.org/" title="React" description="reactjs.org" icon={} />
Tailwind CSS
Tailwind CSS is a utility-first CSS framework that helps you build custom designs without writing any CSS. We also use Radix UI for our headless components library and shadcn/ui which enables you to generate pre-designed components with a single command.
} /><Card href="https://radix-ui.com" title="Radix UI" description="radix-ui.com" icon={} />
<Card href="https://ui.shadcn.com" title="shadcn/ui" description="ui.shadcn.com" icon={} />
Hono & React Query
Hono is a small, simple, and ultrafast web framework for the edge. It provides tools to help you build APIs and web applications faster. It includes an RPC client for making type-safe function calls from the frontend. We use Hono to build our serverless API endpoints.
To make data fetching and caching from our API easy and reliable, we pair Hono with React Query. It helps manage asynchronous data, caching, and state synchronization between the client and backend, delivering a fast and seamless UX.
} /><Card
href="https://tanstack.com/query/latest"
title="React Query"
description="tanstack.com"
icon={
}
/>
Better Auth
Better Auth is a modern authentication library for fullstack applications. It provides ready-to-use snippets for features like email/password login, magic links, OAuth providers, and more. We use Better Auth to handle all authentication flows in our application.
<Card href="https://www.better-auth.com" title="Better Auth" description="better-auth.com" icon={} />
Drizzle
Drizzle is a super fast ORM (Object-Relational Mapping) tool for databases. It helps manage databases, generate TypeScript types from your schema, and run queries in a fully type-safe way.
We use PostgreSQL as our default database, but thanks to Drizzle's flexibility, you can easily switch to MySQL, SQLite or any other supported database by updating a few configuration lines.
} /><Card href="https://www.postgresql.org" title="PostgreSQL" description="postgresql.org" icon={} />