feat(new tool): Docker Compose to Docker Run

CorentinTh#634 CorentinTh#546

Author: sharevb

components.d.ts

@@ -69,6 +69,7 @@ declare module '@vue/runtime-core' {
     DemoWrapper: typeof import('./src/ui/demo/demo-wrapper.vue')['default']
     DeviceInformation: typeof import('./src/tools/device-information/device-information.vue')['default']
     DiffViewer: typeof import('./src/tools/json-diff/diff-viewer/diff-viewer.vue')['default']
+    DockerComposeToDockerRunConverter: typeof import('./src/tools/docker-compose-to-docker-run-converter/docker-compose-to-docker-run-converter.vue')['default']
     DockerRunToDockerComposeConverter: typeof import('./src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.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']

package.json

@@ -56,6 +56,7 @@
     "cronstrue": "^2.26.0",
     "crypto-js": "^4.1.1",
     "date-fns": "^2.29.3",
+    "decomposerize": "^1.2.4",
     "dompurify": "^3.0.6",
     "emojilib": "^3.0.10",
     "figue": "^1.2.0",

pnpm-lock.yaml

@@ -7,6 +7,7 @@ import sqlHljs from 'highlight.js/lib/languages/sql';
 import xmlHljs from 'highlight.js/lib/languages/xml';
 import yamlHljs from 'highlight.js/lib/languages/yaml';
 import iniHljs from 'highlight.js/lib/languages/ini';
+import bashHljs from 'highlight.js/lib/languages/bash';
 import { useCopy } from '@/composable/copy';
 
 const props = withDefaults(
@@ -30,6 +31,7 @@ hljs.registerLanguage('html', xmlHljs);
 hljs.registerLanguage('xml', xmlHljs);
 hljs.registerLanguage('yaml', yamlHljs);
 hljs.registerLanguage('toml', iniHljs);
+hljs.registerLanguage('bash', bashHljs);
 
 const { value, language, followHeightOf, copyPlacement, copyMessage } = toRefs(props);
 const { height } = followHeightOf.value ? useElementSize(followHeightOf) : { height: ref(null) };

src/components/TextareaCopyable.vue

@@ -0,0 +1,12 @@
+declare module 'decomposerize' {
+  type Configuration = {
+    command?: string,
+    rm?: boolean,
+    detach?: boolean,
+    multiline?: boolean,
+    'long-args'?: boolean,
+    'arg-value-separator'?: ArgValueSeparator,
+  };
+  const decomposerize: (dockerComposeContent: string, configuration?: Configuration) => string;
+  export default decomposerize;
+}