♻️ Switch to turborepo (#532)

Author: lukevella

.dockerignore

@@ -2,10 +2,12 @@ node_modules
 .git
 .github
 .vscode
+tsconfig.tsbuildinfo
 .env
 .sentryclirc
 sentry.properties
 Dockerfile
 docker-compose.yml
-docs
-README.md
+/docs
+README.md
+node_modules

.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["next/core-web-vitals"],
+  "extends": ["next/core-web-vitals", "turbo"],
   "plugins": ["simple-import-sort", "@typescript-eslint"],
   "overrides": [
     {

.github/workflows/ci.yml

@@ -11,6 +11,9 @@ jobs:
   linting:
     name: Linting
     runs-on: ubuntu-latest
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
     steps:
       - name: Check out repository code
         uses: actions/checkout@v3
@@ -35,7 +38,9 @@ jobs:
     name: Run tests
     # Containers must run in Linux based operating systems
     runs-on: ubuntu-latest
-
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
     steps:
       # Downloads a copy of the code in your repository before running CI tests
       - name: Check out repository code
@@ -66,7 +71,7 @@ jobs:
           yarn wait-on --timeout 60000 tcp:localhost:5432
 
       - name: Deploy migrations
-        run: yarn prisma migrate deploy
+        run: yarn db:deploy
 
       - name: Install playwright dependencies
         run: yarn playwright install --with-deps chromium

.github/workflows/docker-image.yml

@@ -39,6 +39,7 @@ jobs:
       - name: Build and publish image
         uses: docker/build-push-action@v4
         with:
+          file: /apps/web/Dockerfile
           platforms: linux/arm64,linux/amd64
           push: true
           cache-from: type=gha

.gitignore

@@ -31,15 +31,8 @@ yarn-error.log*
 .env.test.local
 .env.production.local
 
-# vercel
-.vercel
-
-# Sentry
-.sentryclirc
-
-# playwright
-/playwright-report
-/test-results
-
 # ts
-tsconfig.tsbuildinfo
+tsconfig.tsbuildinfo
+
+# Turbo
+.turbo

Dockerfile

@@ -0,0 +1,8 @@
+node_modules
+
+# Sentry
+.sentryclirc
+
+# playwright
+/playwright-report
+/test-results

apps/web/.gitignore

@@ -0,0 +1,47 @@
+FROM node:lts AS builder
+
+WORKDIR /app
+RUN yarn global add turbo
+COPY . .
+RUN turbo prune --scope=app --docker
+
+FROM node:lts AS installer
+
+WORKDIR /app
+COPY .gitignore .gitignore
+COPY --from=builder /app/out/json/ .
+COPY --from=builder /app/out/yarn.lock ./yarn.lock
+RUN yarn --network-timeout 1000000
+
+# Build the project
+COPY --from=builder /app/out/full/ .
+COPY turbo.json turbo.json
+RUN yarn turbo run generate
+RUN yarn turbo run build --filter=app...
+
+FROM node:lts AS runner
+
+WORKDIR /app
+
+RUN yarn global add prisma
+# Don't run production as root
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+USER nextjs
+
+COPY --from=builder --chown=nextjs:nodejs /app/scripts/docker-start.sh ./
+COPY --from=builder --chown=nextjs:nodejs /app/packages/database/prisma ./prisma
+ 
+COPY --from=installer /app/apps/web/next.config.js .
+COPY --from=installer /app/apps/web/package.json .
+
+ENV PORT 3000
+EXPOSE 3000
+
+# 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/web/.next/standalone ./
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/.next/static ./apps/web/.next/static
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/public ./apps/web/public
+
+CMD ["./docker-start.sh"]

apps/web/Dockerfile

@@ -12,6 +12,7 @@ const withBundleAnalyzer = require("@next/bundle-analyzer")({
 const nextConfig = {
   i18n: i18n,
   productionBrowserSourceMaps: true,
+  output: "standalone",
   webpack(config) {
     config.module.rules.push({
       test: /\.svg$/,

declarations/environment.d.ts apps/web/declarations/environment.d.ts

@@ -0,0 +1,93 @@
+{
+  "name": "app",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "TAILWIND_MODE=watch next dev",
+    "build": "next build",
+    "analyze": "ANALYZE=true next build",
+    "start": "next start",
+    "lint": "eslint .",
+    "lint:tsc": "tsc --noEmit",
+    "lint:i18n": "i18n-unused remove-unused",
+    "test": "PORT=3001 playwright test",
+    "test:codegen": "playwright codegen http://localhost:3000",
+    "docker:start": "./scripts/docker-start.sh"
+  },
+  "dependencies": {
+    "@floating-ui/react-dom-interactions": "^0.13.3",
+    "@headlessui/react": "^1.7.7",
+    "@next/bundle-analyzer": "^12.3.4",
+    "@radix-ui/react-popover": "^1.0.3",
+    "@rallly/database": "*",
+    "@sentry/nextjs": "^7.33.0",
+    "@svgr/webpack": "^6.5.1",
+    "@tailwindcss/typography": "^0.5.9",
+    "@tanstack/react-query": "^4.22.0",
+    "@trpc/client": "^10.13.0",
+    "@trpc/next": "^10.13.0",
+    "@trpc/react-query": "^10.13.0",
+    "@trpc/server": "^10.13.0",
+    "@vercel/analytics": "^0.1.8",
+    "accept-language-parser": "^1.5.0",
+    "autoprefixer": "^10.4.13",
+    "clsx": "^1.1.1",
+    "dayjs": "^1.11.7",
+    "eta": "^2.0.0",
+    "framer-motion": "^6.5.1",
+    "i18next": "^22.4.9",
+    "iron-session": "^6.3.1",
+    "js-cookie": "^3.0.1",
+    "lodash": "^4.17.21",
+    "nanoid": "^4.0.0",
+    "next": "^13.2.1",
+    "next-i18next": "^13.0.3",
+    "next-seo": "^5.15.0",
+    "nodemailer": "^6.9.0",
+    "postcss": "^8.4.21",
+    "posthog-js": "^1.42.3",
+    "react": "^18.2.0",
+    "react-big-calendar": "^1.5.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.42.1",
+    "react-hot-toast": "^2.4.0",
+    "react-i18next": "^12.1.4",
+    "react-linkify": "^1.0.0-alpha",
+    "react-use": "^17.4.0",
+    "smoothscroll-polyfill": "^0.4.4",
+    "spacetime": "^7.1.4",
+    "superjson": "^1.12.2",
+    "tailwindcss": "^3.2.4",
+    "tailwindcss-animate": "^1.0.5",
+    "timezone-soft": "^1.3.1",
+    "typescript": "^4.9.4",
+    "zod": "^3.20.2"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.31.1",
+    "@rallly/tsconfig": "*",
+    "@types/accept-language-parser": "^1.5.3",
+    "@types/lodash": "^4.14.178",
+    "@types/nodemailer": "^6.4.4",
+    "@types/react": "^18.0.28",
+    "@types/react-big-calendar": "^0.31.0",
+    "@types/react-dom": "^18.0.11",
+    "@types/react-linkify": "^1.0.1",
+    "@types/smoothscroll-polyfill": "^0.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.21.0",
+    "@typescript-eslint/parser": "^5.50.0",
+    "cheerio": "^1.0.0-rc.12",
+    "eslint": "^7.26.0",
+    "eslint-config-next": "^13.0.1",
+    "eslint-config-turbo": "^0.0.9",
+    "eslint-import-resolver-typescript": "^2.7.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
+    "i18n-unused": "^0.12.0",
+    "prettier-plugin-tailwindcss": "^0.1.8",
+    "smtp-tester": "^2.0.1",
+    "wait-on": "^6.0.1"
+  }
+}

declarations/i18next.d.ts apps/web/declarations/i18next.d.ts

@@ -9,17 +9,19 @@ import { trpc } from "../../utils/trpc";
 import { Button } from "../button";
 import { TextInput } from "../text-input";
 
-const VerifyCode: React.VoidFunctionComponent<{
+const VerifyCode: React.FunctionComponent<{
   email: string;
   onSubmit: (code: string) => Promise<void>;
   onResend: () => Promise<void>;
   onChange: () => void;
 }> = ({ onChange, onSubmit, email, onResend }) => {
-  const { register, handleSubmit, setError, formState } =
-    useForm<{ code: string }>();
+  const { register, handleSubmit, setError, formState } = useForm<{
+    code: string;
+  }>();
   const { t } = useTranslation("app");
-  const [resendStatus, setResendStatus] =
-    React.useState<"ok" | "busy" | "disabled">("ok");
+  const [resendStatus, setResendStatus] = React.useState<
+    "ok" | "busy" | "disabled"
+  >("ok");
 
   const handleResend = async () => {
     setResendStatus("busy");
@@ -123,7 +125,7 @@ type RegisterFormData = {
   email: string;
 };
 
-export const RegisterForm: React.VoidFunctionComponent<{
+export const RegisterForm: React.FunctionComponent<{
   onClickLogin?: React.MouseEventHandler;
   onRegistered: () => void;
   defaultValues?: Partial<RegisterFormData>;
@@ -263,16 +265,17 @@ export const RegisterForm: React.VoidFunctionComponent<{
   );
 };
 
-export const LoginForm: React.VoidFunctionComponent<{
+export const LoginForm: React.FunctionComponent<{
   onClickRegister?: (
     e: React.MouseEvent<HTMLAnchorElement>,
     email: string,
   ) => void;
   onAuthenticated: () => void;
 }> = ({ onAuthenticated, onClickRegister }) => {
   const { t } = useTranslation("app");
-  const { register, handleSubmit, getValues, formState, setError } =
-    useForm<{ email: string }>();
+  const { register, handleSubmit, getValues, formState, setError } = useForm<{
+    email: string;
+  }>();
   const requestLogin = trpc.auth.requestLogin.useMutation();
   const authenticateLogin = trpc.auth.authenticateLogin.useMutation();
 

declarations/iron-session.d.ts apps/web/declarations/iron-session.d.ts

@@ -6,15 +6,15 @@ import { useModalContext } from "../modal/modal-provider";
 import { useUser } from "../user-provider";
 import { LoginForm, RegisterForm } from "./login-form";
 
-export const LoginModal: React.VoidFunctionComponent<{
+export const LoginModal: React.FunctionComponent<{
   onDone: () => void;
 }> = ({ onDone }) => {
   const [hasAccount, setHasAccount] = React.useState(false);
   const [defaultEmail, setDefaultEmail] = React.useState("");
 
   return (
     <div className="w-[420px] max-w-full overflow-hidden bg-white shadow-sm">
-      <div className="bg-pattern border-b border-t-4 border-t-primary-500 bg-slate-500/5 p-4 text-center sm:p-8">
+      <div className="bg-pattern border-t-primary-500 border-b border-t-4 bg-slate-500/5 p-4 text-center sm:p-8">
         <Logo className="text-2xl" />
       </div>
       <div className="p-4 sm:p-6">

declarations/smpt-tester.d.ts apps/web/declarations/smpt-tester.d.ts

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import React from "react";
 
-const Badge: React.VoidFunctionComponent<{
+const Badge: React.FunctionComponent<{
   children?: React.ReactNode;
   color?: "gray" | "amber" | "green" | "red" | "blue";
   className?: string;

i18n-unused.config.js apps/web/i18n-unused.config.js

@@ -9,7 +9,7 @@ export interface CompactButtonProps {
   onClick?: () => void;
 }
 
-const CompactButton: React.VoidFunctionComponent<CompactButtonProps> = ({
+const CompactButton: React.FunctionComponent<CompactButtonProps> = ({
   icon: Icon,
   children,
   onClick,

next-env.d.ts apps/web/next-env.d.ts

@@ -8,7 +8,7 @@ import { getPortal } from "@/utils/selectors";
 
 import CookiesIllustration from "./cookie-consent/cookies.svg";
 
-const CookieConsentPopover: React.VoidFunctionComponent = () => {
+const CookieConsentPopover: React.FunctionComponent = () => {
   const [visible, setVisible] = React.useState(true);
 
   return ReactDOM.createPortal(
@@ -40,7 +40,7 @@ const CookieConsentPopover: React.VoidFunctionComponent = () => {
           <div className="flex items-center space-x-6">
             <Link
               href="/privacy-policy"
-              className="text-slate-400 hover:text-primary-500"
+              className="hover:text-primary-500 text-slate-400"
             >
               Privacy Policy
             </Link>
@@ -49,7 +49,7 @@ const CookieConsentPopover: React.VoidFunctionComponent = () => {
                 Cookies.set("rallly_cookie_consent", "1", { expires: 365 });
                 setVisible(false);
               }}
-              className="grow rounded-md bg-primary-500 px-5 py-1 font-semibold text-white shadow-sm  transition-all hover:bg-primary-500/90 focus:ring-2 focus:ring-primary-200 active:bg-primary-600/90"
+              className="bg-primary-500 hover:bg-primary-500/90 focus:ring-primary-200 active:bg-primary-600/90 grow rounded-md px-5 py-1  font-semibold text-white shadow-sm transition-all focus:ring-2"
             >
               OK
             </button>