Up Kun Extension version and some change of Makeup

resources/manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "Kuna.io Exchange Ticker",
-    "version": "0.3.0",
+    "version": "0.3.1",
     "short_name": "Kuna Ticker",
     "description": "Лучший способ следить за ценой Bitcoin к Гривне.",
     "content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'",

src/Background/BadgeController.ts

@@ -0,0 +1,39 @@
+import * as Numeral from 'numeral';
+
+import ExtensionPlatform from 'Core/Extension';
+import {TickerInterface} from 'Core/Interfaces/TickerInterface';
+
+const browserAction = ExtensionPlatform.getExtension().browserAction;
+
+export default class BadgeController {
+
+    static formatTickerPrice(price: number): string {
+        let priceNumeral = Numeral(price);
+
+        if (price < 10) {
+            return '' + priceNumeral.format('0.[00]');
+        } else if (price < 100) {
+            return '' + priceNumeral.format('0,0.[0]');
+        } else if (price < 1000) {
+            return '' + priceNumeral.format('0,0.[0]');
+        } else if (price < 10000) {
+            return '' + priceNumeral.format('0.0a');
+        } else if (price < 1000000) {
+            return '' + priceNumeral.format('0a');
+        }
+
+        return '' + price;
+    }
+
+    static updateBudgetTexts(ticker: TickerInterface) {
+        browserAction.setBadgeText({
+            text: BadgeController.formatTickerPrice(ticker.price)
+        });
+
+        browserAction.setTitle({
+            title: 'Kuna Ticker: ' +
+            `${ticker.baseCurrency} / ${ticker.quoteCurrency}` +
+            ` - ${Numeral(ticker.price).format(ticker.format)}`
+        });
+    }
+}

src/Style/popup.scss

@@ -1,7 +1,6 @@
 @import "fonts";
 @import "variable";
 @import "cleaner";
-@import "modules/dropdown";
 
 html {
     width: 300px;

src/background.js

@@ -6,6 +6,8 @@ import {Events} from 'Core/EventProtocol/Events';
 import KunaApiClient from 'Core/Kuna/ApiClient';
 import KunaTickerMap from 'Core/Kuna/TickerMap';
 
+import BadgeController from 'Background/BadgeController';
+
 
 const TickerStorage = {};
 
@@ -61,9 +63,14 @@ const updateTicker = (key) => {
             event: Events.UPDATE_TICKER,
             ticker: currentTicker
         });
+
+        if (currentTickerKey === currentTicker.key) {
+            BadgeController.updateBudgetTexts(TickerStorage[key]);
+        }
     });
 };
 
+
 const tickerUpdater = () => {
     _.each(TickerStorage, (ticker) => updateTicker(ticker.key));
 };
@@ -98,6 +105,14 @@ const extensionEventListener = (request, sender, sendResponse) => {
             sendResponse({
                 currentTicker: currentTickerKey
             });
+
+
+            try {
+                BadgeController.updateBudgetTexts(TickerStorage[currentTickerKey]);
+            } catch (error) {
+                console.log(error);
+            }
+
             break;
         }
 
@@ -115,6 +130,10 @@ const initBackground = () => {
 
     tickerUpdater();
     setInterval(tickerUpdater, 30000);
+
+    ExtensionPlatform.getExtension().browserAction.setBadgeBackgroundColor({
+        color: '#11a0ff'
+    });
 };
 
 document.addEventListener('DOMContentLoaded', initBackground);

webpack.config.js

@@ -114,10 +114,7 @@ const WebpackConfig = {
         alias: {
             Core: Path.join(__dirname, 'src/Core'),
             Popup: Path.join(__dirname, 'src/Popup'),
-            Background: Path.join(__dirname, 'src/Background'),
-
-            // @depracated
-            Library: Path.join(__dirname, 'src/Library')
+            Background: Path.join(__dirname, 'src/Background')
         }
     },
     devtool: 'inline-source-map',