j

apps/frontend/.dockerignore

@@ -0,0 +1,3 @@
+node_modules
+.next
+.turbo

apps/frontend/.env-example

@@ -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://127.0.0.1:27017
+SENTRY_AUTH_TOKEN=

apps/frontend/.eslintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-unused-expressions": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-empty-object-type": "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/.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": false,
+  "trailingComma": "es5",
+  "printWidth": 120,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "jsxSingleQuote": false,
+  "jsxBracketSameLine": false
+}

apps/frontend/Dockerfile

@@ -0,0 +1,20 @@
+FROM fascinated/docker-images:nodejs_20_with_pnpm
+
+WORKDIR /app
+COPY . .
+
+RUN pnpm install
+
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN pnpm i -g turbo@^2
+RUN turbo prune frontend --docker
+RUN turbo run build
+
+# Add the commit hash
+ARG GIT_REV
+ENV GIT_REV=${GIT_REV}
+
+EXPOSE 3000
+
+CMD node apps/frontend/server.js

apps/frontend/Dockerfile - Copy

@@ -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/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/app/globals.css",
+    "baseColor": "stone",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/app/components",
+    "utils": "@/app/common/utils",
+    "ui": "@/app/components/ui",
+    "lib": "@/app/common",
+    "hooks": "@/app/hooks"
+  }
+}

apps/frontend/config.ts

@@ -0,0 +1,3 @@
+export const config = {
+  siteUrl: process.env.NEXT_PUBLIC_SITE_URL || "https://ssr.fascinated.cc",
+};

apps/frontend/next.config.mjs

@@ -0,0 +1,55 @@
+import { format } from "@formkit/tempo";
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  experimental: {
+    webpackMemoryOptimizations: true,
+  },
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "cdn.scoresaber.com",
+        port: "",
+        pathname: "/**",
+      },
+    ],
+  },
+  env: {
+    NEXT_PUBLIC_BUILD_ID: process.env.GIT_REV || "bob",
+    NEXT_PUBLIC_BUILD_TIME: new Date().toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+      hour: "numeric",
+      minute: "numeric",
+      timeZoneName: "short",
+    }),
+    NEXT_PUBLIC_BUILD_TIME_SHORT: format(new Date(), {
+      date: "short",
+      time: "short",
+    }),
+  },
+};
+
+export default nextConfig;
+
+// export default withSentryConfig(nextConfig, {
+//   org: "scoresaber-reloaded",
+//   project: "frontend",
+//   sentryUrl: "https://glitchtip.fascinated.cc/",
+//   silent: !process.env.CI,
+//   reactComponentAnnotation: {
+//     enabled: true,
+//   },
+//   tunnelRoute: "/monitoring",
+//   hideSourceMaps: true,
+//   disableLogger: true,
+//   sourcemaps: {
+//     disable: true,
+//   },
+//   release: {
+//     create: false,
+//     finalize: false,
+//   },
+// });

apps/frontend/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "frontend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "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.446.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.13",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5"
+  },
+  "trigger.dev": {
+    "endpointId": "scoresaber-reloaded-KB0Z"
+  }
+}

apps/frontend/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;