Django TypeScript API Generator

A zero-dependency Django plugin that automatically generates TypeScript interfaces and documentation from your Django models.

Features

• Zero Dependencies: Uses only Django and Python standard libraries
• Type-Safe Interfaces: Generate TypeScript interfaces from Django models
• Comprehensive Documentation: Automatic JSDoc generation with field descriptions and validation rules
• Validation Constraints: Extracts min/max length, value constraints, regex patterns, and choices
• Highly Configurable: Customize through Django settings or command-line options
• Scalable Architecture: Built with design patterns for future extensibility

Installation

Add to your INSTALLED_APPS:

# settings.py
INSTALLED_APPS = [
    # ...
    'django_typescript_api',
]

Configure (optional):

# settings.py
DJANGO_TYPESCRIPT_API = {
    'OUTPUT_PATH': 'frontend/src/api/generated.ts',
    'INCLUDE_DOCS': True,
    'INCLUDE_VALIDATORS': True,
    'TYPE_MAPPINGS': {
        'DecimalField': 'string',  # Override default mapping
    }
}

Usage

# Generate TypeScript interfaces
python manage.py generate_ts_client

# Specific output file
python manage.py generate_ts_client --output frontend/src/api/models.ts

# Only specific apps
python manage.py generate_ts_client --apps blog users

# Skip documentation
python manage.py generate_ts_client --no-docs

# Skip validation constraints
python manage.py generate_ts_client --no-validators

# Verbose output with details
python manage.py generate_ts_client --verbose

# Dry run (preview without writing)
python manage.py generate_ts_client --dry-run

Example Output

// Generated by django-typescript-api
// DO NOT EDIT THIS FILE DIRECTLY

/**
 * Blog post
 * @interface Post
 */
export interface Post {
  /**
   * Post title
   * @minLength 5
   * @maxLength 200
   */
  title: string;
  
  /**
   * Publication status
   * @enum {'draft', 'published', 'archived'}
   */
  status: 'draft' | 'published' | 'archived';
  
  /**
   * When the post was created
   */
  created_at: string;
}

export interface User {
  // ... with similar documentation
}

Supported Field Types

• String fields: CharField, TextField, EmailField, SlugField, etc.
• Numeric fields: IntegerField, FloatField, DecimalField, etc.
• Boolean fields: BooleanField
• Date/time fields: DateField, DateTimeField, TimeField
• Relations: ForeignKey, OneToOneField, ManyToManyField
• Special fields: UUIDField, JSONField, FileField

Configuration Options

Roadmap

• Phase 2: API endpoint generation from DRF viewsets
• Phase 3: Query parameter typing and advanced features
• Phase 4: Performance optimizations and extensibility hooks

Contributing

This is currently in active development. The architecture is designed with scalability in mind using Builder, Visitor, and Strategy patterns.

License

MIT License – feel free to use and contribute!