chore(web): migrate away from nx, use pnpm workspaces instead

.github/workflows/frontend.yaml

@@ -37,7 +37,7 @@ jobs:
             - name: Install dependencies
               run: pnpm install
             - name: Build web app
-              run: npx nx run-many --target test
+              run: pnpm -w -r run test
 
     lint:
         runs-on: ubuntu-latest
@@ -55,7 +55,7 @@ jobs:
             - name: Install dependencies
               run: pnpm install
             - name: Build web app
-              run: npx oxlint
+              run: pnpm exec oxlint
 
     build:
         runs-on: ubuntu-latest
@@ -73,4 +73,4 @@ jobs:
             - name: Install dependencies
               run: pnpm install
             - name: Build web app
-              run: npx nx build web
+              run: pnpm --filter web run build

.github/workflows/push_on_master.yaml

@@ -88,7 +88,7 @@ jobs:
                   password: ${{ secrets.DOCKERHUB_REGISTRY_PASSWORD }}
 
             - name: Build Frontend
-              run: npx nx build web
+              run: pnpm --filter web run build
 
             - name: Build Frontend Image
               id: build-frontend-image

Makefile

@@ -2,6 +2,10 @@
 test:
 	uv run pytest tests --doctest-modules --cov=abrechnung
 
+.PHONY: dev-web
+dev-web:
+	pnpm --filter web run dev
+
 .PHONY: format
 format:
 	uv run ruff format
@@ -46,4 +50,4 @@ serve-docs:
 generate-openapi:
 	mkdir -p api
 	uv run abrechnung -c config.yaml show-openapi > api/openapi.json
-	npx nx run-many --target generate-openapi
+	pnpm -w -r run generate-openapi

apps/web/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "web",
+    "version": "0.0.0",
+    "private": true,
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview --port 4200",
+        "generate-openapi": "pnpm exec @rtk-query/codegen-openapi openapi-config.ts",
+        "prebuild": "cp -rf ../../assets/* public/assets/ && cp ../../assets/logo.png public/favicon.png"
+    }
+}

apps/web/tsconfig.app.json

@@ -2,7 +2,7 @@
     "extends": "./tsconfig.json",
     "compilerOptions": {
         "outDir": "../../dist/out-tsc",
-        "types": ["node", "@nx/react/typings/cssmodule.d.ts", "@nx/react/typings/image.d.ts", "vite/client"]
+        "types": ["node", "vite/client"]
     },
     "exclude": [
         "src/**/*.spec.ts",

apps/web/tsconfig.spec.json

@@ -2,15 +2,7 @@
     "extends": "./tsconfig.json",
     "compilerOptions": {
         "outDir": "../../dist/out-tsc",
-        "types": [
-            "vitest/globals",
-            "vitest/importMeta",
-            "vite/client",
-            "node",
-            "vitest",
-            "@nx/react/typings/cssmodule.d.ts",
-            "@nx/react/typings/image.d.ts"
-        ]
+        "types": ["vitest/globals", "vitest/importMeta", "vite/client", "node", "vitest"]
     },
     "include": [
         "vite.config.ts",

apps/web/vite.config.ts

@@ -2,8 +2,7 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import checker from "vite-plugin-checker";
-import { nxViteTsPaths } from "@nx/vite/plugins/nx-tsconfig-paths.plugin";
-import { nxCopyAssetsPlugin } from "@nx/vite/plugins/nx-copy-assets.plugin";
+import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig(() => ({
     root: __dirname,
@@ -21,16 +20,7 @@ export default defineConfig(() => ({
         port: 4200,
         host: "0.0.0.0",
     },
-    plugins: [
-        react(),
-        nxViteTsPaths(),
-        nxCopyAssetsPlugin(["*.md"]),
-        checker({ typescript: { tsconfigPath: "tsconfig.app.json" } }),
-    ],
-    // Uncomment this if you are using workers.
-    // worker: {
-    //  plugins: [ nxViteTsPaths() ],
-    // },
+    plugins: [react(), tsconfigPaths(), checker({ typescript: { tsconfigPath: "tsconfig.app.json" } })],
     build: {
         outDir: "../../dist/apps/web",
         emptyOutDir: true,

debian/build_virtualenv

@@ -64,7 +64,7 @@ interest dh-virtualenv-interpreter-update
 EOF
 
 export DESTDIR="debian/abrechnung"
-NODE_OPTIONS="--max_old_space_size=4096" CI=true && pnpm install --force --frozen-lockfile && npx nx build web
+NODE_OPTIONS="--max_old_space_size=4096" CI=true && pnpm install --force --frozen-lockfile && pnpm --filter web run build
 mkdir -p $DESTDIR/usr/share/
 mv dist/apps/web $DESTDIR/usr/share/abrechnung_web
 

docs/development/setup.md

@@ -117,7 +117,7 @@ Working on the frontend is quite easy, simply run
 
 ```shell
 pnpm install
-npx nx serve web
+make dev-web
 ```
 
 and you are good to go!

libs/api/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@abrechnung/api",
+    "version": "0.0.0",
+    "private": true,
+    "scripts": {
+        "generate-openapi": "sh -lc \"pnpm exec typed-openapi --schemas-only --runtime zod ../../api/openapi.json --output src/lib/generated/schema.ts && pnpm exec openapi-typescript-codegen --input ../../api/openapi.json --output src/lib/generated --useUnionTypes --name Client --useOptions && sed -i 's/z.record(/z.record(z.string(), /' src/lib/generated/schema.ts && sed -i 's/type: string/type: \"personal\"/' src/lib/generated/models/PersonalAccount.ts && sed -i 's/type: string/type: \"clearing\"/' src/lib/generated/models/ClearingAccount.ts && grep -rlZ eslint-disable src/lib/generated | xargs -0 sed -i 's/eslint-disable/oxlint-disable/' && echo \"/* oxlint-disable */\\n$(cat src/lib/generated/schema.ts)\" > src/lib/generated/schema.ts && echo \"/* tslint:disable */\\n$(cat src/lib/generated/schema.ts)\" > src/lib/generated/schema.ts && echo \"/* istanbul ignore file */\\n$(cat src/lib/generated/schema.ts)\" > src/lib/generated/schema.ts && pnpm exec oxfmt src/lib/generated\""
+    }
+}

libs/components/.babelrc

@@ -1,12 +1,4 @@
 {
-    "presets": [
-        [
-            "@nx/react/babel",
-            {
-                "runtime": "automatic",
-                "useBuiltIns": "usage"
-            }
-        ]
-    ],
+    "presets": [[]],
     "plugins": []
 }

libs/components/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "@abrechnung/components",
+    "version": "0.0.0",
+    "private": true,
+    "main": "src/index.ts",
+    "scripts": {}
+}

libs/components/tsconfig.lib.json

@@ -2,7 +2,7 @@
     "extends": "./tsconfig.json",
     "compilerOptions": {
         "outDir": "../../dist/out-tsc",
-        "types": ["node", "@nx/react/typings/cssmodule.d.ts", "@nx/react/typings/image.d.ts"]
+        "types": ["node"]
     },
     "exclude": ["vite.config.ts", "src/**/*.spec.ts", "src/**/*.spec.tsx"],
     "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]