Add rofl-8004-volume

- according to https://github.com/oasisprotocol/erc-8004?tab=readme-ov-file#rofl-8004-startup-image

Author: lubej

src/constants/rofl-8004.ts

@@ -3,6 +3,7 @@ import { sepolia } from 'viem/chains'
 export const ROFL_8004_DOCKER_IMAGE =
   'ghcr.io/oasisprotocol/rofl-8004:latest@sha256:3b4348cb5fe192c28398be93955abc025e3d9977d1f80121ef1068458d6d1f77'
 export const ROFL_8004_SERVICE_NAME = 'rofl-8004'
+export const ROFL_8004_VOLUME_NAME = 'rofl-8004-volume'
 export const ROFL_8004_SERVICE_ENV_PREFIX = 'ERC8004'
 
 export const ROFL_8004_METADATA_KEY = 'net.oasis.app.erc8004_agent_id' // "{chainId}:{agentId}"

src/pages/CreateApp/useComposeValidation.ts

@@ -2,7 +2,7 @@ import * as yaml from 'yaml'
 import { useState } from 'react'
 import { useValidateRofl } from '../../backend/api'
 import { useRoflAppBackendAuthContext } from '../../contexts/RoflAppBackendAuth/hooks'
-import { ROFL_8004_SERVICE_NAME } from '../../constants/rofl-8004.ts'
+import { ROFL_8004_SERVICE_NAME, ROFL_8004_VOLUME_NAME } from '../../constants/rofl-8004.ts'
 
 type ValidationState = {
   isValidating: boolean
@@ -45,6 +45,14 @@ export function useComposeValidation() {
         })
         return false
       }
+
+      if (parsed?.volumes?.[ROFL_8004_VOLUME_NAME]) {
+        setValidationState({
+          isValidating: false,
+          validationError: `Volume name "${ROFL_8004_VOLUME_NAME}" is reserved and cannot be used.`,
+        })
+        return false
+      }
       // eslint-disable-next-line @typescript-eslint/no-unused-vars -- ignore YAML parsing error
     } catch (_err) {
       // Let backend validation handle the error

src/utils/rofl-8004.ts

@@ -4,12 +4,19 @@ import {
   ROFL_8004_SERVICE_ENV_PREFIX,
   ROFL_8004_SERVICE_NAME,
   ROFL_8004_SUPPORTED_CHAINS,
+  ROFL_8004_VOLUME_NAME,
 } from '../constants/rofl-8004.ts'
 import { RoflInstance } from '../nexus/generated/api.ts'
 import { AppData, ERC8004FormData } from '../pages/CreateApp/types.ts'
 import * as yaml from 'yaml'
 import { parse } from 'yaml'
 
+interface ComposeFile {
+  services: Record<string, unknown>
+  volumes?: Record<string, unknown | null>
+  [key: string]: unknown
+}
+
 export const fromMetadataToAgentMetadata = (
   metadata: RoflInstance['metadata'],
 ): { chainId: number | null; agentId: bigint | null; chainName: string | null } | null => {
@@ -41,7 +48,7 @@ export const hasRofl8004ServiceSecrets = (appData: AppData) => {
 }
 
 export const addRofl8004ServiceToCompose = (composeYaml: string, appData: AppData): string => {
-  const compose = parse(composeYaml)
+  const compose = parse(composeYaml) as ComposeFile
 
   const environment = Object.keys(appData.inputs?.secrets ?? {})
     .filter(key => key.toUpperCase().startsWith(ROFL_8004_SERVICE_ENV_PREFIX))
@@ -71,8 +78,13 @@ export const addRofl8004ServiceToCompose = (composeYaml: string, appData: AppDat
     image: ROFL_8004_DOCKER_IMAGE,
     platform: 'linux/amd64',
     environment,
-    volumes: ['/run/rofl-appd.sock:/run/rofl-appd.sock'],
+    volumes: ['/run/rofl-appd.sock:/run/rofl-appd.sock', `${ROFL_8004_VOLUME_NAME}:/root/.rofl-8004`],
+  }
+
+  if (!compose.volumes) {
+    compose.volumes = {}
   }
+  compose.volumes[ROFL_8004_VOLUME_NAME] = null
 
   return yaml.stringify(compose)
 }