Reviewed-on: #54 Reviewed-by: blas <me@blassanto.me>
OpenAPI Clean Architecture Generator
Angular code generator that creates clean architecture boilerplate from OpenAPI/Swagger specifications. Automates the creation of DTOs, repositories, mappers, use cases and dependency injection providers.
📦 Requirements
🚀 Installation
Option 0: Prebuilt binary (no dependencies)
Download the binary for your platform from the releases page and run it directly — no Node, Bun or Java required:
# macOS (Apple Silicon)
curl -L <release-url>/generate-clean-arch-macos-arm64 -o generate-clean-arch
chmod +x generate-clean-arch && ./generate-clean-arch -i swagger.yaml
# macOS (Intel)
curl -L <release-url>/generate-clean-arch-macos-x64 -o generate-clean-arch
chmod +x generate-clean-arch && ./generate-clean-arch -i swagger.yaml
# Linux x64
curl -L <release-url>/generate-clean-arch-linux-x64 -o generate-clean-arch
chmod +x generate-clean-arch && ./generate-clean-arch -i swagger.yaml
# Windows (PowerShell)
curl -L <release-url>/generate-clean-arch-windows-x64.exe -o generate-clean-arch.exe
.\generate-clean-arch.exe -i swagger.yaml
Option 1: Install as a global CLI from the registry
bun add -g @blas/openapi-clean-arch-generator --registry https://git.blassanto.me/api/packages/blas/npm/
Or configure the registry in your .npmrc / bunfig.toml and then run:
generate-clean-arch -i swagger.yaml
Option 2: Clone and use locally
git clone <repo>
cd openapi-clean-arch-generator
bun install
bun run setup # installs openapi-generator-cli globally
📖 Usage
Basic command
# Installed globally
generate-clean-arch -i swagger.yaml
# From the repository (compiled)
bun run generate -- -i swagger.yaml
# From the repository (development, no compilation needed)
bun run generate:dev -- -i swagger.yaml
Available options
Options:
-V, --version Show version
-i, --input <file> OpenAPI/Swagger file (yaml or json) [default: swagger.yaml]
-o, --output <dir> Output directory [default: ./src/app]
-t, --templates <dir> Custom templates directory [default: ./templates]
-s, --select-endpoints Interactively select tags and endpoints to generate
--skip-install Skip dependency installation
--dry-run Simulate without writing files
-h, --help Show help
Examples
# Generate from swagger.yaml into src/app
generate-clean-arch -i swagger.yaml -o ./src/app
# Interactively select tags/endpoints
generate-clean-arch -i api.yaml -s
# Use custom templates
generate-clean-arch -i api.yaml -t ./my-templates
# Dry run (no files written)
generate-clean-arch -i swagger.yaml --dry-run
# Full example with all options
generate-clean-arch -i ./docs/api.yaml -o ./frontend/src/app -t ./custom-templates
📁 Generated Structure
The generator creates the following structure following Clean Architecture:
src/app/
├── data/ # Data layer
│ ├── dtos/ # Data Transfer Objects
│ │ ├── node/
│ │ │ └── node.dto.ts
│ │ ├── order-type/
│ │ │ └── order-type.dto.ts
│ │ └── supply-mode/
│ │ └── supply-mode.dto.ts
│ ├── repositories/ # Repository implementations
│ │ ├── node.repository.impl.ts
│ │ ├── order-type.repository.impl.ts
│ │ └── supply-mode.repository.impl.ts
│ └── mappers/ # DTO → Entity transformers
│ ├── node.mapper.ts
│ ├── order-type.mapper.ts
│ └── supply-mode.mapper.ts
├── domain/ # Domain layer
│ ├── repositories/ # Repository contracts
│ │ ├── node.repository.contract.ts
│ │ ├── order-type.repository.contract.ts
│ │ └── supply-mode.repository.contract.ts
│ └── use-cases/ # Use cases
│ ├── node/
│ │ ├── node.use-cases.contract.ts
│ │ └── node.use-cases.impl.ts
│ ├── order-type/
│ │ ├── order-type.use-cases.contract.ts
│ │ └── order-type.use-cases.impl.ts
│ └── supply-mode/
│ ├── supply-mode.use-cases.contract.ts
│ └── supply-mode.use-cases.impl.ts
├── di/ # Dependency injection
│ ├── repositories/ # Repository providers
│ │ ├── node.repository.provider.ts
│ │ ├── order-type.repository.provider.ts
│ │ └── supply-mode.repository.provider.ts
│ └── use-cases/ # Use case providers
│ ├── node.use-cases.provider.ts
│ ├── order-type.use-cases.provider.ts
│ └── supply-mode.use-cases.provider.ts
└── entities/ # Domain entities
└── models/
├── node.model.ts
├── order-type.model.ts
└── supply-mode.model.ts
🔧 Template Customization
Templates live in templates/ and use Mustache syntax. Override them by passing your own directory with -t.
| Template | Generates |
|---|---|
model.mustache |
DTOs |
model-entity.mustache |
Domain entity models |
mapper.mustache |
DTO → Entity mappers |
api.repository.contract.mustache |
Repository contracts |
api.repository.impl.mustache |
Repository implementations |
api.use-cases.contract.mustache |
Use case contracts |
api.use-cases.impl.mustache |
Use case implementations |
repository.provider.mustache |
Repository DI providers |
use-cases.provider.mustache |
Use case DI providers |
Available Mustache variables
{{classname}} - Class name (e.g. "OrderType")
{{classVarName}} - camelCase name (e.g. "orderType")
{{classFilename}} - File name (e.g. "order-type")
{{constantName}} - UPPER_SNAKE_CASE constant (e.g. "ORDER_TYPE")
{{description}} - Schema description
{{httpMethod}} - HTTP method (get, post, put, delete…)
{{path}} - Endpoint path
{{nickname}} - Method name
{{allParams}} - All endpoint parameters
{{returnType}} - Return type
{{vars}} - Model variables
📊 Generation Report
After each run a generation-report.json file is created:
{
"timestamp": "2025-01-15T10:30:00.000Z",
"tags": 3,
"endpoints": 8,
"outputDirectory": "./src/app",
"structure": {
"dtos": 15,
"repositories": 9,
"mappers": 3,
"useCases": 6
}
}
🎯 Angular Integration Example
1. Generate code
generate-clean-arch -i ./docs/api.yaml -o ./src/app
2. Register providers
In your app.config.ts (Angular 17+ standalone):
import { ApplicationConfig } from '@angular/core';
import { NodeRepositoryProvider } from './di/repositories/node.repository.provider';
import { NodeUseCasesProvider } from './di/use-cases/node.use-cases.provider';
export const appConfig: ApplicationConfig = {
providers: [
NodeRepositoryProvider,
NodeUseCasesProvider,
// ... rest of generated providers
]
};
3. Use in components
import { Component, inject } from '@angular/core';
import { NODE_USE_CASES } from './domain/use-cases/node/node.use-cases.contract';
@Component({
selector: 'app-nodes',
template: `...`
})
export class NodesComponent {
readonly #nodeUseCases = inject(NODE_USE_CASES);
loadNodes(): void {
this.#nodeUseCases.getNodes().subscribe((nodes) => {
console.log(nodes);
});
}
}
🐛 Troubleshooting
openapi-generator-cli not found
bun run setup
# or manually:
bun add -g @openapitools/openapi-generator-cli
swagger.yaml file not found
Specify the correct path with -i:
generate-clean-arch -i ./path/to/your/api.yaml
Path aliases @/ not resolving
Configure the aliases in your Angular project's tsconfig.json:
{
"compilerOptions": {
"paths": {
"@/*": ["src/app/*"]
}
}
}
Templates not generating expected code
- Make sure your templates are in
./templates/or pass the path with-t - Check the Mustache syntax
- Use
--dry-runto simulate without writing files
📝 Notes
- The generator produces ready-to-use
.tsfiles, it does not compile them - Providers must be registered manually in your Angular module or config
- Requires Angular 17+ (uses the
inject()function) - Compatible with both standalone and module-based projects
🤝 Contributing
Found a bug or have an improvement? Open an issue or PR in the repository.
📄 License
MIT