Skip to content

v1.1.0 - Development Environment

Choose a tag to compare

@bekmuradov bekmuradov released this 12 Nov 09:24
· 4 commits to main since this release

What's New

Development Environment

  • DevStandalone.tsx: Complete development wrapper with mock services
    • Mock Theme, API, Settings, and PageContext services
    • Hot Module Replacement support
    • Theme toggle UI for testing
    • 9 sample collections for development
    • Development controls overlay

Development Tools

  • webpack.dev.js: Separate webpack configuration for dev mode

    • Runs on port 3034 (CORS-compatible with collections backend)
    • Hot reload enabled
    • Source maps for debugging
    • Fast compilation with transpileOnly mode
  • public/dev-index.html: Custom HTML template for dev mode

    • Loading indicator
    • Dark mode scrollbar styles
    • Development console messages

Developer Experience

  • New npm scripts: npm run dev and npm start
  • Standalone development without BrainDrive host
  • Instant feedback with hot reload
  • Full host simulation with realistic data
  • Easy theme testing (light/dark toggle)

Documentation

  • Updated README.md with DevStandalone architecture
  • Complete development workflow instructions
  • Mock services documentation

Commands

npm install      # Install dependencies
npm run dev      # Start dev server on http://localhost:3034
npm start        # Alias for npm run dev
npm run build    # Build for production

Full Changelog

  • Add DevStandalone.tsx for isolated development
  • Add webpack.dev.js for dev server configuration
  • Add dev-index.html for development UI
  • Update package.json with dev scripts
  • Update README.md with comprehensive dev docs
  • Configure port 3034 for collections backend CORS compatibility