chore(backend): add docker compose (#229)

* chore(backend): move to docker inside its own package

* chore: add husky & lint-staged

* chore: dockerize ui

* reduce size of docker containers

* make it all work together

* fix lintstaged

* chore(docs): add demo vid to README

* update thumbnail

* update thumbnail

* update border

* Add workflow to deploy prisma migrations

Author: jatinsandilya

.dockerignore

@@ -4,7 +4,6 @@ examples
 public
 .gitignore
 README.md
-packages/client
 packages/react
 packages/js
 packages/vue

.env.example

@@ -0,0 +1,2 @@
+SERVER_PORT=
+PGSQL_URL=

.github/workflows/deploy-db-changes.yml

@@ -0,0 +1,31 @@
+name: Deploy prisma
+
+on:
+    push:
+        branches:
+            - main
+        # paths:
+        #     - packages/prisma/**
+
+jobs:
+    deploy-prisma:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout Repository
+              uses: actions/checkout@v2
+
+            - name: Set up Node.js
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 17
+            - name: Install Fern
+              run: npm install -g fern-api
+
+            - name: Install Dependencies
+              run: yarn install
+
+            - name: Deploy prisma migrations
+              run: yarn workspace @revertdotdev/backend db-deploy
+              env:
+                  PGSQL_URL: ${{ secrets.PGSQL_URL }}

.gitignore

@@ -72,6 +72,7 @@ npm-debug.log*
 *.code-workspace 
 *.log
 !.yarnrc.yml
+!docker-compose*.yml
 .pnp.*
 .yarn/*
 !.yarn/patches

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+yarn lint

.lintstagedrc.json

@@ -0,0 +1,5 @@
+{
+    "packages/**/*.{js,ts,tsx,json}": [
+        "prettier --ignore-path ./.prettierignore --write"
+    ]
+}

.nvmrc

@@ -1 +1 @@
-16.13 
+16.19.1 

.yarn/install-state.gz

@@ -9,15 +9,20 @@
 [Get started](https://revert.dev) · [Docs](https://docs.revert.dev/) · [Issues](https://github.com/revertinc/revert/issues) · [Discord](https://discord.gg/q5K5cRhymW) · [Get in touch](mailto:[email protected])
 
 </h2>
-<br />
-<img width="100%" style="border-radius:75px;" src="https://res.cloudinary.com/dfcnic8wq/image/upload/v1689828148/Revert/github_o27jvk.png"/>
 
 </p>
 
 # About Revert
 
 Revert makes it easier to build integrations with go-to-market tools like CRM's.
 
+<a href="http://www.youtube.com/watch?feature=player_embedded&v=1aXXx66LKnY
+" target="_blank">
+<img src="https://res.cloudinary.com/dfcnic8wq/image/upload/v1694089822/Revert/Screenshot_2023-09-07_at_6.00.00_PM_xz7edr.png" 
+alt="Revert Quick demo"  border="2"/>
+<em>Revert Quick demo</em>
+</a>
+
 Visit: https://revert.dev to sign up for an account or read our docs [here](https://docs.revert.dev) !
 
 ### What makes us faster and reliable.

README.md

@@ -0,0 +1,43 @@
+version: '3.8'
+
+services:
+  db:
+    image: postgres:15
+    ports:
+      - '5432:5432'
+    volumes:
+      - pgdata:/var/lib/postgresql/data
+    restart: on-failure
+    environment:
+      POSTGRES_DB: ${POSTGRES_DATABASE:-postgres}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-postgres}
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U postgres"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+  ui:
+    build: 
+      dockerfile: packages/client/Dockerfile
+      context: "./"
+    env_file:
+      - packages/client/.env
+    ports: 
+      - 3000:3000
+  api: 
+    build: 
+      dockerfile: packages/backend/Dockerfile
+      context: "./"
+      args:
+        PGSQL_URL: postgresql://postgres:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DATABASE}
+        SERVER_PORT: ${SERVER_PORT}
+    env_file:
+      - packages/backend/.env
+    ports:
+      - 4001:4001
+    depends_on:
+      db:
+        condition: service_healthy  # Wait for db service to be healthy
+
+volumes:
+  pgdata:

docker-compose.yml

@@ -6,14 +6,18 @@
     ],
     "devDependencies": {
         "fern-api": "0.12.0",
+        "husky": "^8.0.3",
+        "lint-staged": "^10.5.4",
         "prettier": "2.5.1",
         "pretty-quick": "3.1.3",
         "typescript": "^4.8.4"
     },
     "scripts": {
         "fern": "fern generate --log-level debug --group local",
         "fern-docs": "fern generate --group external",
-        "build": "yarn workspaces foreach run build"
+        "build": "yarn workspaces foreach run build",
+        "prepare": "husky install",
+        "lint": "lint-staged"
     },
     "prisma": {
         "schema": "packages/backend/prisma/schema.prisma",

package.json

@@ -0,0 +1,9 @@
+node_modules
+examples
+public
+.gitignore
+README.md
+packages/client
+packages/react
+packages/js
+packages/vue

packages/backend/.dockerignore

@@ -0,0 +1,20 @@
+SERVER_PORT=4001
+REDIS_SERVER_URL=
+HUBSPOT_CLIENT_ID=
+HUBSPOT_CLIENT_SECRET=
+ZOHOCRM_CLIENT_ID=
+ZOHOCRM_CLIENT_SECRET=
+PGSQL_URL=
+SFDC_CLIENT_ID=
+SFDC_CLIENT_SECRET=
+OAUTH_REDIRECT_BASE=http://localhost:3000/oauth-callback
+PORT=4001
+SLACK_HOOK_URL=
+SENTRY_DSN=
+SVIX_AUTH_TOKEN=
+SHORTLOOP_AUTH_KEY=
+SVIX_ENDPOINT_SECRET=
+FERN_TOKEN=
+PIPEDRIVE_CLIENT_ID=
+PIPEDRIVE_CLIENT_SECRET=
+AES_ENCRYPTION_SECRET=

packages/backend/.env.example

@@ -1,7 +1,7 @@
 FROM node:alpine AS BUILD_IMAGE
 WORKDIR /app/
-COPY ./fern/ /app/fern/
 
+COPY ./fern/ /app/fern/
 COPY ./packages/backend /app/packages/backend
 COPY ./yarn.lock /app/yarn.lock
 COPY ./package.json /app/package.json

Dockerfile packages/backend/Dockerfile

@@ -4,7 +4,7 @@ import { Svix } from 'svix';
 dotenv.config();
 
 const config = {
-    PORT: process.env.SERVER_PORT,
+    PORT: process.env.SERVER_PORT || 4001,
     DATABASE: process.env.MONGO_DATABASE,
     REDIS_URL: process.env.REDIS_SERVER_URL,
     HUBSPOT_CLIENT_ID: process.env.HUBSPOT_CLIENT_ID,
@@ -22,7 +22,7 @@ const config = {
     SVIX_AUTH_TOKEN: process.env.SVIX_AUTH_TOKEN,
     SHORTLOOP_AUTH_KEY: process.env.SHORTLOOP_AUTH_KEY!,
     SVIX_ENDPOINT_SECRET: process.env.SVIX_ENDPOINT_SECRET!,
-    svix: new Svix(process.env.SVIX_AUTH_TOKEN!),
+    svix: process.env.SVIX_AUTH_TOKEN ? new Svix(process.env.SVIX_AUTH_TOKEN!) : undefined,
     WHITE_LISTED_DOMAINS: process.env.WHITE_LISTED_DOMAINS?.split(','),
     AES_ENCRYPTION_SECRET: process.env.AES_ENCRYPTION_SECRET!,
 };

packages/backend/config.ts

@@ -4,7 +4,7 @@
     "description": "Codebase to run revert-backend",
     "private": true,
     "scripts": {
-        "build": "mkdir -p ./dist/generated && cp -r ./generated/ ./dist/generated && tsc && yarn migration:generate",
+        "build": "mkdir -p ./dist/generated && cp -r ./generated/ ./dist/generated && tsc",
         "watch": "tsc -w",
         "start": "NODE_ENV=production node ./dist/index.js",
         "start:prod": "yarn db-deploy && NODE_ENV=production node ./dist/index.js",

packages/backend/package.json

@@ -80,7 +80,7 @@ authRouter.get('/oauth-callback', async (req, res) => {
                         appId: account?.apps[0].id,
                     },
                 });
-                config.svix.message.create(svixAppId, {
+                config.svix?.message.create(svixAppId, {
                     eventType: 'connection.added',
                     payload: {
                         eventType: 'connection.added',
@@ -162,7 +162,7 @@ authRouter.get('/oauth-callback', async (req, res) => {
                             tp_refresh_token: result.data.refresh_token,
                         },
                     });
-                    config.svix.message.create(svixAppId, {
+                    config.svix?.message.create(svixAppId, {
                         eventType: 'connection.added',
                         payload: {
                             eventType: 'connection.added',
@@ -243,7 +243,7 @@ authRouter.get('/oauth-callback', async (req, res) => {
                         app_client_secret: clientSecret || config.SFDC_CLIENT_SECRET,
                     },
                 });
-                config.svix.message.create(svixAppId, {
+                config.svix?.message.create(svixAppId, {
                     eventType: 'connection.added',
                     payload: {
                         eventType: 'connection.added',
@@ -321,7 +321,7 @@ authRouter.get('/oauth-callback', async (req, res) => {
                         appId: account?.apps[0].id,
                     },
                 });
-                config.svix.message.create(svixAppId, {
+                config.svix?.message.create(svixAppId, {
                     eventType: 'connection.added',
                     payload: {
                         eventType: 'connection.added',

packages/backend/routes/v1/crm/auth.ts

@@ -246,7 +246,7 @@ class AuthService {
                     })
                 );
                 // Create Svix application for this account if it doesn't exist.
-                await config.svix.application.getOrCreate({
+                await config.svix?.application.getOrCreate({
                     name: accountId,
                     uid: accountId,
                 });

packages/backend/services/auth.ts

@@ -107,7 +107,7 @@ const connectionService = new ConnectionService({
             },
         });
         if (deleted) {
-            config.svix.message.create(svixAppId, {
+            config.svix?.message.create(svixAppId, {
                 eventType: 'connection.deleted',
                 payload: {
                     eventType: 'connection.deleted',
@@ -131,7 +131,7 @@ const connectionService = new ConnectionService({
             });
             const svixAppId = environment?.accountId!;
             const secret = `whsec_${Buffer.from(uuidv4()).toString('base64')}`;
-            const webhook = await config.svix.endpoint.create(svixAppId, {
+            const webhook = await config.svix!.endpoint.create(svixAppId, {
                 url: webhookUrl,
                 version: 1,
                 description: `Connection Webhook for tenant ${tenantId}`,
@@ -167,7 +167,7 @@ const connectionService = new ConnectionService({
                 },
             });
             const svixAppId = environment?.accountId!;
-            const webhook = await config.svix.endpoint.get(svixAppId, String(tenantId));
+            const webhook = await config.svix!.endpoint.get(svixAppId, String(tenantId));
             res.send({ status: 'ok', webhook: webhook });
         } catch (error: any) {
             logError(error);
@@ -190,7 +190,7 @@ const connectionService = new ConnectionService({
                 },
             });
             const svixAppId = environment?.accountId!;
-            await config.svix.endpoint.delete(svixAppId, webhookId);
+            await config.svix!.endpoint.delete(svixAppId, webhookId);
             res.send({ status: 'ok' });
         } catch (error: any) {
             logError(error);

packages/backend/services/connection.ts

@@ -0,0 +1,11 @@
+node_modules
+examples
+public
+.gitignore
+README.md
+**/node_modules
+packages/react
+packages/js
+packages/vue
+packages/backend
+packages/client/node_modules

packages/client/.dockerignore

@@ -0,0 +1,5 @@
+REACT_APP_REVERT_BASE_API_URL=http://localhost:4001
+REACT_APP_SLACK_CLIENT_ID=
+REACT_APP_SLACK_CLIENT_SECRET=
+REACT_APP_CLERK_PUBLISHABLE_KEY=
+REACT_APP_SENTRY_DSN=

packages/client/.env.example

@@ -0,0 +1,30 @@
+# Use an official Node.js runtime as the base image
+FROM node:14-alpine AS builder
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy the package.json and yarn.lock files to the container
+COPY package.json yarn.lock ./
+# Copy the entire project directory into the container
+COPY . .
+
+# Copy the .env file into the container
+COPY ./packages/client/.env ./app/packages/client/.env
+
+# Install project dependencies using Yarn
+RUN yarn install --check-cache
+# Build the React app
+RUN yarn workspace @revertdotdev/revert-ui build
+
+# Bundle static assets with nginx
+FROM nginx:1.21.0-alpine as production
+ENV NODE_ENV production
+# Copy built assets from builder
+COPY --from=builder /app/packages/client/build /usr/share/nginx/html
+# Add your nginx.conf
+COPY ./packages/client/nginx.conf /etc/nginx/conf.d/default.conf
+# Expose port
+EXPOSE 3000
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"]

packages/client/Dockerfile

@@ -0,0 +1,9 @@
+server {
+  listen 3000;
+
+  location / {
+    root /usr/share/nginx/html/;
+    include /etc/nginx/mime.types;
+    try_files $uri $uri/ /index.html;
+  }
+}