feat(ServiceForm): add support for additional networks input

- Introduced an optional field for additional networks in the service form.
- Transformed the additional networks array into a comma-separated string for input.
- Updated the form submission logic to convert the comma-separated string back into an array.
- Added UI elements to allow users to input additional networks in a user-friendly manner.

Author: pascal-klesse

projects/api/src/server/modules/container/container.model.ts

@@ -358,6 +358,14 @@ export class Container extends PersistenceModel {
   @Prop({ default: ['[skip ci]', '[ci skip]', '[no ci]', '[skip build]'] })
   skipCiPatterns?: string[] = undefined;
 
+  @Restricted(RoleEnum.S_EVERYONE)
+  @Field(() => [String], {
+    description: 'Additional Docker networks to connect to',
+    nullable: true,
+  })
+  @Prop({ default: [] })
+  additionalNetworks?: string[] = undefined;
+
   // ===================================================================================================================
   // Methods
   // ===================================================================================================================

projects/api/src/server/modules/container/inputs/container-create.input.ts

@@ -271,4 +271,12 @@ export class ContainerCreateInput extends ContainerInput {
   })
   @IsOptional()
   override skipCiPatterns?: string[] = undefined;
+
+  @Restricted(RoleEnum.S_EVERYONE)
+  @Field(() => [String], {
+    description: 'Additional Docker networks to connect to',
+    nullable: true,
+  })
+  @IsOptional()
+  override additionalNetworks?: string[] = undefined;
 }

projects/api/src/server/modules/container/inputs/container.input.ts

@@ -318,4 +318,12 @@ export class ContainerInput extends CoreInput {
   })
   @IsOptional()
   skipCiPatterns?: string[] = undefined;
+
+  @Restricted(RoleEnum.S_EVERYONE)
+  @Field(() => [String], {
+    description: 'Additional Docker networks to connect to',
+    nullable: true,
+  })
+  @IsOptional()
+  additionalNetworks?: string[] = undefined;
 }

projects/api/src/server/modules/container/types/service/adminer/compose.ts

@@ -17,12 +17,22 @@ export async function getAdminer(container: Container): Promise<string> {
     middlewares.unshift(`${container.id}-auth`);
   }
 
+  // Additional networks configuration
+  const additionalNetworks = container.additionalNetworks || [];
+  const extraNetworkDefinitions = additionalNetworks
+    .map(n => `      ${n}:\n        external: true`)
+    .join('\n');
+  const extraNetworkConnections = additionalNetworks
+    .map(n => `          - ${n}`)
+    .join('\n');
+
   return `
     networks:
       traefik-public:
         external: true
       deploy-party:
         external: true
+${extraNetworkDefinitions ? '\n' + extraNetworkDefinitions : ''}
 
     services:
       adminer:
@@ -34,6 +44,7 @@ export async function getAdminer(container: Container): Promise<string> {
         networks:
           - traefik-public
           - deploy-party
+${extraNetworkConnections ? extraNetworkConnections + '\n' : ''}
         deploy:
           update_config:
             order: start-first

projects/api/src/server/modules/container/types/service/chouse-ui/compose.ts

@@ -15,12 +15,22 @@ export async function getChouseUi(container: Container): Promise<string> {
     middlewares.unshift(`${container.id}-auth`);
   }
 
+  // Additional networks configuration
+  const additionalNetworks = container.additionalNetworks || [];
+  const extraNetworkDefinitions = additionalNetworks
+    .map(n => `      ${n}:\n        external: true`)
+    .join('\n');
+  const extraNetworkConnections = additionalNetworks
+    .map(n => `          - ${n}`)
+    .join('\n');
+
   return `
     networks:
       traefik-public:
         external: true
       deploy-party:
         external: true
+${extraNetworkDefinitions ? '\n' + extraNetworkDefinitions : ''}
 
     services:
       chouse-ui:
@@ -32,6 +42,7 @@ export async function getChouseUi(container: Container): Promise<string> {
         networks:
           - traefik-public
           - deploy-party
+${extraNetworkConnections ? extraNetworkConnections + '\n' : ''}
         deploy:
           update_config:
             order: start-first

projects/api/src/server/modules/container/types/service/clickhouse-ui/compose.ts

@@ -15,12 +15,22 @@ export async function getClickhouseUi(container: Container): Promise<string> {
     middlewares.unshift(`${container.id}-auth`);
   }
 
+  // Additional networks configuration
+  const additionalNetworks = container.additionalNetworks || [];
+  const extraNetworkDefinitions = additionalNetworks
+    .map(n => `      ${n}:\n        external: true`)
+    .join('\n');
+  const extraNetworkConnections = additionalNetworks
+    .map(n => `          - ${n}`)
+    .join('\n');
+
   return `
     networks:
       traefik-public:
         external: true
       deploy-party:
         external: true
+${extraNetworkDefinitions ? '\n' + extraNetworkDefinitions : ''}
 
     services:
       clickhouse-ui:
@@ -32,6 +42,7 @@ export async function getClickhouseUi(container: Container): Promise<string> {
         networks:
           - traefik-public
           - deploy-party
+${extraNetworkConnections ? extraNetworkConnections + '\n' : ''}
         deploy:
           update_config:
             order: start-first

projects/api/src/server/modules/container/types/service/directus/compose.ts

@@ -1,6 +1,15 @@
 import { Container } from "../../../container.model";
 
 export function getDirectus(container: Container): string {
+  // Additional networks configuration
+  const additionalNetworks = container.additionalNetworks || [];
+  const extraNetworkDefinitions = additionalNetworks
+    .map(n => `      ${n}:\n        external: true`)
+    .join('\n');
+  const extraNetworkConnections = additionalNetworks
+    .map(n => `          - ${n}`)
+    .join('\n');
+
   return `
     networks:
       traefik-public:
@@ -9,6 +18,7 @@ export function getDirectus(container: Container): string {
         external: true
       directus-internal:
         driver: overlay
+${extraNetworkDefinitions ? '\n' + extraNetworkDefinitions : ''}
 
     services:
       database:
@@ -44,6 +54,7 @@ export function getDirectus(container: Container): string {
           - traefik-public
           - directus-internal
           - deploy-party
+${extraNetworkConnections ? extraNetworkConnections + '\n' : ''}
         labels:
           - deploy.party.id=${container.id}
         deploy:

projects/api/src/server/modules/container/types/service/mongo-express/compose.ts

@@ -17,12 +17,22 @@ export async function getMongoExpress(container: Container): Promise<string> {
     middlewares.unshift(`${container.id}-auth`);
   }
 
+  // Additional networks configuration
+  const additionalNetworks = container.additionalNetworks || [];
+  const extraNetworkDefinitions = additionalNetworks
+    .map(n => `      ${n}:\n        external: true`)
+    .join('\n');
+  const extraNetworkConnections = additionalNetworks
+    .map(n => `          - ${n}`)
+    .join('\n');
+
   return `
     networks:
       traefik-public:
         external: true
       deploy-party:
         external: true
+${extraNetworkDefinitions ? '\n' + extraNetworkDefinitions : ''}
 
     services:
       mongo-express:
@@ -34,6 +44,7 @@ export async function getMongoExpress(container: Container): Promise<string> {
         networks:
           - traefik-public
           - deploy-party
+${extraNetworkConnections ? extraNetworkConnections + '\n' : ''}
         deploy:
           update_config:
             order: start-first

projects/api/src/server/modules/container/types/service/plausible/compose.ts

@@ -1,12 +1,22 @@
 import { Container } from "../../../container.model";
 
 export function getPlausible(container: Container, basePath: string): string {
+  // Additional networks configuration
+  const additionalNetworks = container.additionalNetworks || [];
+  const extraNetworkDefinitions = additionalNetworks
+    .map(n => `  ${n}:\n    external: true`)
+    .join('\n');
+  const extraNetworkConnections = additionalNetworks
+    .map(n => `      - ${n}`)
+    .join('\n');
+
   return `
 networks:
   traefik-public:
     external: true
   deploy-party:
     external: true
+${extraNetworkDefinitions ? '\n' + extraNetworkDefinitions : ''}
 
 services:
   plausible_db:
@@ -65,7 +75,7 @@ services:
       - traefik-public
       - deploy-party
       - default
-    labels:
+${extraNetworkConnections ? extraNetworkConnections + '\n' : ''}    labels:
       - deploy.party.id=${container.id}
     deploy:
       placement:

projects/api/src/server/modules/container/types/service/redis-ui/compose.ts

@@ -17,12 +17,22 @@ export async function getRedisUi(container: Container): Promise<string> {
     middlewares.unshift(`${container.id}-auth`);
   }
 
+  // Additional networks configuration
+  const additionalNetworks = container.additionalNetworks || [];
+  const extraNetworkDefinitions = additionalNetworks
+    .map(n => `      ${n}:\n        external: true`)
+    .join('\n');
+  const extraNetworkConnections = additionalNetworks
+    .map(n => `          - ${n}`)
+    .join('\n');
+
   return `
     networks:
       traefik-public:
         external: true
       deploy-party:
         external: true
+${extraNetworkDefinitions ? '\n' + extraNetworkDefinitions : ''}
 
     volumes:
       redisUiSettings:
@@ -39,6 +49,7 @@ export async function getRedisUi(container: Container): Promise<string> {
         networks:
           - traefik-public
           - deploy-party
+${extraNetworkConnections ? extraNetworkConnections + '\n' : ''}
         deploy:
           update_config:
             order: start-first