8d3bab6a89
Monorepo Turborepo (pnpm workspaces) avec 3 packages :
- apps/web : SPA React 19 + Vite 8 + Tailwind v4 (CSS-first)
• TanStack Router (file-based, auto code-splitting), Query, Form
• Radix primitives bruts + CVA + clsx + tailwind-merge
• MSW pour mocker l'API tant qu'Adonis n'est pas branché
• Polices Bricolage Grotesque + Inter self-hostées via fontsource
• Tokens marque (rubis, cream, ink) exposés via @theme
• Primitives maison : Gem, Brand, Eyebrow, Button, Input, Field
• Route /login full flow : TanStack Form + Zod + mutation Query
- apps/api : Adonis 7 (kit api, scaffold via create-adonisjs)
• Auth access tokens (Bearer) — cf. ADR-017
• Tuyau core déjà câblé pour la génération de types
• Routes /api/v1/auth/{signup,login} + /api/v1/account/{profile,logout}
• Minimal — uniquement le pont front ↔ back
- packages/shared : types TS + schemas Zod + constantes
• Source unique de vérité partagée api ↔ web
• Domaines : User, Org, Auth, Client, Invoice, Plan
Tooling racine : Turbo, ESLint v9 flat, Prettier, husky, lint-staged.
CLAUDE.md et docs/decisions.md mis à jour avec ADR-014 à ADR-018
(stack, monorepo, PG existant, Bearer tokens, MinIO existant)
et le pointeur vers docs/tech/architecture.md.
Logo Rubis déplacé de landing/assets/ vers /assets/ (source unique
réutilisée par la landing et l'app).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import { forwardRef } from "react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
/**
|
|
* Input texte — primitive minimale.
|
|
* - Pas de shadow, juste 1px line.
|
|
* - Focus = ring rubis-glow + border rubis (pas de blue browser default).
|
|
* - aria-invalid = état d'erreur visible sans dépendre de la lib de form.
|
|
*/
|
|
export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
|
|
export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|
({ className, type = "text", ...props }, ref) => {
|
|
return (
|
|
<input
|
|
ref={ref}
|
|
type={type}
|
|
className={cn(
|
|
// Base
|
|
"block w-full rounded-default border border-line bg-white px-3.5 py-3",
|
|
"font-sans text-[15px] text-ink placeholder:text-ink-3",
|
|
// Transitions
|
|
"transition-[border-color,box-shadow] duration-150",
|
|
// Focus
|
|
"focus:outline-none focus:border-rubis focus:ring-4 focus:ring-rubis-glow",
|
|
// États
|
|
"disabled:cursor-not-allowed disabled:bg-cream-2 disabled:text-ink-3",
|
|
"aria-[invalid=true]:border-rubis-deep aria-[invalid=true]:bg-rubis-glow/30",
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
},
|
|
);
|
|
Input.displayName = "Input";
|