MOLCI Frontend

Frontend for MOLCI, a CI service similar to GitHub Actions or Woodpecker CI.

This frontend is written with TypeScript and Solid (a lightweight library similar to React).

Development

Prerequisites

• Node.js
• pnpm

Link to the API file of a MOLCI checkout

In order for API generation to work, please link the MOLCI API TypeSpec file to api_v0.tsp from a checkout of the main MOLCI repository.

(You could download a copy one-off instead, but for development a symlink is recommended.)

cd frontend && ln -s ../../molci/server/api.tsp frontend/api_v0.tsp

Setup

pnpm install

Running the dev server

It is assumed that the MOLCI server is running on port 3000. Edit vite.config.ts and change the port in the proxy section if this is not the case.

pnpm dev

The app will be available at http://localhost:3080.

Building for production

pnpm build

The production build will be in the dist folder.

API Generation

The frontend uses TypeSpec codegen to generate TypeScript API client from the backend API spec.

pnpm generate

This generates the API client in src/generated/api/ from ../server/api.tsp.