An open API service indexing awesome lists of open source software.

https://github.com/path-yu/my-bun-tools

A lightweight engineering drawing management system built with Bun, Electrobun, and SQLite. Features real-time CAD synchronization, material code indexing, and precise coordinate-based drawing navigation.
https://github.com/path-yu/my-bun-tools

bun cad-management electrobun engineering-tools sqlite typescript

Last synced: 15 days ago
JSON representation

A lightweight engineering drawing management system built with Bun, Electrobun, and SQLite. Features real-time CAD synchronization, material code indexing, and precise coordinate-based drawing navigation.

Awesome Lists containing this project

README

          

# React + Tailwind + Vite Electrobun

A lightweight engineering drawing management system built with Bun, Electrobun, and SQLite. Features real-time CAD synchronization, material code indexing, and precise coordinate-based drawing navigation..

## Getting Started

```bash
# Install dependencies
bun install

# Development without HMR (uses bundled assets)
bun run dev

# Development with HMR (recommended)
bun run dev:hmr

# Build for production
bun run build

# Build for production release
bun run build:prod
```

## How HMR Works

When you run `bun run dev:hmr`:

1. **Vite dev server** starts on `http://localhost:5173` with HMR enabled
2. **Electrobun** starts and detects the running Vite server
3. The app loads from the Vite dev server instead of bundled assets
4. Changes to React components update instantly without full page reload

When you run `bun run dev` (without HMR):

1. Electrobun starts and loads from `views://mainview/index.html`
2. You need to rebuild (`bun run build`) to see changes

## Project Structure

```
├── src/
│ ├── bun/
│ │ └── index.ts # Main process (Electrobun/Bun)
│ └── mainview/
│ ├── App.tsx # React app component
│ ├── main.tsx # React entry point
│ ├── index.html # HTML template
│ └── index.css # Tailwind CSS
├── electrobun.config.ts # Electrobun configuration
├── vite.config.ts # Vite configuration
├── tailwind.config.js # Tailwind configuration
└── package.json
```

## Customizing

- **React components**: Edit files in `src/mainview/`
- **Tailwind theme**: Edit `tailwind.config.js`
- **Vite settings**: Edit `vite.config.ts`
- **Window settings**: Edit `src/bun/index.ts`
- **App metadata**: Edit `electrobun.config.ts`