Skip to content

Releases: razen-core/rynex

Rynex v0.1.40

21 Oct 06:20

Choose a tag to compare

feat: Add Tailwind CSS integration with opt-in architecture

Add comprehensive Tailwind CSS support to Rynex framework with a lightweight,
opt-in design that keeps the core framework minimal while providing seamless
integration for users who need utility-first CSS styling.

Features:

  • Add 'rynex add tailwind' CLI command for one-step setup
  • Integrate esbuild-plugin-tailwindcss for automatic CSS processing
  • Support latest Tailwind CSS v4.x with JIT compilation mode
  • Auto-detect Tailwind classes in component 'class' attributes
  • Interactive package manager selection (npm/pnpm/yarn/bun)
  • Automatic configuration file generation
  • CSS import injection in entry points and HTML files

Implementation Details:

  • Created src/cli/add-command.ts for integration management
  • Updated src/cli/builder.ts with conditional Tailwind plugin loading
  • Enhanced src/cli/prod-server.ts for consistency with dev-server
  • Added support for .mjs, .webp, and source map content types
  • Improved logging and error handling across servers

Architecture:

  • Opt-in design: Tailwind CSS not included by default
  • Lightweight core: Only esbuild-plugin-tailwindcss in framework dependencies
  • User dependencies: tailwindcss, postcss, autoprefixer installed on demand
  • Zero configuration: Works immediately after 'rynex add tailwind'

Documentation:

  • Added comprehensive guide at docs/TAILWIND_CSS.md
  • Updated README.md with Tailwind setup section
  • Fixed all code examples to match actual Rynex API syntax
  • Added real-world usage examples and troubleshooting guide
  • Updated docs/README.md with Tailwind CSS link

Performance:

  • JIT mode enables fast compilation (under 100ms)
  • Production builds automatically purge unused styles (10-30KB)
  • Hot reload support in development mode
  • Optimized bundle generation with source maps

Breaking Changes: None
Version: 0.1.40

Rynex v0.1.35

21 Oct 04:52

Choose a tag to compare

Release v0.1.35: Enhanced interactive init command with multiple templates

  • Added interactive CLI with colorful prompts for better UX
  • Implemented three project templates: empty, minimal, and routed
  • Created template system in src/cli/templates/ with TypeScript support
  • Added template selection with descriptions (empty/minimal/routed)
  • Implemented language selection (TypeScript ready, JavaScript coming soon)
  • Updated project-tree routed example with modern dark theme
  • Modernized all pages: home, about, blog with consistent design
  • Fixed blog navigation to use proper Link components
  • Added Header and Sidebar components with modern styling
  • Created comprehensive API documentation for 30 new functions
  • Updated tsconfig to exclude template directories from build
  • Enhanced init command with automatic README generation
  • Added next steps display after project creation
  • Framework now at 88% completion with 150+ function