Development

Building from Source

Building from Source

DevDock is built with Electron 28, React 18, TypeScript, and Vite (via electron-vite).

Prerequisites

  • Node.js v18 or later
  • npm v9 or later
  • Git

Development Setup

bash
# Clone the repository
git clone https://github.com/JUSTTNZ/DevDock.git
cd DevDock

# Install dependencies
npm install

# Start in development mode (with hot reload)
npm run dev

The development server starts with hot module replacement enabled. Changes to the renderer (React UI) will be reflected instantly. Changes to the main process require a restart.

Project Structure

DevDock/
├── src/
│   ├── main/          # Electron main process
│   ├── preload/       # Preload scripts
│   └── renderer/      # React application
│       ├── components/ # UI components
│       ├── pages/     # Page components
│       └── App.tsx    # Root component
├── electron.vite.config.ts
├── package.json
└── tsconfig.json

Building

bash
# Build for current platform
npm run build

# Package for specific platforms
npm run package:win    # Windows (.exe)
npm run package:mac    # macOS (.dmg)
npm run package:linux  # Linux (.AppImage, .deb)