Update dependency framer-motion to v11.11.2

Reviewed-on: #58

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.eslintrc.json

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

.gitea/kubernetes/backend/deployment.yaml

@@ -0,0 +1,28 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: scoresaber-reloaded-backend
+  namespace: public-services
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: scoresaber-reloaded-backend
+  template:
+    metadata:
+      labels:
+        app: scoresaber-reloaded-backend
+    spec:
+      containers:
+        - name: scoresaber-reloaded-backend-container
+          image: git.fascinated.cc/fascinated/scoresaber-reloaded-backend:latest
+          imagePullPolicy: Always
+          ports:
+            - containerPort: 8080
+          resources:
+            requests:
+              cpu: 50m
+              memory: 128Mi
+            limits:
+              cpu: 1000m # 1 vCPU
+              memory: 512Mi

.gitea/kubernetes/backend/ingress.yaml

@@ -0,0 +1,26 @@
+---
+apiVersion: traefik.io/v1alpha1
+kind: IngressRoute
+metadata:
+  name: scoresaber-reloaded-backend-ingress
+  namespace: public-services
+  annotations:
+    kubernetes.io/ingress.class: traefik-external
+spec:
+  entryPoints:
+    - websecure
+  routes:
+    - match: Host(`ssr.fascinated.cc`) && PathPrefix(`/api`)
+      kind: Rule
+      middlewares:
+        - name: default-headers
+          namespace: traefik
+        - name: compress
+          namespace: traefik
+        - name: scoresaber-reloaded-backend-strip-api-prefix
+          namespace: public-services
+      services:
+        - name: scoresaber-reloaded-backend-service
+          port: 8080
+  tls:
+    secretName: fascinated-cc

.gitea/kubernetes/backend/service.yaml

@@ -0,0 +1,13 @@
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: scoresaber-reloaded-backend-service
+  namespace: public-services
+spec:
+  type: ClusterIP
+  ports:
+    - port: 8080
+      targetPort: 8080
+  selector:
+    app: scoresaber-reloaded-backend

.gitea/kubernetes/backend/strip-api-prefix-middleware.yaml

@@ -0,0 +1,10 @@
+---
+apiVersion: traefik.io/v1alpha1
+kind: Middleware
+metadata:
+  name: scoresaber-reloaded-backend-strip-api-prefix
+  namespace: public-services
+spec:
+  stripPrefix:
+    prefixes:
+      - "/api"

.gitea/kubernetes/website/deployment.yaml

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

.gitea/kubernetes/website/ingress.yaml

@@ -2,7 +2,7 @@
 apiVersion: traefik.io/v1alpha1
 kind: IngressRoute
 metadata:
-  name: scoresaber-reloaded-ingress
+  name: scoresaber-reloaded-website-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-website-service
           port: 3000
   tls:
     secretName: fascinated-cc

.gitea/kubernetes/website/service.yaml

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

.gitea/workflows/deploy-backend.yml

@@ -0,0 +1,63 @@
+name: "Deploy Backend"
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - master
+    paths:
+      - backend/**
+      - common/**
+      - .gitea/kubernetes/backend/**
+      - .gitea/workflows/deploy-backend.yml
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.REGISTRY_USERNAME }}
+          password: ${{ secrets.REGISTRY_TOKEN }}
+          registry: git.fascinated.cc
+
+      - name: Build Image
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ./backend/Dockerfile
+          push: true
+          tags: |
+            git.fascinated.cc/fascinated/scoresaber-reloaded-backend:${{ github.sha }}
+            git.fascinated.cc/fascinated/scoresaber-reloaded-backend:latest
+          build-args: |
+            GIT_REV=${{ gitea.sha }}
+
+      - name: Install kubectl
+        uses: azure/setup-kubectl@v4
+        id: install
+
+      - name: Setup Kubernetes Context
+        uses: azure/k8s-set-context@v4
+        with:
+          kubeconfig: ${{ secrets.KUBECONFIG }}
+
+      - name: Deploy to Kubernetes
+        uses: Azure/k8s-deploy@v5
+        with:
+          action: deploy
+          namespace: public-services
+          manifests: |
+            .gitea/kubernetes/backend/deployment.yaml
+            .gitea/kubernetes/backend/service.yaml
+            .gitea/kubernetes/backend/strip-api-prefix-middleware.yaml
+            .gitea/kubernetes/backend/ingress.yaml
+          images: |
+            git.fascinated.cc/fascinated/scoresaber-reloaded-backend:${{ github.sha }}

.gitea/workflows/deploy-website.yml

@@ -1,9 +1,15 @@
-name: "Deploy"
+name: "Deploy Website"
 
 on:
+  workflow_dispatch:
   push:
     branches:
       - master
+    paths:
+      - website/**
+      - common/**
+      - .gitea/kubernetes/website/**
+      - .gitea/workflows/deploy-website.yml
 
 jobs:
   deploy:
@@ -26,10 +32,11 @@ jobs:
         uses: docker/build-push-action@v6
         with:
           context: .
+          file: ./website/Dockerfile
           push: true
           tags: |
-            git.fascinated.cc/fascinated/scoresaber-reloaded:${{ github.sha }}
+            git.fascinated.cc/fascinated/scoresaber-reloaded-website:${{ github.sha }}
-            git.fascinated.cc/fascinated/scoresaber-reloaded:latest
+            git.fascinated.cc/fascinated/scoresaber-reloaded-website:latest
           build-args: |
             GIT_REV=${{ gitea.sha }}
             SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}
@@ -49,9 +56,9 @@ jobs:
           action: deploy
           namespace: public-services
           manifests: |
-            .gitea/kubernetes/sealed-secrets.yaml
+            .gitea/kubernetes/website/sealed-secrets.yaml
-            .gitea/kubernetes/deployment.yaml
+            .gitea/kubernetes/website/deployment.yaml
-            .gitea/kubernetes/service.yaml
+            .gitea/kubernetes/website/service.yaml
-            .gitea/kubernetes/ingress.yaml
+            .gitea/kubernetes/website/ingress.yaml
           images: |
-            git.fascinated.cc/fascinated/scoresaber-reloaded:${{ github.sha }}
+            git.fascinated.cc/fascinated/scoresaber-reloaded-website:${{ github.sha }}

.gitignore

@@ -1,41 +1,79 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+logs
-
+*.log
-# 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*
-
+lerna-debug.log*
-# local env files
+.pnpm-debug.log*
-.env*.local
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
+pids
-# vercel
+*.pid
-.vercel
+*.seed
-
+*.pid.lock
-# typescript
+lib-cov
+coverage
+*.lcov
+.nyc_output
+.grunt
+bower_components
+.lock-wscript
+build/Release
+node_modules/
+jspm_packages/
+web_modules/
 *.tsbuildinfo
+.npm
+.eslintcache
+.stylelintcache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+.node_repl_history
+*.tgz
+.yarn-integrity
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+.cache
+.parcel-cache
+.next
+out
+.nuxt
+dist
+.cache/
+.vuepress/dist
+.temp
+.docusaurus
+.serverless/
+.fusebox/
+.dynamodb/
+.tern-port
+.vscode-test
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+.DS_*
+**/*.backup.*
+**/*.back.*
+node_modules
+*.sublime*
+psd
+thumb
+sketch
+/node_modules
+/.pnp
+.pnp.js
+/coverage
+/.next/
+/out/
+/build
+.DS_Store
+*.pem
+.env*.local
+.vercel
 next-env.d.ts
-
-.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"]

backend/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

backend/.eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: 'tsconfig.json',
+    tsconfigRootDir: __dirname,
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint/eslint-plugin'],
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  root: true,
+  env: {
+    node: true,
+    jest: true,
+  },
+  ignorePatterns: ['.eslintrc.js'],
+  rules: {
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+  },
+};

backend/Dockerfile

@@ -0,0 +1,31 @@
+FROM node:20-alpine3.17
+
+# Install pnpm globally
+RUN npm install -g pnpm
+ENV PNPM_HOME=/usr/local/bin
+
+WORKDIR /app
+
+ARG GIT_REV
+ENV GIT_REV=${GIT_REV}
+
+# Copy necessary files for installation
+COPY package.json* pnpm-lock.yaml* pnpm-workspace.yaml* ./
+COPY common ./common
+COPY backend ./backend
+
+# Install all dependencies (for common and backend)
+RUN pnpm install
+
+# Run in production mode
+ENV NODE_ENV=production
+
+# Build the common workspace first, then the backend
+RUN pnpm --filter ...common build
+RUN pnpm --filter ...backend build
+
+# Expose the port your application runs on
+EXPOSE 8080
+
+# Command to run your app
+CMD ["node", "backend/dist/main.js"]

backend/nest-cli.json

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

backend/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "author": "fascinated7",
+  "license": "MIT",
+  "private": true,
+  "scripts": {
+    "dev": "nest start --watch --webpack webpack-hmr.config.js",
+    "build": "nest build",
+    "start": "nest start"
+  },
+  "dependencies": {
+    "@fastify/one-line-logger": "^2.0.0",
+    "@nestjs/common": "^10.0.0",
+    "@nestjs/core": "^10.0.0",
+    "@nestjs/platform-express": "^10.0.0",
+    "@nestjs/platform-fastify": "^10.4.4",
+    "@ssr/common": "workspace:*",
+    "reflect-metadata": "^0.2.0",
+    "rxjs": "^7.8.1"
+  },
+  "devDependencies": {
+    "@nestjs/cli": "^10.0.0",
+    "@nestjs/schematics": "^10.0.0",
+    "@nestjs/testing": "^10.0.0",
+    "@types/express": "^4.17.17",
+    "@types/node": "^20.3.1",
+    "@types/supertest": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "concurrently": "^9.0.1",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "nodemon": "^3.0.0",
+    "prettier": "^3.0.0",
+    "source-map-support": "^0.5.21",
+    "supertest": "^7.0.0",
+    "ts-loader": "^9.4.3",
+    "ts-node": "^10.9.1",
+    "tsup": "^8.3.0",
+    "typescript": "^5"
+  }
+}

backend/src/app.module.ts

@@ -0,0 +1,12 @@
+import { Module } from "@nestjs/common";
+import { AppController } from "./controller/app.controller";
+import { PlayerService } from "./service/player.service";
+import { PlayerController } from "./controller/player.controller";
+import { AppService } from "./service/app.service";
+
+@Module({
+  imports: [],
+  controllers: [AppController, PlayerController],
+  providers: [AppService, PlayerService],
+})
+export class AppModule {}

backend/src/controller/app.controller.ts

@@ -0,0 +1,15 @@
+import { Controller, Get } from "@nestjs/common";
+import { AppService } from "../service/app.service";
+
+@Controller()
+export class AppController {
+  constructor(private readonly appService: AppService) {}
+
+  @Get("/")
+  getHome() {
+    return {
+      message: "ScoreSaber Reloaded API",
+      version: this.appService.getVersion(),
+    };
+  }
+}

backend/src/controller/player.controller.ts

@@ -0,0 +1,12 @@
+import { Controller, Get, Param } from "@nestjs/common";
+import { PlayerService } from "../service/player.service";
+
+@Controller("/player")
+export class PlayerController {
+  constructor(private readonly playerService: PlayerService) {}
+
+  @Get("/history/:id")
+  getHistory(@Param("id") id: string) {
+    return this.playerService.getHistory(id);
+  }
+}

backend/src/main.ts

@@ -0,0 +1,21 @@
+import { NestFactory } from "@nestjs/core";
+import { FastifyAdapter, NestFastifyApplication } from "@nestjs/platform-fastify";
+import { AppModule } from "./app.module";
+
+async function bootstrap() {
+  const app = await NestFactory.create<NestFastifyApplication>(
+    AppModule,
+    new FastifyAdapter({
+      logger: {
+        transport: {
+          target: "@fastify/one-line-logger",
+        },
+      },
+    }),
+    {
+      logger: ["error", "warn", "log"],
+    }
+  );
+  await app.listen(8080, "0.0.0.0");
+}
+bootstrap();

backend/src/service/app.service.ts

@@ -0,0 +1,14 @@
+import { Injectable } from "@nestjs/common";
+import { isProduction } from "@ssr/common/dist";
+
+@Injectable()
+export class AppService {
+  /**
+   * Gets the app version.
+   *
+   * @returns the app version
+   */
+  getVersion(): string {
+    return `1.0.0-${isProduction() ? process.env.GIT_REV.substring(0, 7) : "dev"}`;
+  }
+}

backend/src/service/player.service.ts

@@ -0,0 +1,16 @@
+import { Injectable } from "@nestjs/common";
+
+@Injectable()
+export class PlayerService {
+  /**
+   * Gets the statistic history for the given player
+   *
+   * @param id the id of the player
+   * @returns the players statistic history
+   */
+  getHistory(id: string) {
+    return {
+      id: id,
+    };
+  }
+}

backend/tsconfig.build.json

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

backend/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "declaration": true,
+    "removeComments": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "target": "ES2021",
+    "sourceMap": true,
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "incremental": true,
+    "skipLibCheck": true,
+    "strictNullChecks": false,
+    "noImplicitAny": false,
+    "strictBindCallApply": false,
+    "forceConsistentCasingInFileNames": false,
+    "noFallthroughCasesInSwitch": false
+  }
+}

backend/webpack-hmr.config.js

@@ -0,0 +1,6 @@
+module.exports = function (options) {
+  return {
+    ...options,
+    stats: "minimal", // This disables the full-screen mode and simplifies the output
+  };
+};

common/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

common/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@ssr/common",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "tsup src/index.ts --watch",
+    "build": "tsup src/index.ts"
+  },
+  "devDependencies": {
+    "@types/node": "^22.7.4",
+    "tsup": "^6.5.0",
+    "typescript": "^5"
+  }
+}

common/src/index.ts

@@ -0,0 +1 @@
+export * from "src/utils";

common/src/utils.ts

@@ -0,0 +1,6 @@
+/**
+ * Checks if we're in production
+ */
+export function isProduction() {
+  return process.env.NODE_ENV === "production";
+}

common/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "declaration": true,
+    "removeComments": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "target": "ES2021",
+    "sourceMap": true,
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "skipLibCheck": true,
+    "strictNullChecks": false,
+    "noImplicitAny": false,
+    "strictBindCallApply": false,
+    "forceConsistentCasingInFileNames": false,
+    "noFallthroughCasesInSwitch": false
+  }
+}

common/tsup.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.ts"],
+  splitting: false,
+  sourcemap: true,
+  clean: true,
+  dts: true, // This line enables type declaration file generation
+});

package.json

@@ -1,66 +1,15 @@
 {
   "name": "scoresaber-reloadedv3",
-  "version": "0.1.0",
+  "version": "1.0.0",
-  "private": true,
   "scripts": {
-    "dev": "next dev --turbo",
+    "dev": "pnpm --parallel --workspace-concurrency=4 run -r dev",
-    "build": "next build",
+
-    "start": "next start",
+    "build:website": "pnpm --filter website build",
-    "lint": "next lint"
+    "build:backend": "pnpm --filter backend build",
+
+    "start:website": "pnpm --filter website start",
+    "start:backend": "pnpm --filter backend start"
   },
-  "dependencies": {
+  "author": "fascinated7",
-    "@formkit/tempo": "^0.1.2",
+  "license": "MIT"
-    "@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",
-    "canvas": "3.0.0-rc2",
-    "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",
-    "extract-colors": "^4.0.8",
-    "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"
-  }
-}

pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+packages:
+  - "common"
+  - "website"
+  - "backend"

src/common/image-utils.ts

@@ -1,55 +0,0 @@
-import { createCanvas, loadImage } from "canvas";
-import { config } from "../../config";
-import ky from "ky";
-import { extractColors } from "extract-colors";
-import { cache } from "react";
-
-/**
- * Proxies all non-localhost images to make them load faster.
- *
- * @param originalUrl the original image url
- * @returns the new image url
- */
-export function getImageUrl(originalUrl: string) {
-  return `${!config.siteUrl.includes("localhost") ? "https://img.fascinated.cc/upload/q_70/" : ""}${originalUrl}`;
-}
-
-/**
- * Gets the average color of an image
- *
- * @param src the image url
- * @returns the average color
- */
-export const getAverageColor = cache(async (src: string) => {
-  const before = performance.now();
-  console.log(`Getting average color of "${src}"...`);
-  try {
-    const response = await ky.get(`https://img.fascinated.cc/upload/w_64,h_64,o_jpg/${src}`);
-    if (response.status !== 200) {
-      return undefined;
-    }
-
-    const imageBuffer = await response.arrayBuffer();
-
-    // Create an image from the buffer using canvas
-    const img = await loadImage(Buffer.from(imageBuffer));
-    const canvas = createCanvas(img.width, img.height);
-    const ctx = canvas.getContext("2d");
-
-    // Draw the image onto the canvas
-    ctx.drawImage(img, 0, 0);
-
-    // Get the pixel data from the canvas
-    const imageData = ctx.getImageData(0, 0, img.width, img.height);
-    const { data, width, height } = imageData;
-
-    // Use your extractColors function to calculate the average color
-    const color = await extractColors({ data, width, height });
-
-    console.log(`Found average color of "${src}" in ${(performance.now() - before).toFixed(0)}ms`);
-    return color[2];
-  } catch (error) {
-    console.error("Error while getting average color:", error);
-    return undefined;
-  }
-});

website/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

website/.eslintrc.json

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

website/.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

website/Dockerfile

@@ -0,0 +1,25 @@
+FROM node:20-alpine3.17 AS base
+
+# Install pnpm
+RUN npm install -g pnpm
+ENV PNPM_HOME=/usr/local/bin
+
+FROM base AS runner
+WORKDIR /app
+
+# Copy website package and lock files only
+COPY package.json* pnpm-lock.yaml* pnpm-workspace.yaml* ./
+COPY website ./website
+
+ARG GIT_REV
+ENV GIT_REV=${GIT_REV}
+
+RUN pnpm install --filter website
+RUN pnpm run build:website
+
+# Expose the app port and start it
+EXPOSE 3000
+ENV HOSTNAME="0.0.0.0"
+ENV PORT=3000
+
+CMD ["pnpm", "start:website"]

website/next.config.mjs

@@ -1,17 +1,8 @@
 import { withSentryConfig } from "@sentry/nextjs";
 import { format } from "@formkit/tempo";
-import nextBuildId from "next-build-id";
-import path from "path";
-import { fileURLToPath } from "url";
-
-const __filename = fileURLToPath(import.meta.url); // get the resolved path to the file
-const __dirname = path.dirname(__filename); // get the name of the directory
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  experimental: {
-    webpackMemoryOptimizations: true,
-  },
   images: {
     remotePatterns: [
       {
@@ -23,8 +14,7 @@ const nextConfig = {
     ],
   },
   env: {
-    NEXT_PUBLIC_BUILD_ID:
+    NEXT_PUBLIC_BUILD_ID: process.env.GIT_REV || "dev",
-      process.env.GIT_REV || nextBuildId.sync({ dir: __dirname }),
     NEXT_PUBLIC_BUILD_TIME: new Date().toLocaleDateString("en-US", {
       year: "numeric",
       month: "long",

website/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "website",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbo",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "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"
+  }
+}