feat(new-tool): Docker Run command(s) to Kubernetes manifests

Fix CorentinTh#883

Author: sharevb

components.d.ts

@@ -70,6 +70,7 @@ declare module '@vue/runtime-core' {
     DeviceInformation: typeof import('./src/tools/device-information/device-information.vue')['default']
     DiffViewer: typeof import('./src/tools/json-diff/diff-viewer/diff-viewer.vue')['default']
     DockerRunToDockerComposeConverter: typeof import('./src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue')['default']
+    DockerRunToKubernetes: typeof import('./src/tools/docker-run-to-kubernetes/docker-run-to-kubernetes.vue')['default']
     DynamicValues: typeof import('./src/tools/benchmark-builder/dynamic-values.vue')['default']
     Editor: typeof import('./src/tools/html-wysiwyg-editor/editor/editor.vue')['default']
     EmojiCard: typeof import('./src/tools/emoji-picker/emoji-card.vue')['default']

package.json

@@ -50,12 +50,14 @@
     "bcryptjs": "^2.4.3",
     "change-case": "^4.1.2",
     "colord": "^2.9.3",
+    "composerize": "^1.6.6",
     "composerize-ts": "^0.6.2",
     "country-code-lookup": "^0.1.0",
     "cron-validator": "^1.3.1",
     "cronstrue": "^2.26.0",
     "crypto-js": "^4.1.1",
     "date-fns": "^2.29.3",
+    "docker2kube": "^0.0.13",
     "dompurify": "^3.0.6",
     "emojilib": "^3.0.10",
     "figue": "^1.2.0",

pnpm-lock.yaml

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { convert as docker2kube } from 'docker2kube';
+import composerize from 'composerize';
+import TextareaCopyable from '@/components/TextareaCopyable.vue';
+
+const dockerRuns = ref(
+  'docker run -p 80:80 -v /var/run/docker.sock:/tmp/docker.sock:ro --restart always nginx',
+);
+
+const conversionResult = computed(() => {
+  try {
+    return { yaml: docker2kube(composerize(dockerRuns.value.trim())), errors: [] };
+  }
+  catch (e: any) {
+    return { yaml: '#see error messages', errors: e.toString().split('\n') };
+  }
+});
+
+const kuebYaml = computed(() => conversionResult.value.yaml);
+const errors = computed(() => conversionResult.value.errors);
+</script>
+
+<template>
+  <div>
+    <c-input-text
+      v-model:value="dockerRuns"
+      label="Your docker run command(s):"
+      style="font-family: monospace"
+      multiline
+      raw-text
+      monospace
+      placeholder="Your docker run command(s) to convert..."
+      rows="4"
+    />
+
+    <n-divider />
+
+    <TextareaCopyable :value="kuebYaml" language="yaml" />
+
+    <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 }}
+          </li>
+        </ul>
+      </n-alert>
+    </div>
+  </div>
+</template>

src/tools/docker-run-to-kubernetes/docker-run-to-kubernetes.vue

@@ -0,0 +1,12 @@
+import { BrandDocker } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'Docker run to kubernetes',
+  path: '/docker-run-to-kubernetes',
+  description: 'Docker run command(s) to Kubernetes manifests',
+  keywords: ['docker', 'run', 'convert', 'kubernetes'],
+  component: () => import('./docker-run-to-kubernetes.vue'),
+  icon: BrandDocker,
+  createdAt: new Date('2024-02-18'),
+});