Add obfuscation type checker + Alert

Author: LostMyCode

src/Analizer.js

@@ -1,3 +1,28 @@
 export default function () {
+    const Analizer = {};
 
+    Analizer.checkType = function(targetName, code) {
+        let type;
+        
+        if (typeof type != "string") return type;
+
+        switch (true) {
+            case !!code.match(new RegExp(`${targetName}\\[[0-9]+\\]`)):
+                type = 0;
+                break;
+
+            case !!code.match(new RegExp(`${targetName}\\(.[a-zA-Z0-9]+.\\)`)):
+                type = 1;
+                break;
+
+            case !!code.match(new RegExp(`${targetName}\\(.[a-zA-Z0-9]+.,.[^']+.\\)`)):
+                type = 2;
+                break;
+        }
+
+        console.log("[Analizer] Obfuscation type:", type);
+        return type;
+    }
+
+    return Analizer;
 }

src/components/Alert.vue

@@ -0,0 +1,30 @@
+<template>
+  <div v-if="show" class="alert" v-bind:class="[type]" role="alert">
+    <b>{{ title }}</b> {{ message }}
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: "",
+      message: "",
+      type: "alert-success",
+      show: false,
+    };
+  },
+
+  methods: {
+    showAlert(type, title, message) {
+      this.type = "alert-" + type;
+      this.title = title;
+      this.message = message;
+      this.show = true;
+    },
+    hide() {
+      this.show = false;
+    },
+  }
+};
+</script>

src/components/Main.vue

@@ -1,13 +1,16 @@
 <template>
   <div class="container text-left">
     <h1 class="my-4">JavaScript Deobfuscator</h1>
+
+    <Alert ref="alert"></Alert>
+
     <div class="form-group mb-4 text-left">
       <label for="TargetFuncName">Target function name</label>
       <input
         type="text"
         class="form-control"
         id="TargetFuncName"
-        placeholder="_0x"
+        placeholder="_0x1234"
         v-model="targetName"
       />
     </div>
@@ -17,6 +20,7 @@
         class="form-control"
         id="codeInputTextarea"
         rows="5"
+        placeholder="var _0x14bb=['EMKjwoXCuTB1PsKIbSnDkMKY','RsKLwrHCpQ==','wpPCisOQI ..."
         v-model="mainCode"
       ></textarea>
     </div>
@@ -52,12 +56,17 @@
 </template>
 
 <script>
-// import Decoder from "@/Decoder.js";
+import Analizer from "@/Analizer.js";
+import Alert from "@/components/Alert.vue";
 
 export default {
+  components: {
+    Alert,
+  },
+
   data() {
     return {
-      decoder: null,
+      analizer: null,
       targetName: null,
       mainCode: null,
       outputCode: null,
@@ -68,26 +77,48 @@ export default {
   methods: {
     decode() {
       this.running = true;
+      this.$refs.alert.hide();
+
+      const type = this.analizer.checkType(this.targetName, this.mainCode);
+      if (!type)
+        return this.$refs.alert.showAlert(
+          "danger",
+          "[Error]",
+          "Invalid obfuscation type! Please report to us or try again."
+        );
+
       this.changeProgress(100);
+
       this.axios
         .post(
           "https://us-central1-deobfuscator.cloudfunctions.net/api/request",
           {
             targetName: this.targetName,
-            code: this.mainCode
+            code: this.mainCode,
+            type,
           }
         )
         .then((res) => {
           this.running = false;
           // console.log(res);
           res.data = res.data.replace(/\n/g, "");
           this.changeProgress(0);
+          this.$refs.alert.showAlert(
+            "success",
+            "[Success]",
+            "Successfully decoded the code!!"
+          );
           this.outputCode = window.js_beautify(res.data);
         })
         .catch((e) => {
           this.running = false;
           this.changeProgress(0);
           console.log(e);
+          this.$refs.alert.showAlert(
+            "danger",
+            "[Error]",
+            "Server error! Please check target code and name of target function."
+          );
         });
     },
     changeProgress(rate) {
@@ -99,7 +130,7 @@ export default {
   },
 
   mounted() {
-    // this.decoder = Decoder();
+    this.analizer = Analizer();
   },
 };
 </script>