chore(vercel): update environment variables

Author: mattf96s

.commitlintrc

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "@commitlint/config-conventional"
+  ]
+}

.gitignore

@@ -35,3 +35,5 @@ yarn-error.log*
 # Misc
 .DS_Store
 *.pem
+
+.sst

.vscode/settings.json

@@ -82,5 +82,8 @@
   },
   "[shellscript]": {
     "editor.defaultFormatter": "foxundermoon.shell-format"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

apps/web/app/sessions.server.ts

@@ -1,6 +1,5 @@
 import { createCookieSessionStorage } from "@remix-run/node";
 import { createThemeSessionResolver } from "remix-themes";
-import { Config } from "sst/node/config";
 
 // You can default to 'development' if process.env.NODE_ENV is not set
 const isProduction = process.env.STAGE === "production";
@@ -11,7 +10,7 @@ const sessionStorage = createCookieSessionStorage({
     path: "/",
     httpOnly: true,
     sameSite: "lax",
-    secrets: [Config.SESSION_SECRET],
+    secrets: [process.env.SESSION_SECRET],
     ...(isProduction ? { domain: "app.quackdb.com", secure: true } : {}),
   },
 });

apps/web/app/utils/env.server.ts

@@ -9,6 +9,7 @@ const envSchema = z.object({
   REGION: z.literal("eu-west-1"),
   DOMAIN: z.string().default("localhost:3000"),
   SENTRY_DSN: z.string().default(""),
+  SESSION_SECRET: z.string().default(""),
 });
 
 declare global {

apps/web/package.json

@@ -5,10 +5,10 @@
   "sideEffects": false,
   "type": "module",
   "scripts": {
-    "build": "sst bind 'remix vite:build'",
-    "dev": "sst bind 'node ./server.js'",
+    "build": "remix vite:build",
+    "dev": "node ./server.js",
     "lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
-    "start": "sst bind 'cross-env NODE_ENV=production node ./server.js'",
+    "start": "cross-env NODE_ENV=production node ./server.js",
     "typecheck": "tsc",
     "knip": "knip",
     "clean": "rimraf build",
@@ -46,73 +46,73 @@
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@remix-run/express": "^2.8.1",
-    "@remix-run/node": "^2.8.1",
-    "@remix-run/react": "^2.8.1",
-    "@sentry/profiling-node": "^7.109.0",
-    "@sentry/remix": "^7.109.0",
-    "@tanstack/react-table": "^8.15.3",
+    "@remix-run/express": "^2.9.2",
+    "@remix-run/node": "^2.9.2",
+    "@remix-run/react": "^2.9.2",
+    "@sentry/profiling-node": "^7.114.0",
+    "@sentry/remix": "^7.114.0",
+    "@tanstack/react-table": "^8.17.0",
     "@uidotdev/usehooks": "^2.4.1",
-    "@wasm-fmt/sql_fmt": "^0.0.1",
-    "@xenova/transformers": "^2.16.1",
+    "@wasm-fmt/sql_fmt": "^0.0.2",
+    "@xenova/transformers": "^2.17.1",
     "apache-arrow": "^15.0.2",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
+    "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
     "comlink": "^4.4.1",
     "compression": "^1.7.4",
     "date-fns": "^3.6.0",
-    "dompurify": "^3.0.11",
-    "embla-carousel-react": "^8.0.1",
+    "dompurify": "^3.1.3",
+    "embla-carousel-react": "^8.0.4",
     "express": "^4.19.2",
     "fathom-client": "^3.6.0",
-    "framer-motion": "^11.0.25",
+    "framer-motion": "^11.1.9",
     "helmet": "^7.1.0",
     "idb-keyval": "^6.2.1",
     "idle-task": "^4.3.0",
-    "isbot": "^5.1.4",
-    "lucide-react": "^0.356.0",
+    "isbot": "^5.1.6",
+    "lucide-react": "^0.378.0",
     "lz-string": "^1.5.0",
     "match-sorter": "^6.3.4",
-    "monaco-editor": "^0.47.0",
+    "monaco-editor": "^0.48.0",
     "morgan": "^1.10.0",
     "postgres-semicolons": "^0.1.2",
-    "react": "18.3.0-canary-01ab35a9a-20240228",
-    "react-day-picker": "^8.10.0",
-    "react-dom": "18.3.0-canary-01ab35a9a-20240228",
+    "react": "18.3.1",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "18.3.1",
     "react-error-boundary": "^4.0.13",
-    "react-hook-form": "^7.51.2",
+    "react-hook-form": "^7.51.4",
     "react-hotkeys-hook": "^4.5.0",
-    "react-resizable-panels": "^2.0.16",
+    "react-resizable-panels": "^2.0.19",
     "react-virtualized-auto-sizer": "^1.0.24",
-    "react-virtuoso": "^4.7.7",
+    "react-virtuoso": "^4.7.10",
     "remix-themes": "^1.3.1",
-    "remix-utils": "^7.5.0",
-    "shiki": "^1.2.4",
+    "remix-utils": "^7.6.0",
+    "shiki": "^1.5.1",
     "sonner": "^1.4.41",
-    "spin-delay": "^1.2.0",
-    "tailwind-merge": "^2.2.2",
+    "spin-delay": "^2.0.0",
+    "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "vaul": "^0.9.0",
-    "zod": "^3.22.4",
+    "vaul": "^0.9.1",
+    "zod": "^3.23.8",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@duckdb/duckdb-wasm": "1.28.1-dev169.0",
-    "@remix-run/dev": "^2.8.1",
+    "@remix-run/dev": "^2.9.2",
     "@sentry/vite-plugin": "^2.16.1",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.12",
+    "@tailwindcss/typography": "^0.5.13",
     "@types/compression": "^1.7.5",
     "@types/dompurify": "^3.0.5",
-    "@types/eslint": "^8.56.7",
+    "@types/eslint": "^8.56.10",
     "@types/express": "^4.17.21",
     "@types/morgan": "^1.9.9",
-    "@types/node": "20.11.26",
-    "@types/react": "^18.2.74",
-    "@types/react-dom": "^18.2.24",
+    "@types/node": "20.12.11",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
     "@types/wicg-file-system-access": "^2023.10.5",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
@@ -123,23 +123,23 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-tailwindcss": "^3.15.1",
-    "knip": "^5.8.0",
+    "knip": "^5.15.1",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.13",
+    "prettier-plugin-tailwindcss": "^0.5.14",
     "rollup-plugin-visualizer": "^5.12.0",
     "source-map-support": "^0.5.21",
     "tailwindcss": "^3.4.3",
-    "typescript": "^5.4.4",
-    "vite": "^5.2.8",
-    "vite-env-only": "^2.2.1",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vite-env-only": "^2.3.0",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "overrides": {
-    "react": "18.3.0-canary-01ab35a9a-20240228",
-    "react-dom": "18.3.0-canary-01ab35a9a-20240228",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "@duckdb/duckdb-wasm": "next"
   },
   "engines": {

apps/web/server.js

@@ -17,18 +17,17 @@ const STAGE = process.env.STAGE;
 const isProduction = STAGE === "production";
 const SENTRY_DSN = process.env.SENTRY_DSN;
 
-const createRequestHandler =
-  isProduction
-    ? Sentry.wrapExpressCreateRequestHandler(_createRequestHandler)
-    : _createRequestHandler;
+const createRequestHandler = isProduction
+  ? Sentry.wrapExpressCreateRequestHandler(_createRequestHandler)
+  : _createRequestHandler;
 
 const viteDevServer = isProduction
   ? undefined
   : await import("vite").then((vite) =>
-    vite.createServer({
-      server: { middlewareMode: true },
-    }),
-  );
+      vite.createServer({
+        server: { middlewareMode: true },
+      }),
+    );
 
 async function getBuild() {
   return viteDevServer
@@ -67,11 +66,11 @@ if (viteDevServer) {
     "/assets",
     express.static("build/client/assets", { immutable: true, maxAge: "1y" }),
   );
-}
 
-// Everything else (like favicon.ico) is cached for an hour. You may want to be
-// more aggressive with this caching.
-app.use(express.static("build/client", { maxAge: "1h" }));
+  // Everything else (like favicon.ico) is cached for an hour. You may want to be
+  // more aggressive with this caching.
+  app.use(express.static("build/client", { maxAge: "1h" }));
+}
 
 morgan.token("url", (req) => decodeURIComponent(req.url ?? ""));
 
@@ -84,25 +83,27 @@ app.use((_, res, next) => {
 
 app.use(
   helmet({
+    xPoweredBy: false,
     referrerPolicy: { policy: "same-origin" },
     crossOriginEmbedderPolicy: "require-corp",
     crossOriginOpenerPolicy: "same-origin",
     contentSecurityPolicy: {
       // NOTE: Remove reportOnly when you're ready to enforce this CSP
       reportOnly: true,
       directives: {
-        'connect-src': [
-          MODE === 'development' ? 'ws:' : null,
-          isProduction && SENTRY_DSN ? '*.ingest.sentry.io' : null,
-          'cdn.jsdelivr.net',
-          '*.duckdb.org',
+        "connect-src": [
+          MODE === "development" ? "ws:" : null,
+          isProduction && SENTRY_DSN ? "*.ingest.sentry.io" : null,
+          "cdn.jsdelivr.net",
+          "*.duckdb.org",
           "'self'",
         ].filter(Boolean),
-        'frame-src': ["'self'"],
-        'img-src': ["'self'", 'data:'],
-        "report-uri":
-          isProduction ? 'https://o4506928409280512.ingest.us.sentry.io/api/4506928414982144/security/?sentry_key=02302d5793d3ca103701cb0b84cff6a0' : null,
-        'script-src': [
+        "frame-src": ["'self'"],
+        "img-src": ["'self'", "data:"],
+        "report-uri": isProduction
+          ? "https://o4506928409280512.ingest.us.sentry.io/api/4506928414982144/security/?sentry_key=02302d5793d3ca103701cb0b84cff6a0"
+          : null,
+        "script-src": [
           "'strict-dynamic'",
           "'self'",
           "'unsafe-inline'",
@@ -111,7 +112,7 @@ app.use(
           // @ts-expect-error
           (_, res) => `'nonce-${res.locals.cspNonce}'`,
         ],
-        'script-src-attr': [
+        "script-src-attr": [
           // @ts-expect-error
           (_, res) => `'nonce-${res.locals.cspNonce}'`,
         ],

apps/web/sst-env.d.ts

@@ -6,20 +6,15 @@
     "**/.server/**/*.tsx",
     "**/.client/**/*.ts",
     "**/.client/**/*.tsx",
-    "env.d.ts",
-    "sst-env.d.ts"
+    "env.d.ts"
   ],
   "exclude": [
     "node_modules",
     "dist"
   ],
   "compilerOptions": {
     "types": [
-      "@remix-run/node",
-      "vite/client",
-      "@types/wicg-file-system-access",
-      "react/canary",
-      "react-dom/canary"
+      "@types/wicg-file-system-access"
     ],
     "esModuleInterop": true,
     "jsx": "react-jsx",

apps/web/tsconfig.json

@@ -0,0 +1 @@
+module.exports = { extends: ["@commitlint/config-conventional"] };

commitlint.config.cjs

@@ -12,7 +12,7 @@
   "description": "QuackDB - An online DuckDB SQL playground and editor",
   "scripts": {
     "build": "turbo build",
-    "dev": "turbo dev",
+    "dev": "dotenv -- turbo dev",
     "lint": "turbo lint",
     "format": "turbo format",
     "prepare": "husky",
@@ -21,7 +21,10 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.6.2",
-    "@repo/typescript-config": "workspace:*",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "conventional-changelog-conventionalcommits": "^8.0.0",
+    "dotenv-cli": "^7.4.1",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "prettier": "^3.2.5",