---
title: Omniseal Dev
emoji: 🦀
colorFrom: red
colorTo: green
sdk: docker
pinned: false
short_description: POC development
---

Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

## Docker Build Instructions

### Prerequisites

- Docker installed on your system
- Git repository cloned locally

### Build Steps (conda)

1. Initialize conda environment

```bash
cd backend
conda env create -f environment.yml -y
```

2. Build frontend (outputs html, js, css into frontend/dist)

```bash
cd frontend
npm install
npm run build
```

3. Run backend server which serves built frontend files

```bash
gunicorn --chdir backend -b 0.0.0.0:7860 app:app --reload
```

4. Server will be running on `http://localhost:7860`

### Build Steps (Docker, huggingface)

1. Navigate to the project directory:

```bash
cd /path/to/omniseal_dev
```

2. Build the Docker image:

```bash
docker build -t omniseal-benchmark .
```

OR

```bash
docker buildx build -t omniseal-benchmark .
```

3. Run the container (this runs in auto-reload mode when you update python files in the backend directory). Note the -v argument make it so the backend could hot reload:

```bash
docker run -p 7860:7860 -v $(pwd)/backend:/app/backend omniseal-benchmark
```

4. Access the application at `http://localhost:7860`

### Local Development

When updating the backend, you can run it in whichever build steps above to take advantage of hot-reload so you don't have to restart the server.

For the frontend to take advantage of hot reload:

1. Create a `.env.local` file in the frontend directory. Set `VITE_API_SERVER_URL` to where your backend server is running. When running locally it will be `VITE_API_SERVER_URL=http://localhost:7860`. This overrides the configuration in `.env` so the frontend will connect with your backend URL of choice.

2. Run the development server with hot-reload:

```bash
cd frontend
npm install
npm run dev
```