Extract shlink-web-component outside of src folder

shlink-web-component/short-urls/helpers/hooks.ts

@@ -0,0 +1,78 @@
+import { isEmpty, pipe } from 'ramda';
+import { useMemo } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { orderToString, stringToOrder } from '../../../src/utils/helpers/ordering';
+import { parseQuery, stringifyQuery } from '../../../src/utils/helpers/query';
+import type { BooleanString } from '../../../src/utils/utils';
+import { parseOptionalBooleanToString } from '../../../src/utils/utils';
+import type { TagsFilteringMode } from '../../api-contract';
+import { useRoutesPrefix } from '../../utils/routesPrefix';
+import type { ShortUrlsOrder, ShortUrlsOrderableFields } from '../data';
+
+interface ShortUrlsQueryCommon {
+  search?: string;
+  startDate?: string;
+  endDate?: string;
+  tagsMode?: TagsFilteringMode;
+}
+
+interface ShortUrlsQuery extends ShortUrlsQueryCommon {
+  orderBy?: string;
+  tags?: string;
+  excludeBots?: BooleanString;
+  excludeMaxVisitsReached?: BooleanString;
+  excludePastValidUntil?: BooleanString;
+}
+
+interface ShortUrlsFiltering extends ShortUrlsQueryCommon {
+  orderBy?: ShortUrlsOrder;
+  tags: string[];
+  excludeBots?: boolean;
+  excludeMaxVisitsReached?: boolean;
+  excludePastValidUntil?: boolean;
+}
+
+type ToFirstPage = (extra: Partial<ShortUrlsFiltering>) => void;
+
+export const useShortUrlsQuery = (): [ShortUrlsFiltering, ToFirstPage] => {
+  const navigate = useNavigate();
+  const { search } = useLocation();
+  const routesPrefix = useRoutesPrefix();
+
+  const filtering = useMemo(
+    pipe(
+      () => parseQuery<ShortUrlsQuery>(search),
+      ({ orderBy, tags, excludeBots, excludeMaxVisitsReached, excludePastValidUntil, ...rest }): ShortUrlsFiltering => {
+        const parsedOrderBy = orderBy ? stringToOrder<ShortUrlsOrderableFields>(orderBy) : undefined;
+        const parsedTags = tags?.split(',') ?? [];
+        return {
+          ...rest,
+          orderBy: parsedOrderBy,
+          tags: parsedTags,
+          excludeBots: excludeBots !== undefined ? excludeBots === 'true' : undefined,
+          excludeMaxVisitsReached: excludeMaxVisitsReached !== undefined ? excludeMaxVisitsReached === 'true' : undefined,
+          excludePastValidUntil: excludePastValidUntil !== undefined ? excludePastValidUntil === 'true' : undefined,
+        };
+      },
+    ),
+    [search],
+  );
+  const toFirstPageWithExtra = (extra: Partial<ShortUrlsFiltering>) => {
+    const merged = { ...filtering, ...extra };
+    const { orderBy, tags, excludeBots, excludeMaxVisitsReached, excludePastValidUntil, ...mergedFiltering } = merged;
+    const query: ShortUrlsQuery = {
+      ...mergedFiltering,
+      orderBy: orderBy && orderToString(orderBy),
+      tags: tags.length > 0 ? tags.join(',') : undefined,
+      excludeBots: parseOptionalBooleanToString(excludeBots),
+      excludeMaxVisitsReached: parseOptionalBooleanToString(excludeMaxVisitsReached),
+      excludePastValidUntil: parseOptionalBooleanToString(excludePastValidUntil),
+    };
+    const stringifiedQuery = stringifyQuery(query);
+    const queryString = isEmpty(stringifiedQuery) ? '' : `?${stringifiedQuery}`;
+
+    navigate(`${routesPrefix}/list-short-urls/1${queryString}`);
+  };
+
+  return [filtering, toFirstPageWithExtra];
+};