نبني مشروع حقيقي بإيدينا

{  "name": "@repo/tsconfig",  "version": "0.0.0",  "private": true,  "files": ["*.json"]}

{  "compilerOptions": {    "strict": true,    "target": "ES2022",    "skipLibCheck": true,    "esModuleInterop": true,    "resolveJsonModule": true,    "isolatedModules": true,    "declaration": true,    "noUncheckedIndexedAccess": true  }}

{  "extends": "./base.json",  "compilerOptions": {    "lib": ["ES2022", "DOM", "DOM.Iterable"],    "jsx": "react-jsx",    "module": "ESNext",    "moduleResolution": "Bundler",    "noEmit": true  }}

{  "extends": "./base.json",  "compilerOptions": {    "module": "CommonJS",    "moduleResolution": "Node",    "emitDecoratorMetadata": true,    "experimentalDecorators": true,    "sourceMap": true  }}

{  "extends": "@repo/tsconfig/react.json",  "include": ["src"]}

import js from "@eslint/js";import tseslint from "typescript-eslint";export const base = [  js.configs.recommended,  ...tseslint.configs.recommended,  { ignores: ["dist/**", ".turbo/**"] },];

import reactHooks from "eslint-plugin-react-hooks";import { base } from "./base.js";export const react = [  ...base,  {    plugins: { "react-hooks": reactHooks },    rules: reactHooks.configs.recommended.rules,  },];

import { react } from "@repo/eslint-config/react";export default [...react];

import { z } from "zod";export const jobTypeEnum = z.enum(["full_time", "part_time", "contract"]);export const createJobSchema = z.object({  title: z.string().min(3, "العنوان قصير"),  description: z.string().min(20),  type: jobTypeEnum,  salaryMin: z.number().int().positive().optional(),  salaryMax: z.number().int().positive().optional(),  remote: z.boolean().default(false),}).refine(  (j) => !j.salaryMin || !j.salaryMax || j.salaryMin <= j.salaryMax,  { message: "الحد الأدنى أكبر من الأقصى", path: ["salaryMax"] },);export type CreateJobInput = z.infer<typeof createJobSchema>;

export * from "./job";

{  "name": "@repo/types",  "version": "0.0.0",  "private": true,  "main": "./dist/index.js",  "module": "./dist/index.mjs",  "types": "./dist/index.d.ts",  "exports": {    ".": {      "types": "./dist/index.d.ts",      "import": "./dist/index.mjs",      "require": "./dist/index.js"    }  },  "scripts": {    "build": "tsup src/index.ts --format cjs,esm --dts --clean",    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"  },  "dependencies": { "zod": "^3.23.8" },  "devDependencies": {    "@repo/tsconfig": "workspace:*",    "tsup": "^8.3.0",    "typescript": "^5.6.0"  }}

import { BadRequestException, PipeTransform } from "@nestjs/common";import type { ZodSchema } from "zod";export class ZodValidationPipe implements PipeTransform {  constructor(private readonly schema: ZodSchema) {}  transform(value: unknown) {    const result = this.schema.safeParse(value);    if (!result.success) {      throw new BadRequestException(result.error.flatten());    }    return result.data;  }}

import { Body, Controller, Post } from "@nestjs/common";import { createJobSchema, type CreateJobInput } from "@repo/types";import { ZodValidationPipe } from "../common/zod-validation.pipe";import { JobsService } from "./jobs.service";@Controller("jobs")export class JobsController {  constructor(private readonly jobs: JobsService) {}  @Post()  create(@Body(new ZodValidationPipe(createJobSchema)) dto: CreateJobInput) {    return this.jobs.create(dto);  }}

import { useForm } from "react-hook-form";import { zodResolver } from "@hookform/resolvers/zod";import { createJobSchema, type CreateJobInput } from "@repo/types";import { Button, TextField } from "@repo/ui";import { useCreateJob } from "./useCreateJob"; // TanStack Query mutationexport function CreateJobForm() {  const form = useForm<CreateJobInput>({ resolver: zodResolver(createJobSchema) });  const createJob = useCreateJob();  return (    <form onSubmit={form.handleSubmit((data) => createJob.mutate(data))}>      <TextField label="Title" {...form.register("title")}        error={form.formState.errors.title?.message} />      <Button type="submit" loading={createJob.isPending}>Publish</Button>    </form>  );}

{  "name": "@repo/ui",  "version": "0.0.0",  "private": true,  "type": "module",  "exports": {    ".": "./src/index.ts",    "./styles.css": "./src/styles.css"  },  "scripts": {    "storybook": "storybook dev -p 6006",    "build-storybook": "storybook build",    "lint": "eslint .",    "typecheck": "tsc --noEmit"  },  "peerDependencies": { "react": "^18 || ^19", "react-dom": "^18 || ^19" },  "devDependencies": {    "@repo/tsconfig": "workspace:*",    "@repo/eslint-config": "workspace:*"  }}

import type { Meta, StoryObj } from "@storybook/react";import { Button } from "./Button";const meta: Meta<typeof Button> = {  title: "Actions/Button",  component: Button,  args: { children: "Publish job" },};export default meta;export const Primary: StoryObj<typeof Button> = { args: { variant: "primary" } };export const Loading: StoryObj<typeof Button> = { args: { loading: true } };

"build-storybook": {  "dependsOn": ["^build"],  "outputs": ["storybook-static/**"]}

{  "name": "jobs-monorepo",  "private": true,  "packageManager": "pnpm@9.12.0",  "scripts": {    "dev": "turbo dev",    "build": "turbo build",    "lint": "turbo lint",    "typecheck": "turbo typecheck",    "test": "turbo test"  },  "devDependencies": { "turbo": "^2.1.0", "typescript": "^5.6.0" }}