refactor(store): move getUrlData to a separate file

Author: artemmufazalov

src/store/getUrlData.ts

@@ -0,0 +1,27 @@
+import url from 'url';
+
+export const getUrlData = (href: string, singleClusterMode: boolean) => {
+    if (!singleClusterMode) {
+        const {backend, clusterName} = url.parse(href, true).query;
+        return {
+            basename: '/',
+            backend,
+            clusterName,
+        };
+    } else if (window.custom_backend) {
+        const {backend} = url.parse(href, true).query;
+        return {
+            basename: '/',
+            backend: backend || window.custom_backend,
+        };
+    } else {
+        const parsedPrefix = window.location.pathname.match(/.*(?=\/monitoring)/) || [];
+        const basenamePrefix = Boolean(parsedPrefix.length) && parsedPrefix[0];
+        const basename = [basenamePrefix, 'monitoring'].filter(Boolean).join('/');
+
+        return {
+            basename,
+            backend: basenamePrefix || '',
+        };
+    }
+};

src/store/index.js

@@ -1,47 +1,16 @@
 import {createStore, applyMiddleware, compose} from 'redux';
 import thunkMiddleware from 'redux-thunk';
-import getLocationMiddleware from './state-url-mapping';
 import {createBrowserHistory} from 'history';
 import {listenForHistoryChange} from 'redux-location-state';
 
+import {getUrlData} from './getUrlData';
+import getLocationMiddleware from './state-url-mapping';
 import rootReducer from './reducers';
 
-import url from 'url';
-
-export const webVersion = window.web_version;
-
-export const customBackend = window.custom_backend;
-
-export const getUrlData = (href, singleClusterMode) => {
-    if (!singleClusterMode) {
-        const {backend, clusterName} = url.parse(href, true).query;
-        return {
-            basename: '/',
-            backend,
-            clusterName,
-        };
-    } else if (customBackend) {
-        const {backend} = url.parse(href, true).query;
-        return {
-            basename: '/',
-            backend: backend || window.custom_backend,
-        };
-    } else {
-        const parsedPrefix = window.location.pathname.match(/.*(?=\/monitoring)/) || [];
-        const basenamePrefix = Boolean(parsedPrefix.length) && parsedPrefix[0];
-        const basename = [basenamePrefix, 'monitoring'].filter(Boolean).join('/');
-
-        return {
-            basename,
-            backend: basenamePrefix || '',
-        };
-    }
-};
+export let backend, basename, clusterName;
 
 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
 
-export let backend, basename, clusterName;
-
 function _configureStore(aRootReducer, history, singleClusterMode) {
     const {locationMiddleware, reducersWithLocation} = getLocationMiddleware(history, aRootReducer);
     const middlewares = applyMiddleware(thunkMiddleware, locationMiddleware);
@@ -51,11 +20,16 @@ function _configureStore(aRootReducer, history, singleClusterMode) {
     });
 }
 
-export default function configureStore(aRootReducer = rootReducer, singleClusterMode = true) {
+function configureStore(aRootReducer = rootReducer, singleClusterMode = true) {
     ({backend, basename, clusterName} = getUrlData(window.location.href, singleClusterMode));
     const history = createBrowserHistory({basename});
 
     const store = _configureStore(aRootReducer, history, singleClusterMode);
     listenForHistoryChange(store, history);
     return {history, store};
 }
+
+export const webVersion = window.web_version;
+export const customBackend = window.custom_backend;
+
+export default configureStore;

src/types/window.d.ts

@@ -30,4 +30,11 @@ interface Window {
     Ya?: {
         Rum?: RumCounter;
     };
+
+    // eslint-disable-next-line
+    web_version?: boolean;
+    // eslint-disable-next-line
+    custom_backend?: string;
+
+    __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof import('redux').compose;
 }