forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-13 11:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added support for margin param in buildQrCodeUrl function

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-14 09:50:26 +01:00
parent be085f50e0
commit f9da22c5a1
3 changed files with 77 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/utils/helpers/qrCodes.ts
View File

@@ -1,25 +1,31 @@
import { always, cond } from 'ramda';
import { isEmpty } from 'ramda';
import { stringifyQuery } from './query';
export interface QrCodeCapabilities {
useSizeInPath: boolean;
svgIsSupported: boolean;
marginIsSupported: boolean;
}
export type QrCodeFormat = 'svg' | 'png';
export interface QrCodeOptions {
size: number;
format: QrCodeFormat;
margin: number;
}
export const buildQrCodeUrl = (
shortUrl: string,
size: number,
format: QrCodeFormat,
{ useSizeInPath, svgIsSupported }: QrCodeCapabilities,
{ size, format, margin }: QrCodeOptions,
{ useSizeInPath, svgIsSupported, marginIsSupported }: QrCodeCapabilities,
): string => {
const sizeFragment = useSizeInPath ? `/${size}` : `?size=${size}`;
const formatFragment = !svgIsSupported ? '' : `format=${format}`;
const joinSymbolResolver = cond([
[ () => useSizeInPath && svgIsSupported, always('?') ],
[ () => !useSizeInPath && svgIsSupported, always('&') ],
]);
const joinSymbol = joinSymbolResolver() ?? '';
const baseUrl = `${shortUrl}/qr-code${useSizeInPath ? `/${size}` : ''}`;
const query = stringifyQuery({
size: useSizeInPath ? undefined : size,
format: svgIsSupported ? format : undefined,
margin: marginIsSupported ? margin : undefined,
});
return `${shortUrl}/qr-code${sizeFragment}${joinSymbol}${formatFragment}`;
return `${baseUrl}${isEmpty(query) ? '' : `?${query}`}`;
};