c49ff00c31
New tool to validate docker-compose.yml files against Docker Compose Specification Fix part of #540
71 lines
1.6 KiB
Vue
71 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import {
|
|
validateDockerComposeToCommonSpec,
|
|
} from 'composeverter';
|
|
|
|
const dockerCompose = ref(
|
|
`version: '3.3'
|
|
services:
|
|
nginx:
|
|
ports:
|
|
- '80:80'
|
|
volumes:
|
|
- '/var/run/docker.sock:/tmp/docker.sock:ro'
|
|
restart: always
|
|
logging:
|
|
options:
|
|
max-size: 1g
|
|
image: nginx`,
|
|
);
|
|
|
|
const conversionResult = computed(() => {
|
|
try {
|
|
return validateDockerComposeToCommonSpec(dockerCompose.value);
|
|
}
|
|
catch (e: any) {
|
|
return e.toString().split('\n').map((err: string) => ({ line: -1, message: err, helpLink: '' }));
|
|
}
|
|
});
|
|
|
|
const errors = computed(() => conversionResult.value);
|
|
|
|
const MONACO_EDITOR_OPTIONS = {
|
|
automaticLayout: true,
|
|
formatOnType: true,
|
|
formatOnPaste: true,
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<c-label label="Paste your Docker Compose file content:">
|
|
<div relative w-full>
|
|
<c-monaco-editor
|
|
v-model:value="dockerCompose"
|
|
theme="vs-dark"
|
|
language="yaml"
|
|
height="250px"
|
|
:options="MONACO_EDITOR_OPTIONS"
|
|
/>
|
|
</div>
|
|
</c-label>
|
|
|
|
<div v-if="errors.length > 0">
|
|
<n-alert title="The following errors occured" type="error" mt-5>
|
|
<ul>
|
|
<li v-for="(message, index) of errors" :key="index">
|
|
{{ message.message }} (<n-a v-if="message.helpLink" target="_blank" rel="noreferer noopener">
|
|
See Docker Compose help
|
|
</n-a>)
|
|
</li>
|
|
</ul>
|
|
</n-alert>
|
|
</div>
|
|
<div v-else>
|
|
<n-alert type="success" mt-5>
|
|
Validation successful!
|
|
</n-alert>
|
|
</div>
|
|
</div>
|
|
</template>
|