feat(new tool): JS Unobfuscator

webcrack is a tool for reverse engineering javascript. It can deobfuscate obfuscator.io, unminify, transpile, and unpack webpack/browserify, to resemble the original source code as much as possible.

src/tools/js-unobfuscator/index.ts

@@ -0,0 +1,12 @@
+import { BrandJavascript } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'Javascript Unobfuscator/Unpacker',
+  path: '/js-unobfuscator',
+  description: 'webcrack is a tool for reverse engineering javascript. It can deobfuscate obfuscator.io, unminify, transpile, and unpack webpack/browserify, to resemble the original source code as much as possible.',
+  keywords: ['js', 'unobfuscator', 'obfuscator.io', 'unminify', 'transpile', 'unpack', 'webpack', 'browserify'],
+  component: () => import('./js-unobfuscator.vue'),
+  icon: BrandJavascript,
+  createdAt: new Date('2024-05-11'),
+});

src/tools/js-unobfuscator/js-unobfuscator.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { webcrack } from 'webcrack';
+
+const input = ref('');
+const result = computedAsync(async () => {
+  try {
+    return await webcrack(input.value);
+  }
+  catch (e: any) {
+    return {
+      code: `/*\n${e.toString()}\n*/`,
+      bundle: '',
+    };
+  }
+});
+</script>
+
+<template>
+  <CInputText
+    v-model:value="input"
+    placeholder="Your obfuscate Javascript code"
+    label="Obfuscate Javascript code:"
+    rows="20"
+    autosize
+    raw-text
+    multiline
+    monospace
+  />
+
+  <n-form-item label="Deobfuscated code:">
+    <textarea-copyable :value="result?.code" language="javascript" />
+  </n-form-item>
+  <n-form-item label="Bundle:">
+    <textarea-copyable :value="result?.bundle" language="javascript" />
+  </n-form-item>
+</template>