index.js

var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
define(["require", "exports", "./lib/numbersLab/Router", "./model/Mnemonic", "./lib/numbersLab/VueAnnotate", "./model/Storage", "./model/Translations"], function (require, exports, Router_1, Mnemonic_1, VueAnnotate_1, Storage_1, Translations_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    //========================================================
    //bridge for cnUtil with the new mnemonic class
    //========================================================
    window.mn_random = Mnemonic_1.Mnemonic.mn_random;
    window.mn_encode = Mnemonic_1.Mnemonic.mn_encode;
    window.mn_decode = Mnemonic_1.Mnemonic.mn_decode;
    //========================================================
    //====================Translation code====================
    //========================================================
    var i18n = new VueI18n({
        locale: 'en',
        fallbackLocale: 'en',
    });
    window.i18n = i18n;
    var browserUserLang = '' + (navigator.language || navigator.userLanguage);
    browserUserLang = browserUserLang.toLowerCase().split('-')[0];
    Storage_1.Storage.getItem('user-lang', browserUserLang).then(function (userLang) {
        Translations_1.Translations.loadLangTranslation(userLang).catch(function () {
            Translations_1.Translations.loadLangTranslation('en');
        });
    });
    //========================================================
    //====================Generic design======================
    //========================================================
    var MenuView = /** @class */ (function (_super) {
        __extends(MenuView, _super);
        function MenuView(containerName, vueData) {
            if (vueData === void 0) { vueData = null; }
            var _this = _super.call(this, vueData) || this;
            _this.isMenuHidden = false;
            _this.isMenuHidden = $('body').hasClass('menuHidden');
            if ($('body').hasClass('menuDisabled'))
                _this.isMenuHidden = true;
            _this.update();
            return _this;
        }
        MenuView.prototype.toggle = function () {
            if ($('body').hasClass('menuDisabled'))
                this.isMenuHidden = true;
            else
                this.isMenuHidden = !this.isMenuHidden;
            this.update();
        };
        MenuView.prototype.update = function () {
            if (this.isMenuHidden)
                $('body').addClass('menuHidden');
            else
                $('body').removeClass('menuHidden');
        };
        MenuView = __decorate([
            VueAnnotate_1.VueClass()
        ], MenuView);
        return MenuView;
    }(Vue));
    var menuView = new MenuView('#menu');
    $('#menu a').on('click', function (event) {
        menuView.toggle();
    });
    $('#menu').on('click', function (event) {
        event.stopPropagation();
    });
    $('#topBar .toggleMenu').on('click', function (event) {
        menuView.toggle();
        event.stopPropagation();
        return false;
    });
    $(window).click(function () {
        menuView.isMenuHidden = true;
        $('body').addClass('menuHidden');
    });
    //mobile swipe
    var pageWidth = window.innerWidth || document.body.clientWidth;
    var treshold = Math.max(1, Math.floor(0.01 * (pageWidth)));
    var touchstartX = 0;
    var touchstartY = 0;
    var touchendX = 0;
    var touchendY = 0;
    var limit = Math.tan(45 * 1.5 / 180 * Math.PI);
    var gestureZone = $('body')[0];
    gestureZone.addEventListener('touchstart', function (event) {
        touchstartX = event.changedTouches[0].screenX;
        touchstartY = event.changedTouches[0].screenY;
    }, false);
    gestureZone.addEventListener('touchend', function (event) {
        touchendX = event.changedTouches[0].screenX;
        touchendY = event.changedTouches[0].screenY;
        handleGesture(event);
    }, false);
    function handleGesture(e) {
        var x = touchendX - touchstartX;
        var y = touchendY - touchstartY;
        var xy = Math.abs(x / y);
        var yx = Math.abs(y / x);
        if (Math.abs(x) > treshold || Math.abs(y) > treshold) {
            if (yx <= limit) {
                if (x < 0) {
                    //left
                    if (!menuView.isMenuHidden)
                        menuView.toggle();
                }
                else {
                    //right
                    if (menuView.isMenuHidden)
                        menuView.toggle();
                }
            }
            if (xy <= limit) {
                if (y < 0) {
                    //top
                }
                else {
                    //bottom
                }
            }
        }
        else {
            //tap
        }
    }
    var CopyrightView = /** @class */ (function (_super) {
        __extends(CopyrightView, _super);
        function CopyrightView(containerName, vueData) {
            if (vueData === void 0) { vueData = null; }
            var _this = _super.call(this, vueData) || this;
            Translations_1.Translations.getLang().then(function (userLang) {
                _this.language = userLang;
            });
            return _this;
        }
        CopyrightView.prototype.languageWatch = function () {
            Translations_1.Translations.setBrowserLang(this.language);
            Translations_1.Translations.loadLangTranslation(this.language);
        };
        __decorate([
            VueAnnotate_1.VueVar('en')
        ], CopyrightView.prototype, "language", void 0);
        __decorate([
            VueAnnotate_1.VueWatched()
        ], CopyrightView.prototype, "languageWatch", null);
        CopyrightView = __decorate([
            VueAnnotate_1.VueClass()
        ], CopyrightView);
        return CopyrightView;
    }(Vue));
    var copyrightView = new CopyrightView('#copyright');
    //========================================================
    //==================Loading the right page================
    //========================================================
    var isCordovaApp = document.URL.indexOf('http://') === -1
        && document.URL.indexOf('https://') === -1;
    var promiseLoadingReady;
    window.native = false;
    if (isCordovaApp) {
        window.native = true;
        $('body').addClass('native');
        var promiseLoadingReadyResolve_1 = null;
        var promiseLoadingReadyReject_1 = null;
        promiseLoadingReady = new Promise(function (resolve, reject) {
            promiseLoadingReadyResolve_1 = resolve;
            promiseLoadingReadyReject_1 = reject;
        });
        var cordovaJs = document.createElement('script');
        cordovaJs.type = 'text/javascript';
        cordovaJs.src = 'cordova.js';
        document.body.appendChild(cordovaJs);
        var timeoutCordovaLoad_1 = setTimeout(function () {
            if (promiseLoadingReadyResolve_1)
                promiseLoadingReadyResolve_1();
        }, 10 * 1000);
        document.addEventListener('deviceready', function () {
            if (promiseLoadingReadyResolve_1)
                promiseLoadingReadyResolve_1();
            clearInterval(timeoutCordovaLoad_1);
        }, false);
    }
    else
        promiseLoadingReady = Promise.resolve();
    promiseLoadingReady.then(function () {
        var router = new Router_1.Router('./', '../../');
        window.onhashchange = function () {
            router.changePageFromHash();
        };
    });
    //========================================================
    //==================Service worker for web================
    //========================================================
    //only install the service on web platforms and not native
    console.log("%c                                            \n .d8888b.  888                       888    \nd88P  Y88b 888                       888    \nY88b.      888                       888    This is a browser feature intended for \n \"Y888b.   888888  .d88b.  88888b.   888    developers. If someone told you to copy-paste \n    \"Y88b. 888    d88\"\"88b 888 \"88b  888    something here to enable a feature \n      \"888 888    888  888 888  888  Y8P    or \"hack\" someone's account, it is a \nY88b  d88P Y88b.  Y88..88P 888 d88P         scam and will give them access to your \n \"Y8888P\"   \"Y888  \"Y88P\"  88888P\"   888    Dynex Wallet!\n                           888              \n                           888              \n                           888              \n\nIA Self-XSS scam tricks you into compromising your wallet by claiming to provide a way to log into someone else's wallet, or some other kind of reward, after pasting a special code or link into your web browser.", "font-family:monospace");
    if (!isCordovaApp && 'serviceWorker' in navigator) {
        var showRefreshUI_1 = function (registration) {
            //console.log(registration);
            swal({
                type: 'info',
                title: i18n.t('global.newVersionModal.title'),
                html: i18n.t('global.newVersionModal.content'),
                confirmButtonText: i18n.t('global.newVersionModal.confirmText'),
                showCancelButton: true,
                cancelButtonText: i18n.t('global.newVersionModal.cancelText'),
            }).then(function (value) {
                if (!value.dismiss) {
                    registration.waiting.postMessage('force-activate');
                }
            });
        };
        var onNewServiceWorker_1 = function (registration, callback) {
            if (registration.waiting) {
                // SW is waiting to activate. Can occur if multiple clients open and
                // one of the clients is refreshed.
                return callback();
            }
            var listenInstalledStateChange = function () {
                registration.installing.addEventListener('statechange', function (event) {
                    if (event.target.state === 'installed') {
                        // A new service worker is available, inform the user
                        callback();
                    }
                });
            };
            if (registration.installing) {
                return listenInstalledStateChange();
            }
            // We are currently controlled so a new SW may be found...
            // Add a listener in case a new SW is found,
            registration.addEventListener('updatefound', listenInstalledStateChange);
        };
        navigator.serviceWorker.addEventListener('message', function (event) {
            if (!event.data) {
                return;
            }
            switch (event.data) {
                case 'reload-window-update':
                    window.location.reload();
                    break;
                default:
                    // NOOP
                    break;
            }
        });
        navigator.serviceWorker.register('/service-worker.js').then(function (registration) {
            // Track updates to the Service Worker.
            if (!navigator.serviceWorker.controller) {
                // The window client isn't currently controlled so it's a new service
                // worker that will activate immediately
                return;
            }
            //console.log('on new service worker');
            onNewServiceWorker_1(registration, function () {
                showRefreshUI_1(registration);
            });
        });
    }
});