Merge branch 'main' into restray_i18n

src/routes/services/[id]/_Services/_MeiliSearch.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
+	export let service;
+</script>
+
+<div class="flex space-x-1 py-5 font-bold">
+	<div class="title">MeiliSearch</div>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="masterKey">Admin API key</label>
+	<CopyPasswordField
+		id="masterKey"
+		isPasswordField
+		readonly
+		disabled
+		name="masterKey"
+		value={service.meiliSearch.masterKey}
+	/>
+</div>

src/routes/services/[id]/_Services/_Services.svelte

@@ -12,6 +12,7 @@
 	import { t } from '$lib/translations';
 	import { toast } from '@zerodevx/svelte-toast';
 	import Ghost from './_Ghost.svelte';
+	import MeiliSearch from './_MeiliSearch.svelte';
 	import MinIo from './_MinIO.svelte';
 	import PlausibleAnalytics from './_PlausibleAnalytics.svelte';
 	import VsCodeServer from './_VSCodeServer.svelte';
@@ -113,9 +114,7 @@
 			</div>
 			<div class="grid grid-cols-2 px-10">
 				<div class="flex-col ">
-					<label for="fqdn" class="pt-2 text-base font-bold text-stone-100"
-						>{$t('application.domain_fqdn')}</label
-					>
+					<label for="fqdn" class="pt-2 text-base font-bold text-stone-100">{$t('application.url_fqdn')}</label>
 					<Explainer text={$t('application.https_explainer')} />
 				</div>
 
@@ -150,6 +149,8 @@
 				<Wordpress bind:service {isRunning} {readOnly} />
 			{:else if service.type === 'ghost'}
 				<Ghost bind:service {readOnly} />
+			{:else if service.type === 'meilisearch'}
+				<MeiliSearch bind:service />
 			{/if}
 		</div>
 	</form>

src/routes/services/[id]/configuration/type.svelte

@@ -42,6 +42,7 @@
 	import UptimeKuma from '$lib/components/svg/services/UptimeKuma.svelte';
 	import Ghost from '$lib/components/svg/services/Ghost.svelte';
 	import { t } from '$lib/translations';
+	import MeiliSearch from '$lib/components/svg/services/MeiliSearch.svelte';
 
 	const { id } = $page.params;
 	const from = $page.url.searchParams.get('from');
@@ -87,6 +88,8 @@
 						<UptimeKuma isAbsolute />
 					{:else if type.name === 'ghost'}
 						<Ghost isAbsolute />
+					{:else if type.name === 'meilisearch'}
+						<MeiliSearch isAbsolute />
 					{/if}{type.fancyName}
 				</button>
 			</form>

src/routes/services/[id]/index.svelte

@@ -29,19 +29,10 @@
 </script>
 
 <script lang="ts">
-	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 Services from './_Services/_Services.svelte';
-	import VaultWarden from '$lib/components/svg/services/VaultWarden.svelte';
 	import cuid from 'cuid';
 	import { browser } from '$app/env';
-	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 ServiceLinks from '$lib/components/ServiceLinks.svelte';
+	import Services from './_Services/_Services.svelte';
 
 	export let service;
 	export let isRunning;
@@ -52,13 +43,12 @@
 	}
 </script>
 
-<div
-	class="flex items-center space-x-3 px-6 text-2xl font-bold"
-	class:p-5={service.fqdn}
-	class:p-6={!service.fqdn}
->
-	<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
-		{service.name}
+<div class="flex h-20 items-center space-x-2 p-5 px-6 font-bold">
+	<div class="-mb-5 flex-col">
+		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
+			Configuration
+		</div>
+		<span class="text-xs">{service.name}</span>
 	</div>
 	{#if service.fqdn}
 		<a
@@ -83,49 +73,7 @@
 		>
 	{/if}
 
-	<div>
-		{#if service.type === 'plausibleanalytics'}
-			<a href="https://plausible.io" target="_blank">
-				<PlausibleAnalytics />
-			</a>
-		{:else if service.type === 'nocodb'}
-			<a href="https://nocodb.com" target="_blank">
-				<NocoDb />
-			</a>
-		{:else if service.type === 'minio'}
-			<a href="https://min.io" target="_blank">
-				<MinIo />
-			</a>
-		{:else if service.type === 'vscodeserver'}
-			<a href="https://coder.com" target="_blank">
-				<VsCodeServer />
-			</a>
-		{:else if service.type === 'wordpress'}
-			<a href="https://wordpress.org" target="_blank">
-				<Wordpress />
-			</a>
-		{:else if service.type === 'vaultwarden'}
-			<a href="https://github.com/dani-garcia/vaultwarden" target="_blank">
-				<VaultWarden />
-			</a>
-		{:else if service.type === 'languagetool'}
-			<a href="https://languagetool.org/dev" target="_blank">
-				<LanguageTool />
-			</a>
-		{:else if service.type === 'n8n'}
-			<a href="https://n8n.io" target="_blank">
-				<N8n />
-			</a>
-		{:else if service.type === 'uptimekuma'}
-			<a href="https://github.com/louislam/uptime-kuma" target="_blank">
-				<UptimeKuma />
-			</a>
-		{:else if service.type === 'ghost'}
-			<a href="https://ghost.org" target="_blank">
-				<Ghost />
-			</a>
-		{/if}
-	</div>
+	<ServiceLinks {service} />
 </div>
 
 <Services bind:service {isRunning} {readOnly} />

src/routes/services/[id]/languagetool/index.json.ts

@@ -13,7 +13,7 @@ export const post: RequestHandler = async (event) => {
 	if (fqdn) fqdn = fqdn.toLowerCase();
 
 	try {
-		await db.updateLanguageToolService({ id, fqdn, name });
+		await db.updateMeiliSearchService({ id, fqdn, name });
 		return { status: 201 };
 	} catch (error) {
 		return ErrorHandler(error);

src/routes/services/[id]/meilisearch/index.json.ts

@@ -0,0 +1,21 @@
+import { getUserDetails } from '$lib/common';
+import * as db from '$lib/database';
+import { ErrorHandler } from '$lib/database';
+import type { RequestHandler } from '@sveltejs/kit';
+
+export const post: RequestHandler = async (event) => {
+	const { status, body } = await getUserDetails(event);
+	if (status === 401) return { status, body };
+
+	const { id } = event.params;
+
+	let { name, fqdn } = await event.request.json();
+	if (fqdn) fqdn = fqdn.toLowerCase();
+
+	try {
+		await db.updateLanguageToolService({ id, fqdn, name });
+		return { status: 201 };
+	} catch (error) {
+		return ErrorHandler(error);
+	}
+};

src/routes/services/[id]/meilisearch/start.json.ts

@@ -0,0 +1,83 @@
+import { asyncExecShell, createDirectories, getEngine, getUserDetails } from '$lib/common';
+import * as db from '$lib/database';
+import { promises as fs } from 'fs';
+import yaml from 'js-yaml';
+import type { RequestHandler } from '@sveltejs/kit';
+import { ErrorHandler, getServiceImage } from '$lib/database';
+import { makeLabelForServices } from '$lib/buildPacks/common';
+
+export const post: RequestHandler = async (event) => {
+	const { teamId, status, body } = await getUserDetails(event);
+	if (status === 401) return { status, body };
+
+	const { id } = event.params;
+
+	try {
+		const service = await db.getService({ id, teamId });
+		const {
+			meiliSearch: { masterKey }
+		} = service;
+		const { type, version, destinationDockerId, destinationDocker, serviceSecret } = service;
+		const network = destinationDockerId && destinationDocker.network;
+		const host = getEngine(destinationDocker.engine);
+
+		const { workdir } = await createDirectories({ repository: type, buildId: id });
+		const image = getServiceImage(type);
+
+		const config = {
+			image: `${image}:${version}`,
+			volume: `${id}-datams:/data.ms`,
+			environmentVariables: {
+				MEILI_MASTER_KEY: masterKey
+			}
+		};
+
+		if (serviceSecret.length > 0) {
+			serviceSecret.forEach((secret) => {
+				config.environmentVariables[secret.name] = secret.value;
+			});
+		}
+		const composeFile = {
+			version: '3.8',
+			services: {
+				[id]: {
+					container_name: id,
+					image: config.image,
+					networks: [network],
+					environment: config.environmentVariables,
+					restart: 'always',
+					volumes: [config.volume],
+					labels: makeLabelForServices('meilisearch')
+				}
+			},
+			networks: {
+				[network]: {
+					external: true
+				}
+			},
+			volumes: {
+				[config.volume.split(':')[0]]: {
+					name: config.volume.split(':')[0]
+				}
+			}
+		};
+		const composeFileDestination = `${workdir}/docker-compose.yaml`;
+		await fs.writeFile(composeFileDestination, yaml.dump(composeFile));
+
+		try {
+			if (version === 'latest') {
+				await asyncExecShell(
+					`DOCKER_HOST=${host} docker compose -f ${composeFileDestination} pull`
+				);
+			}
+			await asyncExecShell(`DOCKER_HOST=${host} docker compose -f ${composeFileDestination} up -d`);
+			return {
+				status: 200
+			};
+		} catch (error) {
+			return ErrorHandler(error);
+		}
+	} catch (error) {
+		return ErrorHandler(error);
+	}
+};

src/routes/services/[id]/meilisearch/stop.json.ts

@@ -0,0 +1,35 @@
+import { getUserDetails, removeDestinationDocker } from '$lib/common';
+import * as db from '$lib/database';
+import { ErrorHandler } from '$lib/database';
+import { checkContainer } from '$lib/haproxy';
+import type { RequestHandler } from '@sveltejs/kit';
+
+export const post: RequestHandler = async (event) => {
+	const { teamId, status, body } = await getUserDetails(event);
+	if (status === 401) return { status, body };
+
+	const { id } = event.params;
+
+	try {
+		const service = await db.getService({ id, teamId });
+		const { destinationDockerId, destinationDocker, fqdn } = service;
+		if (destinationDockerId) {
+			const engine = destinationDocker.engine;
+
+			try {
+				const found = await checkContainer(engine, id);
+				if (found) {
+					await removeDestinationDocker({ id, engine });
+				}
+			} catch (error) {
+				console.error(error);
+			}
+		}
+
+		return {
+			status: 200
+		};
+	} catch (error) {
+		return ErrorHandler(error);
+	}
+};

src/routes/services/[id]/secrets/index.svelte

@@ -27,6 +27,7 @@
 	import { page } from '$app/stores';
 	import { get } from '$lib/api';
 	import { t } from '$lib/translations';
+	import ServiceLinks from '$lib/components/ServiceLinks.svelte';
 
 	const { id } = $page.params;
 
@@ -36,13 +37,39 @@
 	}
 </script>
 
-<div class="flex space-x-1 p-6 font-bold">
-	<div class="mr-4 text-2xl tracking-tight">
-		{$t('application.secret')}
-		{#if service.fqdn}
-			<a href={service.fqdn} target="_blank">{getDomain(service.fqdn)}</a>
-		{/if}
+<div
+	class="flex items-center space-x-2 p-5 px-6 font-bold"
+	class:p-5={service.fqdn}
+	class:p-6={!service.fqdn}
+>
+	<div class="-mb-5 flex-col">
+		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">{$t('application.secret')}</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-6xl rounded-xl px-6 pt-4">
 	<table class="mx-auto border-separate text-left">

src/routes/services/index.svelte

@@ -12,6 +12,7 @@
 	import UptimeKuma from '$lib/components/svg/services/UptimeKuma.svelte';
 	import Ghost from '$lib/components/svg/services/Ghost.svelte';
 	import { t } from '$lib/translations';
+	import MeiliSearch from '$lib/components/svg/services/MeiliSearch.svelte';
 
 	export let services;
 	async function newService() {
@@ -68,6 +69,8 @@
 						<UptimeKuma isAbsolute />
 					{:else if service.type === 'ghost'}
 						<Ghost isAbsolute />
+					{:else if service.type === 'meilisearch'}
+						<MeiliSearch isAbsolute />
 					{/if}
 					<div class="font-bold text-xl text-center truncate">
 						{service.name}