chore: first try to download files with fetch

This commit is contained in:
Juan Picado @jotadeveloper 2019-07-28 10:25:22 +02:00
parent fd74c52bd1
commit 9d006ad6f7
No known key found for this signature in database
GPG Key ID: 15AA875EF3768142
2 changed files with 47 additions and 12 deletions

View File

@ -9,6 +9,22 @@ import Tooltip from '@material-ui/core/Tooltip';
import { DetailContextConsumer, VersionPageConsumerProps } from '../../pages/version/Version'; import { DetailContextConsumer, VersionPageConsumerProps } from '../../pages/version/Version';
import { Fab, ActionListItem } from './styles'; import { Fab, ActionListItem } from './styles';
import { isURL } from '../../utils/url'; import { isURL } from '../../utils/url';
import api from '../../utils/api';
export interface Action {
icon: string;
title: string;
handler?: Function;
}
async function downloadHandler(link: string): Promise<void> {
await api.request(link, 'GET', {
headers: {
['accept']: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3',
},
credentials: 'include',
});
}
const ACTIONS = { const ACTIONS = {
homepage: { homepage: {
@ -22,6 +38,7 @@ const ACTIONS = {
tarball: { tarball: {
icon: <DownloadIcon />, icon: <DownloadIcon />,
title: 'Download tarball', title: 'Download tarball',
handler: downloadHandler,
}, },
}; };
@ -57,13 +74,31 @@ class ActionBar extends Component {
const renderList = Object.keys(actionsMap).reduce((component, value, key) => { const renderList = Object.keys(actionsMap).reduce((component, value, key) => {
const link = actionsMap[value]; const link = actionsMap[value];
if (link && isURL(link)) { if (link && isURL(link)) {
const fab = <Fab size={'small'}>{ACTIONS[value]['icon']}</Fab>; const actionItem: Action = ACTIONS[value];
component.push( if (actionItem.handler) {
// @ts-ignore const fab = (
<Tooltip key={key} title={ACTIONS[value]['title']}> <Tooltip key={key} title={actionItem['title']}>
<>{this.renderIconsWithLink(link, fab)}</> <Fab
</Tooltip> /* eslint-disable react/jsx-no-bind */
); onClick={() => {
/* eslint-disable @typescript-eslint/no-non-null-assertion */
actionItem.handler!(link);
}}
size={'small'}>
{actionItem['icon']}
</Fab>
</Tooltip>
);
component.push(fab);
} else {
const fab = <Fab size={'small'}>{actionItem['icon']}</Fab>;
component.push(
// @ts-ignore
<Tooltip key={key} title={actionItem['title']}>
<>{this.renderIconsWithLink(link, fab)}</>
</Tooltip>
);
}
} }
return component; return component;
}, []); }, []);

View File

@ -25,7 +25,7 @@ function handleResponseType(response: Response): Promise<[boolean, Blob | string
} }
class API { class API {
public request<T>(url: string, method = 'GET', options: RequestInit = { headers: {} }): Promise<T> { public request<T>(url: string, method = 'GET', options: RequestInit = { headers: {} }, isFile: boolean = false): Promise<T> {
if (!window.VERDACCIO_API_URL) { if (!window.VERDACCIO_API_URL) {
throw new Error('VERDACCIO_API_URL is not defined!'); throw new Error('VERDACCIO_API_URL is not defined!');
} }
@ -50,11 +50,11 @@ class API {
}) })
// @ts-ignore // @ts-ignore
.then(handleResponseType) .then(handleResponseType)
.then(([responseOk, body]) => { .then(response => {
if (responseOk) { if (response[0]) {
resolve(body); resolve(response[1]);
} else { } else {
reject(body); reject(new Error('something went wrong'));
} }
}) })
.catch(error => { .catch(error => {