add filter to url, fixes #74

Author: MiniDigger

src/components/MojangMappings.vue

@@ -74,16 +74,27 @@ export default {
     toObf: {
       type: Boolean,
       required: true
+    },
+    query: {
+      type: String,
+      default: ""
     }
   },
   data() {
     return {
       mojangParsed: null,
       spigotParsed: null,
-      filter: ""
+      filter: "",
+      url: ""
     };
   },
   mounted() {
+    this.url = this.$route.fullPath.replace(this.query, "");
+    if (!this.url.endsWith("/")) {
+      this.url = this.url + "/";
+    }
+    this.filter = this.query.replace("/", "");
+    console.log("opened with " + this.filter)
     if (this.versionManifest) {
       this.loadMojang();
     } else {
@@ -123,6 +134,7 @@ export default {
     mojangKeys() {
       if(this.mojangParsed) {
         let data = this.mojangParsed.mappedToObf;
+        history.replaceState(undefined, undefined, "#" + this.url + this.filter.replace("/", ""))
         return Object.keys(data).filter(
           k => {
             if(k.toLowerCase().indexOf(this.filter.toLowerCase()) > -1) {

src/pages/MojangClient.vue

@@ -1,5 +1,5 @@
 <template>
-  <MojangMappings :version-id="version" :client="true" :to-obf="true"/>
+  <MojangMappings :version-id="version" :client="true" :to-obf="true" :query="query"/>
 </template>
 
 <script>
@@ -10,6 +10,9 @@ export default {
   computed: {
     version() {
       return this.$route.params.versionId;
+    },
+    query() {
+      return this.$route.params.query;
     }
   }
 };

src/pages/MojangServer.vue

@@ -1,5 +1,5 @@
 <template>
-  <MojangMappings :version-id="version" :client="false" :to-obf="true"/>
+  <MojangMappings :version-id="version" :client="false" :to-obf="true" :query="query"/>
 </template>
 
 <script>
@@ -10,6 +10,9 @@ export default {
   computed: {
     version() {
       return this.$route.params.versionId;
+    },
+    query() {
+      return this.$route.params.query;
     }
   }
 };

src/pages/SpigotServer.vue

@@ -1,5 +1,5 @@
 <template>
-  <MojangMappings :version-id="version" :client="false" :to-obf="false"/>
+  <MojangMappings :version-id="version" :client="false" :to-obf="false" :query="query"/>
 </template>
 
 <script>
@@ -10,6 +10,9 @@ export default {
   computed: {
     version() {
       return this.$route.params.versionId;
+    },
+    query() {
+      return this.$route.params.query;
     }
   }
 };

src/router/routes.js

@@ -7,18 +7,18 @@ const routes = [
       { name: "MojangIndex", path: "mojang", component: () => import("pages/MojangIndex.vue") },
       {
         name: "MojangClient",
-        path: "mojang/client/:versionId",
+        path: "mojang/client/:versionId/:query?",
         component: () => import("pages/MojangClient.vue")
       },
       {
         name: "MojangServer",
-        path: "mojang/server/:versionId",
+        path: "mojang/server/:versionId/:query?",
         component: () => import("pages/MojangServer.vue")
       },
       { name: "SpigotIndex", path: "spigot", component: () => import("pages/SpigotIndex.vue") },
       {
         name: "SpigotServer",
-        path: "spigot/server/:versionId",
+        path: "spigot/server/:versionId/:query?",
         component: () => import("pages/SpigotServer.vue")
       }
     ]