).reduce(
+ (acc, label) => {
+ acc[label] = (first: any, ...interpolations: any[]) => css`
+ @media (min-width: ${sizes[label]}px) {
+ ${css(first, ...interpolations)}
+ }
+ `;
+
+ return acc;
+ },
+ {} as { [key in keyof typeof sizes]: MediaFunction },
+);
+
+type MediaFunction = (
+ first:
+ | TemplateStringsArray
+ | CSSObject
+ | InterpolationFunction>,
+ ...interpolations: Array>>
+) => FlattenInterpolation>;
diff --git a/src/types/RootState.ts b/src/types/RootState.ts
new file mode 100644
index 0000000..11993da
--- /dev/null
+++ b/src/types/RootState.ts
@@ -0,0 +1,11 @@
+import { ContainerState as AppState } from 'app/types';
+import { ContainerState as DockerState } from 'app/pages/Home/types';
+import { ContainerState as VhostsState } from 'app/pages/Vhosts/types';
+import { ContainerState as MailState } from 'app/pages/Mails/types';
+
+export default interface RootState {
+ app: AppState;
+ docker: DockerState;
+ vhosts: VhostsState;
+ mails: MailState;
+}
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..40c44cc
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,3 @@
+import RootState from './RootState';
+
+export type { RootState };
diff --git a/src/utils/@reduxjs/toolkit.tsx b/src/utils/@reduxjs/toolkit.tsx
new file mode 100644
index 0000000..1cc9d3e
--- /dev/null
+++ b/src/utils/@reduxjs/toolkit.tsx
@@ -0,0 +1,17 @@
+import { RootStateKeyType } from '../types/injector-typings';
+import {
+ createSlice as createSliceOriginal,
+ SliceCaseReducers,
+ CreateSliceOptions,
+} from '@reduxjs/toolkit';
+
+/* istanbul ignore next */
+export const createSlice = <
+ State,
+ CaseReducers extends SliceCaseReducers,
+ Name extends RootStateKeyType
+>(
+ options: CreateSliceOptions,
+) => {
+ return createSliceOriginal(options);
+};
diff --git a/src/utils/history.ts b/src/utils/history.ts
new file mode 100644
index 0000000..5aafdbd
--- /dev/null
+++ b/src/utils/history.ts
@@ -0,0 +1,2 @@
+import { createBrowserHistory } from 'history';
+export const history = createBrowserHistory();
diff --git a/src/utils/loadable.tsx b/src/utils/loadable.tsx
new file mode 100644
index 0000000..bf4f7c7
--- /dev/null
+++ b/src/utils/loadable.tsx
@@ -0,0 +1,30 @@
+import React, { lazy, Suspense } from 'react';
+
+interface Opts {
+ fallback: React.ReactNode;
+}
+type Unpromisify = T extends Promise ? P : never;
+
+export const lazyLoad = <
+ T extends Promise,
+ U extends React.ComponentType
+>(
+ importFunc: () => T,
+ selectorFunc?: (s: Unpromisify) => U,
+ opts: Opts = { fallback: null },
+) => {
+ let lazyFactory: () => Promise<{ default: U }> = importFunc;
+
+ if (selectorFunc) {
+ lazyFactory = () =>
+ importFunc().then(module => ({ default: selectorFunc(module) }));
+ }
+
+ const LazyComponent = lazy(lazyFactory);
+
+ return (props: React.ComponentProps): JSX.Element => (
+
+
+
+ );
+};
diff --git a/src/utils/redux-injectors.ts b/src/utils/redux-injectors.ts
new file mode 100644
index 0000000..b7ef814
--- /dev/null
+++ b/src/utils/redux-injectors.ts
@@ -0,0 +1,19 @@
+import {
+ useInjectReducer as useReducer,
+ useInjectSaga as useSaga,
+} from 'redux-injectors';
+import {
+ InjectReducerParams,
+ InjectSagaParams,
+ RootStateKeyType,
+} from './types/injector-typings';
+
+export function useInjectReducer(
+ params: InjectReducerParams,
+) {
+ return useReducer(params);
+}
+
+export function useInjectSaga(params: InjectSagaParams) {
+ return useSaga(params);
+}
diff --git a/src/utils/types/injector-typings.ts b/src/utils/types/injector-typings.ts
new file mode 100644
index 0000000..54105c6
--- /dev/null
+++ b/src/utils/types/injector-typings.ts
@@ -0,0 +1,22 @@
+import { RootState } from 'types';
+import { Saga } from 'redux-saga';
+import { SagaInjectionModes } from 'redux-injectors';
+import { Reducer, AnyAction } from '@reduxjs/toolkit';
+
+type RequiredRootState = Required;
+
+export type RootStateKeyType = keyof RootState;
+
+export type InjectedReducersType = {
+ [P in RootStateKeyType]?: Reducer;
+};
+export interface InjectReducerParams {
+ key: Key;
+ reducer: Reducer;
+}
+
+export interface InjectSagaParams {
+ key: RootStateKeyType | string;
+ saga: Saga;
+ mode?: SagaInjectionModes;
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..8b3f02d
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+ "compilerOptions": {
+ "noImplicitAny": false,
+ "target": "es5",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "esModuleInterop": true,
+ "allowSyntheticDefaultImports": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react",
+ "baseUrl": "./src"
+ },
+ "include": ["src"]
+}
+
+ 
+