Update dependency framer-motion to v11.11.1

# Conflicts:
#	pnpm-lock.yaml

.eslintrc.json

@@ -1,3 +0,0 @@
-{
-  "extends": ["next/core-web-vitals", "next/typescript"]
-}

.gitea/kubernetes/frontend/deployment.yaml

@@ -1,21 +1,21 @@
 apiVersion: apps/v1
 kind: Deployment
 metadata:
-  name: scoresaber-reloaded
+  name: scoresaber-reloaded-frontend
   namespace: public-services
 spec:
   replicas: 1
   selector:
     matchLabels:
-      app: scoresaber-reloaded
+      app: scoresaber-reloaded-frontend
   template:
     metadata:
       labels:
-        app: scoresaber-reloaded
+        app: scoresaber-reloaded-frontend
     spec:
       containers:
-        - name: scoresaber-reloaded-container
-          image: git.fascinated.cc/fascinated/scoresaber-reloaded:latest
+        - name: scoresaber-reloaded-frontend-container
+          image: git.fascinated.cc/fascinated/scoresaber-reloaded-frontend:latest
           imagePullPolicy: Always
           ports:
             - containerPort: 3000

.gitea/kubernetes/frontend/ingress.yaml

@@ -2,7 +2,7 @@
 apiVersion: traefik.io/v1alpha1
 kind: IngressRoute
 metadata:
-  name: scoresaber-reloaded-ingress
+  name: scoresaber-reloaded-frontend-ingress
   namespace: public-services
   annotations:
     kubernetes.io/ingress.class: traefik-external
@@ -18,7 +18,7 @@ spec:
         - name: compress
           namespace: traefik
       services:
-        - name: scoresaber-reloaded-service
+        - name: scoresaber-reloaded-frontend-service
           port: 3000
   tls:
     secretName: fascinated-cc

.gitea/kubernetes/frontend/sealed-secrets.yaml

@@ -3,7 +3,7 @@ apiVersion: bitnami.com/v1alpha1
 kind: SealedSecret
 metadata:
   creationTimestamp: null
-  name: ssr-secret
+  name: ssr-frontend-secret
   namespace: public-services
 spec:
   encryptedData:
@@ -15,6 +15,6 @@ spec:
   template:
     metadata:
       creationTimestamp: null
-      name: ssr-secret
+      name: ssr-frontend-secret
       namespace: public-services
     type: Opaque

.gitea/kubernetes/frontend/service.yaml

@@ -2,7 +2,7 @@
 apiVersion: v1
 kind: Service
 metadata:
-  name: scoresaber-reloaded-service
+  name: scoresaber-reloaded-frontend-service
   namespace: public-services
 spec:
   type: ClusterIP
@@ -10,4 +10,4 @@ spec:
     - port: 3000
       targetPort: 3000
   selector:
-    app: scoresaber-reloaded
+    app: scoresaber-reloaded-frontend

.gitea/workflows/deploy.yml

@@ -1,4 +1,4 @@
-name: "Deploy"
+name: "Deploy Frontend"
 
 on:
   push:
@@ -26,10 +26,11 @@ jobs:
         uses: docker/build-push-action@v6
         with:
           context: .
+          file: ./apps/frontend/Dockerfile
           push: true
           tags: |
-            git.fascinated.cc/fascinated/scoresaber-reloaded:${{ github.sha }}
-            git.fascinated.cc/fascinated/scoresaber-reloaded:latest
+            git.fascinated.cc/fascinated/scoresaber-reloaded-frontend:${{ github.sha }}
+            git.fascinated.cc/fascinated/scoresaber-reloaded-frontend:latest
           build-args: |
             GIT_REV=${{ gitea.sha }}
             SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}
@@ -49,9 +50,9 @@ jobs:
           action: deploy
           namespace: public-services
           manifests: |
-            .gitea/kubernetes/sealed-secrets.yaml
-            .gitea/kubernetes/deployment.yaml
-            .gitea/kubernetes/service.yaml
-            .gitea/kubernetes/ingress.yaml
+            .gitea/kubernetes/frontend/sealed-secrets.yaml
+            .gitea/kubernetes/frontend/deployment.yaml
+            .gitea/kubernetes/frontend/service.yaml
+            .gitea/kubernetes/frontend/ingress.yaml
           images: |
-            git.fascinated.cc/fascinated/scoresaber-reloaded:${{ github.sha }}
+            git.fascinated.cc/fascinated/scoresaber-reloaded-frontend:${{ github.sha }}

.gitignore

@@ -1,16 +1,15 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+node_modules
 /.pnp
 .pnp.js
-.yarn/install-state.gz
 
 # testing
 /coverage
 
 # next.js
-/.next/
+.next/
 /out/
 
 # production
@@ -34,8 +33,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+.turbo
 
 .idea
-
-# Sentry Config File
-.env.sentry-build-plugin

Dockerfile

@@ -1,65 +0,0 @@
-FROM fascinated/docker-images:nodejs_20_with_pnpm AS base
-
-# Install dependencies and build tools for canvas
-FROM base AS deps
-RUN apk add --no-cache python3 make g++ gcc pkgconfig pixman cairo-dev libjpeg-turbo-dev pango-dev giflib-dev
-WORKDIR /app
-COPY package.json* pnpm-lock.yaml* ./
-RUN pnpm install --frozen-lockfile --quiet
-
-# Build from source
-FROM base AS builder
-WORKDIR /app
-COPY --from=deps /app/node_modules ./node_modules
-COPY . .
-
-# Install runtime dependencies
-RUN apk add --no-cache cairo pango libjpeg-turbo giflib
-
-ENV NEXT_TELEMETRY_DISABLED=1
-
-# Add the commit hash
-ARG GIT_REV
-ENV GIT_REV=${GIT_REV}
-
-# Add the sentry auth token
-ARG SENTRY_AUTH_TOKEN
-ENV SENTRY_AUTH_TOKEN=${SENTRY_AUTH_TOKEN}
-
-# Build the app
-RUN pnpm run build
-
-# Final stage to run the app
-FROM base AS runner
-WORKDIR /app
-
-# Install runtime dependencies
-RUN apk add --no-cache cairo pango libjpeg-turbo giflib
-
-ENV NODE_ENV=production
-ENV NEXT_TELEMETRY_DISABLED=1
-
-RUN addgroup --system --gid 1001 nodejs
-RUN adduser --system --uid 1001 nextjs
-
-RUN mkdir .next
-RUN chown nextjs:nodejs .next
-
-# Add the commit hash
-ARG GIT_REV
-ENV GIT_REV=${GIT_REV}
-
-# Copy the built app from the builder stage
-COPY --from=builder --chown=nextjs:nodejs /app/node_modules ./node_modules
-COPY --from=builder --chown=nextjs:nodejs /app/.next ./.next
-COPY --from=builder --chown=nextjs:nodejs /app/public ./public
-COPY --from=builder --chown=nextjs:nodejs /app/package.json ./package.json
-COPY --from=builder --chown=nextjs:nodejs /app/next.config.mjs ./next.config.mjs
-
-USER nextjs
-
-EXPOSE 3000
-ENV HOSTNAME="0.0.0.0"
-ENV PORT=3000
-
-CMD ["pnpm", "start"]

apps/frontend/.env

@@ -0,0 +1,7 @@
+NEXT_PUBLIC_SITE_URL=http://localhost:3000
+NEXT_PUBLIC_TRIGGER_PUBLIC_API_KEY=
+
+TRIGGER_API_KEY=
+TRIGGER_API_URL=https://trigger.example.com
+MONGO_URI=mongodb://root:jGZuYukpb9n4yDJJE8nMeUbj2ACE7DR3@10.0.50.37:27017/ssr-dev?authSource=admin
+SENTRY_AUTH_TOKEN=

apps/frontend/.eslintrc.json

@@ -0,0 +1,8 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-empty-object-type": "off",
+    "@typescript-eslint/no-unused-expressions": "off"
+  }
+}

apps/frontend/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.idea
+
+# Sentry Config File
+.env.sentry-build-plugin

apps/frontend/Dockerfile

@@ -0,0 +1,65 @@
+FROM fascinated/docker-images:nodejs_20_with_pnpm AS base
+
+FROM base AS builder
+RUN apk update
+RUN apk add --no-cache libc6-compat
+# Set working directory
+WORKDIR /app
+
+RUN pnpm i -g turbo@^2
+COPY . .
+
+# Generate a partial monorepo with a pruned lockfile for a target workspace.
+# Assuming "frontend" is the name entered in the project's package.json: { name: "frontend" }
+RUN turbo prune frontend --docker
+
+# Add lockfile and package.json's of isolated subworkspace
+FROM base AS installer
+WORKDIR /app
+
+# Add the commit hash
+ARG GIT_REV
+ENV GIT_REV=${GIT_REV}
+
+# Add the sentry auth token
+ARG SENTRY_AUTH_TOKEN
+ENV SENTRY_AUTH_TOKEN=${SENTRY_AUTH_TOKEN}
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN pnpm i -g turbo@^2
+
+# First install the dependencies (as they change less often)
+COPY --from=builder /app/out/json/ .
+RUN pnpm install
+
+# Build the project
+COPY --from=builder /app/out/full/ .
+
+RUN ls -la
+
+RUN pnpm turbo run build --filter=frontend...
+
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+# Add the commit hash
+ARG GIT_REV
+ENV GIT_REV=${GIT_REV}
+
+# Don't run production as root
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+USER nextjs
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=installer --chown=nextjs:nodejs /app/apps/frontend/.next/standalone ./
+COPY --from=installer --chown=nextjs:nodejs /app/apps/frontend/.next/static ./apps/frontend/.next/static
+COPY --from=installer --chown=nextjs:nodejs /app/apps/frontend/public ./apps/frontend/public
+
+CMD node apps/frontend/server.js

apps/frontend/next.config.mjs

@@ -1,6 +1,5 @@
 import { withSentryConfig } from "@sentry/nextjs";
 import { format } from "@formkit/tempo";
-import nextBuildId from "next-build-id";
 import path from "path";
 import { fileURLToPath } from "url";
 
@@ -9,8 +8,10 @@ const __dirname = path.dirname(__filename); // get the name of the directory
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  experimental: {
-    webpackMemoryOptimizations: true,
+  output: "standalone",
+  webpack: (config) => {
+    config.resolve.alias['@'] = path.join(__dirname, 'src');
+    return config;
   },
   images: {
     remotePatterns: [
@@ -24,7 +25,7 @@ const nextConfig = {
   },
   env: {
     NEXT_PUBLIC_BUILD_ID:
-      process.env.GIT_REV || nextBuildId.sync({ dir: __dirname }),
+      process.env.GIT_REV || "dev",
     NEXT_PUBLIC_BUILD_TIME: new Date().toLocaleDateString("en-US", {
       year: "numeric",
       month: "long",

apps/frontend/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "frontend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbo",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "imports": {
+    "@/*": "./src/*"
+  },
+  "packageManager": "pnpm@9.12.0",
+  "dependencies": {
+    "@formkit/tempo": "^0.1.2",
+    "@heroicons/react": "^2.1.5",
+    "@hookform/resolvers": "^3.9.0",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-scroll-area": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@sentry/nextjs": "8",
+    "@tanstack/react-query": "^5.55.4",
+    "@trigger.dev/nextjs": "^3.0.8",
+    "@trigger.dev/react": "^3.0.8",
+    "@trigger.dev/sdk": "^3.0.8",
+    "@uidotdev/usehooks": "^2.4.1",
+    "chart.js": "^4.4.4",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "comlink": "^4.4.1",
+    "dexie": "^4.0.8",
+    "dexie-react-hooks": "^1.1.7",
+    "framer-motion": "^11.5.4",
+    "js-cookie": "^3.0.5",
+    "ky": "^1.7.2",
+    "lucide-react": "^0.447.0",
+    "mongoose": "^8.7.0",
+    "next": "15.0.0-rc.0",
+    "next-build-id": "^3.0.0",
+    "next-themes": "^0.3.0",
+    "react": "19.0.0-rc-3edc000d-20240926",
+    "react-chartjs-2": "^5.2.0",
+    "react-dom": "19.0.0-rc-3edc000d-20240926",
+    "react-hook-form": "^7.53.0",
+    "tailwind-merge": "^2.5.2",
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.14",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5"
+  },
+  "trigger.dev": {
+    "endpointId": "scoresaber-reloaded-KB0Z"
+  }
+}