Files

Émile Ré 74d7d3ff25 Upgrade Relay to v20.1.1 and unify compiler config

Consolidate the two per-app relay configs (console and trust)
into a single multi-project relay.config.json at the repo root
with three projects: core, iam, and trust. Bump all relay
packages from v19 to v20.1.1 and move relay-compiler to the
root devDependencies. Replace per-workspace relay scripts with
a single root-level npm run relay command and update the
GNUmakefile, CI workflows, and docs accordingly.

Signed-off-by: Émile Ré <emile@getprobo.com>

2026-04-14 16:04:11 +04:00

1.6 KiB

Raw Blame History

apps/console

React 19 + Vite + TypeScript + Relay + TailwindCSS. Port 5173.

Commands

Command	Purpose
`npm run dev`	Start dev server (port 5173)
`npm run build`	Production build
`npm run relay` (from repo root)	Regenerate Relay artifacts

Routes

Defined in src/routes.tsx with feature-specific route files (e.g. src/routes/assetRoutes.ts).

Lazy-loaded via lazy() from @probo/react-lazy
Data loading: dedicated *PageLoader components with useQueryLoader (Relay)
Type: all routes satisfies AppRoute[]
Fallback: PageSkeleton or Fallback components during loading
Error boundaries per route group

Relay

Queries, fragments, and mutations are colocated in the component that uses them — never in separate hooks/graph/ files.

Always use fragments to define data requirements. Never create custom TypeScript types for API data — let Relay generate types from fragments.

Mutations

Use @appendEdge / @deleteEdge directives for Relay store updates:

const createAssetMutation = graphql`
  mutation AssetCreateMutation($input: CreateAssetInput!, $connections: [ID!]!) {
    createAsset(input: $input) {
      assetEdge @appendEdge(connections: $connections) {
        node { id name }
      }
    }
  }
`;

Permissions

Inline permission queries in Relay fragments:

canCreate: permission(action: "core:asset:create")

Components

Form fields: src/components/form/
Dialogs: modal components with mutation handling
Shared UI: @probo/ui package

1.6 KiB Raw Blame History