Self-hosting! (#49)

* added self-hosting
2024-08-28 09:28:44 +02:00
parent f0b7526847
commit df05e2dab3
70 changed files with 2310 additions and 272 deletions
--- a/apps/dashboard/Dockerfile
+++ b/apps/dashboard/Dockerfile
@@ -1,6 +1,6 @@
 ARG NODE_VERSION=20.15.1

-FROM --platform=linux/amd64 node:${NODE_VERSION}-slim AS base
+FROM node:${NODE_VERSION}-slim AS base

 ENV SKIP_ENV_VALIDATION="1"

@@ -11,17 +11,15 @@ ARG ENABLE_INSTRUMENTATION_HOOK
 ENV ENABLE_INSTRUMENTATION_HOOK=$ENABLE_INSTRUMENTATION_HOOK

 ENV PNPM_HOME="/pnpm"
-
 ENV PATH="$PNPM_HOME:$PATH"

-RUN corepack enable
+# Install necessary dependencies for prisma
+RUN apt-get update && apt-get install -y \
+    openssl \
+    libssl3 \
+    && rm -rf /var/lib/apt/lists/*

-RUN apt update \
-    && apt install -y curl \
-    && curl -L https://raw.githubusercontent.com/tj/n/master/bin/n -o n \
-    && bash n $NODE_VERSION \
-    && rm n \
-    && npm install -g n
+RUN corepack enable

 WORKDIR /app

@@ -39,14 +37,14 @@ COPY packages/common/package.json packages/common/package.json
 COPY packages/constants/package.json packages/constants/package.json
 COPY packages/validation/package.json packages/validation/package.json
 COPY packages/sdks/sdk/package.json packages/sdks/sdk/package.json
+COPY patches patches

 # BUILD
 FROM base AS build

-WORKDIR /app/apps/dashboard
+WORKDIR /app
 RUN pnpm install --frozen-lockfile --ignore-scripts

-WORKDIR  /app
 COPY apps/dashboard apps/dashboard
 COPY packages packages
 COPY tooling tooling
@@ -57,48 +55,44 @@ WORKDIR /app/apps/dashboard
 # Will be replaced on runtime
 ENV NEXT_PUBLIC_DASHBOARD_URL="__NEXT_PUBLIC_DASHBOARD_URL__"
 ENV NEXT_PUBLIC_API_URL="__NEXT_PUBLIC_API_URL__"
-# Check entrypoint for this little fellow
 ENV NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="pk_test_eW9sby5jb20k"
+# Does not need to be replaced
+ENV NEXT_PUBLIC_CLERK_SIGN_IN_URL="/login"
+ENV NEXT_PUBLIC_CLERK_SIGN_UP_URL="/register"
+ENV NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL="/"
+ENV NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL="/"

 RUN pnpm run build

-# PROD
-FROM base AS prod
-
-WORKDIR /app/apps/dashboard
-RUN pnpm install --frozen-lockfile --prod --ignore-scripts
-
-# FINAL
+# RUNNER
 FROM base AS runner

-COPY --from=build /app/package.json /app/package.json
-COPY --from=prod /app/node_modules /app/node_modules
-# Apps
-COPY --from=build /app/apps/dashboard /app/apps/dashboard
-# Apps node_modules
-COPY --from=prod /app/apps/dashboard/node_modules /app/apps/dashboard/node_modules
-# Packages
-COPY --from=build /app/packages/db /app/packages/db
-COPY --from=build /app/packages/redis /app/packages/redis
-COPY --from=build /app/packages/common /app/packages/common
-COPY --from=build /app/packages/queue /app/packages/queue
-COPY --from=build /app/packages/constants /app/packages/constants
-COPY --from=build /app/packages/validation /app/packages/validation
-COPY --from=build /app/packages/sdks/sdk /app/packages/sdks/sdk
-# Packages node_modules
-COPY --from=prod /app/packages/db/node_modules /app/packages/db/node_modules
-COPY --from=prod /app/packages/redis/node_modules /app/packages/redis/node_modules
-COPY --from=prod /app/packages/common/node_modules /app/packages/common/node_modules
-COPY --from=prod /app/packages/validation/node_modules /app/packages/validation/node_modules
-COPY --from=prod /app/packages/queue/node_modules /app/packages/queue/node_modules
+WORKDIR /app

-RUN pnpm db:codegen
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1

-WORKDIR /app/apps/dashboard
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# Set the correct permission for prerender cache
+RUN mkdir .next
+RUN chown nextjs:nodejs .next
+
+# Set the correct permissions for the entire /app directory
+COPY --from=build --chown=nextjs:nodejs /app/apps/dashboard/.next/standalone ./
+COPY --from=build --chown=nextjs:nodejs /app/apps/dashboard/.next/static ./apps/dashboard/.next/static
+COPY --from=build --chown=nextjs:nodejs /app/apps/dashboard/public ./apps/dashboard/public
+
+# Copy and set permissions for the entrypoint script
+COPY --from=build --chown=nextjs:nodejs /app/apps/dashboard/entrypoint.sh ./entrypoint.sh
+RUN chmod +x ./entrypoint.sh
+
+USER nextjs

 EXPOSE 3000

-# CMD ["pnpm", "start"]
-COPY --from=build /app/apps/dashboard/entrypoint.sh /usr/bin/
-RUN chmod +x /usr/bin/entrypoint.sh
-ENTRYPOINT ["entrypoint.sh", "pnpm", "start"]
+ENV PORT=3000
+ENV HOSTNAME=0.0.0.0
+
+ENTRYPOINT [ "/app/entrypoint.sh", "node", "/app/apps/dashboard/server.js"]
--- a/apps/dashboard/entrypoint.sh
+++ b/apps/dashboard/entrypoint.sh
@@ -1,32 +1,39 @@
-#!/bin/bash
+#!/bin/sh
 set -e

 echo "> Replace env variable placeholders with runtime values..."
-# Define an array of environment variables to check
-variables_to_replace=(
-  "NEXT_PUBLIC_DASHBOARD_URL"
-  "NEXT_PUBLIC_API_URL"
-  "NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY"
-)
+
+# Define environment variables to check (space-separated string)
+variables_to_replace="NEXT_PUBLIC_DASHBOARD_URL NEXT_PUBLIC_API_URL NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY"

 # Replace env variable placeholders with real values
-for key in "${variables_to_replace[@]}"; do
-  value=$(printenv $key)
-  if [ ! -z "$value" ]; then
-    echo "  - Searching for $key with value $value..."
-    # Use a custom placeholder for 'NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY' or use the actual key otherwise
-    if [ "$key" = "NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY" ]; then
-      placeholder="pk_test_eW9sby5jb20k"
+for key in $variables_to_replace; do
+    value=$(eval echo \$"$key")
+    if [ -n "$value" ]; then
+        echo "  - Searching for $key with value $value..."
+        # Use a custom placeholder for 'NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY' or use the actual key otherwise
+        case "$key" in
+            NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY)
+                placeholder="pk_test_eW9sby5jb20k"
+                ;;
+            *)
+                placeholder="__${key}__"
+                ;;
+        esac
+        # Run the replacement
+        find /app -type f \( -name "*.js" -o -name "*.html" \) | while read -r file; do
+            if grep -q "$placeholder" "$file"; then
+                echo "    - Replacing in file: $file"
+                sed -i "s|$placeholder|$value|g" "$file"
+            fi
+        done
    else
-      placeholder="__${key}__"
+        echo "  - Skipping $key as it has no value set."
    fi
-    # Run the replacement
-    find /app/apps/dashboard/.next/ -type f \( -name "*.js" -o -name "*.html" \) -exec sed -i "s|$placeholder|$value|g" {} \;
-
-  else
-    echo "  - Skipping $key as it has no value set."
-  fi
 done

+echo "> Done!"
+echo "> Running $@"
+
 # Execute the container's main process (CMD in Dockerfile)
 exec "$@"
--- a/apps/dashboard/next.config.mjs
+++ b/apps/dashboard/next.config.mjs
@@ -9,6 +9,7 @@ await import('./src/env.mjs');

 /** @type {import("next").NextConfig} */
 const config = {
+  output: 'standalone',
  webpack: (config, { isServer }) => {
    if (isServer) {
      config.plugins = [...config.plugins, new PrismaPlugin()];
--- a/apps/dashboard/package.json
+++ b/apps/dashboard/package.json
@@ -5,7 +5,7 @@
  "scripts": {
    "dev": "rm -rf .next && pnpm with-env next dev",
    "testing": "pnpm dev",
-    "build": "next build",
+    "build": "pnpm with-env next build",
    "start": "next start",
    "lint": "eslint .",
    "format": "prettier --check \"**/*.{tsx,mjs,ts,md,json}\"",
--- a/apps/dashboard/src/app/(onboarding)/skip-onboarding.tsx
+++ b/apps/dashboard/src/app/(onboarding)/skip-onboarding.tsx
@@ -16,9 +16,8 @@ const SkipOnboarding = () => {
    res.refetch();
  }, [pathname]);

-  console.log(res.data);
-
  if (!pathname.startsWith('/onboarding')) return null;
+
  return (
    <button
      onClick={() => {
@@ -30,6 +29,7 @@ const SkipOnboarding = () => {
            text: 'Are you sure you want to skip onboarding? Since you do not have any projects, you will be logged out.',
            onConfirm() {
              auth.signOut();
+              router.replace(process.env.NEXT_PUBLIC_CLERK_SIGN_IN_URL);
            },
          });
        }
--- a/apps/dashboard/src/app/manifest.ts
+++ b/apps/dashboard/src/app/manifest.ts
@@ -2,6 +2,7 @@ import type { MetadataRoute } from 'next';

 export default function manifest(): MetadataRoute.Manifest {
  return {
+    id: process.env.NEXT_PUBLIC_DASHBOARD_URL,
    name: 'Openpanel.dev',
    short_name: 'Openpanel.dev',
    description: '',
@@ -9,12 +10,5 @@ export default function manifest(): MetadataRoute.Manifest {
    display: 'standalone',
    background_color: '#fff',
    theme_color: '#fff',
-    icons: [
-      {
-        src: '/favicon.ico',
-        sizes: 'any',
-        type: 'image/x-icon',
-      },
-    ],
  };
 }
--- a/apps/dashboard/src/modals/Instructions.tsx
+++ b/apps/dashboard/src/modals/Instructions.tsx
@@ -182,7 +182,7 @@ $openpanel->event(
        <strong>Usage</strong>
        <p>Create a custom event called &quot;my_event&quot;.</p>
        <Syntax
-          code={`curl 'https://api.openpanel.dev/track' \\
+          code={`curl '${process.env.NEXT_PUBLIC_API_URL}/track' \\
  -H 'content-type: application/json' \\
  -H 'openpanel-client-id: ${clientId}' \\
  -H 'openpanel-client-secret: ${clientSecret}' \\