Client with Effect

import { defineConfig } from 'orval';

export default defineConfig({
  // HTTP client generation
  petstore: {
    input: {
      target: './petstore.yaml',
    },
    output: {
      mode: 'tags-split',
      client: 'swr',
      target: 'src/api/endpoints',
      schemas: 'src/api/models',
      mock: true,
    },
  },
  // Effect schema generation
  petstoreEffect: {
    input: {
      target: './petstore.yaml',
    },
    output: {
      mode: 'tags-split',
      client: 'effect',
      target: 'src/api/endpoints',
      fileExtension: '.effect.ts',
    },
  },
});

src/api/
├── endpoints/
│   └── pets/
│       ├── pets.ts          # SWR hooks
│       ├── pets.msw.ts      # MSW mocks
│       ├── pets.faker.ts    # Faker mocks
│       └── pets.effect.ts   # Effect schemas
└── models/
    └── ...

import { Schema as S } from 'effect';

import { useListPets, useCreatePets } from './api/endpoints/pets/pets';
import { CreatePetsBodyItem } from './api/endpoints/pets/pets.effect';

function App() {
  const { data } = useListPets();
  const { trigger } = useCreatePets();

  const createPet = async () => {
    const pet = { name: 'Buddy', tag: 'dog' };

    try {
      // Validate before sending
      const validatedPet = S.decodeUnknownSync(CreatePetsBodyItem)(pet);
      await trigger([validatedPet]);
    } catch (error) {
      console.error('Validation failed:', error);
    }
  };

  return (
    <div>
      <button onClick={createPet}>Create Pet</button>
      {data?.map((pet) => (
        <div key={pet.id}>{pet.name}</div>
      ))}
    </div>
  );
}