@tolgee/core 3.2.0 → 3.3.0-prerelease-7dd4060.0

package/dist/tolgee.umd.js

@@ -1090,37 +1090,38 @@
             }); }); });
         };
         TranslationHighlighter.prototype.getRenderer = function () {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
                 var possibleProviders, possibleProviders_1, possibleProviders_1_1, possibleProvider, constructorProvider, constructor, constructor, e_2_1;
-                var e_2, _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var e_2, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!(this._renderer === undefined)) return [3 /*break*/, 11];
                             possibleProviders = [
                                 this.dependencies.properties.config.ui,
-                                window['@tolgee/ui'],
+                                (_a = window['@tolgee/ui']) === null || _a === void 0 ? void 0 : _a.UI,
                             ];
-                            _b.label = 1;
+                            _c.label = 1;
                         case 1:
-                            _b.trys.push([1, 8, 9, 10]);
+                            _c.trys.push([1, 8, 9, 10]);
                             possibleProviders_1 = __values(possibleProviders), possibleProviders_1_1 = possibleProviders_1.next();
-                            _b.label = 2;
+                            _c.label = 2;
                         case 2:
                             if (!!possibleProviders_1_1.done) return [3 /*break*/, 7];
                             possibleProvider = possibleProviders_1_1.value;
                             if (!(typeof possibleProvider === 'function')) return [3 /*break*/, 6];
-                            _b.label = 3;
+                            _c.label = 3;
                         case 3:
-                            _b.trys.push([3, 5, , 6]);
+                            _c.trys.push([3, 5, , 6]);
                             constructorProvider = possibleProvider;
                             return [4 /*yield*/, constructorProvider()];
                         case 4:
-                            constructor = _b.sent();
+                            constructor = _c.sent();
                             this._renderer = new constructor(this.dependencies);
                             return [3 /*break*/, 6];
                         case 5:
-                            _b.sent();
+                            _c.sent();
                             constructor = possibleProvider;
                             this._renderer = new constructor(this.dependencies);
                             return [3 /*break*/, 6];
@@ -1129,12 +1130,12 @@
                             return [3 /*break*/, 2];
                         case 7: return [3 /*break*/, 10];
                         case 8:
-                            e_2_1 = _b.sent();
+                            e_2_1 = _c.sent();
                             e_2 = { error: e_2_1 };
                             return [3 /*break*/, 10];
                         case 9:
                             try {
-                                if (possibleProviders_1_1 && !possibleProviders_1_1.done && (_a = possibleProviders_1.return)) _a.call(possibleProviders_1);
+                                if (possibleProviders_1_1 && !possibleProviders_1_1.done && (_b = possibleProviders_1.return)) _b.call(possibleProviders_1);
                             }
                             finally { if (e_2) throw e_2.error; }
                             return [7 /*endfinally*/];
@@ -1144,7 +1145,7 @@
                                 console.warn('Tolgee UI is not provided. To translate interactively provide tolgee ui constructor to "ui" configuration property. ' +
                                     'To disable highlighting use production mode.');
                             }
-                            _b.label = 11;
+                            _c.label = 11;
                         case 11: return [2 /*return*/, this._renderer];
                     }
                 });
@@ -1614,6 +1615,8 @@
         return CoreService;
     }());
 
+    var API_KEY_LOCAL_STORAGE = '__tolgee_apiKey';
+    var API_URL_LOCAL_STORAGE = '__tolgee_apiUrl';
     var DEFAULT_TARGET_ELEMENT_SUPPLIER = function () {
         if (typeof document !== 'undefined') {
             return document.body;
@@ -1621,7 +1624,6 @@
     };
     var TolgeeConfig = /** @class */ (function () {
         function TolgeeConfig(config) {
-            this.apiUrl = 'https://app.tolgee.io';
             this.inputPrefix = '%-%tolgee:';
             this.inputSuffix = '%-%';
             this.defaultLanguage = 'en';
@@ -1663,6 +1665,12 @@
                 },
             });
             Object.assign(this, config || {});
+            if (typeof sessionStorage !== 'undefined') {
+                this.apiUrl =
+                    sessionStorage.getItem(API_URL_LOCAL_STORAGE) || this.apiUrl;
+                this.apiKey =
+                    sessionStorage.getItem(API_KEY_LOCAL_STORAGE) || this.apiKey;
+            }
             if (this._targetElement === undefined) {
                 this._targetElement = DEFAULT_TARGET_ELEMENT_SUPPLIER();
             }
@@ -1728,7 +1736,7 @@
             this.handshake = function () {
                 var sharedConfiguration = __assign(__assign({}, _this.properties), { config: __assign(__assign({}, _this.properties.config), { 
                         //remove properties, which cannot be sent by window.postMessage
-                        staticData: undefined, targetElement: undefined, _targetElement: undefined, ui: undefined }) });
+                        staticData: undefined, targetElement: undefined, _targetElement: undefined, ui: undefined }), uiPresent: Boolean(_this.properties.config.ui), uiVersion: "3.3.0-prerelease-7dd4060.0" });
                 var timer = null;
                 var ping = function () {
                     _this.messages.send('TOLGEE_READY', sharedConfiguration);
@@ -3043,28 +3051,40 @@
         };
         Tolgee.prototype.run = function () {
             return __awaiter(this, void 0, void 0, function () {
+                var e_1;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             this.dependencyService.run();
-                            if (!(this.properties.config.mode === 'development')) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.coreService.loadApiKeyDetails()];
+                            if (!(this.properties.config.mode === 'development')) return [3 /*break*/, 4];
+                            _a.label = 1;
                         case 1:
+                            _a.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, this.coreService.loadApiKeyDetails()];
+                        case 2:
                             _a.sent();
-                            _a.label = 2;
-                        case 2: return [4 /*yield*/, this.dependencyService.translationService.loadTranslations()];
+                            return [3 /*break*/, 4];
                         case 3:
+                            e_1 = _a.sent();
+                            // eslint-disable-next-line no-console
+                            console.error("Couldn't connect to tolgee");
+                            // eslint-disable-next-line no-console
+                            console.error(e_1);
+                            this.properties.config.mode = 'production';
+                            return [3 /*break*/, 4];
+                        case 4: return [4 /*yield*/, this.dependencyService.translationService.loadTranslations()];
+                        case 5:
                             _a.sent();
                             return [4 /*yield*/, this.dependencyService.pluginManager.run()];
-                        case 4:
+                        case 6:
                             _a.sent();
-                            if (!this.properties.config.preloadFallback) return [3 /*break*/, 6];
+                            if (!this.properties.config.preloadFallback) return [3 /*break*/, 8];
                             return [4 /*yield*/, this.dependencyService.translationService.loadTranslations(this.properties.config.fallbackLanguage)];
-                        case 5:
-                            _a.sent();
-                            _a.label = 6;
-                        case 6: return [4 /*yield*/, this.refresh()];
                         case 7:
+                            _a.sent();
+                            _a.label = 8;
+                        case 8: return [4 /*yield*/, this.refresh()];
+                        case 9:
                             _a.sent();
                             if (this.properties.config.watch) {
                                 this.dependencyService.observer.observe();