Build configuration and binary optimization #11778

Parent Epic

Part of #11762 (Ink-based TUI Rewrite)

Objective

Configure the build system for the Ink-based TUI, optimize bundle size, and create distribution binary.

Tasks

Build Configuration

• Create/update src/cli/ink/index.tsx as entry point
• Update script/build-lite.ts for Ink build (or create new script)
• Configure TypeScript for JSX/TSX
• Ensure React JSX transform is configured
• Tree-shaking configuration for minimal bundle

Bundle Size Analysis

• Measure baseline bundle size (before Ink)
• Measure after adding Ink + React
• Identify large dependencies
• Consider dynamic imports for optional features

Binary Creation

• Verify bun build --compile works with Ink
• Test binary on clean system
• Measure final binary size (target: < 15MB)

Configuration

// tsconfig additions for JSX
{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "react"
  }
}

Build Script

// script/build-ink.ts
await Bun.build({
  entrypoints: ['./src/cli/ink/index.tsx'],
  outdir: './dist',
  target: 'bun',
  minify: true,
  // ...
})

Size Targets

Acceptance Criteria

• Build completes without errors
• Binary runs on target platforms
• Binary size < 15MB
• No runtime dependency issues
• Build time reasonable (< 30s)

Estimated Effort

1 day

Risk

Medium - Bun compile with React/Ink may have quirks

Dependencies

• Setup Ink dependencies and verify Bun compatibility #11763 (Setup Ink dependencies)
• All component implementation complete