#8. Добавление алиасов, разделение на чанки, разделение на страницы, организация фвйловой структуры (#9)

src/core/hooks/useEqualMemo.ts

@@ -0,0 +1,16 @@
+import isEqual from 'lodash/isEqual';
+import {DependencyList, useEffect, useState} from 'react';
+
+const emptyDependency: DependencyList = [];
+
+export function useEqualMemo<T>(func: () => T, args: DependencyList = emptyDependency): T {
+    const [memoized, memo] = useState<T>(func());
+    useEffect(() => {
+        const data = func();
+        if (!isEqual(memoized, data)) {
+            memo(data);
+        }
+    }, [memoized, func, args]);
+
+    return memoized;
+}

src/core/hooks/useQuery.ts

@@ -0,0 +1,72 @@
+import {parse, ParsedUrlQuery} from 'querystring';
+import {head} from 'lodash';
+import {useMemo} from 'react';
+import {useLocation} from 'react-router-dom';
+import {toNumber} from '../utils/parsers';
+
+type QueryParser<T> = (value?: string | string[]) => T;
+export type QueryParsers<T> = Partial<{[K in keyof T]: QueryParser<T[K]>}>;
+
+export function stringParser<T extends string>(): QueryParser<Undefinable<T>>;
+export function stringParser<T extends string>(defaultValue: T): QueryParser<T>;
+export function stringParser<T extends string>(defaultValue?: T) {
+    return (val?: string | string[]) => {
+        const value = Array.isArray(val) ? head(val) : val;
+
+        return value ?? defaultValue;
+    };
+}
+
+export function numberParser(): QueryParser<Undefinable<number>>;
+export function numberParser(defaultValue?: number): QueryParser<number>;
+export function numberParser(defaultValue?: number) {
+    return (val?: string | string[]) => {
+        const value = Array.isArray(val) ? head(val) : val;
+
+        return toNumber(value) ?? defaultValue;
+    };
+}
+
+export function booleanParser(): QueryParser<Undefinable<boolean>>;
+export function booleanParser(defaultValue: boolean): QueryParser<boolean>;
+export function booleanParser(defaultValue?: boolean) {
+    return (val?: string | string[]) => {
+        const value = Array.isArray(val) ? head(val) : val;
+
+        if (value === 'true') {
+            return true;
+        }
+
+        if (value === 'false') {
+            return false;
+        }
+
+        return defaultValue;
+    };
+}
+
+// Date parser
+
+// Array parser (должен уметь с enum)
+
+export function useQuery(): ParsedUrlQuery;
+export function useQuery<T extends {[name: string]: unknown}>(queryParsers: QueryParsers<T>): Partial<T>;
+export function useQuery<T extends {[name: string]: unknown}>(
+    queryParsers?: QueryParsers<T>
+): ParsedUrlQuery | Partial<T> {
+    const {search} = useLocation();
+
+    return useMemo(() => {
+        const query = parse(search.slice(1));
+        return queryParsers ? Object.keys(query).reduce<Partial<T>>((memo, key) => {
+            if (key in queryParsers) {
+                const parser = queryParsers[key];
+                return {
+                    ...memo,
+                    [key]: parser?.(query[key]),
+                };
+            }
+            return memo;
+        }, {}) : query;
+    }, [search, queryParsers]);
+}

src/core/hooks/useToggle.ts

@@ -0,0 +1,10 @@
+import {useCallback, useState} from 'react';
+
+export const useToggle = (initValue = false): [boolean, () => void] => {
+    const [isToggle, onToggle] = useState(initValue);
+    const handleToggle = useCallback(() => onToggle(state => !state), [onToggle]);
+    return [
+        isToggle,
+        handleToggle,
+    ];
+};