Temporary minification workaround to get the icons working again. Fixes #18

Author: sylvainjule

index.css

@@ -1,4 +1,4 @@
-<?php 
+<?php
 
 require_once __DIR__ . '/lib/matomo.php';
 
@@ -96,7 +96,7 @@
         'en' => require_once __DIR__ . '/lib/languages/en.php',
         'de' => require_once __DIR__ . '/lib/languages/de.php',
         'fr' => require_once __DIR__ . '/lib/languages/fr.php',
-	'es' => require_once __DIR__ . '/lib/languages/es.php',
+        'es' => require_once __DIR__ . '/lib/languages/es.php',
     ),
     'api' => array(
     	'routes' => require_once __DIR__ . '/lib/routes.php',

index.js

@@ -7,14 +7,17 @@
   "license": "MIT",
   "scripts": {
     "dev": "parcel watch src/index.js --no-source-maps -d ./",
-    "build": "parcel build src/index.js --no-source-maps --experimental-scope-hoisting -d ./",
+    "parcel-build": "parcel build src/index.js --no-source-maps --experimental-scope-hoisting --no-minify -d ./",
+    "custom-minify": "minify index.js -d ./",
+    "build": "npm run parcel-build && npm run custom-minify",
     "svg": "vsvg -s ./src/assets/svg/export -t ./src/assets/svg/compiled"
   },
   "posthtml": {
     "recognizeSelfClosing": true
   },
   "devDependencies": {
     "@vue/component-compiler-utils": "^3.0.0",
+    "babel-minify": "^0.5.1",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-env": "^1.7.0",
     "chart.js": "^2.7.2",

index.php

@@ -4,7 +4,7 @@
 		<div v-if="loading" class="loading"><div class="loader"></div></div>
 		<ul v-else-if="!loading && !isEmpty">
 			<li v-for="(result, index) in results">
-				<div class="icon"><svg><use :href="'#icon-matomo-' + findIcon(result)" /></svg></div>
+				<div class="icon"><svg><use :href="findIcon(result)" /></svg></div>
 				<div class="text" v-html="result.label"></div>
 				<div class="number">{{ result.nb_visits }} <span class="percent">{{ visitsPercent(result) }}%</span></div>
 			</li>
@@ -95,25 +95,23 @@ export default {
 			return percent
 		},
 		findIcon(result) {
+            let icon = this.iconsMap['page']
+
 			if(result.label) {
 				let fromLabel = this.iconsMap[result.label.toLowerCase()]
-				if(fromLabel) return fromLabel
-			}
-
-			if(this.widget == 'websites' || this.widget == 'popularPages') {
-				return this.iconsMap['page']
+				if(fromLabel) icon = fromLabel
 			}
 
 			if(this.widget == 'keywords') {
-				return this.iconsMap['search']
+				icon = this.iconsMap['search']
 			}
 
 			if(result.segment) {
 				let fromSegment = this.iconsMap[result.segment]
-				if(fromSegment) return fromSegment
+				if(fromSegment) icon = fromSegment
 			}
 
-			return this.iconsMap['page']
+			return '#icon-matomo-'+ icon
 		},
 	},
 }