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

package/components/MetaComponent.d.ts

@@ -23,11 +23,37 @@ export interface ModelAttribute {
     fromStringConverter?: (value: string, type: string, item: any) => any;
     toStringConverter?: (value: any, type: string, item: any) => string | null;
 }
+export interface IMetaComponent {
+    /**
+     * Изменить модель
+     */
+    setModel(name: string, item: Model): void;
+    /**
+     * Получить модель
+     */
+    getModel(name: string): Model;
+    /**
+     * Изменить тип
+     */
+    setType(name: string, config: Record<string, any>): void;
+    /**
+     * Получить тип
+     */
+    getType(name: string): any;
+    /**
+     * Форматирование названия модели
+     */
+    normalizeName(name: string): string;
+    /**
+     * Форматирование модели модели
+     */
+    normalizeModel(inputModel: Model, defaultModel: Model | any): Model;
+}
 /**
  * Meta Component
  * Компонент для работы с мета-данными моделей и типами приложения (appType)
  */
-export default class MetaComponent {
+export default class MetaComponent implements IMetaComponent {
     defaultPrimaryKey: string;
     defaultAttributeType: string;
     models: any;
@@ -36,101 +62,12 @@ export default class MetaComponent {
     constructor(components: any);
     setModel(name: string, item: Model): void;
     getModel(name: string): any;
-    setType(name: any, config: any): void;
+    setType(name: string, config: Record<string, any>): void;
     getType(name: string): any;
-    normalizeName(name: any): any;
+    normalizeName(name: string): string;
     normalizeModel(inputModel: Model, defaultModel?: Model | any): {
         primaryKey: any;
         attributes: any[];
     };
-    _defaultTypes(): {
-        autoTime: {
-            jsType: string;
-            field: string;
-            formatter: string;
-        };
-        boolean: {
-            jsType: string;
-            field: string;
-            formatter: string;
-        };
-        dateTime: {
-            jsType: string;
-            field: string;
-            formatter: string;
-        };
-        date: {
-            jsType: string;
-            field: string;
-            formatter: string;
-        };
-        double: {
-            jsType: string;
-            field: string;
-        };
-        email: {
-            jsType: string;
-            field: string;
-            fieldProps: {
-                type: string;
-            };
-        };
-        enum: {
-            jsType: string;
-            field: string;
-            formatter: string;
-        };
-        file: {
-            jsType: string;
-            field: string;
-        };
-        files: {
-            jsType: string;
-            field: string;
-            fieldProps: {
-                multiple: boolean;
-            };
-        };
-        html: {
-            jsType: string;
-            field: string;
-        };
-        integer: {
-            jsType: string;
-            field: string;
-        };
-        password: {
-            jsType: string;
-            field: string;
-        };
-        phone: {
-            jsType: string;
-            field: string;
-            fieldProps: {
-                type: string;
-            };
-        };
-        primaryKey: {
-            jsType: string;
-            field: string;
-            fieldProps: {
-                type: string;
-            };
-            searchFieldProps: {
-                type: string;
-            };
-        };
-        string: {
-            jsType: string;
-            field: string;
-        };
-        text: {
-            jsType: string;
-            field: string;
-        };
-        time: {
-            jsType: string;
-            field: string;
-        };
-    };
+    private _defaultTypes;
 }

package/components/MetricsComponent.d.ts

@@ -7,7 +7,7 @@ declare global {
         _fbq: any;
     }
 }
-declare type ConfigType = {
+type ConfigType = {
     counters?: {
         yandexMetrika?: any;
         googleTagManager?: any;
@@ -17,7 +17,26 @@ declare type ConfigType = {
     };
     enable?: boolean;
 };
-export default class MetricsComponent {
+export interface IMetricsComponent {
+    /**
+     * Отписаться от метрик
+     */
+    unsubscribe: VoidFunction;
+    /**
+     * Отменить прослушивание метрик
+     */
+    unlisten: VoidFunction;
+    /**
+     * Поменять счетчики
+     * @param values Значения
+     */
+    setCounters(values: any): void;
+}
+/**
+ * Metrics Component
+ * Компонент для добавления метрик в приложение (например яндекс метрики)
+ */
+export default class MetricsComponent implements IMetricsComponent {
     _components: any;
     _prevUrl: string;
     _isMetricsInitialized: boolean;

package/components/MetricsComponent.js

@@ -6,6 +6,10 @@ exports.__esModule = true;
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var auth_1 = require("../reducers/auth");
+/**
+ * Metrics Component
+ * Компонент для добавления метрик в приложение (например яндекс метрики)
+ */
 var MetricsComponent = /** @class */ (function () {
     function MetricsComponent(components, config) {
         if (config === void 0) { config = {}; }
@@ -24,7 +28,7 @@ var MetricsComponent = /** @class */ (function () {
         this.unsubscribe = this._components.store.subscribe(function () {
             var store = _this._components.store;
             var state = store.getState();
-            if (!auth_1.isInitialized(state)) {
+            if (!(0, auth_1.isInitialized)(state)) {
                 return;
             }
             _this.unsubscribe();
@@ -39,7 +43,7 @@ var MetricsComponent = /** @class */ (function () {
     };
     MetricsComponent.prototype.setCounters = function (values) {
         var _this = this;
-        if (!this._enable || isEmpty_1["default"](values) || this._isMetricsInitialized) {
+        if (!this._enable || (0, isEmpty_1["default"])(values) || this._isMetricsInitialized) {
             return;
         }
         Object.entries(values).forEach(function (_a) {
@@ -47,7 +51,7 @@ var MetricsComponent = /** @class */ (function () {
             if (counterValue) {
                 _this._isMetricsInitialized = true;
                 _this['_' + counterName] = counterValue;
-                var setter = '_set' + upperFirst_1["default"](counterName);
+                var setter = '_set' + (0, upperFirst_1["default"])(counterName);
                 _this[setter](counterValue);
             }
         });
@@ -93,7 +97,7 @@ var MetricsComponent = /** @class */ (function () {
     MetricsComponent.prototype._setGoogleAnalytics = function (value) {
         var googleLoad = document.createElement('script');
         googleLoad.async = true;
-        googleLoad.src = "https://www.googletagmanager.com/gtag/js?id=" + value;
+        googleLoad.src = "https://www.googletagmanager.com/gtag/js?id=".concat(value);
         document.body.appendChild(googleLoad);
         window.dataLayer = window.dataLayer || [];
         function gtag() {

package/components/ResourceComponent.d.ts

@@ -6,21 +6,97 @@ declare global {
         };
     }
 }
+export interface IResourceComponentConfig {
+    /**
+     * API-ключ Google для использования Google Maps и других сервисов.
+     */
+    googleApiKey?: string;
+    /**
+     * Языковой код, используемый для загрузки ресурсов.
+     */
+    language?: string;
+}
+export interface IResourceComponent extends IResourceComponentConfig {
+    /**
+     * Ключ сайта Google reCAPTCHA.
+     */
+    googleCaptchaSiteKey: string;
+    /**
+     * URL для загрузки Google Maps API.
+     */
+    readonly RESOURCE_GOOGLE_MAP_API: string;
+    /**
+     * URL для загрузки Yandex Maps API.
+     */
+    readonly RESOURCE_YANDEX_MAP_API: string;
+    /**
+     * URL для загрузки Twitter виджетов.
+     */
+    readonly RESOURCE_TWITTER_WIDGET: string;
+    /**
+     * URL для загрузки Geetest.
+     */
+    readonly RESOURCE_GEETEST_API: string;
+    /**
+     * URL для загрузки Google reCAPTCHA.
+     */
+    readonly RESOURCE_GOOGLE_CAPTCHA: string;
+    /**
+     * Метод для загрузки Google reCAPTCHA.
+     * @returns Промис, который разрешается с объектом window.grecaptcha.
+     */
+    loadGoogleCaptcha(): Promise<any>;
+    /**
+     * Метод для загрузки Google Maps API.
+     * @returns Промис, который разрешается с объектом window.google.maps.
+     */
+    loadGoogleMapApi(): Promise<any>;
+    /**
+     * Метод для загрузки Yandex Maps API.
+     * @returns Промис, который разрешается с объектом window.ymaps.
+     */
+    loadYandexMap(): Promise<any>;
+    /**
+     * Метод для загрузки Twitter виджетов.
+     * @returns Промис, который разрешается с объектом window.twttr.
+     */
+    loadTwitterWidget(): Promise<any>;
+    /**
+     * Метод для загрузки Geetest.
+     * @returns Промис, который разрешается с объектом window.initGeetest.
+     */
+    loadGeetest(): Promise<any>;
+    /**
+     * Метод для загрузки скрипта по указанному URL.
+     * @param url URL скрипта для загрузки.
+     * @param params Параметры запроса для URL скрипта.
+     * @param firstResolver Функция, которая возвращает объект, разрешающий промис.
+     * @returns Промис, который разрешается с результатом первого разрешенного промиса.
+     */
+    loadScript(url: string, params: any, firstResolver: () => any): Promise<any>;
+    /**
+     * Метод для ожидания выполнения определенного условия.
+     * @param condition Условие, которое должно быть выполнено.
+     * @param timeout (Необязательный) Таймаут ожидания в миллисекундах (по умолчанию 5000 мс).
+     * @returns Промис, который разрешается с результатом выполнения условия.
+     */
+    wait(condition: () => boolean, timeout?: number): Promise<any>;
+}
 /**
  * Resource Component
  * Компонент для подгрузки внешних API: Google Maps, Yandex Maps, Twitter, ...
  */
-export default class ResourceComponent {
-    _callbacks: any;
-    _components: any;
+export default class ResourceComponent implements IResourceComponent {
+    private _callbacks;
+    private _components;
     googleApiKey: string;
     googleCaptchaSiteKey: string;
     language: string;
-    static RESOURCE_GOOGLE_MAP_API: string;
-    static RESOURCE_YANDEX_MAP_API: string;
-    static RESOURCE_TWITTER_WIDGET: string;
-    static RESOURCE_GEETEST_API: string;
-    static RESOURCE_GOOGLE_CAPTCHA: string;
+    readonly RESOURCE_GOOGLE_MAP_API = "//maps.googleapis.com/maps/api/js";
+    readonly RESOURCE_YANDEX_MAP_API = "https://api-maps.yandex.ru/2.1/";
+    readonly RESOURCE_TWITTER_WIDGET = "https://platform.twitter.com/widgets.js";
+    readonly RESOURCE_GEETEST_API = "//static.geetest.com/static/tools/gt.js";
+    readonly RESOURCE_GOOGLE_CAPTCHA = "https://www.google.com/recaptcha/api.js";
     constructor(components: any, config: any);
     loadGoogleCaptcha(): Promise<any>;
     loadGoogleMapApi(): Promise<any>;

package/components/ResourceComponent.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,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 var queryString = __importStar(require("qs"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 /**
@@ -30,8 +35,13 @@ var isArray_1 = __importDefault(require("lodash-es/isArray"));
  */
 var ResourceComponent = /** @class */ (function () {
     function ResourceComponent(components, config) {
+        this.RESOURCE_GOOGLE_MAP_API = '//maps.googleapis.com/maps/api/js';
+        this.RESOURCE_YANDEX_MAP_API = 'https://api-maps.yandex.ru/2.1/';
+        this.RESOURCE_TWITTER_WIDGET = 'https://platform.twitter.com/widgets.js';
+        this.RESOURCE_GEETEST_API = '//static.geetest.com/static/tools/gt.js';
+        this.RESOURCE_GOOGLE_CAPTCHA = 'https://www.google.com/recaptcha/api.js';
         this.googleApiKey = config.googleApiKey || '';
-        this.googleCaptchaSiteKey = config.googleCaptchaSiteKey || '';
+        this.googleCaptchaSiteKey = process.env.APP_RECAPTCHA_SITE_KEY || '';
         this.language = config.language || '';
         this._callbacks = {};
         this._components = components;
@@ -40,7 +50,7 @@ var ResourceComponent = /** @class */ (function () {
         if (window.grecaptcha) {
             return Promise.resolve(window.grecaptcha);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GOOGLE_CAPTCHA, { render: this.googleCaptchaSiteKey }, function () { return window.grecaptcha; });
+        return this.loadScript(this.RESOURCE_GOOGLE_CAPTCHA, { render: this.googleCaptchaSiteKey }, function () { return window.grecaptcha; });
     };
     ResourceComponent.prototype.loadGoogleMapApi = function () {
         var locale = this._components.locale;
@@ -49,7 +59,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.google.maps);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GOOGLE_MAP_API, {
+        return this.loadScript(this.RESOURCE_GOOGLE_MAP_API, {
             libraries: 'places,geometry',
             key: this.googleApiKey,
             language: this.language || locale.language
@@ -63,10 +73,11 @@ var ResourceComponent = /** @class */ (function () {
         if (window.ymaps) {
             return new Promise(function (resolve) {
                 // @ts-ignore
+                // eslint-disable-next-line implicit-arrow-linebreak
                 return window.ymaps.ready(function () { return resolve(window.ymaps); });
             });
         }
-        return this.loadScript(ResourceComponent.RESOURCE_YANDEX_MAP_API, {
+        return this.loadScript(this.RESOURCE_YANDEX_MAP_API, {
             lang: this.language || locale.language
         }, 
         // @ts-ignore
@@ -78,7 +89,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.twttr);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_TWITTER_WIDGET, {}, 
+        return this.loadScript(this.RESOURCE_TWITTER_WIDGET, {}, 
         // @ts-ignore
         function () { return new Promise(function (resolve) { return window.twttr.ready(function () { return resolve(window.twttr); }); }); });
     };
@@ -88,7 +99,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.initGeetest);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GEETEST_API + '?_t=' + new Date().getTime(), {}, 
+        return this.loadScript(this.RESOURCE_GEETEST_API + '?_t=' + new Date().getTime(), {}, 
         // @ts-ignore
         function () { return window.initGeetest; });
     };
@@ -97,7 +108,7 @@ var ResourceComponent = /** @class */ (function () {
         if (this._callbacks[url] === true) {
             return Promise.resolve(firstResolver());
         }
-        if (isArray_1["default"](this._callbacks[url])) {
+        if ((0, isArray_1["default"])(this._callbacks[url])) {
             return new Promise(function (resolve) {
                 _this._callbacks[url].push(resolve);
             });
@@ -141,11 +152,6 @@ var ResourceComponent = /** @class */ (function () {
         };
         return new Promise(checker);
     };
-    ResourceComponent.RESOURCE_GOOGLE_MAP_API = '//maps.googleapis.com/maps/api/js';
-    ResourceComponent.RESOURCE_YANDEX_MAP_API = 'https://api-maps.yandex.ru/2.1/';
-    ResourceComponent.RESOURCE_TWITTER_WIDGET = 'https://platform.twitter.com/widgets.js';
-    ResourceComponent.RESOURCE_GEETEST_API = '//static.geetest.com/static/tools/gt.js';
-    ResourceComponent.RESOURCE_GOOGLE_CAPTCHA = 'https://www.google.com/recaptcha/api.js';
     return ResourceComponent;
 }());
 exports["default"] = ResourceComponent;

package/components/SocialComponent.d.ts

@@ -1,8 +1,23 @@
+export interface ISocialComponent {
+    /**
+     * Провайдеры
+     */
+    providers: any;
+    /**
+     * Старт
+     * @param socialName Название social
+     */
+    start(socialName: string): void;
+    /**
+     * Инициализация компонента
+     */
+    init(): void;
+}
 /**
  * Social Component
  * Провайдер для социальных сетей. Обеспечивает вызов окна соц сети для oauth авторизации
  */
-export default class SocialComponent {
+export default class SocialComponent implements ISocialComponent {
     _components: any;
     _initializing: any;
     providers: any;

package/components/SocialComponent.js

@@ -17,7 +17,7 @@ var SocialComponent = /** @class */ (function () {
     SocialComponent.prototype.init = function () {
         var _this = this;
         Object.keys(this.providers).forEach(function (name) {
-            if (isFunction_1["default"](_this.providers[name])) {
+            if ((0, isFunction_1["default"])(_this.providers[name])) {
                 _this.providers[name] = { className: _this.providers[name] };
             }
             var ProviderClass = _this.providers[name].className;

package/components/StoreComponent.d.ts

@@ -8,11 +8,54 @@ interface IStoreComponentConfig {
     initialState: any;
     history: any;
 }
+export interface IStoreComponent {
+    /**
+     * Редьюсеры
+     */
+    reducers: any;
+    /**
+     * Хранилище
+     */
+    store: any;
+    /**
+     * Инициализация
+     */
+    init(): void;
+    /**
+     * Инициализация хранилища
+     */
+    initStore(): void;
+    /**
+     * Конфигурация
+     */
+    configurate(): void;
+    /**
+     * Метод для dispatch
+     */
+    dispatch(action: any): void;
+    /**
+     * Получение состояние
+     */
+    getState(): void;
+    /**
+     * Подписка
+     */
+    subscribe(handler: any): void;
+    /**
+     * Добавление редьюсеров
+     */
+    addReducers(asyncReducers: any): void;
+    /**
+     * Метод, который вызывается при ошибке
+     */
+    errorHandler(error: any, action: any): void;
+    [key: string]: any;
+}
 /**
  * Store Component
  * Обертка над Redux Store со встроенными middleware (thunk, multi, promise..) и react-router
  */
-export default class StoreComponent {
+export default class StoreComponent implements IStoreComponent {
     _asyncReducers: any;
     _components: any;
     reducers: any;

package/components/StoreComponent.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable no-restricted-globals */
 var redux_1 = require("redux");
 var connected_react_router_1 = require("connected-react-router");
 var history_1 = require("history");
@@ -59,20 +60,23 @@ var StoreComponent = /** @class */ (function () {
                 : location.protocol === 'file:'
                     ? history_1.createHashHistory
                     : history_1.createBrowserHistory;
-            this.history = createHistory(__assign(__assign({}, get_1["default"](initialState, 'config.store.history', {})), config.history));
+            this.history = createHistory(__assign(__assign({}, (0, get_1["default"])(initialState, 'config.store.history', {})), config.history));
             // Add '?' for fix connected-react-router
             if (process.env.IS_SSR && !this.history.location.search) {
                 this.history.location.search = '?';
             }
-            this._routerReducer = connected_react_router_1.connectRouter(this.history);
+            this._routerReducer = (0, connected_react_router_1.connectRouter)(this.history);
         }
         if (!this.store) {
-            this.store = redux_1.createStore(this.reducers(this._routerReducer ? {
+            this.store = (0, redux_1.createStore)(
+            //TODO TYPES
+            //@ts-ignore
+            this.reducers(this._routerReducer ? {
                 router: this._routerReducer
-            } : {}), initialState, redux_1.compose(redux_1.applyMiddleware(function (_a) {
+            } : {}), initialState, (0, redux_1.compose)((0, redux_1.applyMiddleware)(function (_a) {
                 var getState = _a.getState;
                 return function (next) { return function (action) { return _this._prepare(action, next, getState); }; };
-            }), redux_1.applyMiddleware(connected_react_router_1.routerMiddleware(this.history)), !process.env.IS_SSR && window.__REDUX_DEVTOOLS_EXTENSION__ && process.env.PLATFORM !== 'mobile'
+            }), (0, redux_1.applyMiddleware)((0, connected_react_router_1.routerMiddleware)(this.history)), !process.env.IS_SSR && window.__REDUX_DEVTOOLS_EXTENSION__ && process.env.PLATFORM !== 'mobile'
                 ? window.__REDUX_DEVTOOLS_EXTENSION__()
                 : function (f) { return f; }));
         }
@@ -81,14 +85,14 @@ var StoreComponent = /** @class */ (function () {
         // Apply configuration
         var customConfig = this.getState().config || {};
         var components = this._components;
-        merge_1["default"](components.clientStorage, customConfig.clientStorage);
-        merge_1["default"](components.html, customConfig.html);
-        merge_1["default"](components.http, customConfig.http);
-        merge_1["default"](components.locale, customConfig.locale);
-        merge_1["default"](components.resource, customConfig.resource);
-        merge_1["default"](components.store, customConfig.store);
-        merge_1["default"](components.ui, customConfig.ui);
-        merge_1["default"](components.widget, customConfig.widget);
+        (0, merge_1["default"])(components.clientStorage, customConfig.clientStorage);
+        (0, merge_1["default"])(components.html, customConfig.html);
+        (0, merge_1["default"])(components.http, customConfig.http);
+        (0, merge_1["default"])(components.locale, customConfig.locale);
+        (0, merge_1["default"])(components.resource, customConfig.resource);
+        (0, merge_1["default"])(components.store, customConfig.store);
+        (0, merge_1["default"])(components.ui, customConfig.ui);
+        (0, merge_1["default"])(components.widget, customConfig.widget);
     };
     StoreComponent.prototype.dispatch = function (action) {
         return this.store.dispatch(action);
@@ -119,6 +123,7 @@ var StoreComponent = /** @class */ (function () {
             return action(function (p) { return _this._prepare(p, dispatch, getState); }, getState, this._components);
         }
         // Promise, detect errors on rejects
+        // eslint-disable-next-line max-len
         // Detect action through instanceof Promise is not working in production mode, then used single detection by type
         if (typeof action === 'object'
             && typeof action.then === 'function'
@@ -129,7 +134,7 @@ var StoreComponent = /** @class */ (function () {
             });
         }
         // Default case
-        if (isPlainObject_1["default"](action) && action.type) {
+        if ((0, isPlainObject_1["default"])(action) && action.type) {
             this.lastAction = action.type;
             try {
                 return dispatch(action);