@steroidsjs/core 3.0.0-beta.1 → 3.0.0-beta.100

package/components/HttpComponent.d.ts

@@ -2,12 +2,104 @@ interface IHttpRequestOptions {
     lazy?: boolean | number;
     cancelToken?: any;
     onTwoFactor?: (providerName: string) => Promise<any>;
+    responseType?: string;
+}
+export interface IHttpComponentConfig {
+    /**
+     * Url для http запросов
+     */
+    apiUrl?: string;
+    /**
+     * Ключ для хранения токена в куках
+     */
+    accessTokenKey?: string;
+    /**
+     * Имя хранилища для токена (local, session, или cookie)
+     */
+    clientStorageName?: string;
+    /**
+     * Срок хранения токена в хранилище в днях
+     */
+    clientStorageExpiresIn?: number;
+}
+export interface IHttpComponent extends IHttpComponentConfig {
+    /**
+     * Получение конфига для axios
+     * @returns Конфиг для axios
+     */
+    getAxiosConfig(): Promise<any>;
+    /**
+     * Изменение csrf токена
+     * @param {string} value
+     */
+    setCsrfToken(value: string): void;
+    /**
+     * Удаление токена
+     */
+    removeAccessToken(): void;
+    /**
+     * Изменение токена
+     * @param {string} value
+     */
+    setAccessToken(value: string): any;
+    /**
+     * Получение токена
+     * @returns {string}
+     */
+    getAccessToken(): Promise<any>;
+    /**
+     * Сбросить конфиг
+     */
+    resetConfig(): void;
+    /**
+     * Метод, который можно вызвать при logout
+     */
+    onLogout(): void;
+    /**
+     * Метод, который можно вызвать при login
+     * @param {{accessToken: string}} params
+     */
+    onLogin(params: {
+        accessToken: string;
+    }): void;
+    /**
+     * Получение url по методу
+     * @param {string} method
+     * @returns {string} url
+     */
+    getUrl(method: string): string;
+    /**
+     * Получение экземпляра axios
+     * @returns Экземпляр axios
+     */
+    getAxiosInstance(): Promise<any>;
+    /**
+     * Вызов метода get
+     */
+    get(url: string, params?: Record<string, any>, options?: IHttpRequestOptions): any;
+    /**
+     * Вызов метода post
+     */
+    post(url: string, params?: Record<string, any>, options?: IHttpRequestOptions): any;
+    /**
+     * Вызов метода delete
+     */
+    delete(url: string, params?: Record<string, any>, options?: IHttpRequestOptions): any;
+    /**
+     * Вызов http-метода
+     */
+    send(method: string, url: string, params?: Record<string, any>, options?: IHttpRequestOptions): any;
+    /**
+     * Метод, который вызывается после запроса
+     */
+    afterRequest(response: any, config: Record<string, any>, options: IHttpRequestOptions): Promise<any>;
+    [key: string]: any;
 }
 /**
  * Http Component
  * Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.
  */
-export default class HttpComponent {
+export default class HttpComponent implements IHttpComponent {
     accessTokenKey: string;
     apiUrl: string;
     clientStorageName: string;
@@ -18,23 +110,15 @@ export default class HttpComponent {
     _csrfToken: any;
     _lazyRequests: any;
     _promises: any;
+    _isWindowAvailable: boolean;
     constructor(components: any, config?: any);
     getAxiosConfig(): Promise<{
         withCredentials: boolean;
         headers: any;
     }>;
-    /**
-     * @param {string} value
-     */
-    setCsrfToken(value: any): void;
+    setCsrfToken(value: string): void;
     removeAccessToken(): void;
-    /**
-     * @param {string} value
-     */
-    setAccessToken(value: any): void;
-    /**
-     * @returns {string}
-     */
+    setAccessToken(value: string): void;
     getAccessToken(): Promise<any>;
     resetConfig(): void;
     onLogout(): void;
@@ -42,14 +126,14 @@ export default class HttpComponent {
         accessToken: string;
     }): void;
     getAxiosInstance(): Promise<any>;
-    getUrl(method: any): any;
+    getUrl(method: string): string;
     get(url: any, params?: {}, options?: IHttpRequestOptions): any;
     post(url: any, params?: {}, options?: IHttpRequestOptions): any;
     delete(url: any, params?: {}, options?: IHttpRequestOptions): any;
     send(method: any, url: any, params?: {}, options?: IHttpRequestOptions): any;
-    _send(method: any, config: any, options: IHttpRequestOptions): any;
-    _sendAxios(config: any, options: IHttpRequestOptions): any;
+    private _send;
+    private _sendAxios;
     afterRequest(response: any, config: any, options: IHttpRequestOptions): any;
-    _onTwoFactor(providerName: any): Promise<unknown>;
+    private _onTwoFactor;
 }
 export {};

package/components/HttpComponent.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -65,9 +65,10 @@ var HttpComponent = /** @class */ (function () {
         if (config === void 0) { config = {}; }
         this.accessTokenKey = 'accessToken';
         this._components = components;
+        this._isWindowAvailable = !process.env.IS_SSR && process.env.PLATFORM !== 'mobile';
         this.apiUrl = config.apiUrl
             //|| process.env.APP_BACKEND_URL
-            || (!process.env.IS_SSR ? window.location.protocol + '//' + window.location.host : '');
+            || (this._isWindowAvailable ? window.location.protocol + '//' + window.location.host : '');
         this.accessTokenKey = config.accessTokenKey || 'accessToken';
         this.clientStorageName = config.clientStorageName || this._components.clientStorage.STORAGE_COOKIE;
         this.clientStorageExpiresIn = config.clientStorageExpiresIn || 180;
@@ -132,9 +133,6 @@ var HttpComponent = /** @class */ (function () {
             });
         });
     };
-    /**
-     * @param {string} value
-     */
     HttpComponent.prototype.setCsrfToken = function (value) {
         this._csrfToken = value;
         this.resetConfig();
@@ -144,17 +142,11 @@ var HttpComponent = /** @class */ (function () {
         this.resetConfig();
         this._components.clientStorage.remove(this.accessTokenKey, this.clientStorageName);
     };
-    /**
-     * @param {string} value
-     */
     HttpComponent.prototype.setAccessToken = function (value) {
         this._accessToken = value;
         this.resetConfig();
         this._components.clientStorage.set(this.accessTokenKey, value, this.clientStorageName, this.clientStorageExpiresIn);
     };
-    /**
-     * @returns {string}
-     */
     HttpComponent.prototype.getAccessToken = function () {
         return __awaiter(this, void 0, void 0, function () {
             var _a;
@@ -200,11 +192,11 @@ var HttpComponent = /** @class */ (function () {
         });
     };
     HttpComponent.prototype.getUrl = function (method) {
-        if (method === null && !process.env.IS_SSR) {
+        if (method === null && this._isWindowAvailable) {
             method = window.location.pathname;
         }
         if (method.indexOf('://') === -1) {
-            method = trimEnd_1["default"](this.apiUrl, '/') + "/" + trimStart_1["default"](method, '/');
+            method = "".concat((0, trimEnd_1["default"])(this.apiUrl, '/'), "/").concat((0, trimStart_1["default"])(method, '/'));
         }
         return method;
     };
@@ -254,7 +246,7 @@ var HttpComponent = /** @class */ (function () {
                     .entries(clientStorage.get(null, clientStorage.STORAGE_COOKIE) || {})
                     .map(function (_a) {
                     var key = _a[0], value = _a[1];
-                    return key + "=" + value;
+                    return "".concat(key, "=").concat(value);
                 })
                     .concat([(_a = axiosConfig.headers) === null || _a === void 0 ? void 0 : _a.Cookie])
                     .filter(Boolean)
@@ -263,6 +255,9 @@ var HttpComponent = /** @class */ (function () {
         if (options.cancelToken) {
             axiosConfig.cancelToken = options.cancelToken;
         }
+        if (options.responseType) {
+            axiosConfig.responseType = options.responseType;
+        }
         if (options.lazy) {
             if (this._lazyRequests[method]) {
                 clearTimeout(this._lazyRequests[method]);
@@ -296,7 +291,7 @@ var HttpComponent = /** @class */ (function () {
                     case 0:
                         _a = this._components, store = _a.store, clientStorage = _a.clientStorage;
                         cookie = response.headers['set-cookie'];
-                        if (process.env.IS_SSR && config.url.indexOf(this.apiUrl) !== -1 && !isEmpty_1["default"](cookie)) {
+                        if (process.env.IS_SSR && config.url.indexOf(this.apiUrl) !== -1 && !(0, isEmpty_1["default"])(cookie)) {
                             set_cookie_parser_1["default"].parse(cookie).forEach(function (_a) {
                                 var name = _a.name, value = _a.value, expires = _a.expires;
                                 return (clientStorage.set(name, value, clientStorage.STORAGE_COOKIE, expires));
@@ -304,10 +299,10 @@ var HttpComponent = /** @class */ (function () {
                         }
                         // Flash
                         if (response.data.flashes) {
-                            store.dispatch(notifications_1.setFlashes(response.data.flashes));
+                            store.dispatch((0, notifications_1.setFlashes)(response.data.flashes));
                         }
                         // Ajax redirect
-                        if (response.data.redirectUrl && !process.env.IS_SSR) {
+                        if (response.data.redirectUrl && this._isWindowAvailable) {
                             if (window.location.href === response.data.redirectUrl.split('#')[0]) {
                                 window.location.href = response.data.redirectUrl;
                                 window.location.reload();

package/components/JwtHttpComponent.d.ts

@@ -1,9 +1,24 @@
 import BaseHttpComponent from '@steroidsjs/core/components/HttpComponent';
-export default class JwtHttpComponent extends BaseHttpComponent {
-    refreshTokenRequest: {
-        url: string;
-        method: string;
-    };
+export interface IRefreshTokenRequest {
+    url: string;
+    method: string;
+}
+export interface IJwtHttpComponentConfig {
+    /**
+     * Запрос на обновление токена авторизации
+     */
+    refreshTokenRequest?: IRefreshTokenRequest;
+    /**
+     * Ключ токена авторизации для локального хранилища
+     */
+    refreshTokenKey?: string;
+}
+/**
+ * JwtHttpComponent
+ * Вариация HttpComponent с функционалом обновления токена авторизации
+ */
+export default class JwtHttpComponent extends BaseHttpComponent implements IJwtHttpComponentConfig {
+    refreshTokenRequest: IRefreshTokenRequest;
     refreshTokenKey: string;
     _refreshToken: any;
     constructor(components: any, config?: any);

package/components/JwtHttpComponent.js

@@ -29,7 +29,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -57,6 +57,10 @@ exports.__esModule = true;
 var axios_1 = __importDefault(require("axios"));
 var HttpComponent_1 = __importDefault(require("@steroidsjs/core/components/HttpComponent"));
 var auth_1 = require("@steroidsjs/core/actions/auth");
+/**
+ * JwtHttpComponent
+ * Вариация HttpComponent с функционалом обновления токена авторизации
+ */
 var JwtHttpComponent = /** @class */ (function (_super) {
     __extends(JwtHttpComponent, _super);
     function JwtHttpComponent(components, config) {
@@ -102,34 +106,43 @@ var JwtHttpComponent = /** @class */ (function (_super) {
     JwtHttpComponent.prototype.setRefreshTokenInterceptor = function (axiosInstance) {
         var _this = this;
         axiosInstance.interceptors.response.use(function (config) { return config; }, function (error) { return __awaiter(_this, void 0, void 0, function () {
-            var originalRequest, store, response, accessToken;
-            var _a;
-            var _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            var originalRequest, store, response, accessToken, _a;
+            var _b;
+            var _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
                         originalRequest = error.config;
                         if (!(error.response.status === 401
                             && error.config
                             && !error.config._isRetry
-                            && originalRequest.url !== this.getUrl((_b = this.refreshTokenRequest) === null || _b === void 0 ? void 0 : _b.url))) return [3 /*break*/, 2];
+                            && originalRequest.url !== this.getUrl((_c = this.refreshTokenRequest) === null || _c === void 0 ? void 0 : _c.url))) return [3 /*break*/, 5];
                         this.removeAccessToken();
                         store = this._components.store;
-                        return [4 /*yield*/, this.send(this.refreshTokenRequest.method, this.refreshTokenRequest.url, (_a = {},
-                                _a[this.refreshTokenKey] = this._refreshToken,
-                                _a))];
+                        _e.label = 1;
                     case 1:
-                        response = _d.sent();
-                        accessToken = (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c[this.accessTokenKey];
+                        _e.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this.send(this.refreshTokenRequest.method, this.refreshTokenRequest.url, (_b = {},
+                                _b[this.refreshTokenKey] = this._refreshToken,
+                                _b))];
+                    case 2:
+                        response = _e.sent();
+                        accessToken = (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d[this.accessTokenKey];
                         if (accessToken) {
                             this.setAccessToken(accessToken);
                             originalRequest._isRetry = true;
                             originalRequest.headers.Authorization = 'Bearer ' + accessToken;
                             return [2 /*return*/, axiosInstance.request(originalRequest)];
                         }
-                        store.dispatch(auth_1.logout());
-                        _d.label = 2;
-                    case 2: throw error;
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _a = _e.sent();
+                        store.dispatch((0, auth_1.logout)());
+                        return [3 /*break*/, 4];
+                    case 4:
+                        store.dispatch((0, auth_1.logout)());
+                        _e.label = 5;
+                    case 5: throw error;
                 }
             });
         }); });

package/components/LocaleComponent.d.ts

@@ -1,13 +1,60 @@
-import moment from 'moment';
-import 'moment/locale/it';
-import 'moment/locale/ru';
+import dayjs from 'dayjs';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ru';
+export interface ILocaleComponentConfig {
+    /**
+     * Разница времени с бекендом (в микросекундах)
+     */
+    backendTimeDiff?: null;
+    /**
+     * Временная зона бекенда
+     */
+    backendTimeZone?: any;
+    /**
+     * Язык приложения
+     * @example ru
+     */
+    language?: string;
+    /**
+     * Исходный язык
+     */
+    sourceLanguage?: string;
+    /**
+     * Переводы сообщений
+     */
+    translations?: any;
+}
+/**
+ * Интерфейс для LocaleComponent
+ */
+export interface ILocaleComponent extends ILocaleComponentConfig {
+    /**
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
+     * @param date Дата
+     * @param format Формат даты
+     * @returns Экземпляр `dayjs`
+     */
+    dayjs(date?: string, format?: string): dayjs.Dayjs;
+    /**
+     * Алиас для метода `translate`
+     * @param message Сообщение для перевода
+     * @param params Параметры перевода
+     * @returns Переведенное сообщение
+     */
+    t(message: string, params?: Record<string, any>): string;
+    /**
+     * Перевод сообщения
+     * @param message Сообщение для перевода
+     * @param params Параметры перевода
+     * @returns Переведенное сообщение
+     */
+    translate(message: string, params?: Record<string, any>): string;
+}
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны
- *
- * Пример строки: `{__('{count} {count, plural, one{день} few{дня} many{дней}}', {count: 2})}`
  */
-export default class LocaleComponent {
+export default class LocaleComponent implements ILocaleComponent {
     backendTimeDiff: null;
     backendTimeZone: any;
     /**
@@ -19,12 +66,12 @@ export default class LocaleComponent {
     translations: any;
     constructor(components: any, config: any);
     /**
-     * Получение экземпляра `moment` с учетом временной зоны бекенда
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
      * @param date Дата
      * @param format Формат
      */
-    moment(date?: string, format?: string): moment.Moment;
+    dayjs(date?: string, format?: string): dayjs.Dayjs;
     t(message: any, params?: {}): any;
     translate(message: any, params?: {}): any;
-    _pasteComponents(message: any, components: any): any;
+    private _pasteComponents;
 }

package/components/LocaleComponent.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -22,17 +26,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable import/no-extraneous-dependencies */
 var React = __importStar(require("react"));
 var intl_messageformat_1 = __importDefault(require("intl-messageformat"));
-var moment_1 = __importDefault(require("moment"));
+var dayjs_1 = __importDefault(require("dayjs"));
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
-require("moment/locale/it");
-require("moment/locale/ru");
+require("dayjs/locale/it");
+require("dayjs/locale/ru");
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны
- *
- * Пример строки: `{__('{count} {count, plural, one{день} few{дня} many{дней}}', {count: 2})}`
  */
 var LocaleComponent = /** @class */ (function () {
     function LocaleComponent(components, config) {
@@ -43,6 +46,7 @@ var LocaleComponent = /** @class */ (function () {
         this.translations = {};
         // Publish to global
         if (process.env.IS_SSR) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             global.__ = this.translate.bind(this);
         }
@@ -51,24 +55,24 @@ var LocaleComponent = /** @class */ (function () {
         }
     }
     /**
-     * Получение экземпляра `moment` с учетом временной зоны бекенда
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
      * @param date Дата
      * @param format Формат
      */
-    LocaleComponent.prototype.moment = function (date, format) {
+    LocaleComponent.prototype.dayjs = function (date, format) {
         if (date === void 0) { date = undefined; }
         if (format === void 0) { format = undefined; }
         if (date && this.backendTimeZone) {
             if (date.length === 16
-                && moment_1["default"](date, 'YYYY-MM-DD HH:mm').isValid()) {
+                && (0, dayjs_1["default"])(date, 'YYYY-MM-DD HH:mm').isValid()) {
                 date += ':00';
             }
             if (date.length === 19
-                && moment_1["default"](date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
+                && (0, dayjs_1["default"])(date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
                 date += this.backendTimeZone;
             }
         }
-        return moment_1["default"](date, format).locale(this.language);
+        return (0, dayjs_1["default"])(date, format).locale(this.language);
     };
     LocaleComponent.prototype.t = function (message, params) {
         if (params === void 0) { params = {}; }
@@ -81,10 +85,10 @@ var LocaleComponent = /** @class */ (function () {
         message = this.translations[message] || message;
         // Cut react components
         var components = {};
-        Object.keys(params).map(function (key) {
-            if (isObject_1["default"](params[key])) {
+        Object.keys(params).forEach(function (key) {
+            if ((0, isObject_1["default"])(params[key])) {
                 components[key] = params[key];
-                params[key] = "!!" + key + "!!";
+                params[key] = "!!".concat(key, "!!");
             }
         });
         // Format message (params, plural, etc..)
@@ -101,15 +105,15 @@ var LocaleComponent = /** @class */ (function () {
         }
         // Index components
         var indexedComponents = [];
-        Object.keys(components).map(function (key) {
-            var index = message.indexOf("!!" + key + "!!");
+        Object.keys(components).forEach(function (key) {
+            var index = message.indexOf("!!".concat(key, "!!"));
             if (index !== -1) {
                 indexedComponents.push({
                     index: index,
                     component: components[key]
                 });
             }
-            message = message.replace("!!" + key + "!!", '!!component!!');
+            message = message.replace("!!".concat(key, "!!"), '!!component!!');
         });
         indexedComponents.sort(function (a, b) {
             if (a.index < b.index) {
@@ -123,19 +127,19 @@ var LocaleComponent = /** @class */ (function () {
         // Split text to array, paste components
         var result = [];
         var textParts = message.split('!!component!!');
-        for (var i = 0, j = 0; i < textParts.length; i++) {
+        for (var i = 0, j = 0; i < textParts.length; i += 1) {
             var isComponentAdded = false;
             if (j === 0
                 && j < indexedComponents.length
                 && indexedComponents[j].index === 0) {
-                result.push(React.createElement("span", { key: "element-" + j }, indexedComponents[j].component));
+                result.push(React.createElement("span", { key: "element-".concat(j) }, indexedComponents[j].component));
                 isComponentAdded = true;
-                j++;
+                j += 1;
             }
-            result.push(React.createElement("span", { key: "text-" + i }, textParts[i]));
+            result.push(React.createElement("span", { key: "text-".concat(i) }, textParts[i]));
             if (!isComponentAdded && j < indexedComponents.length) {
-                result.push(React.createElement("span", { key: "element" + j }, indexedComponents[j].component));
-                j++;
+                result.push(React.createElement("span", { key: "element".concat(j) }, indexedComponents[j].component));
+                j += 1;
             }
         }
         return React.createElement("span", null, result);