Merge branch 'feat/mime-converter' into chore/all-my-stuffs

# Conflicts:
#	components.d.ts
#	package.json
#	pnpm-lock.yaml
#	src/tools/index.ts
#	vite.config.ts

Author: sharevb

package.json

@@ -101,6 +101,7 @@
     "@types/figlet": "^1.5.8",
     "@types/sshpk": "^1.17.4",
     "@types/js-beautify": "^1.14.3",
+    "@types/libmime": "^5.0.3",
     "@vicons/material": "^0.12.0",
     "@vicons/tabler": "^0.12.0",
     "@vueuse/core": "^10.11.1",
@@ -226,6 +227,7 @@
     "jsonlint-mod": "^1.7.6",
     "jwt-decode": "^3.1.2",
     "korean-unpacker": "^1.0.3",
+    "libmime": "^5.3.4",
     "libphonenumber-js": "^1.10.28",
     "lodash": "^4.17.21",
     "luxon": "^3.5.0",

pnpm-lock.yaml

@@ -73,6 +73,7 @@ import { tool as ocrImage } from './ocr-image';
 import { tool as ansibleVaultCryptDecrypt } from './ansible-vault-crypt-decrypt';
 import { tool as gzipConverter } from './gzip-converter';
 import { tool as htpasswdGenerator } from './htpasswd-generator';
+import { tool as mimeConverter } from './mime-converter';
 import { tool as safelinkDecoder } from './safelink-decoder';
 import { tool as mongoObjectidConverter } from './mongo-objectid-converter';
 import { tool as removeExif } from './remove-exif';
@@ -308,6 +309,7 @@ export const toolsByCategory: ToolCategory[] = [
       jsonToXml,
       gzipConverter,
       htmlCleaner,
+      mimeConverter,
     ],
   },
   {

src/tools/index.ts

@@ -0,0 +1,12 @@
+import { Mail } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'MIME Encoding Converter',
+  path: '/mime-converter',
+  description: 'Convert from/to MIME Encoded-Word format (Mail Subject)',
+  keywords: ['mime', 'converter', 'subject', 'rfc2047', 'rfc1341', 'rfc2045'],
+  component: () => import('./mime-converter.vue'),
+  icon: Mail,
+  createdAt: new Date('2024-03-09'),
+});

src/tools/mime-converter/index.ts

@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import libmime from 'libmime';
+import TextareaCopyable from '@/components/TextareaCopyable.vue';
+import { withDefaultOnError } from '@/utils/defaults';
+
+const encodedInput = ref('');
+const decodedOutput = computed(() => withDefaultOnError(() => libmime.decodeWords(encodedInput.value), '# invalid encoded value'));
+
+const rawInput = ref('');
+const encodedQOutput = computed(() => withDefaultOnError(() => libmime.encodeWord(rawInput.value, 'Q'), ''));
+const encodedBOutput = computed(() => withDefaultOnError(() => libmime.encodeWord(rawInput.value, 'B'), ''));
+</script>
+
+<template>
+  <div style="max-width: 600px;">
+    <c-card title="Encode string in Encoded-Word format">
+      <c-input-text
+        v-model:value="rawInput"
+        multiline
+        placeholder="Put your string here..."
+        rows="5"
+        label="String to encode"
+        raw-text
+        mb-5
+      />
+
+      <div>
+        <h3>Quotted Printable encoded string</h3>
+        <TextareaCopyable
+          :value="encodedQOutput"
+          placeholder="The Quotted Printable encoded version of your string will be here"
+          mb-5
+        />
+      </div>
+
+      <div>
+        <h3>Base64 encoded string</h3>
+        <TextareaCopyable
+          :value="encodedBOutput"
+          placeholder="The Base64 encoded version of your string will be here"
+          mb-5
+        />
+      </div>
+    </c-card>
+
+    <c-card title="Decode string in Encoded-Word format">
+      <c-input-text
+        v-model:value="encodedInput"
+        multiline
+        placeholder="Your encoded string..."
+        rows="5"
+        label="Encoded string to decode"
+        mb-5
+      />
+
+      <div>
+        <h3>Decoded string</h3>
+        <TextareaCopyable
+          v-model:value="decodedOutput"
+          placeholder="The decoded string will be here"
+          mb-5
+        />
+      </div>
+    </c-card>
+  </div>
+</template>

src/tools/mime-converter/mime-converter.vue

@@ -12,6 +12,7 @@ import Icons from 'unplugin-icons/vite';
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
 import Components from 'unplugin-vue-components/vite';
 import { defineConfig } from 'vite';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import { VitePWA } from 'vite-plugin-pwa';
 import markdown from 'vite-plugin-vue-markdown';
 import svgLoader from 'vite-svg-loader';