feat: init moodle and separate stuffs to shared package

2024-10-22 16:14:22 +02:00 · 2022-07-15 12:31:54 +00:00 · 2022-07-15 12:31:54 +00:00 · 866070b9ea
commit 866070b9ea
parent 49ecb15773
34 changed files with 1118 additions and 3116 deletions
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@ -14,7 +14,12 @@
 	// Set *default* container specific settings.json values on container create.
 	"settings": {},
 	// Add the IDs of extensions you want installed when the container is created.
-	"extensions": ["dbaeumer.vscode-eslint", "svelte.svelte-vscode"],
+	"extensions": [
+		"dbaeumer.vscode-eslint",
+		"svelte.svelte-vscode",
+		"ardenivanov.svelte-intellisense",
+		"Prisma.prisma"
+	],
 	// Use 'forwardPorts' to make a list of ports inside the container available locally.
 	"forwardPorts": [3000],
 	// Use 'postCreateCommand' to run commands after the container is created.
--- a/apps/api/nodemon.json
+++ b/apps/api/nodemon.json
@ -2,6 +2,6 @@
    "watch": ["src"],
    "ignore": ["src/**/*.test.ts"],
    "ext": "ts,mjs,json,graphql",
-    "exec": "rimraf build && esbuild `find src \\( -name '*.ts' \\) | grep -v client/` --platform=node --outdir=build --format=cjs && node build",
+    "exec": "rimraf build && esbuild `find src \\( -name '*.ts' \\)` --minify=true --platform=node --outdir=build --format=cjs  && node build",
    "legacyWatch": true
  }
--- a/apps/api/package.json
+++ b/apps/api/package.json
@ -14,6 +14,7 @@
    "start": "NODE_ENV=production npx -y prisma migrate deploy && npx prisma generate && npx prisma db seed && node index.js"
  },
  "dependencies": {
+    "shared": "workspace:*",
    "@breejs/ts-worker": "2.0.0",
    "@fastify/autoload": "5.0.0",
    "@fastify/cookie": "7.0.0",
@ -51,7 +52,7 @@
    "@types/node-os-utils": "1.3.0",
    "@typescript-eslint/eslint-plugin": "5.30.5",
    "@typescript-eslint/parser": "5.30.5",
-    "esbuild": "0.14.48",
+    "esbuild": "0.14.49",
    "eslint": "8.19.0",
    "eslint-config-prettier": "8.5.0",
    "eslint-plugin-prettier": "4.2.1",
--- a/apps/api/prisma/schema.prisma
+++ b/apps/api/prisma/schema.prisma
@ -313,6 +313,7 @@ model Service {
  umami               Umami?
  hasura              Hasura?
  fider               Fider?
+  moodle              Moodle?
 }

 model PlausibleAnalytics {
@ -451,3 +452,20 @@ model Fider {
  createdAt               DateTime @default(now())
  updatedAt               DateTime @updatedAt
 }
+
+model Moodle {
+  id                      String   @id @default(cuid())
+  serviceId               String   @unique
+  defaultUsername         String
+  defaultPassword         String
+  defaultEmail            String
+  mariadbUser             String
+  mariadbPassword         String
+  mariadbRootUser         String
+  mariadbRootUserPassword String
+  mariadbDatabase         String
+  mariadbPublicPort       Int?
+  service                 Service  @relation(fields: [serviceId], references: [id])
+  createdAt               DateTime @default(now())
+  updatedAt               DateTime @updatedAt
+}
--- a/apps/api/src/lib/common.ts
+++ b/apps/api/src/lib/common.ts
@ -69,7 +69,8 @@ export const include: any = {
 	meiliSearch: true,
 	umami: true,
 	hasura: true,
-	fider: true
+	fider: true,
+	moodle: true
 };

 export const uniqueName = (): string => uniqueNamesGenerator(customConfig);
@ -112,6 +113,7 @@ export const encrypt = (text: string) => {
 		});
 	}
 };
+import { supportedServiceTypesAndVersions } from 'shared';
 export async function checkDoubleBranch(branch: string, projectId: number): Promise<boolean> {
 	const applications = await prisma.application.findMany({ where: { branch, projectId } });
 	return applications.length > 1;
@ -308,167 +310,6 @@ export const supportedDatabaseTypesAndVersions = [
 	},
 	{ name: 'couchdb', fancyName: 'CouchDB', baseImage: 'bitnami/couchdb', versions: ['3.2.1'] }
 ];
-export const supportedServiceTypesAndVersions = [
-	{
-		name: 'plausibleanalytics',
-		fancyName: 'Plausible Analytics',
-		baseImage: 'plausible/analytics',
-		images: ['bitnami/postgresql:13.2.0', 'yandex/clickhouse-server:21.3.2.5'],
-		versions: ['latest', 'stable'],
-		recommendedVersion: 'stable',
-		ports: {
-			main: 8000
-		}
-	},
-	{
-		name: 'nocodb',
-		fancyName: 'NocoDB',
-		baseImage: 'nocodb/nocodb',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 8080
-		}
-	},
-	{
-		name: 'minio',
-		fancyName: 'MinIO',
-		baseImage: 'minio/minio',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 9001
-		}
-	},
-	{
-		name: 'vscodeserver',
-		fancyName: 'VSCode Server',
-		baseImage: 'codercom/code-server',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 8080
-		}
-	},
-	{
-		name: 'wordpress',
-		fancyName: 'Wordpress',
-		baseImage: 'wordpress',
-		images: ['bitnami/mysql:5.7'],
-		versions: ['latest', 'php8.1', 'php8.0', 'php7.4', 'php7.3'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 80
-		}
-	},
-	{
-		name: 'vaultwarden',
-		fancyName: 'Vaultwarden',
-		baseImage: 'vaultwarden/server',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 80
-		}
-	},
-	{
-		name: 'languagetool',
-		fancyName: 'LanguageTool',
-		baseImage: 'silviof/docker-languagetool',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 8010
-		}
-	},
-	{
-		name: 'n8n',
-		fancyName: 'n8n',
-		baseImage: 'n8nio/n8n',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 5678
-		}
-	},
-	{
-		name: 'uptimekuma',
-		fancyName: 'Uptime Kuma',
-		baseImage: 'louislam/uptime-kuma',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 3001
-		}
-	},
-	{
-		name: 'ghost',
-		fancyName: 'Ghost',
-		baseImage: 'bitnami/ghost',
-		images: ['bitnami/mariadb'],
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 2368
-		}
-	},
-	{
-		name: 'meilisearch',
-		fancyName: 'Meilisearch',
-		baseImage: 'getmeili/meilisearch',
-		images: [],
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 7700
-		}
-	},
-	{
-		name: 'umami',
-		fancyName: 'Umami',
-		baseImage: 'ghcr.io/mikecao/umami',
-		images: ['postgres:12-alpine'],
-		versions: ['postgresql-latest'],
-		recommendedVersion: 'postgresql-latest',
-		ports: {
-			main: 3000
-		}
-	},
-	{
-		name: 'hasura',
-		fancyName: 'Hasura',
-		baseImage: 'hasura/graphql-engine',
-		images: ['postgres:12-alpine'],
-		versions: ['latest', 'v2.8.3'],
-		recommendedVersion: 'v2.8.3',
-		ports: {
-			main: 8080
-		}
-	},
-	{
-		name: 'fider',
-		fancyName: 'Fider',
-		baseImage: 'getfider/fider',
-		images: ['postgres:12-alpine'],
-		versions: ['stable'],
-		recommendedVersion: 'stable',
-		ports: {
-			main: 3000
-		}
-		// },
-		// {
-		// 	name: 'appwrite',
-		// 	fancyName: 'AppWrite',
-		// 	baseImage: 'appwrite/appwrite',
-		// 	images: ['appwrite/influxdb', 'appwrite/telegraf', 'mariadb:10.7', 'redis:6.0-alpine3.12'],
-		// 	versions: ['latest', '0.13.0'],
-		// 	recommendedVersion: '0.13.0',
-		// 	ports: {
-		// 		main: 3000
-		// 	}
-		// }
-	}
-];

 export async function startTraefikProxy(engine: string): Promise<void> {
 	const host = getEngine(engine);
@ -1347,6 +1188,40 @@ export async function configureServiceType({
 				}
 			}
 		});
+	} else if (type === 'moodle') {
+		const defaultUsername = cuid();
+		const defaultPassword = encrypt(generatePassword());
+		const defaultEmail = `${cuid()}@example.com`;
+		const mariadbUser = cuid();
+		const mariadbPassword = encrypt(generatePassword());
+		const mariadbDatabase = 'moodle_db';
+		const mariadbRootUser = cuid();
+		const mariadbRootUserPassword = encrypt(generatePassword());
+		await prisma.service.update({
+			where: { id },
+			data: {
+				type,
+				moodle: {
+					create: {
+						defaultUsername,
+						defaultPassword,
+						defaultEmail,
+						mariadbUser,
+						mariadbPassword,
+						mariadbDatabase,
+						mariadbRootUser,
+						mariadbRootUserPassword
+					}
+				}
+			}
+		});
+	} else {
+		await prisma.service.update({
+			where: { id },
+			data: {
+				type
+			}
+		});
 	}
 }

--- a/apps/api/src/lib/serviceFields.ts
+++ b/apps/api/src/lib/serviceFields.ts
@ -15,7 +15,7 @@ export const plausibleAnalytics = [{
 	isNumber: false,
 	isBoolean: false,
 	isEncrypted: false
-},{
+}, {
 	name: 'username',
 	isEditable: true,
 	isLowerCase: false,
@ -86,7 +86,7 @@ export const minio = [{
 	isNumber: false,
 	isBoolean: false,
 	isEncrypted: false
-},{
+}, {
 	name: 'rootUser',
 	isEditable: false,
 	isLowerCase: false,
@ -325,7 +325,7 @@ export const fider = [{
 	isNumber: false,
 	isBoolean: false,
 	isEncrypted: true
-},{
+}, {
 	name: 'postgreslUser',
 	isEditable: false,
 	isLowerCase: false,
@ -412,4 +412,68 @@ export const fider = [{
 	isNumber: false,
 	isBoolean: false,
 	isEncrypted: false
+}]
+export const moodle = [{
+	name: 'defaultEmail',
+	isEditable: true,
+	isLowerCase: true,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: false
+},
+{
+	name: 'defaultUsername',
+	isEditable: true,
+	isLowerCase: false,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: false
+},
+{
+	name: 'defaultPassword',
+	isEditable: false,
+	isLowerCase: false,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: true
+},
+{
+	name: 'mariadbUser',
+	isEditable: false,
+	isLowerCase: false,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: false
+},
+{
+	name: 'mariadbPassword',
+	isEditable: false,
+	isLowerCase: false,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: true
+},
+{
+	name: 'mariadbRootUser',
+	isEditable: false,
+	isLowerCase: false,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: false
+},
+{
+	name: 'mariadbRootUserPassword',
+	isEditable: false,
+	isLowerCase: false,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: true
+},
+{
+	name: 'mariadbDatabase',
+	isEditable: true,
+	isLowerCase: false,
+	isNumber: false,
+	isBoolean: false,
+	isEncrypted: false
 }]
--- a/apps/api/src/routes/api/v1/services/handlers.ts
+++ b/apps/api/src/routes/api/v1/services/handlers.ts
@ -2,13 +2,14 @@ import type { FastifyReply, FastifyRequest } from 'fastify';
 import fs from 'fs/promises';
 import yaml from 'js-yaml';
 import bcrypt from 'bcryptjs';
-import { prisma, uniqueName, asyncExecShell, getServiceImage, getServiceImages, configureServiceType, getServiceFromDB, getContainerUsage, removeService, isDomainConfigured, saveUpdateableFields, fixType, decrypt, encrypt, getServiceMainPort, createDirectories, ComposeFile, makeLabelForServices, getFreePort, getDomain, errorHandler, supportedServiceTypesAndVersions, generatePassword, isDev, stopTcpHttpProxy } from '../../../../lib/common';
+import { prisma, uniqueName, asyncExecShell, getServiceImage, getServiceImages, configureServiceType, getServiceFromDB, getContainerUsage, removeService, isDomainConfigured, saveUpdateableFields, fixType, decrypt, encrypt, getServiceMainPort, createDirectories, ComposeFile, makeLabelForServices, getFreePort, getDomain, errorHandler, generatePassword, isDev, stopTcpHttpProxy } from '../../../../lib/common';
 import { day } from '../../../../lib/dayjs';
 import { checkContainer, dockerInstance, getEngine, removeContainer } from '../../../../lib/docker';
 import cuid from 'cuid';

 import type { OnlyId } from '../../../../types';
 import type { ActivateWordpressFtp, CheckService, DeleteServiceSecret, DeleteServiceStorage, GetServiceLogs, SaveService, SaveServiceDestination, SaveServiceSecret, SaveServiceSettings, SaveServiceStorage, SaveServiceType, SaveServiceVersion, ServiceStartStop, SetWordpressSettings } from './types';
+import { supportedServiceTypesAndVersions } from 'shared';

 // async function startServiceNew(request: FastifyRequest<OnlyId>) {
 //     try {
@ -227,7 +228,6 @@ export async function getServiceType(request: FastifyRequest) {
 }
 export async function saveServiceType(request: FastifyRequest<SaveServiceType>, reply: FastifyReply) {
    try {
-        const teamId = request.user.teamId;
        const { id } = request.params;
        const { type } = request.body;
        await configureServiceType({ id, type });
@ -589,6 +589,9 @@ export async function startService(request: FastifyRequest<ServiceStartStop>) {
        if (type === 'fider') {
            return await startFiderService(request)
        }
+        if (type === 'moodle') {
+            return await startMoodleService(request)
+        }
        throw `Service type ${type} not supported.`
    } catch (error) {
        throw { status: 500, message: error?.message || error }
@ -639,6 +642,9 @@ export async function stopService(request: FastifyRequest<ServiceStartStop>) {
        if (type === 'fider') {
            return await stopFiderService(request)
        }
+        if (type === 'moodle') {
+            return await stopMoodleService(request)
+        }
        throw `Service type ${type} not supported.`
    } catch (error) {
        throw { status: 500, message: error?.message || error }
@ -2524,6 +2530,170 @@ async function stopFiderService(request: FastifyRequest<ServiceStartStop>) {
    }
 }

+async function startMoodleService(request: FastifyRequest<ServiceStartStop>) {
+    try {
+        const { id } = request.params;
+        const teamId = request.user.teamId;
+        const service = await getServiceFromDB({ id, teamId });
+        const {
+            type,
+            version,
+            fqdn,
+            destinationDockerId,
+            destinationDocker,
+            serviceSecret,
+            exposePort,
+            moodle: {
+                defaultUsername,
+                defaultPassword,
+                defaultEmail,
+                mariadbRootUser,
+                mariadbRootUserPassword,
+                mariadbDatabase,
+                mariadbPassword,
+                mariadbUser
+            }
+        } = service;
+        const network = destinationDockerId && destinationDocker.network;
+        const host = getEngine(destinationDocker.engine);
+        const port = getServiceMainPort('moodle');
+
+        const { workdir } = await createDirectories({ repository: type, buildId: id });
+        const image = getServiceImage(type);
+        const domain = getDomain(fqdn);
+        const config = {
+            moodle: {
+                image: `${image}:${version}`,
+                volume: `${id}-data:/bitnami/moodle`,
+                environmentVariables: {
+                    MOODLE_USERNAME: defaultUsername,
+                    MOODLE_PASSWORD: defaultPassword,
+                    MOODLE_EMAIL: defaultEmail,
+                    MOODLE_DATABASE_HOST: `${id}-mariadb`,
+                    MOODLE_DATABASE_USER: mariadbUser,
+                    MOODLE_DATABASE_PASSWORD: mariadbPassword,
+                    MOODLE_DATABASE_NAME: mariadbDatabase,
+                    MOODLE_REVERSEPROXY: 'yes'
+                }
+            },
+            mariadb: {
+                image: 'bitnami/mariadb:latest',
+                volume: `${id}-mariadb-data:/bitnami/mariadb`,
+                environmentVariables: {
+                    MARIADB_USER: mariadbUser,
+                    MARIADB_PASSWORD: mariadbPassword,
+                    MARIADB_DATABASE: mariadbDatabase,
+                    MARIADB_ROOT_USER: mariadbRootUser,
+                    MARIADB_ROOT_PASSWORD: mariadbRootUserPassword
+                }
+            }
+        };
+        if (serviceSecret.length > 0) {
+            serviceSecret.forEach((secret) => {
+                config.moodle.environmentVariables[secret.name] = secret.value;
+            });
+        }
+
+        const composeFile: ComposeFile = {
+            version: '3.8',
+            services: {
+                [id]: {
+                    container_name: id,
+                    image: config.moodle.image,
+                    environment: config.moodle.environmentVariables,
+                    networks: [network],
+                    volumes: [],
+                    restart: 'always',
+                    labels: makeLabelForServices('moodle'),
+                    ...(exposePort ? { ports: [`${exposePort}:${port}`] } : {}),
+                    deploy: {
+                        restart_policy: {
+                            condition: 'on-failure',
+                            delay: '5s',
+                            max_attempts: 3,
+                            window: '120s'
+                        }
+                    },
+                    depends_on: [`${id}-mariadb`]
+                },
+                [`${id}-mariadb`]: {
+                    container_name: `${id}-mariadb`,
+                    image: config.mariadb.image,
+                    environment: config.mariadb.environmentVariables,
+                    networks: [network],
+                    volumes: [],
+                    restart: 'always',
+                    deploy: {
+                        restart_policy: {
+                            condition: 'on-failure',
+                            delay: '5s',
+                            max_attempts: 3,
+                            window: '120s'
+                        }
+                    },
+                    depends_on: []
+                }
+
+            },
+            networks: {
+                [network]: {
+                    external: true
+                }
+            },
+            volumes: {
+                [config.moodle.volume.split(':')[0]]: {
+                    name: config.moodle.volume.split(':')[0]
+                },
+                [config.mariadb.volume.split(':')[0]]: {
+                    name: config.mariadb.volume.split(':')[0]
+                }
+            }
+
+        };
+        const composeFileDestination = `${workdir}/docker-compose.yaml`;
+        await fs.writeFile(composeFileDestination, yaml.dump(composeFile));
+
+        await asyncExecShell(`DOCKER_HOST=${host} docker compose -f ${composeFileDestination} pull`);
+        await asyncExecShell(`DOCKER_HOST=${host} docker compose -f ${composeFileDestination} up -d`);
+
+        return {}
+    } catch ({ status, message }) {
+        return errorHandler({ status, message })
+    }
+}
+async function stopMoodleService(request: FastifyRequest<ServiceStartStop>) {
+    try {
+        const { id } = request.params;
+        const teamId = request.user.teamId;
+        const service = await getServiceFromDB({ id, teamId });
+        const { destinationDockerId, destinationDocker, fqdn } = service;
+        if (destinationDockerId) {
+            const engine = destinationDocker.engine;
+
+            try {
+                const found = await checkContainer(engine, id);
+                if (found) {
+                    await removeContainer({ id, engine });
+                }
+            } catch (error) {
+                console.error(error);
+            }
+            try {
+                const found = await checkContainer(engine, `${id}-mariadb`);
+                if (found) {
+                    await removeContainer({ id: `${id}-mariadb`, engine });
+                }
+            } catch (error) {
+                console.error(error);
+            }
+        }
+        return {}
+    } catch ({ status, message }) {
+        return errorHandler({ status, message })
+    }
+}
+
+
 export async function activatePlausibleUsers(request: FastifyRequest<OnlyId>, reply: FastifyReply) {
    try {
        const { id } = request.params
--- a/apps/api/src/routes/webhooks/traefik/handlers.ts
+++ b/apps/api/src/routes/webhooks/traefik/handlers.ts
@ -1,5 +1,6 @@
 import { FastifyRequest } from "fastify";
-import { asyncExecShell, errorHandler, getDomain, isDev, listServicesWithIncludes, prisma, supportedServiceTypesAndVersions } from "../../../lib/common";
+import { supportedServiceTypesAndVersions } from "shared";
+import { asyncExecShell, errorHandler, getDomain, isDev, listServicesWithIncludes, prisma } from "../../../lib/common";
 import { getEngine } from "../../../lib/docker";
 import { TraefikOtherConfiguration } from "./types";

--- a/apps/shared/index.ts
+++ b/apps/shared/index.ts
@ -0,0 +1,160 @@
+export const supportedServiceTypesAndVersions = [
+    {
+        name: 'plausibleanalytics',
+        fancyName: 'Plausible Analytics',
+        baseImage: 'plausible/analytics',
+        images: ['bitnami/postgresql:13.2.0', 'yandex/clickhouse-server:21.3.2.5'],
+        versions: ['latest', 'stable'],
+        recommendedVersion: 'stable',
+        ports: {
+            main: 8000
+        }
+    },
+    {
+        name: 'nocodb',
+        fancyName: 'NocoDB',
+        baseImage: 'nocodb/nocodb',
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 8080
+        }
+    },
+    {
+        name: 'minio',
+        fancyName: 'MinIO',
+        baseImage: 'minio/minio',
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 9001
+        }
+    },
+    {
+        name: 'vscodeserver',
+        fancyName: 'VSCode Server',
+        baseImage: 'codercom/code-server',
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 8080
+        }
+    },
+    {
+        name: 'wordpress',
+        fancyName: 'Wordpress',
+        baseImage: 'wordpress',
+        images: ['bitnami/mysql:5.7'],
+        versions: ['latest', 'php8.1', 'php8.0', 'php7.4', 'php7.3'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 80
+        }
+    },
+    {
+        name: 'vaultwarden',
+        fancyName: 'Vaultwarden',
+        baseImage: 'vaultwarden/server',
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 80
+        }
+    },
+    {
+        name: 'languagetool',
+        fancyName: 'LanguageTool',
+        baseImage: 'silviof/docker-languagetool',
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 8010
+        }
+    },
+    {
+        name: 'n8n',
+        fancyName: 'n8n',
+        baseImage: 'n8nio/n8n',
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 5678
+        }
+    },
+    {
+        name: 'uptimekuma',
+        fancyName: 'Uptime Kuma',
+        baseImage: 'louislam/uptime-kuma',
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 3001
+        }
+    },
+    {
+        name: 'ghost',
+        fancyName: 'Ghost',
+        baseImage: 'bitnami/ghost',
+        images: ['bitnami/mariadb'],
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 2368
+        }
+    },
+    {
+        name: 'meilisearch',
+        fancyName: 'Meilisearch',
+        baseImage: 'getmeili/meilisearch',
+        images: [],
+        versions: ['latest'],
+        recommendedVersion: 'latest',
+        ports: {
+            main: 7700
+        }
+    },
+    {
+        name: 'umami',
+        fancyName: 'Umami',
+        baseImage: 'ghcr.io/mikecao/umami',
+        images: ['postgres:12-alpine'],
+        versions: ['postgresql-latest'],
+        recommendedVersion: 'postgresql-latest',
+        ports: {
+            main: 3000
+        }
+    },
+    {
+        name: 'hasura',
+        fancyName: 'Hasura',
+        baseImage: 'hasura/graphql-engine',
+        images: ['postgres:12-alpine'],
+        versions: ['latest', 'v2.5.1'],
+        recommendedVersion: 'v2.5.1',
+        ports: {
+            main: 8080
+        }
+    },
+    {
+        name: 'fider',
+        fancyName: 'Fider',
+        baseImage: 'getfider/fider',
+        images: ['postgres:12-alpine'],
+        versions: ['stable'],
+        recommendedVersion: 'stable',
+        ports: {
+            main: 3000
+        }
+    },
+    // {
+    //     name: 'moodle',
+    //     fancyName: 'Moodle',
+    //     baseImage: 'bitnami/moodle',
+    //     images: [],
+    //     versions: ['latest', 'v4.0.2'],
+    //     recommendedVersion: 'latest',
+    //     ports: {
+    //         main: 8080
+    //     }
+    // }
+];
--- a/apps/shared/nodemon.json
+++ b/apps/shared/nodemon.json
@ -0,0 +1,7 @@
+{
+    "watch": ["src"],
+    "ignore": ["src/**/*.test.ts"],
+    "ext": "ts,mjs,json,graphql",
+    "exec": "rimraf build && esbuild  index.ts --watch=true --minify=true --platform=node --outdir=build --format=cjs",
+    "legacyWatch": true
+  }
--- a/apps/shared/package.json
+++ b/apps/shared/package.json
@ -0,0 +1,14 @@
+{
+  "name": "shared",
+  "version": "1.0.0",
+  "main": "build/index.js",
+  "scripts": {
+    "dev": "nodemon",
+    "build": "rimraf build && esbuild index.ts --minify=true --platform=node --outdir=build --format=cjs"
+  },
+  "devDependencies": {
+    "esbuild": "0.14.49",
+    "nodemon": "2.0.19",
+    "rimraf": "3.0.2"
+  }
+}
--- a/apps/ui/package.json
+++ b/apps/ui/package.json
@ -39,6 +39,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"shared": "workspace:*",
 		"@sveltejs/adapter-static": "1.0.0-next.34",
 		"@zerodevx/svelte-toast": "0.7.2",
 		"cuid": "2.1.8",
--- a/apps/ui/src/lib/common.ts
+++ b/apps/ui/src/lib/common.ts
@ -1,4 +1,5 @@
 import { toast } from '@zerodevx/svelte-toast';
+import { supportedServiceTypesAndVersions } from 'shared/index';
 export const asyncSleep = (delay: number) =>
 	new Promise((resolve) => setTimeout(resolve, delay));

@ -62,195 +63,34 @@ export function changeQueryParams(buildId: string) {
 	return history.pushState(null, null, '?' + queryParams.toString());
 }

-// export const supportedDatabaseTypesAndVersions = [
-// 	{
-// 		name: 'mongodb',
-// 		fancyName: 'MongoDB',
-// 		baseImage: 'bitnami/mongodb',
-// 		versions: ['5.0', '4.4', '4.2']
-// 	},
-// 	{ name: 'mysql', fancyName: 'MySQL', baseImage: 'bitnami/mysql', versions: ['8.0', '5.7'] },
-// 	{
-// 		name: 'mariadb',
-// 		fancyName: 'MariaDB',
-// 		baseImage: 'bitnami/mariadb',
-// 		versions: ['10.7', '10.6', '10.5', '10.4', '10.3', '10.2']
-// 	},
-// 	{
-// 		name: 'postgresql',
-// 		fancyName: 'PostgreSQL',
-// 		baseImage: 'bitnami/postgresql',
-// 		versions: ['14.2.0', '13.6.0', '12.10.0	', '11.15.0', '10.20.0']
-// 	},
-// 	{
-// 		name: 'redis',
-// 		fancyName: 'Redis',
-// 		baseImage: 'bitnami/redis',
-// 		versions: ['6.2', '6.0', '5.0']
-// 	},
-// 	{ name: 'couchdb', fancyName: 'CouchDB', baseImage: 'bitnami/couchdb', versions: ['3.2.1'] }
-// ];
-// export const supportedServiceTypesAndVersions = [
-// 	{
-// 		name: 'plausibleanalytics',
-// 		fancyName: 'Plausible Analytics',
-// 		baseImage: 'plausible/analytics',
-// 		images: ['bitnami/postgresql:13.2.0', 'yandex/clickhouse-server:21.3.2.5'],
-// 		versions: ['latest', 'stable'],
-// 		recommendedVersion: 'stable',
-// 		ports: {
-// 			main: 8000
-// 		}
-// 	},
-// 	{
-// 		name: 'nocodb',
-// 		fancyName: 'NocoDB',
-// 		baseImage: 'nocodb/nocodb',
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 8080
-// 		}
-// 	},
-// 	{
-// 		name: 'minio',
-// 		fancyName: 'MinIO',
-// 		baseImage: 'minio/minio',
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 9001
-// 		}
-// 	},
-// 	{
-// 		name: 'vscodeserver',
-// 		fancyName: 'VSCode Server',
-// 		baseImage: 'codercom/code-server',
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 8080
-// 		}
-// 	},
-// 	{
-// 		name: 'wordpress',
-// 		fancyName: 'Wordpress',
-// 		baseImage: 'wordpress',
-// 		images: ['bitnami/mysql:5.7'],
-// 		versions: ['latest', 'php8.1', 'php8.0', 'php7.4', 'php7.3'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 80
-// 		}
-// 	},
-// 	{
-// 		name: 'vaultwarden',
-// 		fancyName: 'Vaultwarden',
-// 		baseImage: 'vaultwarden/server',
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 80
-// 		}
-// 	},
-// 	{
-// 		name: 'languagetool',
-// 		fancyName: 'LanguageTool',
-// 		baseImage: 'silviof/docker-languagetool',
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 8010
-// 		}
-// 	},
-// 	{
-// 		name: 'n8n',
-// 		fancyName: 'n8n',
-// 		baseImage: 'n8nio/n8n',
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 5678
-// 		}
-// 	},
-// 	{
-// 		name: 'uptimekuma',
-// 		fancyName: 'Uptime Kuma',
-// 		baseImage: 'louislam/uptime-kuma',
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 3001
-// 		}
-// 	},
-// 	{
-// 		name: 'ghost',
-// 		fancyName: 'Ghost',
-// 		baseImage: 'bitnami/ghost',
-// 		images: ['bitnami/mariadb'],
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 2368
-// 		}
-// 	},
-// 	{
-// 		name: 'meilisearch',
-// 		fancyName: 'Meilisearch',
-// 		baseImage: 'getmeili/meilisearch',
-// 		images: [],
-// 		versions: ['latest'],
-// 		recommendedVersion: 'latest',
-// 		ports: {
-// 			main: 7700
-// 		}
-// 	},
-// 	{
-// 		name: 'umami',
-// 		fancyName: 'Umami',
-// 		baseImage: 'ghcr.io/mikecao/umami',
-// 		images: ['postgres:12-alpine'],
-// 		versions: ['postgresql-latest'],
-// 		recommendedVersion: 'postgresql-latest',
-// 		ports: {
-// 			main: 3000
-// 		}
-// 	},
-// 	{
-// 		name: 'hasura',
-// 		fancyName: 'Hasura',
-// 		baseImage: 'hasura/graphql-engine',
-// 		images: ['postgres:12-alpine'],
-// 		versions: ['latest', 'v2.5.1'],
-// 		recommendedVersion: 'v2.5.1',
-// 		ports: {
-// 			main: 8080
-// 		}
-// 	},
-// 	{
-// 		name: 'fider',
-// 		fancyName: 'Fider',
-// 		baseImage: 'getfider/fider',
-// 		images: ['postgres:12-alpine'],
-// 		versions: ['stable'],
-// 		recommendedVersion: 'stable',
-// 		ports: {
-// 			main: 3000
-// 		}
-// 		// },
-// 		// {
-// 		// 	name: 'appwrite',
-// 		// 	fancyName: 'AppWrite',
-// 		// 	baseImage: 'appwrite/appwrite',
-// 		// 	images: ['appwrite/influxdb', 'appwrite/telegraf', 'mariadb:10.7', 'redis:6.0-alpine3.12'],
-// 		// 	versions: ['latest', '0.13.0'],
-// 		// 	recommendedVersion: '0.13.0',
-// 		// 	ports: {
-// 		// 		main: 3000
-// 		// 	}
-// 		// }
-// 	}
-// ];
+export const supportedDatabaseTypesAndVersions = [
+	{
+		name: 'mongodb',
+		fancyName: 'MongoDB',
+		baseImage: 'bitnami/mongodb',
+		versions: ['5.0', '4.4', '4.2']
+	},
+	{ name: 'mysql', fancyName: 'MySQL', baseImage: 'bitnami/mysql', versions: ['8.0', '5.7'] },
+	{
+		name: 'mariadb',
+		fancyName: 'MariaDB',
+		baseImage: 'bitnami/mariadb',
+		versions: ['10.7', '10.6', '10.5', '10.4', '10.3', '10.2']
+	},
+	{
+		name: 'postgresql',
+		fancyName: 'PostgreSQL',
+		baseImage: 'bitnami/postgresql',
+		versions: ['14.2.0', '13.6.0', '12.10.0	', '11.15.0', '10.20.0']
+	},
+	{
+		name: 'redis',
+		fancyName: 'Redis',
+		baseImage: 'bitnami/redis',
+		versions: ['6.2', '6.0', '5.0']
+	},
+	{ name: 'couchdb', fancyName: 'CouchDB', baseImage: 'bitnami/couchdb', versions: ['3.2.1'] }
+];

 export const getServiceMainPort = (service: string) => {
 	const serviceType = supportedServiceTypesAndVersions.find((s) => s.name === service);
@ -260,155 +100,7 @@ export const getServiceMainPort = (service: string) => {
 	return null;
 };

-export const supportedServiceTypesAndVersions = [
-	{
-		name: 'plausibleanalytics',
-		fancyName: 'Plausible Analytics',
-		baseImage: 'plausible/analytics',
-		images: ['bitnami/postgresql:13.2.0', 'yandex/clickhouse-server:21.3.2.5'],
-		versions: ['latest', 'stable'],
-		recommendedVersion: 'stable',
-		ports: {
-			main: 8000
-		}
-	},
-	{
-		name: 'nocodb',
-		fancyName: 'NocoDB',
-		baseImage: 'nocodb/nocodb',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 8080
-		}
-	},
-	{
-		name: 'minio',
-		fancyName: 'MinIO',
-		baseImage: 'minio/minio',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 9001
-		}
-	},
-	{
-		name: 'vscodeserver',
-		fancyName: 'VSCode Server',
-		baseImage: 'codercom/code-server',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 8080
-		}
-	},
-	{
-		name: 'wordpress',
-		fancyName: 'Wordpress',
-		baseImage: 'wordpress',
-		images: ['bitnami/mysql:5.7'],
-		versions: ['latest', 'php8.1', 'php8.0', 'php7.4', 'php7.3'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 80
-		}
-	},
-	{
-		name: 'vaultwarden',
-		fancyName: 'Vaultwarden',
-		baseImage: 'vaultwarden/server',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 80
-		}
-	},
-	{
-		name: 'languagetool',
-		fancyName: 'LanguageTool',
-		baseImage: 'silviof/docker-languagetool',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 8010
-		}
-	},
-	{
-		name: 'n8n',
-		fancyName: 'n8n',
-		baseImage: 'n8nio/n8n',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 5678
-		}
-	},
-	{
-		name: 'uptimekuma',
-		fancyName: 'Uptime Kuma',
-		baseImage: 'louislam/uptime-kuma',
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 3001
-		}
-	},
-	{
-		name: 'ghost',
-		fancyName: 'Ghost',
-		baseImage: 'bitnami/ghost',
-		images: ['bitnami/mariadb'],
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 2368
-		}
-	},
-	{
-		name: 'meilisearch',
-		fancyName: 'Meilisearch',
-		baseImage: 'getmeili/meilisearch',
-		images: [],
-		versions: ['latest'],
-		recommendedVersion: 'latest',
-		ports: {
-			main: 7700
-		}
-	},
-	{
-		name: 'umami',
-		fancyName: 'Umami',
-		baseImage: 'ghcr.io/mikecao/umami',
-		images: ['postgres:12-alpine'],
-		versions: ['postgresql-latest'],
-		recommendedVersion: 'postgresql-latest',
-		ports: {
-			main: 3000
-		}
-	},
-	{
-		name: 'hasura',
-		fancyName: 'Hasura',
-		baseImage: 'hasura/graphql-engine',
-		images: ['postgres:12-alpine'],
-		versions: ['latest', 'v2.5.1'],
-		recommendedVersion: 'v2.5.1',
-		ports: {
-			main: 8080
-		}
-	},
-	{
-		name: 'fider',
-		fancyName: 'Fider',
-		baseImage: 'getfider/fider',
-		images: ['postgres:12-alpine'],
-		versions: ['stable'],
-		recommendedVersion: 'stable',
-		ports: {
-			main: 3000
-		}
-	}
-];
+

 export function handlerNotFoundLoad(error: any, url: URL) {
 	if (error?.status === 404) {
--- a/apps/ui/src/lib/components/svg/services/Moodle.svelte
+++ b/apps/ui/src/lib/components/svg/services/Moodle.svelte
@ -0,0 +1,8 @@
+<script lang="ts">
+	export let isAbsolute = false;
+</script>
+<img
+	alt="moodle logo"
+	class={isAbsolute ? 'w-9 absolute top-0 left-0 -m-3 -mt-5' : 'w-8 mx-auto'}
+	src="/moodle.png"
+/>
--- a/apps/ui/src/lib/components/svg/services/index.ts
+++ b/apps/ui/src/lib/components/svg/services/index.ts
@ -0,0 +1,17 @@
+//@ts-nocheck
+export { default as PlausibleAnalytics } from './PlausibleAnalytics.svelte';
+export { default as NocoDb }  from './NocoDB.svelte';
+export { default as MinIo }  from './MinIO.svelte';
+export { default as VsCodeServer }  from './VSCodeServer.svelte';
+export { default as Wordpress }  from './Wordpress.svelte';
+export { default as VaultWarden }  from './VaultWarden.svelte';
+export { default as LanguageTool }  from './LanguageTool.svelte';
+export { default as N8n }  from './N8n.svelte';
+export { default as UptimeKuma }  from './UptimeKuma.svelte';
+export { default as Ghost }  from './Ghost.svelte';
+export { default as MeiliSearch }  from './MeiliSearch.svelte';
+export { default as Umami }  from './Umami.svelte';
+export { default as Hasura }  from './Hasura.svelte';
+export { default as Fider }  from './Fider.svelte';
+export { default as Moodle }  from './Moodle.svelte';
+
--- a/apps/ui/src/routes/applications/[id]/__layout.svelte
+++ b/apps/ui/src/routes/applications/[id]/__layout.svelte
@ -177,49 +177,7 @@
 				</svg></a
 			>
 		{/if}
-		{#if application.gitSource?.htmlUrl && application.repository && application.branch}
-			<a
-				href="{application.gitSource.htmlUrl}/{application.repository}/tree/{application.branch}"
-				target="_blank"
-				class="w-10"
-			>
-				{#if application.gitSource?.type === 'gitlab'}
-					<svg viewBox="0 0 128 128" class="icons">
-						<path
-							fill="#FC6D26"
-							d="M126.615 72.31l-7.034-21.647L105.64 7.76c-.716-2.206-3.84-2.206-4.556 0l-13.94 42.903H40.856L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664 1.385 72.31a4.792 4.792 0 001.74 5.358L64 121.894l60.874-44.227a4.793 4.793 0 001.74-5.357"
-						/><path fill="#E24329" d="M64 121.894l23.144-71.23H40.856L64 121.893z" /><path
-							fill="#FC6D26"
-							d="M64 121.894l-23.144-71.23H8.42L64 121.893z"
-						/><path
-							fill="#FCA326"
-							d="M8.42 50.663L1.384 72.31a4.79 4.79 0 001.74 5.357L64 121.894 8.42 50.664z"
-						/><path
-							fill="#E24329"
-							d="M8.42 50.663h32.436L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664z"
-						/><path fill="#FC6D26" d="M64 121.894l23.144-71.23h32.437L64 121.893z" /><path
-							fill="#FCA326"
-							d="M119.58 50.663l7.035 21.647a4.79 4.79 0 01-1.74 5.357L64 121.894l55.58-71.23z"
-						/><path
-							fill="#E24329"
-							d="M119.58 50.663H87.145l13.94-42.902c.717-2.206 3.84-2.206 4.557 0l13.94 42.903z"
-						/>
-					</svg>
-				{:else if application.gitSource?.type === 'github'}
-					<svg viewBox="0 0 128 128" class="icons">
-						<g fill="#ffffff"
-							><path
-								fill-rule="evenodd"
-								clip-rule="evenodd"
-								d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"
-							/><path
-								d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"
-							/></g
-						>
-					</svg>
-				{/if}
-			</a>
-		{/if}
+	
 		<div class="border border-coolgray-500 h-8" />
 		{#if $status.application.isExited}
 			<a
--- a/apps/ui/src/routes/applications/[id]/index.svelte
+++ b/apps/ui/src/routes/applications/[id]/index.svelte
@ -232,6 +232,49 @@
 		</div>
 		<span class="text-xs">{application.name}</span>
 	</div>
+	{#if application.gitSource?.htmlUrl && application.repository && application.branch}
+		<a
+			href="{application.gitSource.htmlUrl}/{application.repository}/tree/{application.branch}"
+			target="_blank"
+			class="w-10"
+		>
+			{#if application.gitSource?.type === 'gitlab'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<path
+						fill="#FC6D26"
+						d="M126.615 72.31l-7.034-21.647L105.64 7.76c-.716-2.206-3.84-2.206-4.556 0l-13.94 42.903H40.856L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664 1.385 72.31a4.792 4.792 0 001.74 5.358L64 121.894l60.874-44.227a4.793 4.793 0 001.74-5.357"
+					/><path fill="#E24329" d="M64 121.894l23.144-71.23H40.856L64 121.893z" /><path
+						fill="#FC6D26"
+						d="M64 121.894l-23.144-71.23H8.42L64 121.893z"
+					/><path
+						fill="#FCA326"
+						d="M8.42 50.663L1.384 72.31a4.79 4.79 0 001.74 5.357L64 121.894 8.42 50.664z"
+					/><path
+						fill="#E24329"
+						d="M8.42 50.663h32.436L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664z"
+					/><path fill="#FC6D26" d="M64 121.894l23.144-71.23h32.437L64 121.893z" /><path
+						fill="#FCA326"
+						d="M119.58 50.663l7.035 21.647a4.79 4.79 0 01-1.74 5.357L64 121.894l55.58-71.23z"
+					/><path
+						fill="#E24329"
+						d="M119.58 50.663H87.145l13.94-42.902c.717-2.206 3.84-2.206 4.557 0l13.94 42.903z"
+					/>
+				</svg>
+			{:else if application.gitSource?.type === 'github'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<g fill="#ffffff"
+						><path
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"
+						/><path
+							d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"
+						/></g
+					>
+				</svg>
+			{/if}
+		</a>
+	{/if}
 </div>

 <div class="mx-auto max-w-4xl px-6 py-4">
--- a/apps/ui/src/routes/applications/[id]/logs/build.svelte
+++ b/apps/ui/src/routes/applications/[id]/logs/build.svelte
@ -88,6 +88,49 @@
 		</div>
 		<span class="text-xs">{application.name} </span>
 	</div>
+	{#if application.gitSource?.htmlUrl && application.repository && application.branch}
+		<a
+			href="{application.gitSource.htmlUrl}/{application.repository}/tree/{application.branch}"
+			target="_blank"
+			class="w-10"
+		>
+			{#if application.gitSource?.type === 'gitlab'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<path
+						fill="#FC6D26"
+						d="M126.615 72.31l-7.034-21.647L105.64 7.76c-.716-2.206-3.84-2.206-4.556 0l-13.94 42.903H40.856L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664 1.385 72.31a4.792 4.792 0 001.74 5.358L64 121.894l60.874-44.227a4.793 4.793 0 001.74-5.357"
+					/><path fill="#E24329" d="M64 121.894l23.144-71.23H40.856L64 121.893z" /><path
+						fill="#FC6D26"
+						d="M64 121.894l-23.144-71.23H8.42L64 121.893z"
+					/><path
+						fill="#FCA326"
+						d="M8.42 50.663L1.384 72.31a4.79 4.79 0 001.74 5.357L64 121.894 8.42 50.664z"
+					/><path
+						fill="#E24329"
+						d="M8.42 50.663h32.436L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664z"
+					/><path fill="#FC6D26" d="M64 121.894l23.144-71.23h32.437L64 121.893z" /><path
+						fill="#FCA326"
+						d="M119.58 50.663l7.035 21.647a4.79 4.79 0 01-1.74 5.357L64 121.894l55.58-71.23z"
+					/><path
+						fill="#E24329"
+						d="M119.58 50.663H87.145l13.94-42.902c.717-2.206 3.84-2.206 4.557 0l13.94 42.903z"
+					/>
+				</svg>
+			{:else if application.gitSource?.type === 'github'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<g fill="#ffffff"
+						><path
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"
+						/><path
+							d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"
+						/></g
+					>
+				</svg>
+			{/if}
+		</a>
+	{/if}
 </div>
 <div class="block flex-row justify-start space-x-2 px-5 pt-6 sm:px-10 md:flex">
 	<div class="mb-4 min-w-[16rem] space-y-2 md:mb-0 ">
--- a/apps/ui/src/routes/applications/[id]/logs/index.svelte
+++ b/apps/ui/src/routes/applications/[id]/logs/index.svelte
@ -104,6 +104,49 @@
 		</div>
 		<span class="text-xs">{application.name}</span>
 	</div>
+	{#if application.gitSource?.htmlUrl && application.repository && application.branch}
+		<a
+			href="{application.gitSource.htmlUrl}/{application.repository}/tree/{application.branch}"
+			target="_blank"
+			class="w-10"
+		>
+			{#if application.gitSource?.type === 'gitlab'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<path
+						fill="#FC6D26"
+						d="M126.615 72.31l-7.034-21.647L105.64 7.76c-.716-2.206-3.84-2.206-4.556 0l-13.94 42.903H40.856L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664 1.385 72.31a4.792 4.792 0 001.74 5.358L64 121.894l60.874-44.227a4.793 4.793 0 001.74-5.357"
+					/><path fill="#E24329" d="M64 121.894l23.144-71.23H40.856L64 121.893z" /><path
+						fill="#FC6D26"
+						d="M64 121.894l-23.144-71.23H8.42L64 121.893z"
+					/><path
+						fill="#FCA326"
+						d="M8.42 50.663L1.384 72.31a4.79 4.79 0 001.74 5.357L64 121.894 8.42 50.664z"
+					/><path
+						fill="#E24329"
+						d="M8.42 50.663h32.436L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664z"
+					/><path fill="#FC6D26" d="M64 121.894l23.144-71.23h32.437L64 121.893z" /><path
+						fill="#FCA326"
+						d="M119.58 50.663l7.035 21.647a4.79 4.79 0 01-1.74 5.357L64 121.894l55.58-71.23z"
+					/><path
+						fill="#E24329"
+						d="M119.58 50.663H87.145l13.94-42.902c.717-2.206 3.84-2.206 4.557 0l13.94 42.903z"
+					/>
+				</svg>
+			{:else if application.gitSource?.type === 'github'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<g fill="#ffffff"
+						><path
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"
+						/><path
+							d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"
+						/></g
+					>
+				</svg>
+			{/if}
+		</a>
+	{/if}
 </div>
 <div class="flex flex-row justify-center space-x-2 px-10 pt-6">
 	{#if logs.length === 0}
--- a/apps/ui/src/routes/applications/[id]/previews.svelte
+++ b/apps/ui/src/routes/applications/[id]/previews.svelte
@ -64,6 +64,49 @@
 		</div>
 		<span class="text-xs">{application.name} </span>
 	</div>
+	{#if application.gitSource?.htmlUrl && application.repository && application.branch}
+		<a
+			href="{application.gitSource.htmlUrl}/{application.repository}/tree/{application.branch}"
+			target="_blank"
+			class="w-10"
+		>
+			{#if application.gitSource?.type === 'gitlab'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<path
+						fill="#FC6D26"
+						d="M126.615 72.31l-7.034-21.647L105.64 7.76c-.716-2.206-3.84-2.206-4.556 0l-13.94 42.903H40.856L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664 1.385 72.31a4.792 4.792 0 001.74 5.358L64 121.894l60.874-44.227a4.793 4.793 0 001.74-5.357"
+					/><path fill="#E24329" d="M64 121.894l23.144-71.23H40.856L64 121.893z" /><path
+						fill="#FC6D26"
+						d="M64 121.894l-23.144-71.23H8.42L64 121.893z"
+					/><path
+						fill="#FCA326"
+						d="M8.42 50.663L1.384 72.31a4.79 4.79 0 001.74 5.357L64 121.894 8.42 50.664z"
+					/><path
+						fill="#E24329"
+						d="M8.42 50.663h32.436L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664z"
+					/><path fill="#FC6D26" d="M64 121.894l23.144-71.23h32.437L64 121.893z" /><path
+						fill="#FCA326"
+						d="M119.58 50.663l7.035 21.647a4.79 4.79 0 01-1.74 5.357L64 121.894l55.58-71.23z"
+					/><path
+						fill="#E24329"
+						d="M119.58 50.663H87.145l13.94-42.902c.717-2.206 3.84-2.206 4.557 0l13.94 42.903z"
+					/>
+				</svg>
+			{:else if application.gitSource?.type === 'github'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<g fill="#ffffff"
+						><path
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"
+						/><path
+							d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"
+						/></g
+					>
+				</svg>
+			{/if}
+		</a>
+	{/if}
 </div>
 <div class="mx-auto max-w-6xl px-6 pt-4">
 	<div class="flex justify-center py-4 text-center">
--- a/apps/ui/src/routes/applications/[id]/secrets.svelte
+++ b/apps/ui/src/routes/applications/[id]/secrets.svelte
@ -5,7 +5,7 @@
 			const response = await get(`/applications/${params.id}/secrets`);
 			return {
 				props: {
-                    application: stuff.application,
+					application: stuff.application,
 					...response
 				}
 			};
@ -70,6 +70,49 @@
 		</div>
 		<span class="text-xs">{application.name} </span>
 	</div>
+	{#if application.gitSource?.htmlUrl && application.repository && application.branch}
+		<a
+			href="{application.gitSource.htmlUrl}/{application.repository}/tree/{application.branch}"
+			target="_blank"
+			class="w-10"
+		>
+			{#if application.gitSource?.type === 'gitlab'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<path
+						fill="#FC6D26"
+						d="M126.615 72.31l-7.034-21.647L105.64 7.76c-.716-2.206-3.84-2.206-4.556 0l-13.94 42.903H40.856L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664 1.385 72.31a4.792 4.792 0 001.74 5.358L64 121.894l60.874-44.227a4.793 4.793 0 001.74-5.357"
+					/><path fill="#E24329" d="M64 121.894l23.144-71.23H40.856L64 121.893z" /><path
+						fill="#FC6D26"
+						d="M64 121.894l-23.144-71.23H8.42L64 121.893z"
+					/><path
+						fill="#FCA326"
+						d="M8.42 50.663L1.384 72.31a4.79 4.79 0 001.74 5.357L64 121.894 8.42 50.664z"
+					/><path
+						fill="#E24329"
+						d="M8.42 50.663h32.436L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664z"
+					/><path fill="#FC6D26" d="M64 121.894l23.144-71.23h32.437L64 121.893z" /><path
+						fill="#FCA326"
+						d="M119.58 50.663l7.035 21.647a4.79 4.79 0 01-1.74 5.357L64 121.894l55.58-71.23z"
+					/><path
+						fill="#E24329"
+						d="M119.58 50.663H87.145l13.94-42.902c.717-2.206 3.84-2.206 4.557 0l13.94 42.903z"
+					/>
+				</svg>
+			{:else if application.gitSource?.type === 'github'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<g fill="#ffffff"
+						><path
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"
+						/><path
+							d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"
+						/></g
+					>
+				</svg>
+			{/if}
+		</a>
+	{/if}
 </div>
 <div class="mx-auto max-w-6xl px-6 pt-4">
 	<table class="mx-auto border-separate text-left">
--- a/apps/ui/src/routes/applications/[id]/storages.svelte
+++ b/apps/ui/src/routes/applications/[id]/storages.svelte
@ -41,6 +41,49 @@
 		</div>
 		<span class="text-xs">{application.name} </span>
 	</div>
+	{#if application.gitSource?.htmlUrl && application.repository && application.branch}
+		<a
+			href="{application.gitSource.htmlUrl}/{application.repository}/tree/{application.branch}"
+			target="_blank"
+			class="w-10"
+		>
+			{#if application.gitSource?.type === 'gitlab'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<path
+						fill="#FC6D26"
+						d="M126.615 72.31l-7.034-21.647L105.64 7.76c-.716-2.206-3.84-2.206-4.556 0l-13.94 42.903H40.856L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664 1.385 72.31a4.792 4.792 0 001.74 5.358L64 121.894l60.874-44.227a4.793 4.793 0 001.74-5.357"
+					/><path fill="#E24329" d="M64 121.894l23.144-71.23H40.856L64 121.893z" /><path
+						fill="#FC6D26"
+						d="M64 121.894l-23.144-71.23H8.42L64 121.893z"
+					/><path
+						fill="#FCA326"
+						d="M8.42 50.663L1.384 72.31a4.79 4.79 0 001.74 5.357L64 121.894 8.42 50.664z"
+					/><path
+						fill="#E24329"
+						d="M8.42 50.663h32.436L26.916 7.76c-.717-2.206-3.84-2.206-4.557 0L8.42 50.664z"
+					/><path fill="#FC6D26" d="M64 121.894l23.144-71.23h32.437L64 121.893z" /><path
+						fill="#FCA326"
+						d="M119.58 50.663l7.035 21.647a4.79 4.79 0 01-1.74 5.357L64 121.894l55.58-71.23z"
+					/><path
+						fill="#E24329"
+						d="M119.58 50.663H87.145l13.94-42.902c.717-2.206 3.84-2.206 4.557 0l13.94 42.903z"
+					/>
+				</svg>
+			{:else if application.gitSource?.type === 'github'}
+				<svg viewBox="0 0 128 128" class="icons">
+					<g fill="#ffffff"
+						><path
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"
+						/><path
+							d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"
+						/></g
+					>
+				</svg>
+			{/if}
+		</a>
+	{/if}
 </div>

 <div class="mx-auto max-w-6xl rounded-xl px-6 pt-4">
--- a/apps/ui/src/routes/services/[id]/_ServiceLinks.svelte
+++ b/apps/ui/src/routes/services/[id]/_ServiceLinks.svelte
@ -1,76 +1,63 @@
 <script lang="ts">
 	export let service: any;
-
-	import Fider from '$lib/components/svg/services/Fider.svelte';
-
-	import Ghost from '$lib/components/svg/services/Ghost.svelte';
-	import Hasura from '$lib/components/svg/services/Hasura.svelte';
-
-	import LanguageTool from '$lib/components/svg/services/LanguageTool.svelte';
-
-	import MinIo from '$lib/components/svg/services/MinIO.svelte';
-	import N8n from '$lib/components/svg/services/N8n.svelte';
-
-	import NocoDb from '$lib/components/svg/services/NocoDB.svelte';
-
-	import PlausibleAnalytics from '$lib/components/svg/services/PlausibleAnalytics.svelte';
-	import Umami from '$lib/components/svg/services/Umami.svelte';
-	import UptimeKuma from '$lib/components/svg/services/UptimeKuma.svelte';
-	import VaultWarden from '$lib/components/svg/services/VaultWarden.svelte';
-	import VsCodeServer from '$lib/components/svg/services/VSCodeServer.svelte';
-	import Wordpress from '$lib/components/svg/services/Wordpress.svelte';
+	import * as Icons from '$lib/components/svg/services';
 </script>

 {#if service.type === 'plausibleanalytics'}
 	<a href="https://plausible.io" target="_blank">
-		<PlausibleAnalytics />
+		<Icons.PlausibleAnalytics />
 	</a>
 {:else if service.type === 'nocodb'}
 	<a href="https://nocodb.com" target="_blank">
-		<NocoDb />
+		<Icons.NocoDb />
 	</a>
 {:else if service.type === 'minio'}
 	<a href="https://min.io" target="_blank">
-		<MinIo />
+		<Icons.MinIo />
 	</a>
 {:else if service.type === 'vscodeserver'}
 	<a href="https://coder.com" target="_blank">
-		<VsCodeServer />
+		<Icons.VsCodeServer />
 	</a>
 {:else if service.type === 'wordpress'}
 	<a href="https://wordpress.org" target="_blank">
-		<Wordpress />
+		<Icons.Wordpress />
 	</a>
 {:else if service.type === 'vaultwarden'}
 	<a href="https://github.com/dani-garcia/vaultwarden" target="_blank">
-		<VaultWarden />
+		<Icons.VaultWarden />
 	</a>
 {:else if service.type === 'languagetool'}
 	<a href="https://languagetool.org/dev" target="_blank">
-		<LanguageTool />
+		<Icons.LanguageTool />
 	</a>
 {:else if service.type === 'n8n'}
 	<a href="https://n8n.io" target="_blank">
-		<N8n />
+		<Icons.N8n />
 	</a>
 {:else if service.type === 'uptimekuma'}
 	<a href="https://github.com/louislam/uptime-kuma" target="_blank">
-		<UptimeKuma />
+		<Icons.UptimeKuma />
 	</a>
 {:else if service.type === 'ghost'}
 	<a href="https://ghost.org" target="_blank">
-		<Ghost />
+		<Icons.Ghost />
 	</a>
 {:else if service.type === 'umami'}
 	<a href="https://umami.is" target="_blank">
-		<Umami />
+		<Icons.Umami />
 	</a>
 {:else if service.type === 'hasura'}
 	<a href="https://hasura.io" target="_blank">
-		<Hasura />
+		<Icons.Hasura />
 	</a>
 {:else if service.type === 'fider'}
 	<a href="https://fider.io" target="_blank">
-		<Fider />
+		<Icons.Fider />
+	</a>
+{:else if service.type === 'moodle'}
+	<a href="https://moodle.org" target="_blank">
+		<Icons.Moodle />
 	</a>
 {/if}
+
--- a/apps/ui/src/routes/services/[id]/_Services.svelte
+++ b/apps/ui/src/routes/services/[id]/_Services.svelte
@ -0,0 +1,36 @@
+<script lang="ts">
+	export let type: string;
+	import * as Icons from '$lib/components/svg/services';
+</script>
+
+{#if type === 'plausibleanalytics'}
+	<Icons.PlausibleAnalytics isAbsolute />
+{:else if type === 'nocodb'}
+	<Icons.NocoDb isAbsolute />
+{:else if type === 'minio'}
+	<Icons.MinIo isAbsolute />
+{:else if type === 'vscodeserver'}
+	<Icons.VsCodeServer isAbsolute />
+{:else if type === 'wordpress'}
+	<Icons.Wordpress isAbsolute />
+{:else if type === 'vaultwarden'}
+	<Icons.VaultWarden isAbsolute />
+{:else if type === 'languagetool'}
+	<Icons.LanguageTool isAbsolute />
+{:else if type === 'n8n'}
+	<Icons.N8n isAbsolute />
+{:else if type === 'uptimekuma'}
+	<Icons.UptimeKuma isAbsolute />
+{:else if type === 'ghost'}
+	<Icons.Ghost isAbsolute />
+{:else if type === 'meilisearch'}
+	<Icons.MeiliSearch isAbsolute />
+{:else if type === 'umami'}
+	<Icons.Umami isAbsolute />
+{:else if type === 'hasura'}
+	<Icons.Hasura isAbsolute />
+{:else if type === 'fider'}
+	<Icons.Fider isAbsolute />
+{:else if type === 'moodle'}
+	<Icons.Moodle isAbsolute />
+{/if}
--- a/apps/ui/src/routes/services/[id]/_Services/_Moodle.svelte
+++ b/apps/ui/src/routes/services/[id]/_Services/_Moodle.svelte
@ -0,0 +1,102 @@
+<script lang="ts">
+	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
+	import { t } from '$lib/translations';
+	export let readOnly: any;
+	export let service: any;
+</script>
+
+<div class="flex space-x-1 py-5 font-bold">
+	<div class="title">Moodle</div>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="email">{$t('forms.default_email_address')}</label>
+	<input
+		name="email"
+		id="email"
+		required
+		readonly={readOnly}
+		disabled={readOnly}
+		placeholder={$t('forms.email')}
+		value={service.moodle.defaultEmail}
+	/>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="defaultUsername">Default Username</label>
+	<CopyPasswordField
+		id="defaultUsername"
+		required
+		readonly={readOnly}
+		disabled={readOnly}
+		name="defaultUsername"
+		value={service.moodle.defaultUsername}
+	/>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="defaultPassword">{$t('forms.default_password')}</label>
+	<CopyPasswordField
+		id="defaultPassword"
+		isPasswordField
+		required
+		readonly={readOnly}
+		disabled={readOnly}
+		name="defaultPassword"
+		value={service.moodle.defaultPassword}
+	/>
+</div>
+<div class="flex space-x-1 py-5 font-bold">
+	<div class="title">MariaDB</div>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="mariadbUser">{$t('forms.username')}</label>
+	<CopyPasswordField
+		name="mariadbUser"
+		id="mariadbUser"
+		value={service.moodle.mariadbUser}
+		readonly
+		disabled
+	/>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="mariadbPassword">{$t('forms.password')}</label>
+	<CopyPasswordField
+		id="mariadbPassword"
+		isPasswordField
+		readonly
+		disabled
+		name="mariadbPassword"
+		value={service.moodle.mariadbPassword}
+	/>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="mariadbDatabase">{$t('index.database')}</label>
+	<input
+		name="mariadbDatabase"
+		id="mariadbDatabase"
+		required
+		readonly={readOnly}
+		disabled={readOnly}
+		bind:value={service.moodle.mariadbDatabase}
+		placeholder="{$t('forms.eg')}: moodle_db"
+	/>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="mariadbRootUser">{$t('forms.root_db_user')}</label>
+	<CopyPasswordField
+		id="mariadbRootUser"
+		readonly
+		disabled
+		name="mariadbRootUser"
+		value={service.moodle.mariadbRootUser}
+	/>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="mariadbRootUserPassword">{$t('forms.root_db_password')}</label>
+	<CopyPasswordField
+		id="mariadbRootUserPassword"
+		isPasswordField
+		readonly
+		disabled
+		name="mariadbRootUserPassword"
+		value={service.moodle.mariadbRootUserPassword}
+	/>
+</div>
--- a/apps/ui/src/routes/services/[id]/_Services/_Services.svelte
+++ b/apps/ui/src/routes/services/[id]/_Services/_Services.svelte
@ -16,7 +16,7 @@
 	import { appSession, disabledButton, status } from '$lib/store';
 	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
 	import Explainer from '$lib/components/Explainer.svelte';
-	import Setting from '$lib/components/Setting.svelte'
+	import Setting from '$lib/components/Setting.svelte';

 	import Fider from './_Fider.svelte';
 	import Ghost from './_Ghost.svelte';
@ -27,6 +27,7 @@
 	import Umami from './_Umami.svelte';
 	import VsCodeServer from './_VSCodeServer.svelte';
 	import Wordpress from './_Wordpress.svelte';
+	import Moodle from './_Moodle.svelte';

 	const { id } = $page.params;

@ -97,6 +98,7 @@
 		}
 	});
 </script>
+
 <div class="mx-auto max-w-4xl px-6 pb-12">
 	<form on:submit|preventDefault={handleSubmit} class="py-4">
 		<div class="flex space-x-1 pb-5 font-bold">
@ -271,6 +273,8 @@
 				<Hasura bind:service />
 			{:else if service.type === 'fider'}
 				<Fider bind:service {readOnly} />
+			{:else if service.type === 'moodle'}
+				<Moodle bind:service {readOnly} />
 			{/if}
 		</div>
 	</form>
--- a/apps/ui/src/routes/services/[id]/__layout.svelte
+++ b/apps/ui/src/routes/services/[id]/__layout.svelte
@ -47,6 +47,7 @@
 				}
 			};
 		} catch (error) {
+			console.log(error);
 			return handlerNotFoundLoad(error, url);
 		}
 	};
@ -62,6 +63,7 @@
 	import { errorNotification, handlerNotFoundLoad } from '$lib/common';
 	import { appSession, disabledButton, status } from '$lib/store';
 	import { onDestroy, onMount } from 'svelte';
+	import ServiceLinks from './_ServiceLinks.svelte';
 	const { id } = $page.params;

 	export let service: any;
@ -76,6 +78,13 @@
 	let loading = false;
 	let statusInterval: any;

+	let location = service.fqdn || null;
+	if (GITPOD_WORKSPACE_URL && service.exposePort) {
+		const { href } = new URL(GITPOD_WORKSPACE_URL);
+		const newURL = href.replace('https://', `https://${service.exposePort}-`).replace(/\/$/, '');
+		location = newURL;
+	}
+
 	async function deleteService() {
 		const sure = confirm($t('application.confirm_to_delete', { name: service.name }));
 		if (sure) {
@ -109,7 +118,7 @@
 		loading = true;
 		try {
 			await post(`/services/${service.id}/${service.type}/start`, {});
-			return window.location.reload()
+			return window.location.reload();
 		} catch (error) {
 			return errorNotification(error);
 		} finally {
@ -147,6 +156,29 @@
 		<Loading fullscreen cover />
 	{:else}
 		{#if service.type && service.destinationDockerId && service.version}
+			{#if location}
+				<a
+					href={location}
+					target="_blank"
+					class="icons tooltip-bottom flex items-center bg-transparent text-sm"
+					><svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="h-6 w-6"
+						viewBox="0 0 24 24"
+						stroke-width="1.5"
+						stroke="currentColor"
+						fill="none"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+					>
+						<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+						<path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" />
+						<line x1="10" y1="14" x2="20" y2="4" />
+						<polyline points="15 4 20 4 20 9" />
+					</svg></a
+				>
+			{/if}
+			<div class="border border-stone-700 h-8" />
 			{#if $status.service.initialLoading}
 				<button
 					class="icons tooltip-bottom flex animate-spin items-center space-x-2 bg-transparent text-sm duration-500 ease-in-out"
--- a/apps/ui/src/routes/services/[id]/configuration/type.svelte
+++ b/apps/ui/src/routes/services/[id]/configuration/type.svelte
@ -32,21 +32,7 @@
 	import { get, post } from '$lib/api';
 	import { t } from '$lib/translations';
 	import { errorNotification } from '$lib/common';
-
-	import PlausibleAnalytics from '$lib/components/svg/services/PlausibleAnalytics.svelte';
-	import NocoDb from '$lib/components/svg/services/NocoDB.svelte';
-	import MinIo from '$lib/components/svg/services/MinIO.svelte';
-	import VsCodeServer from '$lib/components/svg/services/VSCodeServer.svelte';
-	import Wordpress from '$lib/components/svg/services/Wordpress.svelte';
-	import VaultWarden from '$lib/components/svg/services/VaultWarden.svelte';
-	import LanguageTool from '$lib/components/svg/services/LanguageTool.svelte';
-	import N8n from '$lib/components/svg/services/N8n.svelte';
-	import UptimeKuma from '$lib/components/svg/services/UptimeKuma.svelte';
-	import Ghost from '$lib/components/svg/services/Ghost.svelte';
-	import MeiliSearch from '$lib/components/svg/services/MeiliSearch.svelte';
-	import Umami from '$lib/components/svg/services/Umami.svelte';
-	import Hasura from '$lib/components/svg/services/Hasura.svelte';
-	import Fider from '$lib/components/svg/services/Fider.svelte';
+	import Services from '../_Services.svelte';

 	const { id } = $page.params;
 	const from = $page.url.searchParams.get('from');
@ -70,35 +56,8 @@
 		<div class="p-2">
 			<form on:submit|preventDefault={() => handleSubmit(type.name)}>
 				<button type="submit" class="box-selection relative text-xl font-bold hover:bg-pink-600">
-					{#if type.name === 'plausibleanalytics'}
-						<PlausibleAnalytics isAbsolute />
-					{:else if type.name === 'nocodb'}
-						<NocoDb isAbsolute />
-					{:else if type.name === 'minio'}
-						<MinIo isAbsolute />
-					{:else if type.name === 'vscodeserver'}
-						<VsCodeServer isAbsolute />
-					{:else if type.name === 'wordpress'}
-						<Wordpress isAbsolute />
-					{:else if type.name === 'vaultwarden'}
-						<VaultWarden isAbsolute />
-					{:else if type.name === 'languagetool'}
-						<LanguageTool isAbsolute />
-					{:else if type.name === 'n8n'}
-						<N8n isAbsolute />
-					{:else if type.name === 'uptimekuma'}
-						<UptimeKuma isAbsolute />
-					{:else if type.name === 'ghost'}
-						<Ghost isAbsolute />
-					{:else if type.name === 'meilisearch'}
-						<MeiliSearch isAbsolute />
-					{:else if type.name === 'umami'}
-						<Umami isAbsolute />
-					{:else if type.name === 'hasura'}
-						<Hasura isAbsolute />
-					{:else if type.name === 'fider'}
-						<Fider isAbsolute />
-					{/if}{type.fancyName}
+					<Services type={type.name} />
+					{type.fancyName}
 				</button>
 			</form>
 		</div>
--- a/apps/ui/src/routes/services/[id]/configuration/version.svelte
+++ b/apps/ui/src/routes/services/[id]/configuration/version.svelte
@ -31,7 +31,8 @@
 	import { goto } from '$app/navigation';
 	import { get, post } from '$lib/api';
 	import { t } from '$lib/translations';
-	import { errorNotification, supportedServiceTypesAndVersions } from '$lib/common';
+	import { errorNotification } from '$lib/common';
+	import { supportedServiceTypesAndVersions } from 'shared/index';

 	const { id } = $page.params;
 	const from = $page.url.searchParams.get('from');
--- a/apps/ui/src/routes/services/[id]/index.svelte
+++ b/apps/ui/src/routes/services/[id]/index.svelte
@ -57,30 +57,6 @@
 		</div>
 		<span class="text-xs">{service.name}</span>
 	</div>
-
-	{#if service.fqdn}
-		<a
-			href={service.fqdn}
-			target="_blank"
-			class="icons tooltip-bottom flex items-center bg-transparent text-sm"
-			><svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="h-6 w-6"
-				viewBox="0 0 24 24"
-				stroke-width="1.5"
-				stroke="currentColor"
-				fill="none"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			>
-				<path stroke="none" d="M0 0h24v24H0z" fill="none" />
-				<path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" />
-				<line x1="10" y1="14" x2="20" y2="4" />
-				<polyline points="15 4 20 4 20 9" />
-			</svg></a
-		>
-	{/if}
-
 	<ServiceLinks {service} />
 </div>
 <div class="mx-auto max-w-4xl px-6 py-4">
--- a/apps/ui/src/routes/services/index.svelte
+++ b/apps/ui/src/routes/services/index.svelte
@ -24,22 +24,9 @@
 	import { t } from '$lib/translations';
 	import { appSession } from '$lib/store';

-	import PlausibleAnalytics from '$lib/components/svg/services/PlausibleAnalytics.svelte';
-	import NocoDb from '$lib/components/svg/services/NocoDB.svelte';
-	import MinIo from '$lib/components/svg/services/MinIO.svelte';
-	import VsCodeServer from '$lib/components/svg/services/VSCodeServer.svelte';
-	import Wordpress from '$lib/components/svg/services/Wordpress.svelte';
-	import VaultWarden from '$lib/components/svg/services/VaultWarden.svelte';
-	import LanguageTool from '$lib/components/svg/services/LanguageTool.svelte';
-
-	import N8n from '$lib/components/svg/services/N8n.svelte';
-	import UptimeKuma from '$lib/components/svg/services/UptimeKuma.svelte';
-	import Ghost from '$lib/components/svg/services/Ghost.svelte';
-	import MeiliSearch from '$lib/components/svg/services/MeiliSearch.svelte';
-	import Umami from '$lib/components/svg/services/Umami.svelte';
-	import Hasura from '$lib/components/svg/services/Hasura.svelte';
-	import Fider from '$lib/components/svg/services/Fider.svelte';
+	import * as Icons from '$lib/components/svg/services';
 	import { getDomain } from '$lib/common';
+	import Services from './[id]/_Services.svelte';

 	async function newService() {
 		const { id } = await post('/services/new', {});
@ -88,35 +75,7 @@
 				{#each ownServices as service}
 					<a href="/services/{service.id}" class="w-96 p-2 no-underline">
 						<div class="box-selection group relative hover:bg-pink-600">
-							{#if service.type === 'plausibleanalytics'}
-								<PlausibleAnalytics isAbsolute />
-							{:else if service.type === 'nocodb'}
-								<NocoDb isAbsolute />
-							{:else if service.type === 'minio'}
-								<MinIo isAbsolute />
-							{:else if service.type === 'vscodeserver'}
-								<VsCodeServer isAbsolute />
-							{:else if service.type === 'wordpress'}
-								<Wordpress isAbsolute />
-							{:else if service.type === 'vaultwarden'}
-								<VaultWarden isAbsolute />
-							{:else if service.type === 'languagetool'}
-								<LanguageTool isAbsolute />
-							{:else if service.type === 'n8n'}
-								<N8n isAbsolute />
-							{:else if service.type === 'uptimekuma'}
-								<UptimeKuma isAbsolute />
-							{:else if service.type === 'ghost'}
-								<Ghost isAbsolute />
-							{:else if service.type === 'meilisearch'}
-								<MeiliSearch isAbsolute />
-							{:else if service.type === 'umami'}
-								<Umami isAbsolute />
-							{:else if service.type === 'hasura'}
-								<Hasura isAbsolute />
-							{:else if service.type === 'fider'}
-								<Fider isAbsolute />
-							{/if}
+							<Services type={service.type} />
 							<div class="truncate text-center text-xl font-bold">
 								{service.name}
 							</div>
@ -141,35 +100,7 @@
 					{#each otherServices as service}
 						<a href="/services/{service.id}" class="w-96 p-2 no-underline">
 							<div class="box-selection group relative hover:bg-pink-600">
-								{#if service.type === 'plausibleanalytics'}
-									<PlausibleAnalytics isAbsolute />
-								{:else if service.type === 'nocodb'}
-									<NocoDb isAbsolute />
-								{:else if service.type === 'minio'}
-									<MinIo isAbsolute />
-								{:else if service.type === 'vscodeserver'}
-									<VsCodeServer isAbsolute />
-								{:else if service.type === 'wordpress'}
-									<Wordpress isAbsolute />
-								{:else if service.type === 'vaultwarden'}
-									<VaultWarden isAbsolute />
-								{:else if service.type === 'languagetool'}
-									<LanguageTool isAbsolute />
-								{:else if service.type === 'n8n'}
-									<N8n isAbsolute />
-								{:else if service.type === 'uptimekuma'}
-									<UptimeKuma isAbsolute />
-								{:else if service.type === 'ghost'}
-									<Ghost isAbsolute />
-								{:else if service.type === 'meilisearch'}
-									<MeiliSearch isAbsolute />
-								{:else if service.type === 'umami'}
-									<Umami isAbsolute />
-								{:else if service.type === 'hasura'}
-									<Hasura isAbsolute />
-								{:else if service.type === 'fider'}
-									<Fider isAbsolute />
-								{/if}
+								<Services type={service.type} />
 								<div class="truncate text-center text-xl font-bold">
 									{service.name}
 								</div>
--- a/apps/ui/static/moodle.png
+++ b/apps/ui/static/moodle.png
--- a/package.json
+++ b/package.json
@ -15,12 +15,14 @@
    "dev": "run-p -l -n dev:*",
    "dev:api": "NODE_ENV=development pnpm run --filter coolify-api dev",
    "dev:ui": "NODE_ENV=development pnpm run --filter coolify-ui dev",
-    "build": "NODE_ENV=production run-p -n build:*",
+    "dev:shared": "NODE_ENV=development pnpm run --filter shared dev",
+    "build": "NODE_ENV=production pnpm build:shared && run-p -n build:api build:ui",
    "build:api": "NODE_ENV=production pnpm run --filter coolify-api build",
    "build:ui": "NODE_ENV=production pnpm run --filter coolify-ui build",
+    "build:shared": "NODE_ENV=production pnpm run --filter shared build",
    "dockerlogin":"echo $DOCKER_PASS | docker login --username=$DOCKER_USER --password-stdin",
    "release:staging:amd": "cross-var docker buildx build --platform linux/amd64 -t coollabsio/coolify:$npm_package_version --push .",
-    "release:local":"rm -fr ./local-serve && mkdir ./local-serve && pnpm build && cp -Rp apps/api/build/* ./local-serve && cp -Rp apps/ui/build/ ./local-serve/public && cp -Rp apps/api/prisma/ ./local-serve/prisma && cp -Rp apps/api/package.json ./local-serve && cp .env ./local-serve && cd ./local-serve && pnpm install . && pnpm start"
+    "release:local":"rm -fr ./local-serve && mkdir ./local-serve && pnpm build && cp -Rp apps/api/build/* ./local-serve && cp -Rp apps/ui/build/ ./local-serve/public && cp -Rp apps/api/prisma/ ./local-serve/prisma && cp -Rp apps/api/package.json ./local-serve && env | grep '^COOLIFY_' > ./local-serve/.env && cd ./local-serve && pnpm install . && pnpm start"
  },
  "devDependencies": {
    "cross-var": "1.1.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml