Merge branch 'feat/gzip' into chore/all-my-stuffs

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

Author: sharevb

package.json

@@ -154,6 +154,7 @@
     "fast_array_intersect": "^1.1.0",
     "exif-be-gone": "^1.5.1",
     "event-cron-parser": "^1.0.34",
+    "fflate": "^0.8.2",
     "figlet": "^1.7.0",
     "figue": "^1.2.0",
     "flatten-anything": "^4.0.1",
@@ -190,6 +191,7 @@
     "json2csharp": "^1.0.3",
     "js-base64": "^3.7.7",
     "ical.js": "^2.0.1",
+    "js-base64": "^3.7.7",
     "json5": "^2.2.3",
     "jsonpath": "^1.1.1",
     "jsonar-mod": "^1.9.0",

pnpm-lock.yaml

@@ -0,0 +1,88 @@
+<script setup lang="ts">
+import * as fflate from 'fflate';
+import { Base64 } from 'js-base64';
+import TextareaCopyable from '@/components/TextareaCopyable.vue';
+import { withDefaultOnError } from '@/utils/defaults';
+
+const compressedInput = ref('');
+const decompressedOutput = computed(() => withDefaultOnError(() => {
+  const compressedBuf = Base64.toUint8Array(compressedInput.value);
+  return fflate.strFromU8(fflate.decompressSync(compressedBuf));
+}, '# invalid compressed base64 string'));
+
+const rawInput = ref('');
+const compressedGzipOutput = computed(() => withDefaultOnError(() => Base64.fromUint8Array(fflate.gzipSync(fflate.strToU8(rawInput.value))), ''));
+const compressedDeflateOutput = computed(() => withDefaultOnError(() => Base64.fromUint8Array(fflate.deflateSync(fflate.strToU8(rawInput.value))), ''));
+const compressedZlibOutput = computed(() => withDefaultOnError(() => Base64.fromUint8Array(fflate.zlibSync(fflate.strToU8(rawInput.value))), ''));
+</script>
+
+<template>
+  <div style="max-width: 600px;">
+    <c-card title="Compress string" mb-5>
+      <c-input-text
+        v-model:value="rawInput"
+        multiline
+        placeholder="Put your string here..."
+        rows="5"
+        label="String to compress"
+        raw-text
+        mb-5
+      />
+
+      <div>
+        <h3>GZIP compressed string</h3>
+        <TextareaCopyable
+          :value="compressedGzipOutput"
+          :word-wrap="true"
+          multiline
+          placeholder="The GZip compressed version of your string will be here"
+          mb-5
+        />
+      </div>
+
+      <div>
+        <h3>Zlib compressed string</h3>
+        <TextareaCopyable
+          :value="compressedZlibOutput"
+          :word-wrap="true"
+          multiline
+          placeholder="The Zlib compressed version of your string will be here"
+          mb-5
+        />
+      </div>
+
+      <div>
+        <h3>Deflate compressed string</h3>
+        <TextareaCopyable
+          :value="compressedDeflateOutput"
+          :word-wrap="true"
+          multiline
+          placeholder="The Deflate compressed version of your string will be here"
+          mb-5
+        />
+      </div>
+    </c-card>
+
+    <c-card title="Decompress string">
+      <c-input-text
+        v-model:value="compressedInput"
+        multiline
+        placeholder="Your compressed string..."
+        rows="5"
+        label="Compressed string to decompress"
+        mb-5
+      />
+
+      <div>
+        <h3>Decompressed string</h3>
+        <TextareaCopyable
+          v-model:value="decompressedOutput"
+          :word-wrap="true"
+          multiline
+          placeholder="The decompressed string will be here"
+          mb-5
+        />
+      </div>
+    </c-card>
+  </div>
+</template>

src/tools/gzip-converter/gzip-converter.vue

@@ -0,0 +1,12 @@
+import { FileZip } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'GZip/Deflate converter',
+  path: '/gzip-converter',
+  description: 'Convert text from/to gzip/deflate',
+  keywords: ['gzip', 'deflate', 'converter'],
+  component: () => import('./gzip-converter.vue'),
+  icon: FileZip,
+  createdAt: new Date('2024-03-09'),
+});

src/tools/gzip-converter/index.ts

@@ -70,6 +70,7 @@ import { tool as crcCalculator } from './crc-calculator';
 import { tool as ipGeoLocation } from './ip-geo-location';
 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 safelinkDecoder } from './safelink-decoder';
 import { tool as mongoObjectidConverter } from './mongo-objectid-converter';
 import { tool as removeExif } from './remove-exif';
@@ -290,6 +291,7 @@ export const toolsByCategory: ToolCategory[] = [
       weekNumberConverter,
       xmlToJson,
       jsonToXml,
+      gzipConverter,
     ],
   },
   {