From 67bc09ccfd94a7f5eaa80e68a0a0ac783c4c6cff Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Mon, 17 May 2021 19:58:33 +0200
Subject: [PATCH] feat(tools): added base64 string converter

---
 .../converter/base64-string-converter.vue     | 60 +++++++++++++++++++
 utils/convert.ts                              |  7 +++
 2 files changed, 67 insertions(+)
 create mode 100644 pages/tools/converter/base64-string-converter.vue
 create mode 100644 utils/convert.ts

diff --git a/pages/tools/converter/base64-string-converter.vue b/pages/tools/converter/base64-string-converter.vue
new file mode 100644
index 00000000..94c3b1e2
--- /dev/null
+++ b/pages/tools/converter/base64-string-converter.vue
@@ -0,0 +1,60 @@
+<template>
+  <ToolWrapper :config="config()">
+    <v-textarea
+      v-model="clearText"
+      outlined
+      label="Clear text"
+    />
+
+    <v-textarea
+      v-model="base64Text"
+      outlined
+      readonly
+      label="Base64 text"
+    />
+    <div class="text-center">
+      <v-btn depressed @click="copy(clearText)">
+        Copy clear
+      </v-btn>
+      <v-btn depressed @click="copy(base64Text)">
+        Copy hash
+      </v-btn>
+    </div>
+  </ToolWrapper>
+</template>
+
+<script lang="ts">
+import {Component} from 'nuxt-property-decorator'
+import {CopyableMixin} from '~/mixins/copyable.mixin'
+import Tool from '~/components/Tool.vue'
+import type {ToolConfig} from '~/types/ToolConfig'
+import {base64ToString, stringToBase64} from '~/utils/convert'
+
+@Component({
+  mixins: [CopyableMixin]
+})
+export default class Base64StringConverter extends Tool {
+  config(): ToolConfig {
+    return {
+      title: 'Base64 string converter',
+      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus distinctio dolor dolorum eaque eligendi, facilis impedit laboriosam odit placeat.',
+      icon: 'mdi-text-box-outline',
+      keywords: ['base64', 'base', '64', 'converter']
+    }
+  }
+
+  clearText = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
+
+  get base64Text() {
+    return stringToBase64(this.clearText)
+  }
+
+  set base64Text(value: string) {
+    this.clearText = base64ToString(value)
+  }
+}
+
+</script>
+
+<style scoped>
+</style>
diff --git a/utils/convert.ts b/utils/convert.ts
new file mode 100644
index 00000000..abe9f983
--- /dev/null
+++ b/utils/convert.ts
@@ -0,0 +1,7 @@
+const base64ToString = (str: string) => Buffer.from(str, 'base64').toString('utf-8')
+const stringToBase64 = (str: string) => Buffer.from(str, 'utf-8').toString('base64')
+
+export {
+  stringToBase64,
+  base64ToString
+}