@steroidsjs/core 2.0.0-rc.6 → 2.0.1-beta.112

package/src/components/MetricsComponent.tsx

@@ -1,185 +0,0 @@
-import _upperFirst from 'lodash-es/upperFirst';
-import _isEmpty from 'lodash-es/isEmpty';
-import {isInitialized} from '../reducers/auth';
-
-declare global {
-    interface Window {
-        ym: any;
-        dataLayer: any;
-        VK: any;
-        fbq: any;
-        _fbq: any;
-    }
-}
-
-type ConfigType = {
-    counters?: {
-        yandexMetrika?: any,
-        googleTagManager?: any,
-        googleAnalytics?: any,
-        vkRetargeting?: any,
-        facebookAnalytics?: any,
-    },
-    enable?: boolean
-}
-
-export default class MetricsComponent {
-    _components: any;
-
-    _prevUrl: string;
-
-    _isMetricsInitialized: boolean;
-
-    _config: any;
-
-    _enable: boolean;
-
-    _yandexMetrika: any;
-
-    unsubscribe: () => void;
-
-    unlisten: () => void;
-
-    constructor(components, config: ConfigType = {}) {
-        this._components = components;
-        this._isMetricsInitialized = false;
-        this._config = config;
-        this._enable = config.enable === undefined
-            ? process.env.APP_ENV === 'prod'
-            : !!config.enable;
-
-        this._init();
-    }
-
-    _init() {
-        this.unsubscribe = this._components.store.subscribe(() => {
-            const {store} = this._components;
-            const state = store.getState();
-
-            if (!isInitialized(state)) {
-                return;
-            }
-
-            this.unsubscribe();
-            this.setCounters(this._config.counters);
-
-            if (this._enable && this._yandexMetrika) {
-                this.unlisten = store.history.listen(({pathname, search, hash}) => {
-                    this._changePageViewHandler(pathname + search + hash);
-                });
-            }
-        });
-    }
-
-    setCounters(values) {
-        if (!this._enable || _isEmpty(values) || this._isMetricsInitialized) {
-            return;
-        }
-
-        Object.entries(values).forEach(([counterName, counterValue]) => {
-            if (counterValue) {
-                this._isMetricsInitialized = true;
-                this['_' + counterName] = counterValue;
-                const setter = '_set' + _upperFirst(counterName);
-                this[setter](counterValue);
-            }
-        });
-    }
-
-    _setYandexMetrika(value) {
-        (function (m, e, t, r, i, k, a) {
-            m[i] = m[i] || function (...args) {
-                (m[i].a = m[i].a || []).push(args);
-            };
-            m[i].l = Date.now();
-            k = e.createElement(t);
-            a = e.getElementsByTagName(t)[0];
-            k.async = 1;
-            k.src = r;
-            a.parentNode.insertBefore(k, a);
-        }(window, document, 'script', 'https://mc.yandex.ru/metrika/tag.js', 'ym'));
-
-        window.ym(value, 'init', {
-            defer: true,
-            clickmap: true,
-            trackLinks: true,
-            accurateTrackBounce: true,
-            webvisor: true,
-        });
-    }
-
-    _setGoogleTagManager(value) {
-        (function (w, d, s, l, i) {
-            w[l] = w[l] || [];
-            w[l].push({
-                'gtm.start': new Date().getTime(), event: 'gtm.js',
-            });
-            const f = d.getElementsByTagName(s)[0];
-            const j = d.createElement(s) as HTMLScriptElement;
-            const dl = l !== 'dataLayer' ? '&l=' + l : '';
-            j.async = true;
-            j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
-            f.parentNode.insertBefore(j, f);
-        }(window, document, 'script', 'dataLayer', value));
-    }
-
-    _setGoogleAnalytics(value) {
-        const googleLoad = document.createElement('script');
-        googleLoad.async = true;
-        googleLoad.src = `https://www.googletagmanager.com/gtag/js?id=${value}`;
-        document.body.appendChild(googleLoad);
-
-        window.dataLayer = window.dataLayer || [];
-
-        function gtag(...args: any[]): any;
-        function gtag(...args) {
-            window.dataLayer.push(args);
-        }
-
-        gtag('js', new Date());
-        gtag('config', value);
-    }
-
-    _setVkRetargeting(value) {
-        const t = document.createElement('script');
-        t.type = 'text/javascript';
-        t.async = !0;
-        t.src = 'https://vk.com/js/api/openapi.js?168';
-        t.onload = function () {
-            window.VK.Retargeting.Init(value);
-            window.VK.Retargeting.Hit();
-        };
-        document.head.appendChild(t);
-    }
-
-    _setFacebookAnalytics(value) {
-        (function (f, b, e, v, n, t, s) {
-            if (f.fbq) { return; }
-            n = function (...args) {
-                // eslint-disable-next-line no-unused-expressions
-                n.callMethod ? n.callMethod(...args) : n.queue.push(args);
-            };
-            f.fbq = n;
-            if (!f._fbq) { f._fbq = n; }
-            n.push = n;
-            n.loaded = !0;
-            n.version = '2.0';
-            n.queue = [];
-            t = b.createElement(e);
-            t.async = !0;
-            t.src = v;
-            s = b.getElementsByTagName(e)[0];
-            s.parentNode.insertBefore(t, s);
-        }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'));
-
-        window.fbq('init', value);
-        window.fbq('track', 'PageView');
-    }
-
-    _changePageViewHandler(url) {
-        if (this._prevUrl !== url) {
-            window.ym(this._yandexMetrika, 'hit', url);
-            this._prevUrl = url;
-        }
-    }
-}

package/src/components/ResourceComponent.ts

@@ -1,140 +0,0 @@
-import * as queryString from 'qs';
-import _isArray from 'lodash-es/isArray';
-
-/**
- * Resource Component
- * Компонент для подгрузки внешних API: Google Maps, Yandex Maps, Twitter, ...
- */
-export default class ResourceComponent {
-    _callbacks: any;
-    _components: any;
-    googleApiKey: string;
-    googleCaptchaSiteKey: string;
-    language: string;
-    static RESOURCE_GOOGLE_MAP_API = '//maps.googleapis.com/maps/api/js';
-    static RESOURCE_YANDEX_MAP_API = 'https://api-maps.yandex.ru/2.1/';
-    static RESOURCE_TWITTER_WIDGET = 'https://platform.twitter.com/widgets.js';
-    static RESOURCE_GEETEST_API = '//static.geetest.com/static/tools/gt.js';
-
-    constructor(components, config) {
-        this.googleApiKey = config.googleApiKey || '';
-        this.googleCaptchaSiteKey = config.googleCaptchaSiteKey || '';
-        this.language = config.language || '';
-        this._callbacks = {};
-        this._components = components;
-    }
-
-    loadGoogleMapApi() {
-        const locale = this._components.locale;
-        // @ts-ignore
-        if (window.google && window.google.maps) {
-            // @ts-ignore
-            return Promise.resolve(window.google.maps);
-        }
-        return this.loadScript(
-            ResourceComponent.RESOURCE_GOOGLE_MAP_API,
-            {
-                libraries: 'places,geometry',
-                key: this.googleApiKey,
-                language: this.language || locale.language,
-            },
-            // @ts-ignore
-            () => window.google.maps
-        );
-    }
-
-    loadYandexMap() {
-        const locale = this._components.locale;
-        // @ts-ignore
-        if (window.ymaps) {
-            return new Promise(resolve =>
-                // @ts-ignore
-                window.ymaps.ready(() => resolve(window.ymaps))
-            );
-        }
-        return this.loadScript(
-            ResourceComponent.RESOURCE_YANDEX_MAP_API,
-            {
-                lang: this.language || locale.language
-            },
-            // @ts-ignore
-            () => new Promise(resolve => window.ymaps.ready(() => resolve(window.ymaps)))
-        );
-    }
-
-    loadTwitterWidget() {
-        // @ts-ignore
-        if (window.twttr) {
-            // @ts-ignore
-            return Promise.resolve(window.twttr);
-        }
-        return this.loadScript(
-            ResourceComponent.RESOURCE_TWITTER_WIDGET,
-            {},
-            // @ts-ignore
-            () => new Promise(resolve => window.twttr.ready(() => resolve(window.twttr)))
-        );
-    }
-
-    loadGeetest() {
-        // @ts-ignore
-        if (window.initGeetest) {
-            // @ts-ignore
-            return Promise.resolve(window.initGeetest);
-        }
-        return this.loadScript(
-            ResourceComponent.RESOURCE_GEETEST_API + '?_t=' + new Date().getTime(),
-            {},
-            // @ts-ignore
-            () => window.initGeetest
-        );
-    }
-
-    loadScript(url, params, firstResolver) {
-        if (this._callbacks[url] === true) {
-            return Promise.resolve(firstResolver());
-        }
-        if (_isArray(this._callbacks[url])) {
-            return new Promise(resolve => {
-                this._callbacks[url].push(resolve);
-            });
-        }
-        this._callbacks[url] = [];
-        // Append script to page
-        return new Promise((resolve, reject) => {
-            let script = document.createElement('script');
-            script.async = true;
-            script.onload = () => {
-                setTimeout(() => {
-                    Promise.resolve(firstResolver())
-                        .then(result => {
-                            // Resolve current
-                            resolve(result);
-                            // Resolve queue promises after current
-                            const callbacks = this._callbacks[url];
-                            this._callbacks[url] = true;
-                            callbacks.forEach(callback => callback(result));
-                        })
-                        .catch(reject);
-                });
-            };
-            script.src = url + (params ? '?' + queryString.stringify(params) : '');
-            document.body.appendChild(script);
-        });
-    }
-
-    wait(condition, timeout = 5000) {
-        const start = Date.now();
-        const checker = (resolve, reject) => {
-            const result = condition();
-            if (result) {
-                resolve(result);
-            } else if (start + timeout > Date.now()) {
-                reject();
-            } else {
-                setTimeout(() => checker(resolve, reject), 500);
-            }
-        };
-        return new Promise(checker);
-    }
-}

package/src/components/SocialComponent.ts

@@ -1,39 +0,0 @@
-import providers from './social';
-
-/**
- * Social Component
- * Провайдер для социальных сетей. Обеспечивает вызов окна соц сети для oauth авторизации
- */
-export default class SocialComponent {
-    _components: any;
-    _initializing: any;
-    providers: any;
-
-    constructor(components) {
-        this.providers = {};
-        this._initializing = {};
-        this._components = components;
-    }
-
-    init() {
-        Object.keys(this.providers).forEach(name => {
-            if (providers[name]) {
-                const config = this.providers[name] || {};
-                this.providers[name] = new providers[name](this._components);
-                Object.assign(this.providers[name], config);
-            }
-        });
-        Object.keys(this.providers).forEach(name => {
-            this._initializing[name] = this.providers[name].init();
-        });
-    }
-
-    start(socialName) {
-        if (!this._initializing[socialName]) {
-            return Promise.reject();
-        }
-        return this._initializing[socialName].then(() =>
-            this.providers[socialName].start()
-        );
-    }
-}

package/src/components/StoreComponent.ts

@@ -1,188 +0,0 @@
-import {createStore, applyMiddleware, compose} from 'redux';
-import {routerMiddleware, connectRouter} from 'connected-react-router';
-import {
-    createBrowserHistory,
-    createMemoryHistory,
-    createHashHistory,
-} from 'history';
-import _get from 'lodash-es/get';
-import _merge from 'lodash-es/merge';
-import _isPlainObject from 'lodash-es/isPlainObject';
-
-interface IStoreComponentConfig {
-    initialState: any,
-    history: any,
-}
-
-/**
- * Store Component
- * Обертка над Redux Store со встроенными middleware (thunk, multi, promise..) и react-router
- */
-export default class StoreComponent {
-    _asyncReducers: any;
-
-    _components: any;
-
-    reducers: any;
-
-    _routerReducer: any;
-
-    history: any;
-
-    navigationNative: any;
-
-    store: any;
-
-    lastAction: string;
-
-    constructor(components, config, lazyInit = false) {
-        this._components = components;
-
-        this.reducers = config.reducers;
-
-        this.history = null;
-        this.store = config.store || null;
-        this.lastAction = null;
-        this._asyncReducers = {};
-
-        this.getState = this.getState.bind(this);
-        this.dispatch = this.dispatch.bind(this);
-        this.subscribe = this.subscribe.bind(this);
-
-        if (!lazyInit) {
-            this.initStore();
-        }
-    }
-
-    init(config = {} as IStoreComponentConfig) {
-        this.initStore(config);
-        this.configurate();
-    }
-
-    initStore(config = {} as IStoreComponentConfig) {
-        const initialState = {
-            ...(process.env.IS_WEB
-                // @ts-ignore
-                ? _merge(...(window.APP_REDUX_PRELOAD_STATES || [{}]))
-                : {}),
-            ...config.initialState,
-        };
-
-        if (process.env.PLATFORM !== 'mobile') {
-            const createHistory: any = process.env.IS_SSR || typeof location === 'undefined'
-                ? createMemoryHistory
-                : location.protocol === 'file:'
-                    ? createHashHistory
-                    : createBrowserHistory;
-            this.history = createHistory({
-                ..._get(initialState, 'config.store.history', {}),
-                ...config.history,
-            });
-            // Add '?' for fix connected-react-router
-            if (process.env.IS_SSR && !this.history.location.search && process.env.PLATFORM !== 'mobile') {
-                this.history.location.search = '?';
-            }
-            this._routerReducer = connectRouter(this.history);
-        }
-
-        if (!this.store) {
-            this.store = createStore(
-                this.reducers(
-                    this._routerReducer ? {
-                        router: this._routerReducer,
-                    } : {},
-                ),
-                initialState,
-                compose(
-                    applyMiddleware(({getState}) => next => action => this._prepare(action, next, getState)),
-                    applyMiddleware(routerMiddleware(this.history)),
-                    // @ts-ignore
-                    !process.env.IS_SSR && window.__REDUX_DEVTOOLS_EXTENSION__ && process.env.PLATFORM !== 'mobile'
-                        // @ts-ignore
-                        ? window.__REDUX_DEVTOOLS_EXTENSION__()
-                        : f => f,
-                ),
-            );
-        }
-    }
-
-    configurate() {
-        // Apply configuration
-        const customConfig = this.getState().config || {};
-        const components = this._components;
-        _merge(components.clientStorage, customConfig.clientStorage);
-        _merge(components.html, customConfig.html);
-        _merge(components.http, customConfig.http);
-        _merge(components.locale, customConfig.locale);
-        _merge(components.resource, customConfig.resource);
-        _merge(components.store, customConfig.store);
-        _merge(components.ui, customConfig.ui);
-        _merge(components.widget, customConfig.widget);
-    }
-
-    dispatch(action) {
-        return this.store.dispatch(action);
-    }
-
-    getState() {
-        return this.store.getState();
-    }
-
-    subscribe(handler) {
-        return this.store.subscribe(handler);
-    }
-
-    addReducers(asyncReducers) {
-        this._asyncReducers = {
-            router: this._routerReducer,
-            ...this._asyncReducers,
-            ...asyncReducers,
-        };
-        this.store.replaceReducer(this.reducers(this._asyncReducers));
-    }
-
-    errorHandler(error, action) {
-        throw error;
-    }
-
-    _prepare(action, dispatch, getState) {
-        // Multiple dispatch (redux-multi)
-        if (Array.isArray(action)) {
-            return action
-                .filter(v => v)
-                .map(p => this._prepare(p, dispatch, getState));
-        }
-        // Function wraper (redux-thunk)
-        if (typeof action === 'function') {
-            return action(
-                p => this._prepare(p, dispatch, getState),
-                getState,
-                this._components,
-            );
-        }
-        // Promise, detect errors on rejects
-        // 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'
-            && typeof action.catch === 'function'
-        ) {
-            return action
-                .then(payload => this._prepare(payload, dispatch, getState))
-                .catch(e => {
-                    this.errorHandler(e, p => this._prepare(p, dispatch, getState));
-                });
-        }
-        // Default case
-        if (_isPlainObject(action) && action.type) {
-            this.lastAction = action.type;
-
-            try {
-                return dispatch(action);
-            } catch (e) {
-                this.errorHandler(e, p => this._prepare(p, dispatch, getState));
-            }
-        }
-        return action;
-    }
-}