Move more components to shlink-web-component when applicable

This commit is contained in:
Alejandro Celaya 2023-07-29 10:43:15 +02:00
parent 275745fd3a
commit 8d24116859
94 changed files with 224 additions and 209 deletions

View file

@ -3,9 +3,9 @@ import type Bottle from 'bottlejs';
import type { FC, ReactNode } from 'react'; import type { FC, ReactNode } from 'react';
import { useEffect, useRef, useState } from 'react'; import { useEffect, useRef, useState } from 'react';
import { Provider } from 'react-redux'; import { Provider } from 'react-redux';
import type { SemVer } from '../src/utils/helpers/version';
import type { ShlinkApiClient } from './api-contract'; import type { ShlinkApiClient } from './api-contract';
import { FeaturesProvider, useFeatures } from './utils/features'; import { FeaturesProvider, useFeatures } from './utils/features';
import type { SemVer } from './utils/helpers/version';
import { RoutesPrefixProvider } from './utils/routesPrefix'; import { RoutesPrefixProvider } from './utils/routesPrefix';
import type { Settings } from './utils/settings'; import type { Settings } from './utils/settings';
import { SettingsProvider } from './utils/settings'; import { SettingsProvider } from './utils/settings';

View file

@ -1,5 +1,4 @@
import type { Order } from '../../src/utils/helpers/ordering'; import type { Order } from '../../src/utils/helpers/ordering';
import type { OptionalString } from '../../src/utils/utils';
import type { ShortUrl, ShortUrlMeta } from '../short-urls/data'; import type { ShortUrl, ShortUrlMeta } from '../short-urls/data';
import type { Visit } from '../visits/types'; import type { Visit } from '../visits/types';
@ -70,7 +69,7 @@ export interface ShlinkVisitsOverview {
} }
export interface ShlinkVisitsParams { export interface ShlinkVisitsParams {
domain?: OptionalString; domain?: string | null;
page?: number; page?: number;
itemsPerPage?: number; itemsPerPage?: number;
startDate?: string; startDate?: string;
@ -98,12 +97,12 @@ export interface ShlinkEditDomainRedirects extends Partial<ShlinkDomainRedirects
export interface ShlinkDomain { export interface ShlinkDomain {
domain: string; domain: string;
isDefault: boolean; isDefault: boolean;
redirects?: ShlinkDomainRedirects; // Optional only for Shlink older than 2.8 redirects: ShlinkDomainRedirects;
} }
export interface ShlinkDomainsResponse { export interface ShlinkDomainsResponse {
data: ShlinkDomain[]; data: ShlinkDomain[];
defaultRedirects?: ShlinkDomainRedirects; // Optional only for Shlink older than 2.10 defaultRedirects: ShlinkDomainRedirects;
} }
export type TagsFilteringMode = 'all' | 'any'; export type TagsFilteringMode = 'all' | 'any';

View file

@ -1,5 +1,5 @@
import type { ProblemDetailsError } from '../../shlink-web-component/api-contract'; import type { ProblemDetailsError } from '../api-contract';
import { isInvalidArgumentError } from '../../shlink-web-component/api-contract/utils'; import { isInvalidArgumentError } from '../api-contract/utils';
export interface ShlinkApiErrorProps { export interface ShlinkApiErrorProps {
errorData?: ProblemDetailsError; errorData?: ProblemDetailsError;

View file

@ -2,16 +2,12 @@ import type { IContainer } from 'bottlejs';
import Bottle from 'bottlejs'; import Bottle from 'bottlejs';
import { pick } from 'ramda'; import { pick } from 'ramda';
import { connect as reduxConnect } from 'react-redux'; import { connect as reduxConnect } from 'react-redux';
import { HttpClient } from '../../src/common/services/HttpClient';
import { ImageDownloader } from '../../src/common/services/ImageDownloader';
import { csvToJson, jsonToCsv } from '../../src/utils/helpers/csvjson';
import { provideServices as provideDomainsServices } from '../domains/services/provideServices'; import { provideServices as provideDomainsServices } from '../domains/services/provideServices';
import { provideServices as provideMercureServices } from '../mercure/services/provideServices'; import { provideServices as provideMercureServices } from '../mercure/services/provideServices';
import { provideServices as provideOverviewServices } from '../overview/services/provideServices'; import { provideServices as provideOverviewServices } from '../overview/services/provideServices';
import { provideServices as provideShortUrlsServices } from '../short-urls/services/provideServices'; import { provideServices as provideShortUrlsServices } from '../short-urls/services/provideServices';
import { provideServices as provideTagsServices } from '../tags/services/provideServices'; import { provideServices as provideTagsServices } from '../tags/services/provideServices';
import { provideServices as provideUtilsServices } from '../utils/services/provideServices'; import { provideServices as provideUtilsServices } from '../utils/services/provideServices';
import { ReportExporter } from '../utils/services/ReportExporter';
import { provideServices as provideVisitsServices } from '../visits/services/provideServices'; import { provideServices as provideVisitsServices } from '../visits/services/provideServices';
import { provideServices as provideWebComponentServices } from './provideServices'; import { provideServices as provideWebComponentServices } from './provideServices';
@ -44,15 +40,3 @@ provideMercureServices(bottle);
provideDomainsServices(bottle, connect); provideDomainsServices(bottle, connect);
provideOverviewServices(bottle, connect); provideOverviewServices(bottle, connect);
provideUtilsServices(bottle); provideUtilsServices(bottle);
// FIXME Check which of these can be moved to shlink-web-component, and which are needed by the app too
bottle.constant('window', window);
bottle.constant('console', console);
bottle.constant('fetch', window.fetch.bind(window));
bottle.service('HttpClient', HttpClient, 'fetch');
bottle.service('ImageDownloader', ImageDownloader, 'HttpClient', 'window');
bottle.service('ReportExporter', ReportExporter, 'window', 'jsonToCsv');
bottle.constant('csvToJson', csvToJson);
bottle.constant('jsonToCsv', jsonToCsv);

View file

@ -3,7 +3,6 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import type { FC } from 'react'; import type { FC } from 'react';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { UncontrolledTooltip } from 'reactstrap'; import { UncontrolledTooltip } from 'reactstrap';
import type { OptionalString } from '../../src/utils/utils';
import type { ShlinkDomainRedirects } from '../api-contract'; import type { ShlinkDomainRedirects } from '../api-contract';
import type { Domain } from './data'; import type { Domain } from './data';
import { DomainDropdown } from './helpers/DomainDropdown'; import { DomainDropdown } from './helpers/DomainDropdown';
@ -17,7 +16,7 @@ interface DomainRowProps {
checkDomainHealth: (domain: string) => void; checkDomainHealth: (domain: string) => void;
} }
const Nr: FC<{ fallback: OptionalString }> = ({ fallback }) => ( const Nr: FC<{ fallback?: string | null }> = ({ fallback }) => (
<span className="text-muted"> <span className="text-muted">
{!fallback && <small>No redirect</small>} {!fallback && <small>No redirect</small>}
{fallback && <>{fallback} <small>(as fallback)</small></>} {fallback && <>{fallback} <small>(as fallback)</small></>}

View file

@ -1,10 +1,10 @@
import type { FC } from 'react'; import type { FC } from 'react';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { ShlinkApiError } from '../../src/api/ShlinkApiError';
import { Message } from '../../src/utils/Message'; import { Message } from '../../src/utils/Message';
import { Result } from '../../src/utils/Result'; import { Result } from '../../src/utils/Result';
import { SearchField } from '../../src/utils/SearchField'; import { SearchField } from '../../src/utils/SearchField';
import { SimpleCard } from '../../src/utils/SimpleCard'; import { SimpleCard } from '../../src/utils/SimpleCard';
import { ShlinkApiError } from '../common/ShlinkApiError';
import { DomainRow } from './DomainRow'; import { DomainRow } from './DomainRow';
import type { EditDomainRedirects } from './reducers/domainRedirects'; import type { EditDomainRedirects } from './reducers/domainRedirects';
import type { DomainsList } from './reducers/domainsList'; import type { DomainsList } from './reducers/domainsList';

View file

@ -8,8 +8,8 @@ import type { FC } from 'react';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { ExternalLink } from 'react-external-link'; import { ExternalLink } from 'react-external-link';
import { UncontrolledTooltip } from 'reactstrap'; import { UncontrolledTooltip } from 'reactstrap';
import { useElementRef } from '../../../src/utils/helpers/hooks'; import { useElementRef } from '../../utils/helpers/hooks';
import type { MediaMatcher } from '../../../src/utils/types'; import type { MediaMatcher } from '../../utils/types';
import type { DomainStatus } from '../data'; import type { DomainStatus } from '../data';
interface DomainStatusIconProps { interface DomainStatusIconProps {

View file

@ -1,11 +1,11 @@
import type { FC } from 'react'; import type { FC } from 'react';
import { useState } from 'react'; import { useState } from 'react';
import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'; import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import type { ShlinkDomain } from '../../../api/types';
import type { InputFormGroupProps } from '../../../src/utils/forms/InputFormGroup'; import type { InputFormGroupProps } from '../../../src/utils/forms/InputFormGroup';
import { InputFormGroup } from '../../../src/utils/forms/InputFormGroup'; import { InputFormGroup } from '../../../src/utils/forms/InputFormGroup';
import { InfoTooltip } from '../../../src/utils/InfoTooltip'; import type { ShlinkDomain } from '../../api-contract';
import { handleEventPreventingDefault, nonEmptyValueOrNull } from '../../../src/utils/utils'; import { InfoTooltip } from '../../utils/components/InfoTooltip';
import { handleEventPreventingDefault, nonEmptyValueOrNull } from '../../utils/helpers';
import type { EditDomainRedirects } from '../reducers/domainRedirects'; import type { EditDomainRedirects } from '../reducers/domainRedirects';
interface EditDomainRedirectsModalProps { interface EditDomainRedirectsModalProps {

View file

@ -2,7 +2,6 @@ import type { FC } from 'react';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { Link, useNavigate } from 'react-router-dom'; import { Link, useNavigate } from 'react-router-dom';
import { Card, CardBody, CardHeader, Row } from 'reactstrap'; import { Card, CardBody, CardHeader, Row } from 'reactstrap';
import { prettify } from '../../src/utils/helpers/numbers';
import type { ShlinkShortUrlsListParams } from '../api-contract'; import type { ShlinkShortUrlsListParams } from '../api-contract';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
@ -11,6 +10,7 @@ import type { ShortUrlsList as ShortUrlsListState } from '../short-urls/reducers
import { ITEMS_IN_OVERVIEW_PAGE } from '../short-urls/reducers/shortUrlsList'; import { ITEMS_IN_OVERVIEW_PAGE } from '../short-urls/reducers/shortUrlsList';
import type { ShortUrlsTableType } from '../short-urls/ShortUrlsTable'; import type { ShortUrlsTableType } from '../short-urls/ShortUrlsTable';
import type { TagsList } from '../tags/reducers/tagsList'; import type { TagsList } from '../tags/reducers/tagsList';
import { prettify } from '../utils/helpers/numbers';
import { useRoutesPrefix } from '../utils/routesPrefix'; import { useRoutesPrefix } from '../utils/routesPrefix';
import { useSetting } from '../utils/settings'; import { useSetting } from '../utils/settings';
import type { VisitsOverview } from '../visits/reducers/visitsOverview'; import type { VisitsOverview } from '../visits/reducers/visitsOverview';

View file

@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import type { FC, PropsWithChildren, ReactNode } from 'react'; import type { FC, PropsWithChildren, ReactNode } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Card, CardText, CardTitle, UncontrolledTooltip } from 'reactstrap'; import { Card, CardText, CardTitle, UncontrolledTooltip } from 'reactstrap';
import { useElementRef } from '../../../src/utils/helpers/hooks'; import { useElementRef } from '../../utils/helpers/hooks';
import './HighlightCard.scss'; import './HighlightCard.scss';
export type HighlightCardProps = PropsWithChildren<{ export type HighlightCardProps = PropsWithChildren<{

View file

@ -1,5 +1,5 @@
import type { FC } from 'react'; import type { FC } from 'react';
import { prettify } from '../../../src/utils/helpers/numbers'; import { prettify } from '../../utils/helpers/numbers';
import type { PartialVisitsSummary } from '../../visits/reducers/visitsOverview'; import type { PartialVisitsSummary } from '../../visits/reducers/visitsOverview';
import type { HighlightCardProps } from './HighlightCard'; import type { HighlightCardProps } from './HighlightCard';
import { HighlightCard } from './HighlightCard'; import { HighlightCard } from './HighlightCard';

View file

@ -5,10 +5,10 @@ import { useEffect, useMemo } from 'react';
import { ExternalLink } from 'react-external-link'; import { ExternalLink } from 'react-external-link';
import { useLocation, useParams } from 'react-router-dom'; import { useLocation, useParams } from 'react-router-dom';
import { Button, Card } from 'reactstrap'; import { Button, Card } from 'reactstrap';
import { ShlinkApiError } from '../../src/api/ShlinkApiError';
import { useGoBack } from '../../src/utils/helpers/hooks';
import { Message } from '../../src/utils/Message'; import { Message } from '../../src/utils/Message';
import { Result } from '../../src/utils/Result'; import { Result } from '../../src/utils/Result';
import { ShlinkApiError } from '../common/ShlinkApiError';
import { useGoBack } from '../utils/helpers/hooks';
import { parseQuery } from '../utils/helpers/query'; import { parseQuery } from '../utils/helpers/query';
import { useSetting } from '../utils/settings'; import { useSetting } from '../utils/settings';
import type { ShortUrlIdentifier } from './data'; import type { ShortUrlIdentifier } from './data';

View file

@ -1,14 +1,14 @@
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Pagination, PaginationItem, PaginationLink } from 'reactstrap'; import { Pagination, PaginationItem, PaginationLink } from 'reactstrap';
import type { ShlinkPaginator } from '../api-contract';
import type { import type {
NumberOrEllipsis } from '../../src/utils/helpers/pagination'; NumberOrEllipsis } from '../utils/helpers/pagination';
import { import {
keyForPage, keyForPage,
pageIsEllipsis, pageIsEllipsis,
prettifyPageNumber, prettifyPageNumber,
progressivePagination, progressivePagination,
} from '../../src/utils/helpers/pagination'; } from '../utils/helpers/pagination';
import type { ShlinkPaginator } from '../api-contract';
import { useRoutesPrefix } from '../utils/routesPrefix'; import { useRoutesPrefix } from '../utils/routesPrefix';
interface PaginatorProps { interface PaginatorProps {

View file

@ -14,10 +14,10 @@ import { DateTimeInput } from '../../src/utils/dates/DateTimeInput';
import { formatIsoDate } from '../../src/utils/helpers/date'; import { formatIsoDate } from '../../src/utils/helpers/date';
import { IconInput } from '../../src/utils/IconInput'; import { IconInput } from '../../src/utils/IconInput';
import { SimpleCard } from '../../src/utils/SimpleCard'; import { SimpleCard } from '../../src/utils/SimpleCard';
import { handleEventPreventingDefault, hasValue } from '../../src/utils/utils';
import type { DomainSelectorProps } from '../domains/DomainSelector'; import type { DomainSelectorProps } from '../domains/DomainSelector';
import type { TagsSelectorProps } from '../tags/helpers/TagsSelector'; import type { TagsSelectorProps } from '../tags/helpers/TagsSelector';
import { useFeature } from '../utils/features'; import { useFeature } from '../utils/features';
import { handleEventPreventingDefault, hasValue } from '../utils/helpers';
import type { DeviceLongUrls, ShortUrlData } from './data'; import type { DeviceLongUrls, ShortUrlData } from './data';
import { ShortUrlFormCheckboxGroup } from './helpers/ShortUrlFormCheckboxGroup'; import { ShortUrlFormCheckboxGroup } from './helpers/ShortUrlFormCheckboxGroup';
import { UseExistingIfFoundInfoIcon } from './UseExistingIfFoundInfoIcon'; import { UseExistingIfFoundInfoIcon } from './UseExistingIfFoundInfoIcon';

View file

@ -5,12 +5,12 @@ import { Card } from 'reactstrap';
import { DEFAULT_SHORT_URLS_ORDERING } from '../../src/settings/reducers/settings'; import { DEFAULT_SHORT_URLS_ORDERING } from '../../src/settings/reducers/settings';
import type { OrderDir } from '../../src/utils/helpers/ordering'; import type { OrderDir } from '../../src/utils/helpers/ordering';
import { determineOrderDir } from '../../src/utils/helpers/ordering'; import { determineOrderDir } from '../../src/utils/helpers/ordering';
import { TableOrderIcon } from '../../src/utils/table/TableOrderIcon';
import type { ShlinkShortUrlsListParams, ShlinkShortUrlsOrder } from '../api-contract'; import type { ShlinkShortUrlsListParams, ShlinkShortUrlsOrder } from '../api-contract';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
import { useFeature } from '../utils/features'; import { useFeature } from '../utils/features';
import { useSettings } from '../utils/settings'; import { useSettings } from '../utils/settings';
import { TableOrderIcon } from '../utils/table/TableOrderIcon';
import type { ShortUrlsOrder, ShortUrlsOrderableFields } from './data'; import type { ShortUrlsOrder, ShortUrlsOrderableFields } from './data';
import { useShortUrlsQuery } from './helpers/hooks'; import { useShortUrlsQuery } from './helpers/hooks';
import { Paginator } from './Paginator'; import { Paginator } from './Paginator';

View file

@ -1,6 +1,6 @@
import type { ShlinkVisitsSummary } from '../../../api/types';
import type { Order } from '../../../src/utils/helpers/ordering'; import type { Order } from '../../../src/utils/helpers/ordering';
import type { Nullable, OptionalString } from '../../../src/utils/utils'; import type { ShlinkVisitsSummary } from '../../api-contract';
import type { Nullable, OptionalString } from '../../utils/helpers';
export interface DeviceLongUrls { export interface DeviceLongUrls {
android?: OptionalString; android?: OptionalString;

View file

@ -4,9 +4,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { useEffect } from 'react'; import { useEffect } from 'react';
import CopyToClipboard from 'react-copy-to-clipboard'; import CopyToClipboard from 'react-copy-to-clipboard';
import { Tooltip } from 'reactstrap'; import { Tooltip } from 'reactstrap';
import { ShlinkApiError } from '../../../src/api/ShlinkApiError';
import type { TimeoutToggle } from '../../../src/utils/helpers/hooks';
import { Result } from '../../../src/utils/Result'; import { Result } from '../../../src/utils/Result';
import { ShlinkApiError } from '../../common/ShlinkApiError';
import type { TimeoutToggle } from '../../utils/helpers/hooks';
import type { ShortUrlCreation } from '../reducers/shortUrlCreation'; import type { ShortUrlCreation } from '../reducers/shortUrlCreation';
import './CreateShortUrlResult.scss'; import './CreateShortUrlResult.scss';

View file

@ -1,10 +1,10 @@
import { pipe } from 'ramda'; import { pipe } from 'ramda';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'; import { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import { ShlinkApiError } from '../../../src/api/ShlinkApiError';
import { Result } from '../../../src/utils/Result'; import { Result } from '../../../src/utils/Result';
import { handleEventPreventingDefault } from '../../../src/utils/utils';
import { isInvalidDeletionError } from '../../api-contract/utils'; import { isInvalidDeletionError } from '../../api-contract/utils';
import { ShlinkApiError } from '../../common/ShlinkApiError';
import { handleEventPreventingDefault } from '../../utils/helpers';
import type { ShortUrlIdentifier, ShortUrlModalProps } from '../data'; import type { ShortUrlIdentifier, ShortUrlModalProps } from '../data';
import type { ShortUrlDeletion } from '../reducers/shortUrlDeletion'; import type { ShortUrlDeletion } from '../reducers/shortUrlDeletion';

View file

@ -1,7 +1,7 @@
import type { FC } from 'react'; import type { FC } from 'react';
import { useCallback } from 'react'; import { useCallback } from 'react';
import { ExportBtn } from '../../../src/utils/ExportBtn';
import type { ShlinkApiClient } from '../../api-contract'; import type { ShlinkApiClient } from '../../api-contract';
import { ExportBtn } from '../../utils/components/ExportBtn';
import { useToggle } from '../../utils/helpers/hooks'; import { useToggle } from '../../utils/helpers/hooks';
import type { ReportExporter } from '../../utils/services/ReportExporter'; import type { ReportExporter } from '../../utils/services/ReportExporter';
import type { ShortUrl } from '../data'; import type { ShortUrl } from '../data';

View file

@ -3,10 +3,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { useMemo, useState } from 'react'; import { useMemo, useState } from 'react';
import { ExternalLink } from 'react-external-link'; import { ExternalLink } from 'react-external-link';
import { Button, FormGroup, Modal, ModalBody, ModalHeader, Row } from 'reactstrap'; import { Button, FormGroup, Modal, ModalBody, ModalHeader, Row } from 'reactstrap';
import type { ImageDownloader } from '../../../src/common/services/ImageDownloader'; import { CopyToClipboardIcon } from '../../utils/components/CopyToClipboardIcon';
import { CopyToClipboardIcon } from '../../../src/utils/CopyToClipboardIcon'; import type { QrCodeFormat, QrErrorCorrection } from '../../utils/helpers/qrCodes';
import type { QrCodeFormat, QrErrorCorrection } from '../../../src/utils/helpers/qrCodes'; import { buildQrCodeUrl } from '../../utils/helpers/qrCodes';
import { buildQrCodeUrl } from '../../../src/utils/helpers/qrCodes'; import type { ImageDownloader } from '../../utils/services/ImageDownloader';
import type { ShortUrlModalProps } from '../data'; import type { ShortUrlModalProps } from '../data';
import { QrErrorCorrectionDropdown } from './qr-codes/QrErrorCorrectionDropdown'; import { QrErrorCorrectionDropdown } from './qr-codes/QrErrorCorrectionDropdown';
import { QrFormatDropdown } from './qr-codes/QrFormatDropdown'; import { QrFormatDropdown } from './qr-codes/QrFormatDropdown';

View file

@ -1,6 +1,6 @@
import type { ChangeEvent, FC, PropsWithChildren } from 'react'; import type { ChangeEvent, FC, PropsWithChildren } from 'react';
import { Checkbox } from '../../../src/utils/Checkbox'; import { Checkbox } from '../../../src/utils/Checkbox';
import { InfoTooltip } from '../../../src/utils/InfoTooltip'; import { InfoTooltip } from '../../utils/components/InfoTooltip';
type ShortUrlFormCheckboxGroupProps = PropsWithChildren<{ type ShortUrlFormCheckboxGroupProps = PropsWithChildren<{
checked?: boolean; checked?: boolean;

View file

@ -5,7 +5,7 @@ import { isBefore } from 'date-fns';
import type { FC, ReactNode } from 'react'; import type { FC, ReactNode } from 'react';
import { UncontrolledTooltip } from 'reactstrap'; import { UncontrolledTooltip } from 'reactstrap';
import { formatHumanFriendly, now, parseISO } from '../../../src/utils/helpers/date'; import { formatHumanFriendly, now, parseISO } from '../../../src/utils/helpers/date';
import { useElementRef } from '../../../src/utils/helpers/hooks'; import { useElementRef } from '../../utils/helpers/hooks';
import type { ShortUrl } from '../data'; import type { ShortUrl } from '../data';
interface ShortUrlStatusProps { interface ShortUrlStatusProps {

View file

@ -3,8 +3,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames'; import classNames from 'classnames';
import { UncontrolledTooltip } from 'reactstrap'; import { UncontrolledTooltip } from 'reactstrap';
import { formatHumanFriendly, parseISO } from '../../../src/utils/helpers/date'; import { formatHumanFriendly, parseISO } from '../../../src/utils/helpers/date';
import { useElementRef } from '../../../src/utils/helpers/hooks'; import { useElementRef } from '../../utils/helpers/hooks';
import { prettify } from '../../../src/utils/helpers/numbers'; import { prettify } from '../../utils/helpers/numbers';
import type { ShortUrl } from '../data'; import type { ShortUrl } from '../data';
import { ShortUrlDetailLink } from './ShortUrlDetailLink'; import { ShortUrlDetailLink } from './ShortUrlDetailLink';
import './ShortUrlVisitsCount.scss'; import './ShortUrlVisitsCount.scss';

View file

@ -1,6 +1,6 @@
import { DropdownItem } from 'reactstrap'; import { DropdownItem } from 'reactstrap';
import { DropdownBtn } from '../../../src/utils/DropdownBtn'; import { DropdownBtn } from '../../../src/utils/DropdownBtn';
import { hasValue } from '../../../src/utils/utils'; import { hasValue } from '../../utils/helpers';
import type { ShortUrlsFilter } from '../data'; import type { ShortUrlsFilter } from '../data';
interface ShortUrlsFilterDropdownProps { interface ShortUrlsFilterDropdownProps {

View file

@ -1,9 +1,9 @@
import type { FC } from 'react'; import type { FC } from 'react';
import { useEffect, useRef } from 'react'; import { useEffect, useRef } from 'react';
import { ExternalLink } from 'react-external-link'; import { ExternalLink } from 'react-external-link';
import { CopyToClipboardIcon } from '../../../src/utils/CopyToClipboardIcon';
import { Time } from '../../../src/utils/dates/Time'; import { Time } from '../../../src/utils/dates/Time';
import type { TimeoutToggle } from '../../../src/utils/helpers/hooks'; import type { TimeoutToggle } from '../../../src/utils/helpers/hooks';
import { CopyToClipboardIcon } from '../../utils/components/CopyToClipboardIcon';
import type { ColorGenerator } from '../../utils/services/ColorGenerator'; import type { ColorGenerator } from '../../utils/services/ColorGenerator';
import { useSetting } from '../../utils/settings'; import { useSetting } from '../../utils/settings';
import type { ShortUrl } from '../data'; import type { ShortUrl } from '../data';

View file

@ -2,9 +2,9 @@ import { isEmpty, pipe } from 'ramda';
import { useMemo } from 'react'; import { useMemo } from 'react';
import { useLocation, useNavigate } from 'react-router-dom'; import { useLocation, useNavigate } from 'react-router-dom';
import { orderToString, stringToOrder } from '../../../src/utils/helpers/ordering'; import { orderToString, stringToOrder } from '../../../src/utils/helpers/ordering';
import type { BooleanString } from '../../../src/utils/utils';
import { parseOptionalBooleanToString } from '../../../src/utils/utils';
import type { TagsFilteringMode } from '../../api-contract'; import type { TagsFilteringMode } from '../../api-contract';
import type { BooleanString } from '../../utils/helpers';
import { parseOptionalBooleanToString } from '../../utils/helpers';
import { parseQuery, stringifyQuery } from '../../utils/helpers/query'; import { parseQuery, stringifyQuery } from '../../utils/helpers/query';
import { useRoutesPrefix } from '../../utils/routesPrefix'; import { useRoutesPrefix } from '../../utils/routesPrefix';
import type { ShortUrlsOrder, ShortUrlsOrderableFields } from '../data'; import type { ShortUrlsOrder, ShortUrlsOrderableFields } from '../data';

View file

@ -1,5 +1,5 @@
import { isNil } from 'ramda'; import { isNil } from 'ramda';
import type { OptionalString } from '../../../src/utils/utils'; import type { OptionalString } from '../../utils/helpers';
import type { ShortUrlCreationSettings } from '../../utils/settings'; import type { ShortUrlCreationSettings } from '../../utils/settings';
import { DEFAULT_DOMAIN } from '../../visits/reducers/domainVisits'; import { DEFAULT_DOMAIN } from '../../visits/reducers/domainVisits';
import type { ShortUrl, ShortUrlData } from '../data'; import type { ShortUrl, ShortUrlData } from '../data';

View file

@ -1,7 +1,7 @@
import type { FC } from 'react'; import type { FC } from 'react';
import { DropdownItem } from 'reactstrap'; import { DropdownItem } from 'reactstrap';
import { DropdownBtn } from '../../../../src/utils/DropdownBtn'; import { DropdownBtn } from '../../../../src/utils/DropdownBtn';
import type { QrErrorCorrection } from '../../../../src/utils/helpers/qrCodes'; import type { QrErrorCorrection } from '../../../utils/helpers/qrCodes';
interface QrErrorCorrectionDropdownProps { interface QrErrorCorrectionDropdownProps {
errorCorrection: QrErrorCorrection; errorCorrection: QrErrorCorrection;

View file

@ -1,7 +1,7 @@
import type { FC } from 'react'; import type { FC } from 'react';
import { DropdownItem } from 'reactstrap'; import { DropdownItem } from 'reactstrap';
import { DropdownBtn } from '../../../../src/utils/DropdownBtn'; import { DropdownBtn } from '../../../../src/utils/DropdownBtn';
import type { QrCodeFormat } from '../../../../src/utils/helpers/qrCodes'; import type { QrCodeFormat } from '../../../utils/helpers/qrCodes';
interface QrFormatDropdownProps { interface QrFormatDropdownProps {
format: QrCodeFormat; format: QrCodeFormat;

View file

@ -2,12 +2,12 @@ import { pipe } from 'ramda';
import type { FC } from 'react'; import type { FC } from 'react';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Row } from 'reactstrap'; import { Row } from 'reactstrap';
import { ShlinkApiError } from '../../src/api/ShlinkApiError';
import { determineOrderDir, sortList } from '../../src/utils/helpers/ordering'; import { determineOrderDir, sortList } from '../../src/utils/helpers/ordering';
import { Message } from '../../src/utils/Message'; import { Message } from '../../src/utils/Message';
import { OrderingDropdown } from '../../src/utils/OrderingDropdown'; import { OrderingDropdown } from '../../src/utils/OrderingDropdown';
import { Result } from '../../src/utils/Result'; import { Result } from '../../src/utils/Result';
import { SearchField } from '../../src/utils/SearchField'; import { SearchField } from '../../src/utils/SearchField';
import { ShlinkApiError } from '../common/ShlinkApiError';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
import { useSettings } from '../utils/settings'; import { useSettings } from '../utils/settings';

View file

@ -2,11 +2,11 @@ import { splitEvery } from 'ramda';
import type { FC } from 'react'; import type { FC } from 'react';
import { useEffect, useRef } from 'react'; import { useEffect, useRef } from 'react';
import { useLocation } from 'react-router-dom'; import { useLocation } from 'react-router-dom';
import { SimplePaginator } from '../../src/common/SimplePaginator';
import { SimpleCard } from '../../src/utils/SimpleCard'; import { SimpleCard } from '../../src/utils/SimpleCard';
import { TableOrderIcon } from '../../src/utils/table/TableOrderIcon'; import { SimplePaginator } from '../utils/components/SimplePaginator';
import { useQueryState } from '../utils/helpers/hooks'; import { useQueryState } from '../utils/helpers/hooks';
import { parseQuery } from '../utils/helpers/query'; import { parseQuery } from '../utils/helpers/query';
import { TableOrderIcon } from '../utils/table/TableOrderIcon';
import type { TagsListChildrenProps, TagsOrder, TagsOrderableFields } from './data/TagsListChildrenProps'; import type { TagsListChildrenProps, TagsOrder, TagsOrderableFields } from './data/TagsListChildrenProps';
import type { TagsTableRowProps } from './TagsTableRow'; import type { TagsTableRowProps } from './TagsTableRow';
import './TagsTable.scss'; import './TagsTable.scss';

View file

@ -3,9 +3,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import type { FC } from 'react'; import type { FC } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { DropdownItem } from 'reactstrap'; import { DropdownItem } from 'reactstrap';
import { prettify } from '../../src/utils/helpers/numbers';
import { RowDropdownBtn } from '../../src/utils/RowDropdownBtn'; import { RowDropdownBtn } from '../../src/utils/RowDropdownBtn';
import { useToggle } from '../utils/helpers/hooks'; import { useToggle } from '../utils/helpers/hooks';
import { prettify } from '../utils/helpers/numbers';
import { useRoutesPrefix } from '../utils/routesPrefix'; import { useRoutesPrefix } from '../utils/routesPrefix';
import type { ColorGenerator } from '../utils/services/ColorGenerator'; import type { ColorGenerator } from '../utils/services/ColorGenerator';
import type { SimplifiedTag, TagModalProps } from './data'; import type { SimplifiedTag, TagModalProps } from './data';

View file

@ -1,6 +1,6 @@
import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'; import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import { ShlinkApiError } from '../../../src/api/ShlinkApiError';
import { Result } from '../../../src/utils/Result'; import { Result } from '../../../src/utils/Result';
import { ShlinkApiError } from '../../common/ShlinkApiError';
import type { TagModalProps } from '../data'; import type { TagModalProps } from '../data';
import type { TagDeletion } from '../reducers/tagDelete'; import type { TagDeletion } from '../reducers/tagDelete';

View file

@ -4,9 +4,9 @@ import { pipe } from 'ramda';
import { useState } from 'react'; import { useState } from 'react';
import { HexColorPicker } from 'react-colorful'; import { HexColorPicker } from 'react-colorful';
import { Button, Input, InputGroup, Modal, ModalBody, ModalFooter, ModalHeader, Popover } from 'reactstrap'; import { Button, Input, InputGroup, Modal, ModalBody, ModalFooter, ModalHeader, Popover } from 'reactstrap';
import { ShlinkApiError } from '../../../src/api/ShlinkApiError';
import { Result } from '../../../src/utils/Result'; import { Result } from '../../../src/utils/Result';
import { handleEventPreventingDefault } from '../../../src/utils/utils'; import { ShlinkApiError } from '../../common/ShlinkApiError';
import { handleEventPreventingDefault } from '../../utils/helpers';
import { useToggle } from '../../utils/helpers/hooks'; import { useToggle } from '../../utils/helpers/hooks';
import type { ColorGenerator } from '../../utils/services/ColorGenerator'; import type { ColorGenerator } from '../../utils/services/ColorGenerator';
import type { TagModalProps } from '../data'; import type { TagModalProps } from '../data';

View file

@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import type { FC } from 'react'; import type { FC } from 'react';
import type { ButtonProps } from 'reactstrap'; import type { ButtonProps } from 'reactstrap';
import { Button } from 'reactstrap'; import { Button } from 'reactstrap';
import { prettify } from './helpers/numbers'; import { prettify } from '../helpers/numbers';
type ExportBtnProps = Omit<ButtonProps, 'outline' | 'color' | 'disabled'> & { type ExportBtnProps = Omit<ButtonProps, 'outline' | 'color' | 'disabled'> & {
amount?: number; amount?: number;

View file

@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import type { Placement } from '@popperjs/core'; import type { Placement } from '@popperjs/core';
import type { FC, PropsWithChildren } from 'react'; import type { FC, PropsWithChildren } from 'react';
import { UncontrolledTooltip } from 'reactstrap'; import { UncontrolledTooltip } from 'reactstrap';
import { useElementRef } from './helpers/hooks'; import { useElementRef } from '../helpers/hooks';
export type InfoTooltipProps = PropsWithChildren<{ export type InfoTooltipProps = PropsWithChildren<{
className?: string; className?: string;

View file

@ -1,14 +1,13 @@
import classNames from 'classnames'; import classNames from 'classnames';
import type { FC } from 'react'; import type { FC } from 'react';
import { Pagination, PaginationItem, PaginationLink } from 'reactstrap'; import { Pagination, PaginationItem, PaginationLink } from 'reactstrap';
import type { import type { NumberOrEllipsis } from '../helpers/pagination';
NumberOrEllipsis } from '../utils/helpers/pagination';
import { import {
keyForPage, keyForPage,
pageIsEllipsis, pageIsEllipsis,
prettifyPageNumber, prettifyPageNumber,
progressivePagination, progressivePagination,
} from '../utils/helpers/pagination'; } from '../helpers/pagination';
import './SimplePaginator.scss'; import './SimplePaginator.scss';
interface SimplePaginatorProps { interface SimplePaginatorProps {

View file

@ -1,6 +1,6 @@
import { createContext, useContext, useMemo } from 'react'; import { createContext, useContext, useMemo } from 'react';
import type { SemVer } from '../../src/utils/helpers/version'; import type { SemVer } from './helpers/version';
import { versionMatch } from '../../src/utils/helpers/version'; import { versionMatch } from './helpers/version';
const supportedFeatures = { const supportedFeatures = {
domainVisits: '3.1.0', domainVisits: '3.1.0',

View file

@ -0,0 +1,17 @@
export const saveUrl = ({ document }: Window, url: string, filename: string) => {
const link = document.createElement('a');
link.setAttribute('href', url);
link.setAttribute('download', filename);
link.style.visibility = 'hidden';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
};
export const saveCsv = (window: Window, csv: string, filename: string) => {
const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
const url = URL.createObjectURL(blob);
saveUrl(window, url, filename);
};

View file

@ -0,0 +1,32 @@
import { isEmpty, isNil, pipe, range } from 'ramda';
import type { SyntheticEvent } from 'react';
type Optional<T> = T | null | undefined;
export type OptionalString = Optional<string>;
export const handleEventPreventingDefault = <T>(handler: () => T) => pipe(
(e: SyntheticEvent) => e.preventDefault(),
handler,
);
export const rangeOf = <T>(size: number, mappingFn: (value: number) => T, startAt = 1): T[] =>
range(startAt, size + 1).map(mappingFn);
export type Empty = null | undefined | '' | never[];
export const hasValue = <T>(value: T | Empty): value is T => !isNil(value) && !isEmpty(value);
export type Nullable<T> = {
[P in keyof T]: T[P] | null
};
export const nonEmptyValueOrNull = <T>(value: T): T | null => (isEmpty(value) ? null : value);
export type BooleanString = 'true' | 'false';
export const parseBooleanToString = (value: boolean): BooleanString => (value ? 'true' : 'false');
export const parseOptionalBooleanToString = (value?: boolean): BooleanString | undefined => (
value === undefined ? undefined : parseBooleanToString(value)
);

View file

@ -0,0 +1,7 @@
import { Parser } from '@json2csv/plainjs';
const jsonParser = new Parser(); // This accepts options if needed
export const jsonToCsv = <T>(data: T[]): string => jsonParser.parse(data);
export type JsonToCsv = typeof jsonToCsv;

View file

@ -1,5 +1,5 @@
import { isEmpty } from 'ramda'; import { isEmpty } from 'ramda';
import { stringifyQuery } from '../../../shlink-web-component/utils/helpers/query'; import { stringifyQuery } from './query';
export type QrCodeFormat = 'svg' | 'png'; export type QrCodeFormat = 'svg' | 'png';

View file

@ -0,0 +1,21 @@
import { compare } from 'compare-versions';
type SemVerPatternFragment = `${bigint | '*'}`;
type SemVerPattern = SemVerPatternFragment
| `${SemVerPatternFragment}.${SemVerPatternFragment}`
| `${SemVerPatternFragment}.${SemVerPatternFragment}.${SemVerPatternFragment}`;
type Versions = {
maxVersion?: SemVerPattern;
minVersion?: SemVerPattern;
};
export type SemVer = `${bigint}.${bigint}.${bigint}` | 'latest';
export const versionMatch = (versionToMatch: SemVer, { maxVersion, minVersion }: Versions): boolean => {
const matchesMinVersion = !minVersion || compare(versionToMatch, minVersion, '>=');
const matchesMaxVersion = !maxVersion || compare(versionToMatch, maxVersion, '<=');
return matchesMaxVersion && matchesMinVersion;
};

View file

@ -1,6 +1,6 @@
import { isNil } from 'ramda'; import { isNil } from 'ramda';
import type { LocalStorage } from '../../../src/utils/services/LocalStorage'; import { rangeOf } from '../helpers';
import { rangeOf } from '../../../src/utils/utils'; import type { LocalStorage } from './LocalStorage';
const HEX_COLOR_LENGTH = 6; const HEX_COLOR_LENGTH = 6;
const HEX_DIGITS = '0123456789ABCDEF'; const HEX_DIGITS = '0123456789ABCDEF';

View file

@ -0,0 +1,13 @@
import { saveUrl } from '../helpers/files';
import type { Fetch } from '../types';
export class ImageDownloader {
public constructor(private readonly fetch: Fetch, private readonly window: Window) {}
public async saveImage(imgUrl: string, filename: string): Promise<void> {
const data = await this.fetch(imgUrl).then((resp) => resp.blob());
const url = URL.createObjectURL(data);
saveUrl(this.window, url, filename);
}
}

View file

@ -1,7 +1,7 @@
import type { JsonToCsv } from '../../../src/utils/helpers/csvjson';
import { saveCsv } from '../../../src/utils/helpers/files';
import type { ExportableShortUrl } from '../../short-urls/data'; import type { ExportableShortUrl } from '../../short-urls/data';
import type { NormalizedVisit } from '../../visits/types'; import type { NormalizedVisit } from '../../visits/types';
import { saveCsv } from '../helpers/files';
import type { JsonToCsv } from '../helpers/json';
export class ReportExporter { export class ReportExporter {
public constructor(private readonly window: Window, private readonly jsonToCsv: JsonToCsv) { public constructor(private readonly window: Window, private readonly jsonToCsv: JsonToCsv) {

View file

@ -1,13 +1,23 @@
import type Bottle from 'bottlejs'; import type Bottle from 'bottlejs';
import { useTimeoutToggle } from '../helpers/hooks'; import { useTimeoutToggle } from '../helpers/hooks';
import { jsonToCsv } from '../helpers/json';
import { ColorGenerator } from './ColorGenerator'; import { ColorGenerator } from './ColorGenerator';
import { ImageDownloader } from './ImageDownloader';
import { LocalStorage } from './LocalStorage'; import { LocalStorage } from './LocalStorage';
import { ReportExporter } from './ReportExporter';
export function provideServices(bottle: Bottle) { export function provideServices(bottle: Bottle) {
bottle.constant('window', window);
bottle.constant('fetch', window.fetch.bind(window));
bottle.service('ImageDownloader', ImageDownloader, 'fetch', 'window');
bottle.constant('localStorage', window.localStorage); bottle.constant('localStorage', window.localStorage);
bottle.service('Storage', LocalStorage, 'localStorage'); bottle.service('Storage', LocalStorage, 'localStorage');
bottle.service('ColorGenerator', ColorGenerator, 'Storage'); bottle.service('ColorGenerator', ColorGenerator, 'Storage');
bottle.constant('jsonToCsv', jsonToCsv);
bottle.service('ReportExporter', ReportExporter, 'window', 'jsonToCsv');
bottle.constant('setTimeout', window.setTimeout); bottle.constant('setTimeout', window.setTimeout);
bottle.constant('clearTimeout', window.clearTimeout); bottle.constant('clearTimeout', window.clearTimeout);
bottle.serviceFactory('useTimeoutToggle', useTimeoutToggle, 'setTimeout', 'clearTimeout'); bottle.serviceFactory('useTimeoutToggle', useTimeoutToggle, 'setTimeout', 'clearTimeout');

View file

@ -1,6 +1,6 @@
import { faCaretDown as caretDownIcon, faCaretUp as caretUpIcon } from '@fortawesome/free-solid-svg-icons'; import { faCaretDown as caretDownIcon, faCaretUp as caretUpIcon } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import type { Order } from '../helpers/ordering'; import type { Order } from '../../../src/utils/helpers/ordering';
interface TableOrderIconProps<T> { interface TableOrderIconProps<T> {
currentOrder: Order<T>; currentOrder: Order<T>;

View file

@ -1,8 +1,8 @@
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import { useGoBack } from '../../src/utils/helpers/hooks';
import type { ShlinkVisitsParams } from '../api-contract'; import type { ShlinkVisitsParams } from '../api-contract';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
import { useGoBack } from '../utils/helpers/hooks';
import type { ReportExporter } from '../utils/services/ReportExporter'; import type { ReportExporter } from '../utils/services/ReportExporter';
import type { DomainVisits as DomainVisitsState, LoadDomainVisits } from './reducers/domainVisits'; import type { DomainVisits as DomainVisitsState, LoadDomainVisits } from './reducers/domainVisits';
import type { NormalizedVisit } from './types'; import type { NormalizedVisit } from './types';

View file

@ -1,6 +1,6 @@
import { useGoBack } from '../../src/utils/helpers/hooks';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
import { useGoBack } from '../utils/helpers/hooks';
import type { ReportExporter } from '../utils/services/ReportExporter'; import type { ReportExporter } from '../utils/services/ReportExporter';
import type { LoadVisits, VisitsInfo } from './reducers/types'; import type { LoadVisits, VisitsInfo } from './reducers/types';
import type { NormalizedVisit, VisitsParams } from './types'; import type { NormalizedVisit, VisitsParams } from './types';

View file

@ -1,6 +1,6 @@
import { useGoBack } from '../../src/utils/helpers/hooks';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
import { useGoBack } from '../utils/helpers/hooks';
import type { ReportExporter } from '../utils/services/ReportExporter'; import type { ReportExporter } from '../utils/services/ReportExporter';
import type { LoadOrphanVisits } from './reducers/orphanVisits'; import type { LoadOrphanVisits } from './reducers/orphanVisits';
import type { VisitsInfo } from './reducers/types'; import type { VisitsInfo } from './reducers/types';

View file

@ -1,11 +1,11 @@
import { useEffect } from 'react'; import { useEffect } from 'react';
import { useLocation, useParams } from 'react-router-dom'; import { useLocation, useParams } from 'react-router-dom';
import { useGoBack } from '../../src/utils/helpers/hooks';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
import type { ShortUrlIdentifier } from '../short-urls/data'; import type { ShortUrlIdentifier } from '../short-urls/data';
import { urlDecodeShortCode } from '../short-urls/helpers'; import { urlDecodeShortCode } from '../short-urls/helpers';
import type { ShortUrlDetail } from '../short-urls/reducers/shortUrlDetail'; import type { ShortUrlDetail } from '../short-urls/reducers/shortUrlDetail';
import { useGoBack } from '../utils/helpers/hooks';
import { parseQuery } from '../utils/helpers/query'; import { parseQuery } from '../utils/helpers/query';
import type { ReportExporter } from '../utils/services/ReportExporter'; import type { ReportExporter } from '../utils/services/ReportExporter';
import type { LoadShortUrlVisits, ShortUrlVisits as ShortUrlVisitsState } from './reducers/shortUrlVisits'; import type { LoadShortUrlVisits, ShortUrlVisits as ShortUrlVisitsState } from './reducers/shortUrlVisits';

View file

@ -1,8 +1,8 @@
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import { useGoBack } from '../../src/utils/helpers/hooks';
import type { ShlinkVisitsParams } from '../api-contract'; import type { ShlinkVisitsParams } from '../api-contract';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub'; import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics'; import { Topics } from '../mercure/helpers/Topics';
import { useGoBack } from '../utils/helpers/hooks';
import type { ColorGenerator } from '../utils/services/ColorGenerator'; import type { ColorGenerator } from '../utils/services/ColorGenerator';
import type { ReportExporter } from '../utils/services/ReportExporter'; import type { ReportExporter } from '../utils/services/ReportExporter';
import type { LoadTagVisits, TagVisits as TagVisitsState } from './reducers/tagVisits'; import type { LoadTagVisits, TagVisits as TagVisitsState } from './reducers/tagVisits';

View file

@ -7,15 +7,15 @@ import type { FC, PropsWithChildren } from 'react';
import { useEffect, useMemo, useRef, useState } from 'react'; import { useEffect, useMemo, useRef, useState } from 'react';
import { Navigate, Route, Routes, useLocation } from 'react-router-dom'; import { Navigate, Route, Routes, useLocation } from 'react-router-dom';
import { Button, Progress, Row } from 'reactstrap'; import { Button, Progress, Row } from 'reactstrap';
import { ShlinkApiError } from '../../src/api/ShlinkApiError';
import { DateRangeSelector } from '../../src/utils/dates/DateRangeSelector'; import { DateRangeSelector } from '../../src/utils/dates/DateRangeSelector';
import { ExportBtn } from '../../src/utils/ExportBtn';
import type { DateInterval, DateRange } from '../../src/utils/helpers/dateIntervals'; import type { DateInterval, DateRange } from '../../src/utils/helpers/dateIntervals';
import { toDateRange } from '../../src/utils/helpers/dateIntervals'; import { toDateRange } from '../../src/utils/helpers/dateIntervals';
import { prettify } from '../../src/utils/helpers/numbers';
import { Message } from '../../src/utils/Message'; import { Message } from '../../src/utils/Message';
import { NavPillItem, NavPills } from '../../src/utils/NavPills'; import { NavPillItem, NavPills } from '../../src/utils/NavPills';
import { Result } from '../../src/utils/Result'; import { Result } from '../../src/utils/Result';
import { ShlinkApiError } from '../common/ShlinkApiError';
import { ExportBtn } from '../utils/components/ExportBtn';
import { prettify } from '../utils/helpers/numbers';
import { useSetting } from '../utils/settings'; import { useSetting } from '../utils/settings';
import { DoughnutChartCard } from './charts/DoughnutChartCard'; import { DoughnutChartCard } from './charts/DoughnutChartCard';
import { LineChartCard } from './charts/LineChartCard'; import { LineChartCard } from './charts/LineChartCard';

View file

@ -4,14 +4,14 @@ import classNames from 'classnames';
import { min, splitEvery } from 'ramda'; import { min, splitEvery } from 'ramda';
import { useEffect, useMemo, useRef, useState } from 'react'; import { useEffect, useMemo, useRef, useState } from 'react';
import { UncontrolledTooltip } from 'reactstrap'; import { UncontrolledTooltip } from 'reactstrap';
import { SimplePaginator } from '../../src/common/SimplePaginator';
import { Time } from '../../src/utils/dates/Time'; import { Time } from '../../src/utils/dates/Time';
import { prettify } from '../../src/utils/helpers/numbers';
import type { Order } from '../../src/utils/helpers/ordering'; import type { Order } from '../../src/utils/helpers/ordering';
import { determineOrderDir, sortList } from '../../src/utils/helpers/ordering'; import { determineOrderDir, sortList } from '../../src/utils/helpers/ordering';
import { SearchField } from '../../src/utils/SearchField'; import { SearchField } from '../../src/utils/SearchField';
import { TableOrderIcon } from '../../src/utils/table/TableOrderIcon'; import { SimplePaginator } from '../utils/components/SimplePaginator';
import type { MediaMatcher } from '../../src/utils/types'; import { prettify } from '../utils/helpers/numbers';
import { TableOrderIcon } from '../utils/table/TableOrderIcon';
import type { MediaMatcher } from '../utils/types';
import type { NormalizedOrphanVisit, NormalizedVisit } from './types'; import type { NormalizedOrphanVisit, NormalizedVisit } from './types';
import './VisitsTable.scss'; import './VisitsTable.scss';

View file

@ -3,8 +3,8 @@ import { keys, values } from 'ramda';
import type { FC } from 'react'; import type { FC } from 'react';
import { memo, useState } from 'react'; import { memo, useState } from 'react';
import { Doughnut } from 'react-chartjs-2'; import { Doughnut } from 'react-chartjs-2';
import { renderPieChartLabel } from '../../../src/utils/helpers/charts';
import { isDarkThemeEnabled, PRIMARY_DARK_COLOR, PRIMARY_LIGHT_COLOR } from '../../../src/utils/theme'; import { isDarkThemeEnabled, PRIMARY_DARK_COLOR, PRIMARY_LIGHT_COLOR } from '../../../src/utils/theme';
import { renderPieChartLabel } from '../../utils/helpers/charts';
import type { Stats } from '../types'; import type { Stats } from '../types';
import { DoughnutChartLegend } from './DoughnutChartLegend'; import { DoughnutChartLegend } from './DoughnutChartLegend';

View file

@ -3,9 +3,9 @@ import { keys, values } from 'ramda';
import type { FC, MutableRefObject } from 'react'; import type { FC, MutableRefObject } from 'react';
import { useRef } from 'react'; import { useRef } from 'react';
import { Bar, getElementAtEvent } from 'react-chartjs-2'; import { Bar, getElementAtEvent } from 'react-chartjs-2';
import { pointerOnHover, renderChartLabel } from '../../../src/utils/helpers/charts';
import { prettify } from '../../../src/utils/helpers/numbers';
import { HIGHLIGHTED_COLOR, HIGHLIGHTED_COLOR_ALPHA, MAIN_COLOR, MAIN_COLOR_ALPHA } from '../../../src/utils/theme'; import { HIGHLIGHTED_COLOR, HIGHLIGHTED_COLOR_ALPHA, MAIN_COLOR, MAIN_COLOR_ALPHA } from '../../../src/utils/theme';
import { pointerOnHover, renderChartLabel } from '../../utils/helpers/charts';
import { prettify } from '../../utils/helpers/numbers';
import type { Stats } from '../types'; import type { Stats } from '../types';
import { fillTheGaps } from '../utils'; import { fillTheGaps } from '../utils';

View file

@ -23,13 +23,13 @@ import {
DropdownToggle, DropdownToggle,
UncontrolledDropdown, UncontrolledDropdown,
} from 'reactstrap'; } from 'reactstrap';
import { pointerOnHover, renderChartLabel } from '../../../src/utils/helpers/charts';
import { STANDARD_DATE_FORMAT } from '../../../src/utils/helpers/date'; import { STANDARD_DATE_FORMAT } from '../../../src/utils/helpers/date';
import { prettify } from '../../../src/utils/helpers/numbers';
import { HIGHLIGHTED_COLOR, MAIN_COLOR } from '../../../src/utils/theme'; import { HIGHLIGHTED_COLOR, MAIN_COLOR } from '../../../src/utils/theme';
import { ToggleSwitch } from '../../../src/utils/ToggleSwitch'; import { ToggleSwitch } from '../../../src/utils/ToggleSwitch';
import { rangeOf } from '../../../src/utils/utils'; import { rangeOf } from '../../utils/helpers';
import { pointerOnHover, renderChartLabel } from '../../utils/helpers/charts';
import { useToggle } from '../../utils/helpers/hooks'; import { useToggle } from '../../utils/helpers/hooks';
import { prettify } from '../../utils/helpers/numbers';
import type { NormalizedVisit, Stats } from '../types'; import type { NormalizedVisit, Stats } from '../types';
import { fillTheGaps } from '../utils'; import { fillTheGaps } from '../utils';
import './LineChartCard.scss'; import './LineChartCard.scss';

View file

@ -1,12 +1,12 @@
import { fromPairs, pipe, reverse, sortBy, splitEvery, toLower, toPairs, type, zipObj } from 'ramda'; import { fromPairs, pipe, reverse, sortBy, splitEvery, toLower, toPairs, type, zipObj } from 'ramda';
import type { FC, ReactNode } from 'react'; import type { FC, ReactNode } from 'react';
import { useState } from 'react'; import { useState } from 'react';
import { SimplePaginator } from '../../../src/common/SimplePaginator';
import { roundTen } from '../../../src/utils/helpers/numbers';
import type { Order } from '../../../src/utils/helpers/ordering'; import type { Order } from '../../../src/utils/helpers/ordering';
import { OrderingDropdown } from '../../../src/utils/OrderingDropdown'; import { OrderingDropdown } from '../../../src/utils/OrderingDropdown';
import { PaginationDropdown } from '../../../src/utils/PaginationDropdown'; import { PaginationDropdown } from '../../utils/components/PaginationDropdown';
import { rangeOf } from '../../../src/utils/utils'; import { SimplePaginator } from '../../utils/components/SimplePaginator';
import { rangeOf } from '../../utils/helpers';
import { roundTen } from '../../utils/helpers/numbers';
import type { Stats, StatsRow } from '../types'; import type { Stats, StatsRow } from '../types';
import { ChartCard } from './ChartCard'; import { ChartCard } from './ChartCard';
import type { HorizontalBarChartProps } from './HorizontalBarChart'; import type { HorizontalBarChartProps } from './HorizontalBarChart';

View file

@ -1,7 +1,7 @@
import type { DropdownItemProps } from 'reactstrap'; import type { DropdownItemProps } from 'reactstrap';
import { DropdownItem } from 'reactstrap'; import { DropdownItem } from 'reactstrap';
import { DropdownBtn } from '../../../src/utils/DropdownBtn'; import { DropdownBtn } from '../../../src/utils/DropdownBtn';
import { hasValue } from '../../../src/utils/utils'; import { hasValue } from '../../utils/helpers';
import type { OrphanVisitType, VisitsFilter } from '../types'; import type { OrphanVisitType, VisitsFilter } from '../types';
interface VisitsFilterDropdownProps { interface VisitsFilterDropdownProps {

View file

@ -5,8 +5,8 @@ import { useLocation, useNavigate } from 'react-router-dom';
import { formatIsoDate } from '../../../src/utils/helpers/date'; import { formatIsoDate } from '../../../src/utils/helpers/date';
import type { DateRange } from '../../../src/utils/helpers/dateIntervals'; import type { DateRange } from '../../../src/utils/helpers/dateIntervals';
import { datesToDateRange } from '../../../src/utils/helpers/dateIntervals'; import { datesToDateRange } from '../../../src/utils/helpers/dateIntervals';
import type { BooleanString } from '../../../src/utils/utils'; import type { BooleanString } from '../../utils/helpers';
import { parseBooleanToString } from '../../../src/utils/utils'; import { parseBooleanToString } from '../../utils/helpers';
import { parseQuery, stringifyQuery } from '../../utils/helpers/query'; import { parseQuery, stringifyQuery } from '../../utils/helpers/query';
import type { OrphanVisitType, VisitsFilter } from '../types'; import type { OrphanVisitType, VisitsFilter } from '../types';

View file

@ -1,5 +1,5 @@
import { isNil, map } from 'ramda'; import { isNil, map } from 'ramda';
import { hasValue } from '../../../src/utils/utils'; import { hasValue } from '../../utils/helpers';
import type { CityStats, NormalizedVisit, Stats, Visit, VisitsStats } from '../types'; import type { CityStats, NormalizedVisit, Stats, Visit, VisitsStats } from '../types';
import { isNormalizedOrphanVisit, isOrphanVisit } from '../types/helpers'; import { isNormalizedOrphanVisit, isOrphanVisit } from '../types/helpers';
import { extractDomain, parseUserAgent } from '../utils'; import { extractDomain, parseUserAgent } from '../utils';

View file

@ -1,7 +1,7 @@
import bowser from 'bowser'; import bowser from 'bowser';
import { zipObj } from 'ramda'; import { zipObj } from 'ramda';
import type { Empty } from '../../../src/utils/utils'; import type { Empty } from '../../utils/helpers';
import { hasValue } from '../../../src/utils/utils'; import { hasValue } from '../../utils/helpers';
import type { Stats, UserAgent } from '../types'; import type { Stats, UserAgent } from '../types';
const DEFAULT = 'Others'; const DEFAULT = 'Others';

View file

@ -1,4 +1,4 @@
import type { Fetch } from '../../utils/types'; type Fetch = typeof window.fetch;
const applicationJsonHeader = { 'Content-Type': 'application/json' }; const applicationJsonHeader = { 'Content-Type': 'application/json' };
const withJsonContentType = (options?: RequestInit): RequestInit | undefined => { const withJsonContentType = (options?: RequestInit): RequestInit | undefined => {
@ -37,6 +37,4 @@ export class HttpClient {
throw await resp.json(); throw await resp.json();
} }
}); });
public readonly fetchBlob = (url: string): Promise<Blob> => this.fetch(url).then((resp) => resp.blob());
} }

View file

@ -1,13 +0,0 @@
import { saveUrl } from '../../utils/helpers/files';
import type { HttpClient } from './HttpClient';
export class ImageDownloader {
public constructor(private readonly httpClient: HttpClient, private readonly window: Window) {}
public async saveImage(imgUrl: string, filename: string): Promise<void> {
const data = await this.httpClient.fetchBlob(imgUrl);
const url = URL.createObjectURL(data);
saveUrl(this.window, url, filename);
}
}

View file

@ -9,16 +9,13 @@ import { sidebarNotPresent, sidebarPresent } from '../reducers/sidebar';
import { ScrollToTop } from '../ScrollToTop'; import { ScrollToTop } from '../ScrollToTop';
import { ShlinkVersionsContainer } from '../ShlinkVersionsContainer'; import { ShlinkVersionsContainer } from '../ShlinkVersionsContainer';
import { HttpClient } from './HttpClient'; import { HttpClient } from './HttpClient';
import { ImageDownloader } from './ImageDownloader';
export const provideServices = (bottle: Bottle, connect: ConnectDecorator) => { export const provideServices = (bottle: Bottle, connect: ConnectDecorator) => {
// Services // Services
bottle.constant('window', window); bottle.constant('window', window);
bottle.constant('console', console); bottle.constant('console', console);
bottle.constant('fetch', window.fetch.bind(window)); bottle.constant('fetch', window.fetch.bind(window));
bottle.service('HttpClient', HttpClient, 'fetch'); bottle.service('HttpClient', HttpClient, 'fetch');
bottle.service('ImageDownloader', ImageDownloader, 'HttpClient', 'window');
// Components // Components
bottle.serviceFactory('ScrollToTop', () => ScrollToTop); bottle.serviceFactory('ScrollToTop', () => ScrollToTop);

View file

@ -1,6 +1,5 @@
import { endOfDay, startOfDay, subDays } from 'date-fns'; import { endOfDay, startOfDay, subDays } from 'date-fns';
import { cond, filter, isEmpty, T } from 'ramda'; import { cond, filter, isEmpty, T } from 'ramda';
import { equals } from '../utils';
import type { DateOrString } from './date'; import type { DateOrString } from './date';
import { dateOrNull, formatInternational, isBeforeOrEqual, now, parseISO } from './date'; import { dateOrNull, formatInternational, isBeforeOrEqual, now, parseISO } from './date';
@ -68,6 +67,7 @@ export const rangeOrIntervalToString = (range?: DateRange | DateInterval): strin
const startOfDaysAgo = (daysAgo: number) => startOfDay(subDays(now(), daysAgo)); const startOfDaysAgo = (daysAgo: number) => startOfDay(subDays(now(), daysAgo));
const endingToday = (startDate: Date): DateRange => ({ startDate, endDate: endOfDay(now()) }); const endingToday = (startDate: Date): DateRange => ({ startDate, endDate: endOfDay(now()) });
const equals = (value: any) => (otherValue: any) => value === otherValue;
export const intervalToDateRange = cond<[DateInterval | undefined], DateRange>([ export const intervalToDateRange = cond<[DateInterval | undefined], DateRange>([
[equals('today'), () => endingToday(startOfDay(now()))], [equals('today'), () => endingToday(startOfDay(now()))],

View file

@ -1,18 +1,20 @@
import { compare } from 'compare-versions'; import { compare } from 'compare-versions';
import { identity, memoizeWith } from 'ramda'; import { identity, isEmpty, isNil, memoizeWith } from 'ramda';
import type { Empty } from '../utils';
import { hasValue } from '../utils'; type Empty = null | undefined | '' | never[];
const hasValue = <T>(value: T | Empty): value is T => !isNil(value) && !isEmpty(value);
type SemVerPatternFragment = `${bigint | '*'}`; type SemVerPatternFragment = `${bigint | '*'}`;
export type SemVerPattern = SemVerPatternFragment type SemVerPattern = SemVerPatternFragment
| `${SemVerPatternFragment}.${SemVerPatternFragment}` | `${SemVerPatternFragment}.${SemVerPatternFragment}`
| `${SemVerPatternFragment}.${SemVerPatternFragment}.${SemVerPatternFragment}`; | `${SemVerPatternFragment}.${SemVerPatternFragment}.${SemVerPatternFragment}`;
export interface Versions { type Versions = {
maxVersion?: SemVerPattern; maxVersion?: SemVerPattern;
minVersion?: SemVerPattern; minVersion?: SemVerPattern;
} };
export type SemVer = `${bigint}.${bigint}.${bigint}` | 'latest'; export type SemVer = `${bigint}.${bigint}.${bigint}` | 'latest';

View file

@ -1,5 +1,4 @@
import type Bottle from 'bottlejs'; import type Bottle from 'bottlejs';
import { ColorGenerator } from '../../../shlink-web-component/utils/services/ColorGenerator';
import { csvToJson, jsonToCsv } from '../helpers/csvjson'; import { csvToJson, jsonToCsv } from '../helpers/csvjson';
import { useTimeoutToggle } from '../helpers/hooks'; import { useTimeoutToggle } from '../helpers/hooks';
import { LocalStorage } from './LocalStorage'; import { LocalStorage } from './LocalStorage';
@ -7,7 +6,6 @@ import { LocalStorage } from './LocalStorage';
export const provideServices = (bottle: Bottle) => { export const provideServices = (bottle: Bottle) => {
bottle.constant('localStorage', window.localStorage); bottle.constant('localStorage', window.localStorage);
bottle.service('Storage', LocalStorage, 'localStorage'); bottle.service('Storage', LocalStorage, 'localStorage');
bottle.service('ColorGenerator', ColorGenerator, 'Storage');
bottle.constant('csvToJson', csvToJson); bottle.constant('csvToJson', csvToJson);
bottle.constant('jsonToCsv', jsonToCsv); bottle.constant('jsonToCsv', jsonToCsv);

View file

@ -1,36 +1,11 @@
import { isEmpty, isNil, pipe, range } from 'ramda'; import { pipe } from 'ramda';
import type { SyntheticEvent } from 'react'; import type { SyntheticEvent } from 'react';
export const rangeOf = <T>(size: number, mappingFn: (value: number) => T, startAt = 1): T[] =>
range(startAt, size + 1).map(mappingFn);
export type Empty = null | undefined | '' | never[];
export const hasValue = <T>(value: T | Empty): value is T => !isNil(value) && !isEmpty(value);
export const handleEventPreventingDefault = <T>(handler: () => T) => pipe(
(e: SyntheticEvent) => e.preventDefault(),
handler,
);
export type Nullable<T> = {
[P in keyof T]: T[P] | null
};
type Optional<T> = T | null | undefined; type Optional<T> = T | null | undefined;
export type OptionalString = Optional<string>; export type OptionalString = Optional<string>;
export const nonEmptyValueOrNull = <T>(value: T): T | null => (isEmpty(value) ? null : value); export const handleEventPreventingDefault = <T>(handler: () => T) => pipe(
(e: SyntheticEvent) => e.preventDefault(),
export const capitalize = <T extends string>(value: T): string => `${value.charAt(0).toUpperCase()}${value.slice(1)}`; handler,
export const equals = (value: any) => (otherValue: any) => value === otherValue;
export type BooleanString = 'true' | 'false';
export const parseBooleanToString = (value: boolean): BooleanString => (value ? 'true' : 'false');
export const parseOptionalBooleanToString = (value?: boolean): BooleanString | undefined => (
value === undefined ? undefined : parseBooleanToString(value)
); );

View file

@ -1,7 +1,7 @@
import { render, screen } from '@testing-library/react'; import { render, screen } from '@testing-library/react';
import { fromPartial } from '@total-typescript/shoehorn'; import { fromPartial } from '@total-typescript/shoehorn';
import type { ShlinkApiErrorProps } from '../../src/api/ShlinkApiError'; import type { ShlinkApiErrorProps } from '../../shlink-web-component/common/ShlinkApiError';
import { ShlinkApiError } from '../../src/api/ShlinkApiError'; import { ShlinkApiError } from '../../shlink-web-component/common/ShlinkApiError';
import type { InvalidArgumentError, ProblemDetailsError } from '../../src/api/types/errors'; import type { InvalidArgumentError, ProblemDetailsError } from '../../src/api/types/errors';
import { ErrorTypeV2, ErrorTypeV3 } from '../../src/api/types/errors'; import { ErrorTypeV2, ErrorTypeV3 } from '../../src/api/types/errors';

View file

@ -1,6 +1,6 @@
import { render, screen } from '@testing-library/react'; import { render, screen } from '@testing-library/react';
import { SimplePaginator } from '../../src/common/SimplePaginator'; import { SimplePaginator } from '../../shlink-web-component/utils/components/SimplePaginator';
import { ELLIPSIS } from '../../src/utils/helpers/pagination'; import { ELLIPSIS } from '../../shlink-web-component/utils/helpers/pagination';
describe('<SimplePaginator />', () => { describe('<SimplePaginator />', () => {
const setUp = (pagesCount: number, currentPage = 1) => render( const setUp = (pagesCount: number, currentPage = 1) => render(

View file

@ -64,15 +64,4 @@ describe('HttpClient', () => {
await expect(httpClient.fetchJson('')).rejects.toEqual(theError); await expect(httpClient.fetchJson('')).rejects.toEqual(theError);
}); });
}); });
describe('fetchBlob', () => {
it('returns response as blob', async () => {
const theBlob = new Blob();
fetch.mockResolvedValue({ blob: () => theBlob });
const result = await httpClient.fetchBlob('');
expect(result).toEqual(theBlob);
});
});
}); });

View file

@ -1,6 +1,6 @@
import { fromPartial } from '@total-typescript/shoehorn'; import { fromPartial } from '@total-typescript/shoehorn';
import { ImageDownloader } from '../../../shlink-web-component/utils/services/ImageDownloader';
import type { HttpClient } from '../../../src/common/services/HttpClient'; import type { HttpClient } from '../../../src/common/services/HttpClient';
import { ImageDownloader } from '../../../src/common/services/ImageDownloader';
import { windowMock } from '../../__mocks__/Window.mock'; import { windowMock } from '../../__mocks__/Window.mock';
describe('ImageDownloader', () => { describe('ImageDownloader', () => {

View file

@ -3,7 +3,7 @@ import { fromPartial } from '@total-typescript/shoehorn';
import { MemoryRouter } from 'react-router-dom'; import { MemoryRouter } from 'react-router-dom';
import type { MercureInfo } from '../../shlink-web-component/mercure/reducers/mercureInfo'; import type { MercureInfo } from '../../shlink-web-component/mercure/reducers/mercureInfo';
import { Overview as overviewCreator } from '../../shlink-web-component/overview/Overview'; import { Overview as overviewCreator } from '../../shlink-web-component/overview/Overview';
import { prettify } from '../../src/utils/helpers/numbers'; import { prettify } from '../../shlink-web-component/utils/helpers/numbers';
import { renderWithEvents } from '../__helpers__/setUpTest'; import { renderWithEvents } from '../__helpers__/setUpTest';
describe('<Overview />', () => { describe('<Overview />', () => {

View file

@ -2,8 +2,8 @@ import { render, screen } from '@testing-library/react';
import { fromPartial } from '@total-typescript/shoehorn'; import { fromPartial } from '@total-typescript/shoehorn';
import { MemoryRouter } from 'react-router-dom'; import { MemoryRouter } from 'react-router-dom';
import { Paginator } from '../../shlink-web-component/short-urls/Paginator'; import { Paginator } from '../../shlink-web-component/short-urls/Paginator';
import { ELLIPSIS } from '../../shlink-web-component/utils/helpers/pagination';
import type { ShlinkPaginator } from '../../src/api/types'; import type { ShlinkPaginator } from '../../src/api/types';
import { ELLIPSIS } from '../../src/utils/helpers/pagination';
describe('<Paginator />', () => { describe('<Paginator />', () => {
const buildPaginator = (pagesCount?: number) => fromPartial<ShlinkPaginator>({ pagesCount, currentPage: 1 }); const buildPaginator = (pagesCount?: number) => fromPartial<ShlinkPaginator>({ pagesCount, currentPage: 1 });

View file

@ -1,6 +1,6 @@
import { screen } from '@testing-library/react'; import { screen } from '@testing-library/react';
import { QrErrorCorrectionDropdown } from '../../../../shlink-web-component/short-urls/helpers/qr-codes/QrErrorCorrectionDropdown'; import { QrErrorCorrectionDropdown } from '../../../../shlink-web-component/short-urls/helpers/qr-codes/QrErrorCorrectionDropdown';
import type { QrErrorCorrection } from '../../../../src/utils/helpers/qrCodes'; import type { QrErrorCorrection } from '../../../../shlink-web-component/utils/helpers/qrCodes';
import { renderWithEvents } from '../../../__helpers__/setUpTest'; import { renderWithEvents } from '../../../__helpers__/setUpTest';
describe('<QrErrorCorrectionDropdown />', () => { describe('<QrErrorCorrectionDropdown />', () => {

View file

@ -1,6 +1,6 @@
import { screen } from '@testing-library/react'; import { screen } from '@testing-library/react';
import { QrFormatDropdown } from '../../../../shlink-web-component/short-urls/helpers/qr-codes/QrFormatDropdown'; import { QrFormatDropdown } from '../../../../shlink-web-component/short-urls/helpers/qr-codes/QrFormatDropdown';
import type { QrCodeFormat } from '../../../../src/utils/helpers/qrCodes'; import type { QrCodeFormat } from '../../../../shlink-web-component/utils/helpers/qrCodes';
import { renderWithEvents } from '../../../__helpers__/setUpTest'; import { renderWithEvents } from '../../../__helpers__/setUpTest';
describe('<QrFormatDropdown />', () => { describe('<QrFormatDropdown />', () => {

View file

@ -1,4 +1,4 @@
import { CopyToClipboardIcon } from '../../src/utils/CopyToClipboardIcon'; import { CopyToClipboardIcon } from '../../shlink-web-component/utils/components/CopyToClipboardIcon';
import { renderWithEvents } from '../__helpers__/setUpTest'; import { renderWithEvents } from '../__helpers__/setUpTest';
describe('<CopyToClipboardIcon />', () => { describe('<CopyToClipboardIcon />', () => {

View file

@ -1,5 +1,5 @@
import { render, screen } from '@testing-library/react'; import { render, screen } from '@testing-library/react';
import { ExportBtn } from '../../src/utils/ExportBtn'; import { ExportBtn } from '../../shlink-web-component/utils/components/ExportBtn';
describe('<ExportBtn />', () => { describe('<ExportBtn />', () => {
const setUp = (amount?: number, loading = false) => render(<ExportBtn amount={amount} loading={loading} />); const setUp = (amount?: number, loading = false) => render(<ExportBtn amount={amount} loading={loading} />);

View file

@ -1,7 +1,7 @@
import type { Placement } from '@popperjs/core'; import type { Placement } from '@popperjs/core';
import { screen, waitFor } from '@testing-library/react'; import { screen, waitFor } from '@testing-library/react';
import type { InfoTooltipProps } from '../../src/utils/InfoTooltip'; import type { InfoTooltipProps } from '../../shlink-web-component/utils/components/InfoTooltip';
import { InfoTooltip } from '../../src/utils/InfoTooltip'; import { InfoTooltip } from '../../shlink-web-component/utils/components/InfoTooltip';
import { renderWithEvents } from '../__helpers__/setUpTest'; import { renderWithEvents } from '../__helpers__/setUpTest';
describe('<InfoTooltip />', () => { describe('<InfoTooltip />', () => {

View file

@ -1,5 +1,5 @@
import { screen } from '@testing-library/react'; import { screen } from '@testing-library/react';
import { PaginationDropdown } from '../../src/utils/PaginationDropdown'; import { PaginationDropdown } from '../../shlink-web-component/utils/components/PaginationDropdown';
import { renderWithEvents } from '../__helpers__/setUpTest'; import { renderWithEvents } from '../__helpers__/setUpTest';
describe('<PaginationDropdown />', () => { describe('<PaginationDropdown />', () => {

View file

@ -1,4 +1,4 @@
import { roundTen } from '../../../src/utils/helpers/numbers'; import { roundTen } from '../../../shlink-web-component/utils/helpers/numbers';
describe('numbers', () => { describe('numbers', () => {
describe('roundTen', () => { describe('roundTen', () => {

View file

@ -1,5 +1,5 @@
import type { QrCodeFormat, QrErrorCorrection } from '../../../src/utils/helpers/qrCodes'; import type { QrCodeFormat, QrErrorCorrection } from '../../../shlink-web-component/utils/helpers/qrCodes';
import { buildQrCodeUrl } from '../../../src/utils/helpers/qrCodes'; import { buildQrCodeUrl } from '../../../shlink-web-component/utils/helpers/qrCodes';
describe('qrCodes', () => { describe('qrCodes', () => {
describe('buildQrCodeUrl', () => { describe('buildQrCodeUrl', () => {

View file

@ -1,6 +1,6 @@
import { render } from '@testing-library/react'; import { render } from '@testing-library/react';
import { TableOrderIcon } from '../../../shlink-web-component/utils/table/TableOrderIcon';
import type { OrderDir } from '../../../src/utils/helpers/ordering'; import type { OrderDir } from '../../../src/utils/helpers/ordering';
import { TableOrderIcon } from '../../../src/utils/table/TableOrderIcon';
describe('<TableOrderIcon />', () => { describe('<TableOrderIcon />', () => {
const setUp = (field: string, currentDir?: OrderDir, className?: string) => render( const setUp = (field: string, currentDir?: OrderDir, className?: string) => render(

View file

@ -1,5 +1,4 @@
import { import {
capitalize,
nonEmptyValueOrNull, nonEmptyValueOrNull,
parseBooleanToString, parseBooleanToString,
parseOptionalBooleanToString, parseOptionalBooleanToString,
@ -45,17 +44,6 @@ describe('utils', () => {
}); });
}); });
describe('capitalize', () => {
it.each([
['foo', 'Foo'],
['BAR', 'BAR'],
['bAZ', 'BAZ'],
['with spaces', 'With spaces'],
])('sets first letter in uppercase', (value, expectedResult) => {
expect(capitalize(value)).toEqual(expectedResult);
});
});
describe('parseBooleanToString', () => { describe('parseBooleanToString', () => {
it.each([ it.each([
[true, 'true'], [true, 'true'],