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

package/dist/tolgee.cjs.js

@@ -1088,37 +1088,38 @@ var TranslationHighlighter = /** @class */ (function () {
         }); }); });
     };
     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];
@@ -1127,12 +1128,12 @@ var TranslationHighlighter = /** @class */ (function () {
                         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*/];
@@ -1142,7 +1143,7 @@ var TranslationHighlighter = /** @class */ (function () {
                             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];
                 }
             });
@@ -1612,6 +1613,8 @@ var CoreService = /** @class */ (function () {
     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;
@@ -1619,7 +1622,6 @@ var DEFAULT_TARGET_ELEMENT_SUPPLIER = function () {
 };
 var TolgeeConfig = /** @class */ (function () {
     function TolgeeConfig(config) {
-        this.apiUrl = 'https://app.tolgee.io';
         this.inputPrefix = '%-%tolgee:';
         this.inputSuffix = '%-%';
         this.defaultLanguage = 'en';
@@ -1661,6 +1663,12 @@ var TolgeeConfig = /** @class */ (function () {
             },
         });
         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();
         }
@@ -1726,7 +1734,7 @@ var PluginManager = /** @class */ (function () {
         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);
@@ -3041,28 +3049,40 @@ var Tolgee = /** @class */ (function () {
     };
     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();