CorncrakeCI Frontend

Frontend for CorncrakeCI, 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 CorncrakeCI checkout

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

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

cd frontend && ln -s ../../corncrakeci/server/spec spec

Setup

pnpm install

Running the dev server

It is assumed that the CorncrakeCI 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.