wasm-tryout: replace todo app with FlagdSchemaAbstraction port (multi-file, DB-backed, WASM + REST)

.devcontainer/devcontainer.json

@@ -21,7 +21,9 @@
         "ms-playwright.playwright",
         "vitest.explorer",
         "dbaeumer.vscode-eslint",
-        "tamasfe.even-better-toml"
+        "ms-dotnettools.csdevkit",
+        "Angular.ng-template",
+        "ms-vscode-remote.remote-containers"
       ],
       "settings": {}
     }

.dockerignore

@@ -7,4 +7,11 @@ ui/dist
 ui/coverage
 ui/test-results
 ui/playwright-report
-**/*.log
+ui/public
+**/*.log
+
+# Generated / local build artifacts (produced inside the image instead)
+**/bin
+**/obj
+ui/OpenFeatureManager.Api.json
+ui/src/app/api-client

.github/workflows/checks.yml

@@ -1,4 +1,4 @@
-name: Rust Backend Checks
+name: Checks
 
 on:
   pull_request:
@@ -10,33 +10,6 @@ on:
   workflow_dispatch:
 
 jobs:
-  rust-backend:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v5
-
-      - name: Set up Rust
-        uses: dtolnay/rust-toolchain@stable
-        with:
-          toolchain: 1.93.0
-          components: rustfmt
-
-      - name: Cache Rust build artifacts
-        uses: Swatinem/rust-cache@v2
-
-      - name: Check formatting
-        run: cargo fmt --all --check
-
-      - name: Validate backend builds
-        run: cargo check --all-targets
-
-      - name: Run backend tests
-        run: cargo test --all-targets
-
   prettier:
     runs-on: ubuntu-latest
     permissions:

.gitignore

@@ -11,13 +11,16 @@ Cargo.lock
 .env
 .env.local
 
+bin
+obj
+
 public/*
 !public/.gitkeep
 
 flags/*
 !flags/demo.flagd.json
 
-ui/openapi.json
+ui/OpenFeatureManager.Api.json
 
 # Zensical build output
 site/
@@ -35,3 +38,8 @@ services/azurite/azurite-store/
 services/azurite/azurite-logs/
 services/azurite/certs/*
 !services/azurite/certs/.gitkeep
+
+# sqlite
+*.db
+*.db-shm
+*.db-wal

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "chat.tools.terminal.autoApprove": {
+    "dotnet build": true,
+    "dotnet publish": true
+  }
+}

Dockerfile

@@ -1,79 +1,107 @@
-FROM rust:1.93-bookworm AS backend-builder
+# ─── Backend build: .NET API (also emits the OpenAPI document to ui/) ─────────
+FROM mcr.microsoft.com/dotnet/sdk:10.0 AS backend-builder
 
 WORKDIR /app
 
-# Copy manifests and build script first (these rarely change)
-COPY Cargo.toml Cargo.lock* ./
+# ── Toolchain (kept before COPY src so source changes don't re-run these) ──
+# Bootsharp compiles the WASM project into an npm package at
+# src/OpenFeatureManager.Wasm/bin/bootsharp (consumed by the UI via a file:
+# dependency). browser-wasm publishing needs the wasm-tools workload; Debug
+# skips the heavy NativeAOT-LLVM path — the REST image never runs the wasm, it
+# only needs the generated bindings so the frontend compiles.
+RUN dotnet workload install wasm-tools
 
+# The browser-wasm native compile needs python (emscripten/emcc); Bootsharp's
+# post-build step bundles its JS with `npx rollup`, so node + rollup are needed too.
+RUN apt-get update \
+    && apt-get install -y --no-install-recommends python3 nodejs npm \
+    && ln -sf /usr/bin/python3 /usr/bin/python \
+    && npm install -g rollup \
+    && rm -rf /var/lib/apt/lists/*
 
-# Create dummy source and build directory
-RUN mkdir -p src ui && echo "fn main() {}" > src/main.rs
-
-# Build dependencies (this layer is cached and reused)
-RUN cargo build --release
+# ui/ must exist so the API's OpenApiGenerateDocumentsOnBuild target can emit
+# ui/openapi.json (see OpenFeatureManager.Api.csproj).
+RUN mkdir -p ui
 
-# Copy actual source code
-COPY build.rs ./
-COPY schema ./schema
 COPY src ./src
+COPY schema ./schema
+
+RUN dotnet publish src/OpenFeatureManager.Wasm/OpenFeatureManager.Wasm.csproj -c Debug
 
-# Build the final release (only user code is recompiled)
-RUN cargo build --release
+RUN dotnet publish src/OpenFeatureManager.Api/OpenFeatureManager.Api.csproj \
+    -c Release \
+    -o /app/publish
 
 
+# ─── OpenAPI document artifact (consumed by CI docker-image.yml) ──────────────
+# The API emits its document as OpenFeatureManager.Api.json (see the csproj and
+# scripts/setup-api-client.js); expose it as openapi.json for downstream tooling.
 FROM scratch AS artifacts
 
-COPY --from=backend-builder /app/ui/openapi.json /openapi.json
+COPY --from=backend-builder /app/ui/OpenFeatureManager.Api.json /openapi.json
 
 
-FROM openapitools/openapi-generator-cli:v7.19.0 AS api-client-generator
+# ─── Generate the typescript-angular API client from the OpenAPI document ─────
+FROM openapitools/openapi-generator-cli:v7.21.0 AS api-client-generator
 
 WORKDIR /local
 
-COPY ui/.openapi-generator-ignore /local/.openapi-generator-ignore
-COPY --from=backend-builder /app/ui/openapi.json /local/openapi.json
+COPY --from=backend-builder /app/ui/OpenFeatureManager.Api.json /local/openapi.json
 
 RUN openapi-generator-cli generate \
     -i /local/openapi.json \
     -g typescript-angular \
     -o /local/api-client
 
 
+# ─── Frontend build: Angular UI ───────────────────────────────────────────────
 FROM node:22-bookworm-slim AS frontend-builder
 
 WORKDIR /ui
 
+# schema/ is resolved as ../../schema by the schema-type generator.
 COPY schema /schema
+
+# The bootsharp package is a file: dependency at ../src/.../bin/bootsharp
+# relative to ui/; it must exist before npm ci links it into node_modules.
+COPY --from=backend-builder /app/src/OpenFeatureManager.Wasm/bin/bootsharp /src/OpenFeatureManager.Wasm/bin/bootsharp
+
 COPY ui/package*.json ./
 RUN npm ci --ignore-scripts
 
 COPY ui/ ./
 COPY --from=api-client-generator /local/api-client ./src/app/api-client
 
-RUN cp ./.openapi-generator-ignore ./src/app/api-client/.openapi-generator-ignore \
-    && npm run ng -- build --configuration production
+# REST backend, served same-origin by the API container.
+ENV FLAGD_UI_BACKEND_TYPE=rest
 
+# generate:api-client applies the post-generation patches to the client copied
+# from the generator stage (the OpenAPI spec is absent here, so it skips the
+# generation step itself). generate:schema-types and generate-environments are
+# the same scripts npm runs via postinstall/prebuild.
+RUN npm run generate:api-client \
+    && node scripts/generate-environments.js \
+    && npm run generate:schema-types \
+    && npm run ng -- build --configuration production
 
-FROM debian:bookworm-slim AS runtime
 
-RUN apt-get update \
-    && apt-get install -y --no-install-recommends ca-certificates \
-    && rm -rf /var/lib/apt/lists/* \
-    && adduser --system --group --no-create-home appuser
+# ─── Runtime: ASP.NET serving the API + built UI on one port ──────────────────
+FROM mcr.microsoft.com/dotnet/aspnet:10.0 AS runtime
 
 WORKDIR /app
 
-COPY --from=backend-builder /app/target/release/flagd-ui /usr/local/bin/flagd-ui
-COPY --from=frontend-builder /public ./public
+COPY --from=backend-builder /app/publish ./
+COPY --from=frontend-builder /public ./wwwroot
 COPY schema ./schema
 
-ENV SERVER_PORT=3000 \
-    STATIC_DIR=./public \
-    FLAGS_DIR=./flags \
-    FLAGD_SCHEMA_FILE=./schema/flagd-schema.json
+# SQLite database lives in a world-writable dir so the container can run as an
+# arbitrary (docker-compose provided) UID.
+RUN mkdir -p /app/data && chmod 777 /app/data
 
-EXPOSE 3000
+ENV ASPNETCORE_URLS=http://+:3000 \
+    ConnectionStrings__Flagd="Data Source=/app/data/flagd.db" \
+    FlagdSchemaFile=./schema/flagd-schema.json
 
-USER appuser
+EXPOSE 3000
 
-ENTRYPOINT ["/usr/local/bin/flagd-ui"]
+ENTRYPOINT ["dotnet", "OpenFeatureManager.Api.dll"]

README.md

@@ -19,3 +19,24 @@ This project provides a user-friendly web interface for the OpenFeature flagd se
 ## UI
 
 ![flagd-ui editing a flag](https://raw.githubusercontent.com/DanielHabenicht/flagd-ui/main/docs/assets/images/ui-editing-flag.png)
+
+## Development
+
+```bash
+cd src
+dotnet publish
+dotnet run --project OpenFeatureManager.Api
+# http://localhost:5000/scalar/
+
+cd ui
+npm install
+npm start
+# http://localhost:4200
+```
+
+To build and run the full stack (API + UI) in a single container:
+
+```bash
+docker compose up --build
+# http://localhost:3000
+```