added backend to dashboard

.dev.vars.sample

@@ -0,0 +1,3 @@
+# Generate with npx tsx backend/create-cloud-session-token-keypair.ts
+CLOUD_SESSION_TOKEN_SECRET=
+CLERK_SECRET_KEY=

.eslintrc.cjs

@@ -66,11 +66,7 @@ module.exports = {
           },
         },
       },
-      extends: [
-        "plugin:@typescript-eslint/recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript",
-      ],
+      extends: ["plugin:@typescript-eslint/recommended", "plugin:import/recommended", "plugin:import/typescript"],
     },
 
     // Node

.github/workflows/ci.yaml

@@ -0,0 +1,100 @@
+name: CI
+on:
+  workflow_dispatch:
+  push:
+    tags:
+      - "**"
+    branches:
+      - "mabels/backend"
+  pull_request:
+    branches:
+      - "mabels/backend"
+jobs:
+  #  deploy-staging:
+  #    environment: staging
+  #    runs-on: ubuntu-24.04
+  #    name: Deploy to staging
+  #    needs: [quality-checks]
+  #    steps:
+  #
+  quality-checks:
+    name: Testit Runit Buildit
+    environment: ${{ startsWith(github.ref, 'refs/tags/s') && 'staging' || startsWith(github.ref, 'refs/tags/p') && 'production' || 'dev' }}
+    #runs-on: blacksmith-4vcpu-ubuntu-2204
+    runs-on: blacksmith-4vcpu-ubuntu-2204-arm
+    steps:
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          run_install: false
+          version: 10
+          cache: "pnpm"
+
+      - uses: actions/checkout@v4
+
+      - uses: useblacksmith/setup-node@v5
+        with:
+          node-version: 20
+          cache: pnpm
+
+      #runs-on: ubuntu-24.04
+      #steps:
+      #  - uses: actions/setup-node@v4
+      #    with:
+      #      node-version: 20
+      #      cache: pnpm
+
+      - name: install
+        run: pnpm install
+
+      - name: format-check
+        run: pnpm run format --check
+
+      - name: lint
+        run: pnpm run lint
+
+      - name: build
+        env:
+          VITE_CLERK_PUBLISHABLE_KEY: ${{ vars.CLERK_PUBLISHABLE_KEY }}
+        run: pnpm run build
+
+      - name: test
+        run: |
+          pnpm run test
+
+      - name: deploy cf
+        id: attempt1
+        env:
+          # need for drizzle
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_ACCOUNT_ID: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
+          CLOUDFLARE_D1_TOKEN: ${{ secrets.CLOUDFLARE_D1_TOKEN }}
+          CLOUDFLARE_DATABASE_ID: ${{ vars.CLOUDFLARE_DATABASE_ID }}
+          # need in CF to be Env
+          CLOUD_SESSION_TOKEN_PUBLIC: ${{ vars.CLOUD_SESSION_TOKEN_PUBLIC }}
+          CLOUD_SESSION_TOKEN_SECRET: ${{ secrets.CLOUD_SESSION_TOKEN_SECRET }}
+          CLERK_PUBLISHABLE_KEY: ${{ vars.CLERK_PUBLISHABLE_KEY }}
+          CLERK_PUB_JWT_KEY: ${{ vars.CLERK_PUB_JWT_KEY }}
+          # need during build
+          VITE_CLERK_PUBLISHABLE_KEY: ${{ vars.CLERK_PUBLISHABLE_KEY }}
+        run: |
+          # pnpm run build
+          pnpm run drizzle:d1-remote
+          pnpm exec fp-cli writeEnv --env ${{vars.CLOUDFLARE_ENV}}  --out /dev/stdout --json \
+            --fromEnv CLERK_PUBLISHABLE_KEY \
+            --fromEnv CLERK_PUB_JWT_KEY \
+            --fromEnv CLOUD_SESSION_TOKEN_SECRET \
+            --fromEnv CLOUD_SESSION_TOKEN_PUBLIC | \
+            pnpm exec wrangler -c ./wrangler.toml secret --env ${{vars.CLOUDFLARE_ENV}} bulk
+          pnpm run deploy:cf --env ${{vars.CLOUDFLARE_ENV}}
+
+      # - name: deploy to production
+      #   if: github.ref == 'refs/heads/main'
+      #   env:
+      #     CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+      #     CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+      #     CLOUDFLARE_DATABASE_ID: ${{ secrets.CLOUDFLARE_DATABASE_ID }}
+      #   run: |
+      #     pnpm run build
+      #     pnpm run drizzle:d1-remote
+      #     pnpm run deploy:cf --env production

.github/workflows/staging.yaml

@@ -0,0 +1,56 @@
+name: Staging Deployment
+on:
+  workflow_dispatch:
+    inputs:
+      environment:
+        description: "Target environment"
+        required: true
+        default: "staging"
+
+jobs:
+  deploy-staging:
+    name:
+    environment: staging
+    runs-on: blacksmith-4vcpu-ubuntu-2204
+    steps:
+      - uses: useblacksmith/setup-node@v5
+        with:
+          node-version: 20
+
+      - uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          run_install: false
+          version: 10
+          cache: "pnpm"
+
+      - name: install
+        run: pnpm install
+
+      - name: format-check
+        run: pnpm run format --check
+
+      - name: lint
+        run: pnpm run lint
+
+      - name: build
+        run: pnpm run build
+
+      - name: test
+        run: |
+          pnpm run drizzle:libsql
+          pnpm run test
+
+      - name: deploy to preview
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          CLOUDFLARE_D1_TOKEN: ${{ secrets.CLOUDFLARE_D1_TOKEN }}
+          CLOUDFLARE_DATABASE_ID: ${{ secrets.CLOUDFLARE_DATABASE_ID }}
+          VITE_CLERK_PUBLISHABLE_KEY: ${{ vars.CLERK_PUBLISHABLE_KEY }}
+        run: |
+          pnpm run build 
+          pnpm run drizzle:d1-remote --verbose
+          pnpm run deploy:cf

.gitignore

@@ -1,9 +1,13 @@
 node_modules
+**/.wrangler/**
+
+stats.html
 
 /.cache
 /build
 /public/build
 .env
+.dev.vars
 
 # Logs
 logs
@@ -28,4 +32,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-*.zip
+*.zip

.prettierignore

@@ -0,0 +1,5 @@
+**/pnpm-lock.yaml
+scripts/
+**/.esm-cache/**
+**/dist/**
+**/coverage/**

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "printWidth": 132,
+  "singleQuote": false,
+  "semi": true,
+  "useTabs": false
+}

README.md

@@ -1,2 +1,81 @@
 # Fireproof Dashboard
+
 https://dashboard.fireproof.storage/
+
+## Environment Variables
+
+### Development
+
+To run this project in development mode, you need to set up the following environment files:
+
+1. Create a `.env` or `.env.local` file with these variables:
+
+```
+CLOUD_SESSION_TOKEN_SECRET=your_session_token_secret
+CLERK_SECRET_KEY=your_clerk_secret_key
+VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
+```
+
+2. Create a `.dev.vars` file (used by Wrangler for local development):
+
+```
+CLOUD_SESSION_TOKEN_SECRET=your_session_token_secret
+CLERK_SECRET_KEY=your_clerk_secret_key
+```
+
+Additionally, you need to create a token template named `with-email` in your Clerk dashboard with the following configuration:
+
+```json
+{
+  "role": "authenticated",
+  "params": {
+    "last": "{{user.last_name}}",
+    "name": "{{user.username}}",
+    "email": "{{user.primary_email_address}}",
+    "first": "{{user.first_name}}",
+    "image_url": "{{user.image_url}}",
+    "external_id": "{{user.external_id}}",
+    "public_meta": "{{user.public_metadata}}",
+    "email_verified": "{{user.email_verified}}"
+  },
+  "userId": "{{user.id}}"
+}
+```
+
+## Local Development
+
+To set up and run the project locally:
+
+1. Set up the database schema:
+
+   ```
+   pnpm drizzle:d1-local
+   ```
+
+2. Start the frontend development server:
+
+   ```
+   pnpm dev
+   ```
+
+3. In a separate terminal, start one of the backend servers:
+   ```
+   pnpm backend:d1    # For Cloudflare Workers D1 backend
+   ```
+   OR
+   ```
+   pnpm backend:deno  # For Deno backend
+   ```
+
+### Deployment
+
+The main deployment target for this project is **Cloudflare Workers**.
+
+For deployment, you'll need these additional environment variables:
+
+```
+CLOUDFLARE_ACCOUNT_ID=your_cloudflare_account_id
+CLOUDFLARE_API_TOKEN=your_cloudflare_api_token
+CLOUDFLARE_DATABASE_ID=your_cloudflare_database_id
+VITE_CLERK_PUBLISHABLE_KEY=
+```