Cursor rule

1---
2description: Typescript
3globs: **/*.ts,**/*.tsx
4alwaysApply: false
5---
6## Typescript
7 
8 
9- Use `pnpm` or `pnpx` and not `npm` or `npx`.
10  - Use `just js_shadcn`, `just pnpm`, and `just js_lint` instead of executing these operations exactly. @just/javascript.just
11- Node libraries are not available
12- Use `lib/` for generic code, `utils/` for project utilities, `hooks/` for React hooks, and `helpers/` for page-specific helpers.
13- Prefer `function theName() {` over `const theName = () =>`
14- Use `import { invariant } from @epic-web/invariant` instead of another invariant library
15- Use `requireEnv("VITE_THE_ENV_VAR")` instead of `process.env.THE_ENV_VAR`
16- Don't use `console.{log,error}`. Use `from ~/configuration/logging import log` and `log.info("string", {structured: "log"})` instead.
17 
18Here's how frontend code is organized in `web/app/`:
19 
20- `lib/` not specific to the project. This code could be a separate package at some point.
21- `utils/` project-specific code, but not specific to a particular page.
22- `helpers/` page- or section-specific code that is not a component, hook, etc.
23- `hooks/` react hooks.
24- `configuration/` providers, library configuration, and other setup code.
25- `components/` react components.
26  - `ui/` reusable ShadCN UI components (buttons, forms, etc.).
27  - `shared/` components shared across multiple pages.
28  - create additional folders for route- or section-specific components.
29 
30### Dates & Times
31 
32* Always use the ISO 8601 format when sending dates in an API request.
33* Use `Temporal` for any date or time manipulation. You can assume it's available in the browser.
34* DateTime objects should always be converted to UTC before included in any API request. Never send a timestamp with the user's timezone.
35* Unless otherwise specified, do not shift server-provided times based on the user's timezone.
36