convex-component-authoring

# Convex Component Authoring Create self-contained, reusable Convex components with proper isolation, exports, and dependency management for sharing across projects. ## Documentation Sources Before implementing, do not assume; fetch the latest documentation: - Primary: https://docs.convex.dev/components - Component Authoring: https://docs.convex.dev/components/authoring - For broader context: https://docs.convex.dev/llms.txt ## Instructions ### What Are Convex Components? Convex components are self-contained packages that include: - Database tables (isolated from the main app) - Functions (queries, mutations, actions) - TypeScript types and validators - Optional frontend hooks ### Component Structure ``` my-convex-component/ ├── package.json ├── tsconfig.json ├── README.md ├── src/ │ ├── index.ts # Main exports │ ├── component.ts # Component definition │ ├── schema.ts # Component schema │ └── functions/ │ ├── queries.ts │ ├── mutations.ts │ └── actions.ts └── convex.config.ts # Component configuration ``` ### Creating a Component #### 1. Component Configuration ```typescript // convex.config.ts import { defineComponent } from "convex/server"; export default defineComponent("myComponent"); ``` #### 2. Component Schema ```typescript // src/schema.ts import { defineSchema, defineTable } from "convex/server"; import { v } from "convex/values"; export default defineSchema({ // Tables are isolated to this co...