delete back and frontend

add schafkopf os
add build firmware action
This commit is contained in:
2025-10-10 21:51:17 +02:00
parent 0a376487df
commit 7493368043
51 changed files with 220 additions and 13993 deletions

View File

@@ -1,66 +0,0 @@
name: Build and Push Docker Image
on:
workflow_dispatch:
push:
branches:
- main
env:
REGISTRY: ghcr.io
IMAGE_NAME: ${{ github.repository }}/app
jobs:
build-and-push:
runs-on: [self-hosted]
permissions:
contents: read
packages: write
steps:
- name: Checkout code
uses: actions/checkout@v4
- name: Set up QEMU
uses: docker/setup-qemu-action@v3
- name: Set up Buildx
uses: docker/setup-buildx-action@v3
- name: Log in to GitHub Container Registry
uses: docker/login-action@v3
with:
registry: ${{ env.REGISTRY }}
username: ${{ github.actor }}
password: ${{ secrets.GITHUB_TOKEN }}
- name: Extract metadata (tags, labels)
id: meta
uses: docker/metadata-action@v5
with:
images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
tags: |
type=raw,value=latest,enable={{is_default_branch}}
type=sha,format=short
type=ref,event=branch
- name: Build and push Docker image (multi-arch)
uses: docker/build-push-action@v6
with:
context: .
file: ./Dockerfile
push: true
platforms: linux/amd64,linux/arm64
tags: ${{ steps.meta.outputs.tags }}
labels: ${{ steps.meta.outputs.labels }}
build-args: |
NODE_VERSION=20-bookworm-slim
cache-from: type=gha
cache-to: type=gha,mode=max
- name: Notify updater (GET, bearer)
if: ${{ success() && github.ref == 'refs/heads/main' }}
env:
WEBHOOK_TOKEN: ${{ secrets.WEBHOOK_TOKEN }}
run: |
curl -fsS --retry 5 -H "Authorization: Bearer ${WEBHOOK_TOKEN}" http://10.0.3.185:8080/v1/update

100
.github/workflows/build-firmware.yml vendored Normal file
View File

@@ -0,0 +1,100 @@
name: Build Firmware
on:
push:
jobs:
build:
runs-on: ubuntu-latest
permissions:
contents: write
env:
BRANCH_RAW: ${{ github.ref_name }}
defaults:
run:
working-directory: ./pico
steps:
- uses: actions/checkout@v5
- uses: actions/cache@v4
with:
path: |
~/.cache/pip
~/.platformio/.cache
key: ${{ runner.os }}-pio
- uses: actions/setup-python@v5
with:
python-version: '3.11'
- name: Install PlatformIO Core
run: pip install --upgrade platformio
- name: Build PlatformIO Project
run: pio run
- name: Compute branch slug & tag
id: meta
run: |
set -euo pipefail
slug="$BRANCH_RAW"
# Replace anything not [A-Za-z0-9._-] with '-'
slug="${slug//[^A-Za-z0-9._-]/-}"
# Trim to 60 chars (tags can be long, but keep it tidy)
slug="${slug:0:60}"
# Avoid trailing dots or dashes
slug="${slug%-}"
slug="${slug%.}"
echo "slug=$slug" >> "$GITHUB_OUTPUT"
echo "tag=nightly-$slug" >> "$GITHUB_OUTPUT"
- name: Ensure rolling prerelease exists (create if missing)
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: |
set -euo pipefail
TAG="${{ steps.meta.outputs.tag }}"
if gh release view "$TAG" >/dev/null 2>&1; then
echo "Release $TAG exists — make sure tag points to this commit"
git config user.email "actions@github.com"
git config user.name "GitHub Actions"
git fetch --tags --force
git tag -f "$TAG" "$GITHUB_SHA"
git push --force origin "refs/tags/$TAG"
# Make sure it remains a prerelease
gh release edit "$TAG" --prerelease --title "Nightly ($BRANCH_RAW)"
else
gh release create "$TAG" \
--title "Nightly ($BRANCH_RAW)" \
--notes "Latest successful build of branch: $BRANCH_RAW" \
--prerelease
fi
- name: Attach/overwrite assets
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: |
set -euo pipefail
TAG="${{ steps.meta.outputs.tag }}"
# Optional: write a tiny manifest for fast comparisons on the device
mkdir -p .nightly
cat > .nightly/manifest.json <<EOF
{
"branch": "${BRANCH_RAW}",
"tag": "${TAG}",
"commit": "${GITHUB_SHA}",
"built_at": "$(date -u +%Y-%m-%dT%H:%M:%SZ)"
}
EOF
# Upload and overwrite ( --clobber ) to keep filenames stable
gh release upload "$TAG" \
.pio/build/pico/firmware.uf2 \
.nightly/manifest.json \
--clobber

56
backend/.gitignore vendored
View File

@@ -1,56 +0,0 @@
# compiled output
/dist
/node_modules
/build
# Logs
logs
*.log
npm-debug.log*
pnpm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
# OS
.DS_Store
# Tests
/coverage
/.nyc_output
# IDEs and editors
/.idea
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace
# IDE - VSCode
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local
# temp directory
.temp
.tmp
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

View File

@@ -1,4 +0,0 @@
{
"singleQuote": true,
"trailingComma": "all"
}

View File

@@ -1,98 +0,0 @@
<p align="center">
<a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
</p>
[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
[circleci-url]: https://circleci.com/gh/nestjs/nest
<p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
<p align="center">
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/common.svg" alt="NPM Downloads" /></a>
<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
<a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg" alt="Donate us"/></a>
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
<a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow" alt="Follow us on Twitter"></a>
</p>
<!--[![Backers on Open Collective](https://opencollective.com/nest/backers/badge.svg)](https://opencollective.com/nest#backer)
[![Sponsors on Open Collective](https://opencollective.com/nest/sponsors/badge.svg)](https://opencollective.com/nest#sponsor)-->
## Description
[Nest](https://github.com/nestjs/nest) framework TypeScript starter repository.
## Project setup
```bash
$ npm install
```
## Compile and run the project
```bash
# development
$ npm run start
# watch mode
$ npm run start:dev
# production mode
$ npm run start:prod
```
## Run tests
```bash
# unit tests
$ npm run test
# e2e tests
$ npm run test:e2e
# test coverage
$ npm run test:cov
```
## Deployment
When you're ready to deploy your NestJS application to production, there are some key steps you can take to ensure it runs as efficiently as possible. Check out the [deployment documentation](https://docs.nestjs.com/deployment) for more information.
If you are looking for a cloud-based platform to deploy your NestJS application, check out [Mau](https://mau.nestjs.com), our official platform for deploying NestJS applications on AWS. Mau makes deployment straightforward and fast, requiring just a few simple steps:
```bash
$ npm install -g @nestjs/mau
$ mau deploy
```
With Mau, you can deploy your application in just a few clicks, allowing you to focus on building features rather than managing infrastructure.
## Resources
Check out a few resources that may come in handy when working with NestJS:
- Visit the [NestJS Documentation](https://docs.nestjs.com) to learn more about the framework.
- For questions and support, please visit our [Discord channel](https://discord.gg/G7Qnnhy).
- To dive deeper and get more hands-on experience, check out our official video [courses](https://courses.nestjs.com/).
- Deploy your application to AWS with the help of [NestJS Mau](https://mau.nestjs.com) in just a few clicks.
- Visualize your application graph and interact with the NestJS application in real-time using [NestJS Devtools](https://devtools.nestjs.com).
- Need help with your project (part-time to full-time)? Check out our official [enterprise support](https://enterprise.nestjs.com).
- To stay in the loop and get updates, follow us on [X](https://x.com/nestframework) and [LinkedIn](https://linkedin.com/company/nestjs).
- Looking for a job, or have a job to offer? Check out our official [Jobs board](https://jobs.nestjs.com).
## Support
Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
## Stay in touch
- Author - [Kamil Myśliwiec](https://twitter.com/kammysliwiec)
- Website - [https://nestjs.com](https://nestjs.com/)
- Twitter - [@nestframework](https://twitter.com/nestframework)
## License
Nest is [MIT licensed](https://github.com/nestjs/nest/blob/master/LICENSE).

View File

@@ -1,34 +0,0 @@
// @ts-check
import eslint from '@eslint/js';
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
import globals from 'globals';
import tseslint from 'typescript-eslint';
export default tseslint.config(
{
ignores: ['eslint.config.mjs'],
},
eslint.configs.recommended,
...tseslint.configs.recommendedTypeChecked,
eslintPluginPrettierRecommended,
{
languageOptions: {
globals: {
...globals.node,
...globals.jest,
},
sourceType: 'commonjs',
parserOptions: {
projectService: true,
tsconfigRootDir: import.meta.dirname,
},
},
},
{
rules: {
'@typescript-eslint/no-explicit-any': 'off',
'@typescript-eslint/no-floating-promises': 'warn',
'@typescript-eslint/no-unsafe-argument': 'warn'
},
},
);

View File

@@ -1,8 +0,0 @@
{
"$schema": "https://json.schemastore.org/nest-cli",
"collection": "@nestjs/schematics",
"sourceRoot": "src",
"compilerOptions": {
"deleteOutDir": true
}
}

10549
backend/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -1,73 +0,0 @@
{
"name": "backend",
"version": "0.0.1",
"description": "",
"author": "",
"private": true,
"license": "UNLICENSED",
"scripts": {
"build": "nest build",
"format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
"start": "nest start",
"start:dev": "nest start --watch",
"start:debug": "nest start --debug --watch",
"start:prod": "node dist/main",
"lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
"test": "jest",
"test:watch": "jest --watch",
"test:cov": "jest --coverage",
"test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
"test:e2e": "jest --config ./test/jest-e2e.json"
},
"dependencies": {
"@nestjs/common": "^11.0.1",
"@nestjs/core": "^11.0.1",
"@nestjs/platform-express": "^11.0.1",
"reflect-metadata": "^0.2.2",
"serialport": "^10.5.0",
"@serialport/parser-readline": "^2.0.0",
"rxjs": "^7.8.1"
},
"devDependencies": {
"@eslint/eslintrc": "^3.2.0",
"@eslint/js": "^9.18.0",
"@nestjs/cli": "^11.0.0",
"@nestjs/schematics": "^11.0.0",
"@nestjs/testing": "^11.0.1",
"@types/express": "^5.0.0",
"@types/jest": "^30.0.0",
"@types/node": "^22.10.7",
"@types/supertest": "^6.0.2",
"eslint": "^9.18.0",
"eslint-config-prettier": "^10.0.1",
"eslint-plugin-prettier": "^5.2.2",
"globals": "^16.0.0",
"jest": "^30.0.0",
"prettier": "^3.4.2",
"source-map-support": "^0.5.21",
"supertest": "^7.0.0",
"ts-jest": "^29.2.5",
"ts-loader": "^9.5.2",
"ts-node": "^10.9.2",
"tsconfig-paths": "^4.2.0",
"typescript": "^5.7.3",
"typescript-eslint": "^8.20.0"
},
"jest": {
"moduleFileExtensions": [
"js",
"json",
"ts"
],
"rootDir": "src",
"testRegex": ".*\\.spec\\.ts$",
"transform": {
"^.+\\.(t|j)s$": "ts-jest"
},
"collectCoverageFrom": [
"**/*.(t|j)s"
],
"coverageDirectory": "../coverage",
"testEnvironment": "node"
}
}

View File

@@ -1,22 +0,0 @@
import { Test, TestingModule } from '@nestjs/testing';
import { AppController } from './app.controller';
import { AppService } from './app.service';
describe('AppController', () => {
let appController: AppController;
beforeEach(async () => {
const app: TestingModule = await Test.createTestingModule({
controllers: [AppController],
providers: [AppService],
}).compile();
appController = app.get<AppController>(AppController);
});
describe('root', () => {
it('should return "Hello World!"', () => {
expect(appController.getHello()).toBe('Hello World!');
});
});
});

View File

@@ -1,12 +0,0 @@
import { Controller, Get } from '@nestjs/common';
import { AppService } from './app.service';
@Controller()
export class AppController {
constructor(private readonly appService: AppService) {}
@Get()
getHello(): string {
return this.appService.getHello();
}
}

View File

@@ -1,11 +0,0 @@
import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
import { AppService } from './app.service';
import { SerialModule } from './serial/serial.module';
@Module({
imports: [SerialModule],
controllers: [AppController],
providers: [AppService],
})
export class AppModule {}

View File

@@ -1,8 +0,0 @@
import { Injectable } from '@nestjs/common';
@Injectable()
export class AppService {
getHello(): string {
return 'Hello World!';
}
}

View File

@@ -1,29 +0,0 @@
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';
import { NestExpressApplication } from '@nestjs/platform-express';
import { join } from 'path';
async function bootstrap() {
const app = await NestFactory.create<NestExpressApplication>(AppModule, {
bufferLogs: true,
});
// Serve static frontend (built assets copied to /app/public in container)
const publicDir = join(process.cwd(), 'public');
app.useStaticAssets(publicDir);
// Basic health endpoint
app.getHttpAdapter().get('/healthz', (_req: any, res: any) => {
res.json({ ok: true, ts: Date.now() });
});
const port = Number(process.env.PORT || 3000);
await app.listen(port);
// eslint-disable-next-line no-console
console.log(`[bootstrap] Listening on :${port}`);
}
bootstrap().catch((e) => {
// eslint-disable-next-line no-console
console.error('Fatal bootstrap error', e);
process.exit(1);
});

View File

@@ -1,89 +0,0 @@
import { Controller, Get, Post, Body, Res, Req } from '@nestjs/common';
import type { Response, Request } from 'express';
import { SerialService } from './serial.service';
@Controller('serial')
export class SerialController {
constructor(private readonly serial: SerialService) {}
@Get('ports')
async ports() {
console.log('[SerialController] GET /serial/ports');
const p = await this.serial.listPorts();
console.log('[SerialController] ports ->', p);
return p;
}
@Post('open')
async open(@Body() body: { path: string; baud?: number }) {
console.log('[SerialController] POST /serial/open', body);
try {
this.serial.open(body.path, body.baud ?? 115200);
return { ok: true };
} catch (e: any) {
console.error('[SerialController] open error', e);
return { ok: false, error: String(e) };
}
}
@Post('close')
async close() {
console.log('[SerialController] POST /serial/close');
this.serial.close();
return { ok: true };
}
@Post('send')
async send(@Body() body: { payload: string }) {
console.log('[SerialController] POST /serial/send', body.payload);
try {
this.serial.send(body.payload);
return { ok: true };
} catch (e: any) {
console.error('[SerialController] send error', e);
return { ok: false, error: String(e) };
}
}
@Get('status')
status() {
return this.serial.status();
}
@Get('stream')
stream(@Req() req: Request, @Res() res: Response) {
// SSE stream
res.set({
'Content-Type': 'text/event-stream',
'Cache-Control': 'no-cache',
Connection: 'keep-alive',
});
res.flushHeaders?.();
const sendEvent = (event: string, data: any) => {
res.write(`event: ${event}\n`);
res.write(`data: ${JSON.stringify(data)}\n\n`);
};
const offData = this.serial.on('data', (line) => sendEvent('data', line));
const offOpen = this.serial.on('open', () => sendEvent('open', ''));
const offClose = this.serial.on('close', () => sendEvent('close', ''));
const offErr = this.serial.on('error', (err) => sendEvent('error', String(err)));
console.log('[SerialController] SSE client connected');
// send a ping every 20s to keep connection alive
const ping = setInterval(() => res.write(': ping\n\n'), 20000);
req.on('close', () => {
console.log('[SerialController] SSE client disconnected');
clearInterval(ping);
offData();
offOpen();
offClose();
offErr();
});
return res;
}
}

View File

@@ -1,10 +0,0 @@
import { Module } from '@nestjs/common';
import { SerialService } from './serial.service';
import { SerialController } from './serial.controller';
@Module({
providers: [SerialService],
controllers: [SerialController],
exports: [SerialService],
})
export class SerialModule {}

View File

@@ -1,206 +0,0 @@
import { Injectable, OnModuleDestroy, OnModuleInit } from '@nestjs/common';
import { EventEmitter } from 'events';
// serialport has ESM/CJS shape differences and limited typings; require at runtime and keep as any
const SP: any = require('serialport');
const ReadlineParserModule: any = require('@serialport/parser-readline');
// normalize constructor and parser
const SerialCtor: any = SP?.SerialPort ?? SP;
const ParserCtor: any = ReadlineParserModule?.ReadlineParser ?? ReadlineParserModule;
type PortInfo = {
path: string;
manufacturer?: string;
serialNumber?: string;
pnpId?: string;
locationId?: string;
productId?: string;
vendorId?: string;
};
@Injectable()
export class SerialService implements OnModuleDestroy, OnModuleInit {
private emitter = new EventEmitter();
private port: any = null;
private parser: any = null;
private verbose = true; // internal debug; does not change emitted payload format
constructor() {
// Wrap emitter.emit to log every emitted event centrally
const origEmit = this.emitter.emit.bind(this.emitter);
this.emitter.emit = (event: string, ...args: any[]) => {
if (this.verbose) {
try {
const printable = args.map(a => typeof a === 'object' ? JSON.stringify(a) : String(a));
console.log('[SerialService][EVENT]', event, printable.join(' '));
} catch {
console.log('[SerialService][EVENT]', event, args.length, 'arg(s)');
}
}
return origEmit(event, ...args);
};
}
async listPorts(): Promise<PortInfo[]> {
console.log('[SerialService] listPorts()');
let ports: any[] = [];
try {
if (typeof SP.list === 'function') {
ports = await SP.list();
} else {
// try the separate list package
try {
const listMod: any = require('@serialport/list');
if (typeof listMod.list === 'function') ports = await listMod.list();
else if (typeof listMod === 'function') ports = await listMod();
} catch (e) {
// fallback: empty list
ports = [];
}
}
} catch (e) {
console.error('[SerialService] listPorts error', e);
ports = [];
}
console.log('[SerialService] listPorts ->', ports);
return ports.map((p: any) => ({
path: p.path || p.comName,
manufacturer: p.manufacturer,
serialNumber: p.serialNumber,
pnpId: p.pnpId,
locationId: p.locationId,
productId: p.productId,
vendorId: p.vendorId,
}));
}
open(path: string, baudRate = 115200) {
this.close();
console.log('[SerialService] opening port', path, 'baud', baudRate);
this.port = new SerialCtor({ path, baudRate, autoOpen: false } as any);
this.parser = this.port.pipe(new ParserCtor({ delimiter: '\n' }));
this.port.on('open', () => {
console.log('[SerialService] port open', path);
this.emitter.emit('open');
});
this.port.on('error', (err: any) => {
console.error('[SerialService] port error', err);
this.emitter.emit('error', err?.message ?? String(err));
});
this.port.on('close', () => { this.emitter.emit('close'); });
this.parser.on('data', (line: string) => {
const clean = line.replace(/[\r\n]+$/, '');
if (this.verbose) console.log('[SerialService] RX:', clean);
this.emitter.emit('data', clean);
});
// open the port
try {
this.port.open((err: any) => {
if (err) {
console.error('[SerialService] open callback error', err);
this.emitter.emit('error', err?.message ?? String(err));
} else {
console.log('[SerialService] open callback success');
}
});
} catch (e: any) {
console.error('[SerialService] open exception', e);
this.emitter.emit('error', e?.message ?? String(e));
}
}
close() {
if (this.parser) {
this.parser.removeAllListeners();
this.parser = null;
}
if (this.port) {
try {
console.log('[SerialService] closing port', this.port?.path ?? '(unknown)');
this.port.close();
} catch (e) {
console.error('[SerialService] close error', e);
}
this.port = null;
}
this.emitter.emit('close');
}
send(line: string) {
if (!this.port || !(this.port.writable || this.port.isOpen)) {
console.warn('[SerialService] send called but port not open');
throw new Error('Port not open');
}
// write and flush
console.log('[SerialService] TX:', line);
this.port.write(line + '\n', (err: any) => {
if (err) console.error('[SerialService] write error', err);
else console.log('[SerialService] write success');
});
}
status() {
const s = {
open: !!(this.port && (this.port.isOpen || this.port.writable)),
path: this.port?.path ?? null,
};
console.log('[SerialService] status ->', s);
return s;
}
on(event: 'data' | 'open' | 'close' | 'error', cb: (...args: any[]) => void) {
this.emitter.on(event, cb);
return () => this.emitter.off(event, cb);
}
// Allow subscription to extended events (disconnect, drain, etc.)
onAny(event: string, cb: (...args: any[]) => void) {
this.emitter.on(event, cb);
return () => this.emitter.off(event, cb);
}
onModuleDestroy() {
this.close();
}
async onModuleInit() {
// Priority: explicit env vars > auto-detect
const explicit = process.env.SERIAL_PORT || process.env.PICO_SERIAL_PORT;
const baud = Number(process.env.SERIAL_BAUD || process.env.PICO_BAUD || 115200);
if (explicit) {
try {
console.log('[SerialService] AUTO opening explicit port', explicit, 'baud=', baud);
this.open(explicit, baud);
return;
} catch (e: any) {
console.warn('[SerialService] explicit open failed', e?.message ?? e);
}
}
// Attempt auto-detect of Pico (USB first, then common UART paths)
try {
const ports = await this.listPorts();
// Prefer vendorId 2e8a (Pico)
let candidate = ports.find(p => (p.vendorId || '').toLowerCase() === '2e8a');
if (!candidate) {
const common = ['/dev/serial0', '/dev/ttyACM0', '/dev/ttyAMA0'];
candidate = ports.find(p => p.path && common.includes(p.path));
}
// Windows fallback: highest numbered COM port
if (!candidate) {
const winCom = ports
.filter(p => /^COM\d+$/i.test(p.path))
.sort((a, b) => Number(b.path.replace(/\D/g, '')) - Number(a.path.replace(/\D/g, '')))[0];
if (winCom) candidate = winCom;
}
if (candidate && candidate.path) {
console.log('[SerialService] AUTO opening detected port', candidate.path);
this.open(candidate.path, baud);
} else {
console.log('[SerialService] No serial port auto-detected (will remain idle)');
}
} catch (e: any) {
console.warn('[SerialService] auto-detect failed', e?.message ?? e);
}
}
}

View File

@@ -1,25 +0,0 @@
import { Test, TestingModule } from '@nestjs/testing';
import { INestApplication } from '@nestjs/common';
import * as request from 'supertest';
import { App } from 'supertest/types';
import { AppModule } from './../src/app.module';
describe('AppController (e2e)', () => {
let app: INestApplication<App>;
beforeEach(async () => {
const moduleFixture: TestingModule = await Test.createTestingModule({
imports: [AppModule],
}).compile();
app = moduleFixture.createNestApplication();
await app.init();
});
it('/ (GET)', () => {
return request(app.getHttpServer())
.get('/')
.expect(200)
.expect('Hello World!');
});
});

View File

@@ -1,9 +0,0 @@
{
"moduleFileExtensions": ["js", "json", "ts"],
"rootDir": ".",
"testEnvironment": "node",
"testRegex": ".e2e-spec.ts$",
"transform": {
"^.+\\.(t|j)s$": "ts-jest"
}
}

View File

@@ -1,4 +0,0 @@
{
"extends": "./tsconfig.json",
"exclude": ["node_modules", "test", "dist", "**/*spec.ts"]
}

View File

@@ -1,25 +0,0 @@
{
"compilerOptions": {
"module": "nodenext",
"moduleResolution": "nodenext",
"resolvePackageJsonExports": true,
"esModuleInterop": true,
"isolatedModules": true,
"declaration": true,
"removeComments": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"allowSyntheticDefaultImports": true,
"target": "ES2023",
"sourceMap": true,
"outDir": "./dist",
"baseUrl": "./",
"incremental": true,
"skipLibCheck": true,
"strictNullChecks": true,
"forceConsistentCasingInFileNames": true,
"noImplicitAny": true,
"strictBindCallApply": true,
"noFallthroughCasesInSwitch": true
}
}

View File

@@ -1,10 +0,0 @@
node_modules
.svelte-kit
dist
build
coverage
npm-debug.log
.DS_Store
.git
/.gitignore
*.log

24
frontend/.gitignore vendored
View File

@@ -1,24 +0,0 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

View File

@@ -1,3 +0,0 @@
{
"recommendations": ["svelte.svelte-vscode"]
}

View File

@@ -1,48 +0,0 @@
######## Combined Frontend + Backend build (single Node runtime) ########
# This Dockerfile now builds BOTH the Svelte frontend and the NestJS backend
# and serves the compiled frontend through the backend (Express static).
########################
# 1) Frontend build #
########################
FROM node:20-bookworm-slim AS frontend-build
WORKDIR /frontend
COPY frontend/package*.json ./
RUN npm install --no-audit --no-fund
COPY frontend/ .
RUN npm run build
########################
# 2) Backend build #
########################
FROM node:20-bookworm-slim AS backend-build
WORKDIR /app
COPY backend/package*.json ./
RUN npm install --no-audit --no-fund
COPY backend/ .
# Copy compiled frontend into backend/public (served statically by Nest)
COPY --from=frontend-build /frontend/dist ./public
RUN npm run build
########################
# 3) Production image #
########################
FROM node:20-bookworm-slim AS runner
ENV NODE_ENV=production
WORKDIR /app
# Install only production deps (reuse original package.json)
COPY backend/package*.json ./
RUN npm install --omit=dev --no-audit --no-fund
# Copy backend dist + public assets
COPY --from=backend-build /app/dist ./dist
COPY --from=backend-build /app/public ./public
# Environment (override at runtime as needed)
ENV PORT=3000 \
SERIAL_BAUD=115200
EXPOSE 3000
CMD ["node", "dist/main.js"]

View File

@@ -1,47 +0,0 @@
# Svelte + TS + Vite
This template should help get you started developing with Svelte and TypeScript in Vite.
## Recommended IDE Setup
[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
## Need an official Svelte framework?
Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more.
## Technical considerations
**Why use this over SvelteKit?**
- It brings its own routing solution which might not be preferable for some users.
- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
**Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?**
Setting `compilerOptions.types` shuts out all other types not explicitly listed in the configuration. Using triple-slash references keeps the default TypeScript setting of accepting type information from the entire workspace, while also adding `svelte` and `vite/client` type information.
**Why include `.vscode/extensions.json`?**
Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project.
**Why enable `allowJs` in the TS template?**
While `allowJs: false` would indeed prevent the use of `.js` files in the project, it does not prevent the use of JavaScript syntax in `.svelte` files. In addition, it would force `checkJs: false`, bringing the worst of both worlds: not being able to guarantee the entire codebase is TypeScript, and also having worse typechecking for the existing JavaScript. In addition, there are valid use cases in which a mixed codebase may be relevant.
**Why is HMR not preserving my local component state?**
HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/rixo/svelte-hmr#svelte-hmr).
If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR.
```ts
// store.ts
// An extremely simple external store
import { writable } from 'svelte/store'
export default writable(0)
```

View File

@@ -1,19 +0,0 @@
services:
app:
build:
context: ..
dockerfile: Dockerfile
container_name: schafkop-app
restart: unless-stopped
environment:
- NODE_ENV=production
- PORT=3000
# Optionally set SERIAL_PORT or PICO_SERIAL_PORT for auto-open
# - SERIAL_PORT=/dev/serial0
# - SERIAL_BAUD=115200
ports:
- "80:3000"
# Uncomment and adjust one of the following for hardware access on a Pi:
# devices:
# - /dev/serial0:/dev/serial0
# - /dev/ttyACM0:/dev/ttyACM0

View File

@@ -1,13 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Schafkopf Bot — Play & Train</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

File diff suppressed because it is too large Load Diff

View File

@@ -1,24 +0,0 @@
{
"name": "frontend",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
},
"devDependencies": {
"@sveltejs/vite-plugin-svelte": "^6.1.1",
"@tsconfig/svelte": "^5.0.4",
"svelte": "^5.38.1",
"svelte-check": "^4.3.1",
"tailwindcss": "^4.1.12",
"typescript": "~5.8.3",
"vite": "^7.1.2"
},
"dependencies": {
"@tailwindcss/vite": "^4.1.12"
}
}

View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -1,229 +0,0 @@
<script lang="ts">
import { onMount, onDestroy } from 'svelte';
import { writable } from 'svelte/store';
import SendBox from './SendBox.svelte';
const ports = writable<Array<any>>([]);
const log = writable<string[]>([]);
const connected = writable(false);
const portOpen = writable(false);
let es: EventSource | null = null;
function addLog(line: string) {
// keep a fairly large history and prefix with an ISO timestamp
log.update((l) => [new Date().toISOString() + ' ' + line, ...l].slice(0, 2000));
}
async function list() {
console.log('[serial] list() called');
const res = await fetch('/serial/ports');
const data = await res.json();
console.log('[serial] list() ->', data);
ports.set(data);
}
async function openPort(path: string) {
console.log('[serial] openPort()', path);
const res = await fetch('/serial/open', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ path }) });
const j = await res.json().catch(() => null);
console.log('[serial] openPort result', j);
// log result and refresh status
if (j?.ok) addLog('PORT: open requested ' + path);
else addLog('PORT: open request failed - ' + (j?.error ?? 'unknown'));
setTimeout(getStatus, 300);
}
async function closePort() {
console.log('[serial] closePort()');
const res = await fetch('/serial/close', { method: 'POST' });
const j = await res.json().catch(() => null);
console.log('[serial] closePort result', j);
addLog('PORT: close requested');
}
async function sendLine(txt: string) {
console.log('[serial] sendLine()', txt);
const res = await fetch('/serial/send', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ payload: txt }) });
const j = await res.json().catch(() => null);
console.log('[serial] sendLine result', j);
if (!j?.ok) addLog('TX error: ' + (j?.error ?? 'unknown'));
}
async function getStatus() {
console.log('[serial] getStatus()');
try {
const res = await fetch('/serial/status');
const j = await res.json();
console.log('[serial] getStatus ->', j);
portOpen.set(!!j.open);
} catch (e) {
console.warn('[serial] getStatus failed', e);
portOpen.set(false);
}
}
function startStream() {
if (es) return;
console.log('[serial] startStream()');
es = new EventSource('/serial/stream');
// connection lifecycle events - also log them so the serial box shows open/close/errors
es.addEventListener('open', () => { console.log('[serial][SSE] open'); connected.set(true); addLog('[SSE] connected'); });
es.addEventListener('close', () => { console.log('[serial][SSE] close'); connected.set(false); addLog('[SSE] disconnected'); });
es.addEventListener('error', (e: any) => { console.warn('[serial][SSE] error', e); addLog('[SSE] error: ' + (e?.message ?? JSON.stringify(e))); });
// data events contain the actual lines emitted by the Pico; parse JSON payloads but fall back to raw
es.addEventListener('data', (ev: any) => {
console.log('[serial][SSE] data event', ev.data);
const raw = ev.data as string;
let line: string | undefined;
try {
const parsed = JSON.parse(raw);
if (parsed && typeof parsed === 'object' && 'line' in parsed) {
line = (parsed as any).line;
} else if (typeof parsed === 'string') {
line = parsed; // backend sent a plain JSON string
}
} catch {
// not JSON -> treat as plain text
}
if (!line) line = raw;
addLog('RX: ' + line);
});
}
function stopStream() {
console.log('[serial] stopStream()');
es?.close();
es = null;
connected.set(false);
}
let statusInterval: any;
// quick test command defaults
let stepVal: string = '4096';
let dirVal: string = '1';
let speedVal: string = '3000';
onMount(() => {
list();
startStream();
statusInterval = setInterval(getStatus, 1000);
getStatus();
});
onDestroy(() => {
stopStream();
clearInterval(statusInterval);
});
function sendStepCmd() {
const steps = Number(stepVal);
const dir = Number(dirVal) === 1 ? 1 : 0;
if (!Number.isFinite(steps) || steps <= 0) {
addLog('TX error: invalid STEP value: ' + stepVal);
return;
}
const line = `STEP ${steps} ${dir}`;
sendLine(line);
addLog('TX: ' + line);
}
function sendSpeedCmd() {
const d = Number(speedVal);
if (!Number.isFinite(d) || d <= 0) {
addLog('TX error: invalid SPEED value: ' + speedVal);
return;
}
const line = `SPEED ${d}`;
sendLine(line);
addLog('TX: ' + line);
}
</script>
<main class="min-h-screen bg-gradient-to-b from-bg to-surface text-gray-100 p-8">
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
<div class="container mx-auto">
<header class="flex items-center justify-between mb-6">
<div>
<h1 class="text-2xl font-semibold">Raspberry Pico</h1>
<p class="text-sm text-gray-400">Serial monitor & command tester</p>
</div>
<div class="flex items-center gap-3">
<span class="text-sm text-gray-300">SSE: {$connected ? 'connected' : 'disconnected'}</span>
<button class="px-3 py-1 bg-primary text-white rounded-md text-sm" on:click={startStream}>Start</button>
<button class="px-3 py-1 bg-gray-700 text-white rounded-md text-sm" on:click={stopStream}>Stop</button>
</div>
</header>
<div class="grid grid-cols-12 gap-6">
<aside class="col-span-4 bg-gray-900/60 p-4 rounded-lg border border-gray-800">
<section class="mb-4">
<h3 class="text-sm text-gray-300 font-medium">Available ports</h3>
<div class="flex items-center gap-2 mt-2">
<button class="px-2 py-1 text-sm bg-gray-700 rounded" on:click={list}>Refresh</button>
<button class="px-2 py-1 text-sm bg-red-600 rounded" on:click={closePort}>Close port</button>
</div>
<ul class="mt-3 space-y-2">
{#each $ports as p}
<li class="flex items-center justify-between bg-gray-800/40 p-2 rounded">
<code class="text-xs text-gray-200">{p.path}</code>
<button class="px-2 py-1 text-sm bg-primary rounded" on:click={() => openPort(p.path)}>Open</button>
</li>
{/each}
</ul>
</section>
<section class="mb-4">
<h3 class="text-sm text-gray-300 font-medium">Send</h3>
<div class="mt-2 flex items-center gap-2">
<div class="text-xs text-gray-300">Port: <span class="font-medium">{$portOpen ? 'open' : 'closed'}</span></div>
</div>
<div class="mt-2">
<SendBox disabled={!$portOpen} on:send={(e) => { sendLine(e.detail); addLog('TX: ' + e.detail); }} />
</div>
</section>
<section>
<h3 class="text-sm text-gray-300 font-medium">Quick commands</h3>
<div class="mt-2 space-y-2">
<div class="flex gap-2 items-center">
<input class="w-28 p-2 rounded bg-gray-800 text-sm" type="number" bind:value={stepVal} min="1" />
<select class="p-2 rounded bg-gray-800 text-sm" bind:value={dirVal}>
<option value="1">1 (forward)</option>
<option value="0">0 (reverse)</option>
</select>
<button class="px-3 py-1 bg-primary text-white rounded" on:click={sendStepCmd} disabled={!$portOpen}>Send STEP</button>
</div>
<div class="flex gap-2 items-center">
<input class="w-28 p-2 rounded bg-gray-800 text-sm" type="number" bind:value={speedVal} min="1" />
<button class="px-3 py-1 bg-primary text-white rounded" on:click={sendSpeedCmd} disabled={!$portOpen}>Send SPEED</button>
</div>
</div>
</section>
</aside>
<section class="col-span-8 bg-gray-900/60 p-4 rounded-lg border border-gray-800 flex flex-col">
<div class="flex items-center justify-between mb-3">
<h3 class="text-sm text-gray-300 font-medium">Live log</h3>
<div class="text-xs text-gray-400">Showing last {2000} lines</div>
</div>
<div class="flex-1 overflow-auto bg-[#0b0b0b] p-3 rounded text-sm font-mono text-gray-100">
{#each $log as l}
<div class="py-0.5"><code class="text-xs">{l}</code></div>
{/each}
</div>
</section>
</div>
</div>
</main>
<style>
main { padding: 1rem; font-family: system-ui, -apple-system, 'Segoe UI', Roboto; color:#111 }
h1 { margin-bottom:0.5rem }
section { margin-top:1rem; }
button { margin-left:0.5rem }
</style>

View File

@@ -1,18 +0,0 @@
<script lang="ts">
import { createEventDispatcher } from 'svelte';
export let placeholder = 'Type a line to send';
export let disabled: boolean = false;
const dispatch = createEventDispatcher();
let txt = '';
function doSend() {
if (!txt) return;
console.log('[SendBox] dispatch send', txt);
dispatch('send', txt);
txt = '';
}
</script>
<div class="mt-2 flex gap-2 items-center">
<input class="flex-1 p-2 rounded bg-gray-800 text-sm text-gray-100" bind:value={txt} placeholder={placeholder} on:keydown={(e) => e.key === 'Enter' && doSend()} disabled={disabled} />
<button class="px-3 py-1 bg-primary text-white rounded text-sm" on:click={doSend} disabled={disabled}>Send</button>
</div>

View File

@@ -1,44 +0,0 @@
:root {
--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
--bg: #0b0b0b;
--surface: #121212;
--text: #eaeaea;
--muted: #9aa3b2;
--accent: #7c6cff;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
margin: 0;
font-family: var(--font-family);
color: var(--text);
background: linear-gradient(180deg, var(--bg), var(--surface));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a { color: var(--accent); text-decoration: none; }
a:hover { opacity: 0.9; }
/* utility container used by App.svelte */
.container { max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
/* accessible focus styles */
:focus { outline: 3px solid rgba(124,108,255,0.18); outline-offset: 2px; }
@media (prefers-color-scheme: light) {
:root { --bg: #fafafa; --surface:#fff; --text:#111827; --muted:#556; }
}
/* small helpers that complement tailwind tokens */
.container { max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
:focus { outline: 3px solid rgba(124,108,255,0.18); outline-offset: 2px; }
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "tailwindcss";

View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="26.6" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 308"><path fill="#FF3E00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056a86.566 86.566 0 0 0 8.536 55.576a82.425 82.425 0 0 0-12.296 30.719a87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057a86.601 86.601 0 0 0-8.53-55.577a82.409 82.409 0 0 0 12.29-30.718a87.573 87.573 0 0 0-14.963-66.244"></path><path fill="#FFF" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85a49.978 49.978 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.067 16.067 0 0 0 2.89 10.656a17.143 17.143 0 0 0 18.397 6.828a15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977a15.923 15.923 0 0 0-2.713-12.011a17.156 17.156 0 0 0-18.404-6.832a15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849a49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85a50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.099 16.099 0 0 0-2.89-10.656a17.143 17.143 0 0 0-18.398-6.828a15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.156 17.156 0 0 0 18.404 6.832a15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848a49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398"></path></svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -1,96 +0,0 @@
<script lang="ts">
// Simple game starter UI that posts a start command to the backend.
import { writable } from 'svelte/store';
type Seat = 'North' | 'East' | 'South' | 'West';
let robotSeat: Seat = 'South';
let difficulty: 'easy' | 'medium' | 'hard' = 'medium';
let includeRobot = true;
let isStarting = false;
const logs = writable<string[]>([]);
function appendLog(line: string) {
logs.update((ls) => {
ls.push(line);
return ls.slice(-50);
});
}
async function startGame() {
isStarting = true;
appendLog(`Requesting new game (robotSeat=${robotSeat}, difficulty=${difficulty}, includeRobot=${includeRobot})`);
try {
const resp = await fetch('/api/game/start', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ robotSeat, difficulty, includeRobot }),
});
if (!resp.ok) {
const text = await resp.text();
throw new Error(text || resp.statusText);
}
const data = await resp.json();
appendLog('Game started: ' + JSON.stringify(data));
} catch (err) {
appendLog('Error starting game: ' + String(err));
} finally {
isStarting = false;
}
}
</script>
<section class="game-starter card">
<h4>Start a new physical game</h4>
<p class="muted">The robot will join as one of the four players and physically plays cards on the table.</p>
<div class="form-row">
<label>Robot seat</label>
<select bind:value={robotSeat} aria-label="Robot seat">
<option value="North">North</option>
<option value="East">East</option>
<option value="South">South</option>
<option value="West">West</option>
</select>
</div>
<div class="form-row">
<label>Difficulty</label>
<select bind:value={difficulty} aria-label="Difficulty">
<option value="easy">Easy</option>
<option value="medium">Medium</option>
<option value="hard">Hard</option>
</select>
</div>
<div class="form-row-inline">
<label><input type="checkbox" bind:checked={includeRobot} /> Include robot in this game</label>
</div>
<div class="actions">
<button class="btn primary" on:click={startGame} disabled={isStarting}> {isStarting ? 'Starting…' : 'Start game'} </button>
</div>
<div class="log">
<h5>Activity</h5>
<ul>
{#each $logs.slice().reverse() as line}
<li>{line}</li>
{/each}
</ul>
</div>
</section>
<style>
.game-starter { padding: 1rem; border-radius: 10px; }
.muted { color: var(--muted); margin-top: 0.25rem; }
.form-row { display:flex; flex-direction:column; gap:0.35rem; margin-top:0.8rem; }
.form-row-inline { margin-top:0.8rem; }
select { padding:0.5rem; border-radius:8px; background:transparent; color:inherit; border:1px solid rgba(255,255,255,0.04); }
.actions { margin-top:1rem; }
.log { margin-top:1rem; max-height:160px; overflow:auto; font-size:0.9rem; color:var(--muted); }
.log ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0.25rem; }
</style>

View File

@@ -1,9 +0,0 @@
import { mount } from 'svelte'
import './app.css'
import App from './App.svelte'
const app = mount(App, {
target: document.getElementById('app')!,
})
export default app

View File

@@ -1,2 +0,0 @@
/// <reference types="svelte" />
/// <reference types="vite/client" />

View File

@@ -1,8 +0,0 @@
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
/** @type {import("@sveltejs/vite-plugin-svelte").SvelteConfig} */
export default {
// Consult https://svelte.dev/docs#compile-time-svelte-preprocess
// for more information about preprocessors
preprocess: vitePreprocess(),
}

View File

@@ -1,20 +0,0 @@
{
"extends": "@tsconfig/svelte/tsconfig.json",
"compilerOptions": {
"target": "ES2022",
"useDefineForClassFields": true,
"module": "ESNext",
"resolveJsonModule": true,
/**
* Typecheck JS in `.svelte` and `.js` files by default.
* Disable checkJs if you'd like to use dynamic types in JS.
* Note that setting allowJs false does not prevent the use
* of JS in `.svelte` files.
*/
"allowJs": true,
"checkJs": true,
"isolatedModules": true,
"moduleDetection": "force"
},
"include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
}

View File

@@ -1,7 +0,0 @@
{
"files": [],
"references": [
{ "path": "./tsconfig.app.json" },
{ "path": "./tsconfig.node.json" }
]
}

View File

@@ -1,25 +0,0 @@
{
"compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
"target": "ES2023",
"lib": ["ES2023"],
"module": "ESNext",
"skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"verbatimModuleSyntax": true,
"moduleDetection": "force",
"noEmit": true,
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"erasableSyntaxOnly": true,
"noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true
},
"include": ["vite.config.ts"]
}

View File

@@ -1,21 +0,0 @@
import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import tailwindcss from '@tailwindcss/vite'
// https://vite.dev/config/
export default defineConfig({
plugins: [
svelte(),
tailwindcss(),
],
server: {
proxy: {
// forward serial API calls (including SSE) to backend running on :3000
'/serial': {
target: 'http://localhost:3000',
changeOrigin: true,
ws: false,
},
},
},
})

1
schafkopf-os/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
target/

7
schafkopf-os/Cargo.lock generated Normal file
View File

@@ -0,0 +1,7 @@
# This file is automatically @generated by Cargo.
# It is not intended for manual editing.
version = 4
[[package]]
name = "schafkopf-os"
version = "0.1.0"

4
schafkopf-os/Cargo.toml Normal file
View File

@@ -0,0 +1,4 @@
[package]
name = "schafkopf-os"
version = "0.1.0"
edition = "2024"

27
schafkopf-os/README.md Normal file
View File

@@ -0,0 +1,27 @@
# schafkopf-os — Test Frontend (Axum + Askama)
This crate serves a tiny test frontend using Axum + Askama and static assets.
## Run
```bash
cargo run --manifest-path schafkopf-os/Cargo.toml
```
Then open:
- http://127.0.0.1:3000 — server renders an Askama template
- Click "Ping API" to call `GET /api/ping`
Or test the API directly:
```bash
curl -s http://127.0.0.1:3000/api/ping | jq
```
## Structure
- `src/main.rs` — Axum server with routes `/` and `/api/ping`, and static files at `/static`
- `templates/index.html` — Askama template for the homepage
- `static/styles.css` — Minimal styling
- `static/app.js` — Browser script to call the ping API

3
schafkopf-os/src/main.rs Normal file
View File

@@ -0,0 +1,3 @@
fn main() {
println!("Hello, world!");
}

View File

@@ -0,0 +1,25 @@
const btn = document.getElementById('pingBtn');
const versionBtn = document.getElementById('versionBtn');
const out = document.getElementById('result');
btn?.addEventListener('click', async () => {
out.textContent = 'Requesting /api/ping…';
try {
const res = await fetch('/api/ping');
const json = await res.json();
out.textContent = JSON.stringify(json, null, 2);
} catch (err) {
out.textContent = 'Error: ' + (err?.message || String(err));
}
});
versionBtn?.addEventListener('click', async () => {
out.textContent = 'Requesting /api/version…';
try {
const res = await fetch('/api/version');
const json = await res.json();
out.textContent = JSON.stringify(json, null, 2);
} catch (err) {
out.textContent = 'Error: ' + (err?.message || String(err));
}
});

View File

@@ -0,0 +1,28 @@
/* Minimal styles for the test frontend */
:root {
color-scheme: light dark;
--bg: #0e1217;
--fg: #e9eef5;
--muted: #94a3b8;
--accent: #4f46e5;
--card: #111827;
--border: #1f2937;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
body { background: var(--bg); color: var(--fg); }
.container { max-width: 800px; margin: 3rem auto; padding: 0 1rem; }
h1 { font-size: 1.8rem; margin: 0 0 1rem; }
.lead { color: var(--muted); margin: 0 0 1rem; }
.version { color: var(--muted); font-size: 0.9rem; margin: 0 0 1.5rem; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; }
button { background: var(--accent); color: white; border: none; padding: 0.6rem 1rem; border-radius: 8px; cursor: pointer; margin-right: 0.5rem; }
button:hover { filter: brightness(1.1); }
pre { background: #0b0f14; border: 1px solid var(--border); padding: 0.75rem; border-radius: 8px; overflow: auto; }

View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ title }}</title>
<link rel="stylesheet" href="/static/styles.css" />
</head>
<body>
<main class="container">
<h1>{{ title }}</h1>
<p class="lead">{{ message }}</p>
<p class="version">Version: {{ version }}</p>
<section class="card">
<h2>API Test</h2>
<button id="pingBtn">Ping API</button>
<button id="versionBtn">Get Version</button>
<pre id="result">Waiting…</pre>
</section>
</main>
<script src="/static/app.js" type="module"></script>
</body>
</html>