made some changed to emoji data.

package-lock.json

@@ -1844,7 +1844,7 @@
         },
         "util": {
           "version": "0.10.3",
-          "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+          "resolved": "http://registry.npmjs.org/util/-/util-0.10.3.tgz",
           "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
           "dev": true,
           "requires": {
@@ -1867,7 +1867,7 @@
     },
     "async": {
       "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+      "resolved": "http://registry.npmjs.org/async/-/async-1.5.2.tgz",
       "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
       "dev": true
     },
@@ -2337,7 +2337,7 @@
     },
     "browserify-aes": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
       "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
       "dev": true,
       "requires": {
@@ -2374,7 +2374,7 @@
     },
     "browserify-rsa": {
       "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
       "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
       "dev": true,
       "requires": {
@@ -2419,7 +2419,7 @@
     },
     "buffer": {
       "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
+      "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
       "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",
       "dev": true,
       "requires": {
@@ -2460,7 +2460,7 @@
     },
     "cacache": {
       "version": "10.0.4",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
+      "resolved": "http://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
       "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
       "dev": true,
       "requires": {
@@ -2788,7 +2788,7 @@
         },
         "get-stream": {
           "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+          "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
           "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
           "dev": true
         }
@@ -3133,7 +3133,7 @@
     },
     "create-hash": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
       "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
       "dev": true,
       "requires": {
@@ -3146,7 +3146,7 @@
     },
     "create-hmac": {
       "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
       "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
       "dev": true,
       "requires": {
@@ -3192,7 +3192,7 @@
     },
     "css-color-names": {
       "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+      "resolved": "http://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
       "integrity": "sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=",
       "dev": true
     },
@@ -3282,7 +3282,7 @@
         },
         "jsesc": {
           "version": "0.5.0",
-          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
           "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
           "dev": true
         },
@@ -3299,7 +3299,7 @@
         },
         "regjsgen": {
           "version": "0.2.0",
-          "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+          "resolved": "http://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
           "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
           "dev": true
         },
@@ -3599,7 +3599,7 @@
       "dependencies": {
         "globby": {
           "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "resolved": "http://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
           "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
           "dev": true,
           "requires": {
@@ -3612,7 +3612,7 @@
           "dependencies": {
             "pify": {
               "version": "2.3.0",
-              "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+              "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
               "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
               "dev": true
             }
@@ -3656,7 +3656,7 @@
     },
     "diffie-hellman": {
       "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
       "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
       "dev": true,
       "requires": {
@@ -3782,7 +3782,7 @@
     },
     "duplexer": {
       "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
+      "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
@@ -3847,11 +3847,6 @@
         "minimalistic-crypto-utils": "^1.0.0"
       }
     },
-    "emojibase-data": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/emojibase-data/-/emojibase-data-3.2.1.tgz",
-      "integrity": "sha512-6BbqwDbAGxbd+5YM82qlpb9Mr3SaS/rSffc6bREqUW9RWcqOclv0q9/P3MwOompIu+QSEDBAOBEbWgLQVhFxSw=="
-    },
     "emojis-list": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
@@ -4701,7 +4696,7 @@
     },
     "finalhandler": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
+      "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
       "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
       "dev": true,
       "requires": {
@@ -5770,7 +5765,7 @@
     },
     "html-webpack-plugin": {
       "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
+      "resolved": "http://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
       "integrity": "sha1-sBq71yOsqqeze2r0SS69oD2d03s=",
       "dev": true,
       "requires": {
@@ -5785,7 +5780,7 @@
       "dependencies": {
         "json5": {
           "version": "0.5.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+          "resolved": "http://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
           "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
           "dev": true
         },
@@ -5838,7 +5833,7 @@
     },
     "http-errors": {
       "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
       "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
       "dev": true,
       "requires": {
@@ -6353,7 +6348,7 @@
     },
     "is-obj": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
       "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=",
       "dev": true
     },
@@ -6921,7 +6916,7 @@
     },
     "media-typer": {
       "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "resolved": "http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
       "dev": true
     },
@@ -8794,7 +8789,7 @@
         },
         "css-select": {
           "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
+          "resolved": "http://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
           "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
           "dev": true,
           "requires": {
@@ -8816,7 +8811,7 @@
         },
         "strip-ansi": {
           "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "dev": true,
           "requires": {
@@ -9250,7 +9245,7 @@
     },
     "sha.js": {
       "version": "2.4.11",
-      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
       "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
       "dev": true,
       "requires": {
@@ -11082,7 +11077,7 @@
         },
         "strip-ansi": {
           "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "dev": true,
           "requires": {
@@ -11185,7 +11180,7 @@
     },
     "wrap-ansi": {
       "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
       "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
       "dev": true,
       "requires": {
@@ -11221,7 +11216,7 @@
         },
         "strip-ansi": {
           "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "dev": true,
           "requires": {
@@ -11401,7 +11396,7 @@
         },
         "get-stream": {
           "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+          "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
           "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
           "dev": true
         },

package.json

@@ -9,7 +9,6 @@
   },
   "dependencies": {
     "axios": "^0.18.0",
-    "emojibase-data": "^3.2.1",
     "filesize": "^4.1.2",
     "futoji": "^0.2.4",
     "jquery": "^3.3.1",

src/components/app/emojiPanel.vue

@@ -16,7 +16,7 @@
         </div>
 
         <div class="category" v-for="(group, index) in groups" :key="group">
-          <div class="category-name">{{group.split('-')[0]}}</div>
+          <div class="category-name">{{group}}</div>
           <div class="list">
             <div
               class="emoji-item"
@@ -42,7 +42,7 @@
           @click="scrollToCategory(index + 1)"
         >
           <img class="panel-emoji" :src="selectRandom(emoji)">
-          <div class="tooltip">{{ groups[index].split('-')[0] }}</div>
+          <div class="tooltip">{{ groups[index]}}</div>
         </div>
       </div>
     </div>
@@ -55,8 +55,7 @@ import { bus } from "@/main";
 import emojiParser from "@/utils/emojiParser.js";
 import lazyLoad from "@/directives/LazyLoad.js";
 
-import emojis from "emojibase-data/en/compact.json";
+
-import { groups } from "emojibase-data/meta/groups.json";
 
 export default {
   directives: {
@@ -313,7 +312,8 @@ export default {
           "🇨🇭"
         ]
       ],
-      groups: groups,
+      emojis: emojiParser.getAllEmojis(),
+      groups: emojiParser.getGroups(),
       recentEmojiList: this.$store.getters.recentEmojis
     };
   },
@@ -326,7 +326,7 @@ export default {
     },
     emojiByGroup(index) {
       index = parseInt(index);
-      return emojis.filter(_emoji => _emoji.group === index);
+      return this.emojis.filter(_emoji => _emoji.group === index);
     },
     parseEmojiPath(emoji) {
       return emojiParser.GetEmojiPath(emoji);
@@ -350,7 +350,6 @@ export default {
     }
   },
   mounted() {
-    console.log("mounted")
     this.recentEmojiList = this.$store.getters.recentEmojis
   }
 };

src/utils/emojiData/groups.json

@@ -1,190 +1,10 @@
 {
-  "groups": {
+  "0": "Smileys & People",
-    "0": "smileys-people",
+  "1": "Animals & Nature",
-    "1": "animals-nature",
+  "2": "Food & Drink",
-    "2": "food-drink",
+  "3": "Travel & Places",
-    "3": "travel-places",
+  "4": "Activity",
-    "4": "activities",
+  "5": "Objects",
-    "5": "objects",
+  "6": "Symbols",
-    "6": "symbols",
+  "7": "Flags"
-    "7": "flags"
-  },
-  "hierarchy": {
-    "0": [
-      0,
-      1,
-      2,
-      3,
-      4,
-      5,
-      6,
-      7,
-      8,
-      9,
-      10,
-      11,
-      12,
-      13,
-      14,
-      15,
-      16,
-      17
-    ],
-    "1": [
-      18,
-      19,
-      20,
-      21,
-      22,
-      23,
-      24,
-      25
-    ],
-    "2": [
-      26,
-      27,
-      28,
-      29,
-      30,
-      31,
-      32
-    ],
-    "3": [
-      33,
-      34,
-      35,
-      36,
-      37,
-      38,
-      39,
-      40,
-      41,
-      42,
-      43
-    ],
-    "4": [
-      44,
-      45,
-      46,
-      47,
-      48
-    ],
-    "5": [
-      49,
-      50,
-      51,
-      52,
-      53,
-      54,
-      55,
-      56,
-      57,
-      58,
-      59,
-      60,
-      61,
-      62,
-      63,
-      64,
-      65
-    ],
-    "6": [
-      66,
-      67,
-      68,
-      69,
-      70,
-      71,
-      72,
-      73,
-      74,
-      75
-    ],
-    "7": [
-      76,
-      77,
-      78
-    ]
-  },
-  "subgroups": {
-    "0": "face-positive",
-    "1": "face-neutral",
-    "2": "face-negative",
-    "3": "face-sick",
-    "4": "face-role",
-    "5": "face-fantasy",
-    "6": "cat-face",
-    "7": "monkey-face",
-    "8": "person",
-    "9": "person-role",
-    "10": "person-fantasy",
-    "11": "person-gesture",
-    "12": "person-activity",
-    "13": "person-sport",
-    "14": "family",
-    "15": "body",
-    "16": "emotion",
-    "17": "clothing",
-    "18": "animal-mammal",
-    "19": "animal-bird",
-    "20": "animal-amphibian",
-    "21": "animal-reptile",
-    "22": "animal-marine",
-    "23": "animal-bug",
-    "24": "plant-flower",
-    "25": "plant-other",
-    "26": "food-fruit",
-    "27": "food-vegetable",
-    "28": "food-prepared",
-    "29": "food-asian",
-    "30": "food-sweet",
-    "31": "drink",
-    "32": "dishware",
-    "33": "place-map",
-    "34": "place-geographic",
-    "35": "place-building",
-    "36": "place-religious",
-    "37": "place-other",
-    "38": "transport-ground",
-    "39": "transport-water",
-    "40": "transport-air",
-    "41": "hotel",
-    "42": "time",
-    "43": "sky-weather",
-    "44": "event",
-    "45": "award-medal",
-    "46": "sport",
-    "47": "game",
-    "48": "arts-crafts",
-    "49": "sound",
-    "50": "music",
-    "51": "musical-instrument",
-    "52": "phone",
-    "53": "computer",
-    "54": "light-video",
-    "55": "book-paper",
-    "56": "money",
-    "57": "mail",
-    "58": "writing",
-    "59": "office",
-    "60": "lock",
-    "61": "tool",
-    "62": "science",
-    "63": "medical",
-    "64": "household",
-    "65": "other-object",
-    "66": "transport-sign",
-    "67": "warning",
-    "68": "arrow",
-    "69": "religion",
-    "70": "zodiac",
-    "71": "av-symbol",
-    "72": "other-symbol",
-    "73": "keycap",
-    "74": "alphanum",
-    "75": "geometric",
-    "76": "flag",
-    "77": "country-flag",
-    "78": "subdivision-flag"
-  }
 }

src/utils/emojiParser.js

@@ -1,9 +1,7 @@
 import twemoji from "twemoji";
-import emojis from "emojibase-data/en/compact.json";
 import matchSorter from "match-sorter";
-import {
+import emojis from "@/utils/emojiData/emojis.json";
-	groups
+import groups from "@/utils/emojiData/groups.json";
-} from "emojibase-data/meta/groups.json";
 
 
 export default {
@@ -34,7 +32,9 @@ export default {
 	},
 	searchEmoji: (shortCode) => {
 		return matchSorter(emojis, shortCode, {keys: ['shortcodes']});
-	}
+	},
+	getAllEmojis: _ => emojis,
+	getGroups: _ => groups
 }
 
 function emojiExists(shortCode) {