mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2026-04-20 13:36:20 +00:00
Move more components to shlink-web-component when applicable
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import { isNil } from 'ramda';
|
||||
import type { LocalStorage } from '../../../src/utils/services/LocalStorage';
|
||||
import { rangeOf } from '../../../src/utils/utils';
|
||||
import { rangeOf } from '../helpers';
|
||||
import type { LocalStorage } from './LocalStorage';
|
||||
|
||||
const HEX_COLOR_LENGTH = 6;
|
||||
const HEX_DIGITS = '0123456789ABCDEF';
|
||||
|
||||
13
shlink-web-component/utils/services/ImageDownloader.ts
Normal file
13
shlink-web-component/utils/services/ImageDownloader.ts
Normal 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);
|
||||
}
|
||||
}
|
||||
@@ -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 { NormalizedVisit } from '../../visits/types';
|
||||
import { saveCsv } from '../helpers/files';
|
||||
import type { JsonToCsv } from '../helpers/json';
|
||||
|
||||
export class ReportExporter {
|
||||
public constructor(private readonly window: Window, private readonly jsonToCsv: JsonToCsv) {
|
||||
|
||||
@@ -1,13 +1,23 @@
|
||||
import type Bottle from 'bottlejs';
|
||||
import { useTimeoutToggle } from '../helpers/hooks';
|
||||
import { jsonToCsv } from '../helpers/json';
|
||||
import { ColorGenerator } from './ColorGenerator';
|
||||
import { ImageDownloader } from './ImageDownloader';
|
||||
import { LocalStorage } from './LocalStorage';
|
||||
import { ReportExporter } from './ReportExporter';
|
||||
|
||||
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.service('Storage', LocalStorage, 'localStorage');
|
||||
bottle.service('ColorGenerator', ColorGenerator, 'Storage');
|
||||
|
||||
bottle.constant('jsonToCsv', jsonToCsv);
|
||||
bottle.service('ReportExporter', ReportExporter, 'window', 'jsonToCsv');
|
||||
|
||||
bottle.constant('setTimeout', window.setTimeout);
|
||||
bottle.constant('clearTimeout', window.clearTimeout);
|
||||
bottle.serviceFactory('useTimeoutToggle', useTimeoutToggle, 'setTimeout', 'clearTimeout');
|
||||
|
||||
Reference in New Issue
Block a user