Frontend Development (js/app/)
## Commands
### Development
- `pnpm dev` - Start dev server with hot reload
- `pnpm run build` - Build production bundle
- `pnpm test` - Run tests
### Quality Checks
- `pnpm run lint
Steady7 mentions in 2 weeks
No other project uses it yet
12k2mo agoReviewMountCreate a free account to mount
directories:
## Apps Directory
- [apps/api](mdc:apps/api) - Backend API built with NestJS
- [apps/web](mdc:apps/web) - Frontend web application built with React
- [apps/extension](mdc:apps/extension) - Browser extension for web clipping
## Packages Directory
No other project uses it yet
7.5k10mo agoReviewMountCreate a free account to mount
globs: **/frontend/**
alwaysApply: false
---
# Airweave Frontend Architecture & Guidelines
## Tech Stack & Core Technologies
- **React 18** with TypeScript for type-safe component development
- **Vite** for fast development builds and HMR
- **TailwindCSS** with
6.6k8mo agoReviewMountCreate a free account to mount
legacy requests
4. **GET `/collections/internal/filter-schema`** - Filter schema endpoint
- Returns Qdrant Filter JSON schema for frontend validation
- Public endpoint for building UI filter builders
All endpoints use the same underlying `SearchService.search
6.6k8mo agoReviewMountCreate a free account to mount
rules: `airweave/billing/plan_logic.py`
- DB transactions (periods/usage/records): `airweave/billing/transactions.py`
- Stripe client (SDK wrapper): `airweave/integrations/stripe_client.py`
- Webhook processor: `airweave/billing/webhook_handler.py`
- Frontend flows: `frontend/src/pages/Onboarding.tsx`, `frontend/src/components/settings/BillingSettings.tsx`
Data model highlights:
- Organization billing state stored in `OrganizationBilling` with fields like
6.6k8mo agoReviewMountCreate a free account to mount
controller request
- Use `dbExecute` for database operations and wrap results in `Result<T, string>`
## Frontend Hooks with TanStack Query
- Use `useJawnClient()` to interact with Jawn controllers
- Implement custom hooks with
No other project uses it yet
6.2k15mo agoReviewMountCreate a free account to mount
description:
globs: packages/frontend/**/*.ts,packages/frontend/**/*.tsx
alwaysApply: false
---
---
description: Frontend rules
globs: packages/frontend/**/*.ts packages/frontend/**/*.tsx
---
# Rule
You are a Senior Front-End Developer and an expert in ReactJS, JavaScript
Steady33 mentions in 2 weeks
No other project uses it yet
6.2k10d agoReviewMountCreate a free account to mount