Added History Card

Signed-off-by: Florian Bouillon <florian.bouillon@delta-wings.net>
This commit is contained in:
2020-09-19 23:56:02 +02:00
parent 383ff46c05
commit 332be009cf
38 changed files with 1580 additions and 4088 deletions

64
api/history.ts Normal file
View File

@@ -0,0 +1,64 @@
import { parseBoolean, prepareResponse, setCache, parseNumber, clampValue, parseArray} from '../src/common/utils'
import { fetchHistory } from '../src/fetcher'
import { Request, Response } from 'express'
import ReactDOMServer from 'react-dom/server'
import Error from '../src/components/Error'
import HistoryCard from '../src/cards/HistoryCard'
export interface query {
username: string
hide_title?: string
hide_border?: string
title_color?: string
bg_color?: string
days_count?: string
cache_seconds?: string
width?: string
height?: string
hide?: string
language_count?: string
layout?: 'horizontal'
}
export default async (req: Request<unknown, unknown, unknown, query>, res: Response) => {
const {
username,
hide_title,
hide_border,
title_color,
bg_color,
days_count,
cache_seconds,
width,
height,
language_count,
hide,
layout
} = req.query;
prepareResponse(res)
try {
const data = await fetchHistory(username, clampValue(parseNumber(days_count) || 14, 1, 30));
setCache(res, parseInt(cache_seconds || ''))
return res.send(ReactDOMServer.renderToStaticMarkup(
new HistoryCard(username, data, {
hide_title: parseBoolean(hide_title),
hide_border: parseBoolean(hide_border),
title_color,
bg_color,
layout,
language_count: parseNumber(language_count),
width: parseNumber(width),
height: clampValue(parseNumber(height) || 300, 200),
hide: parseArray(hide)
}).render()
))
} catch (err) {
return res.send(
ReactDOMServer.renderToStaticMarkup(new Error(err).render())
);
}
};

View File

@@ -1,10 +1,10 @@
import { renderError, parseBoolean, parseArray, CONSTANTS} from '../src/common/utils'
import { parseBoolean, parseArray, prepareResponse, setCache} from '../src/common/utils'
import { fetchProfile } from '../src/fetcher'
import renderStatsCard from '../src/cards/profileCard'
import blacklist from '../src/common/blacklist'
import { Request, Response } from 'express';
import ReactDOMServer from 'react-dom/server'
import themes from '../themes';
import themes from '../themes/themes.json';
import ProfileCard from '../src/cards/ProfileCard';
import Error from '../src/components/Error';
export interface query {
username: string
@@ -36,39 +36,34 @@ export default async (req: Request<unknown, unknown, unknown, query>, res: Respo
text_color,
bg_color,
theme,
cache_seconds
} = req.query;
res.setHeader("Content-Type", "image/svg+xml");
if (blacklist.includes(username)) {
return res.send(renderError("Username is in blacklist"));
}
prepareResponse(res)
try {
const data = await fetchProfile(username);
const cacheSeconds = CONSTANTS.TWO_HOURS
res.setHeader("Cache-Control", `public, max-age=${cacheSeconds}`);
setCache(res, parseInt(cache_seconds || ''))
return res.send(ReactDOMServer.renderToStaticMarkup(
renderStatsCard(data, {
hide: parseArray(hide),
show_icons: parseBoolean(show_icons),
hide_title: parseBoolean(hide_title),
hide_border: parseBoolean(hide_border),
hide_rank: parseBoolean(hide_rank),
line_height: line_height ? parseInt(line_height , 10) : undefined,
title_color,
icon_color,
text_color,
bg_color,
theme,
}))
);
new ProfileCard(data.username, data.xp, data.recentXp, {
hide: parseArray(hide),
show_icons: parseBoolean(show_icons),
hide_title: parseBoolean(hide_title),
hide_border: parseBoolean(hide_border),
hide_rank: parseBoolean(hide_rank),
line_height: line_height ? parseInt(line_height , 10) : undefined,
title_color,
icon_color,
text_color,
bg_color,
theme,
}).render()
))
} catch (err) {
return res.send(
ReactDOMServer.renderToStaticMarkup(renderError(err.message, err.secondaryMessage))
ReactDOMServer.renderToStaticMarkup(new Error(err).render())
);
}
};

View File

@@ -1,10 +1,10 @@
import { renderError, clampValue, parseBoolean, parseArray, CONSTANTS} from '../src/common/utils'
import { parseBoolean, parseArray, prepareResponse, setCache, parseNumber} from '../src/common/utils'
import { fetchTopLanguages } from '../src/fetcher'
import renderTopLanguages from '../src/cards/top-languages-card'
import blacklist from '../src/common/blacklist'
import TopLanguagesCard from '../src/cards/TopLanguagesCard'
import { Request, Response } from 'express';
import ReactDOMServer from 'react-dom/server'
import themes from '../themes';
import themes from '../themes/themes.json';
import Error from '../src/components/Error';
export interface query {
username: string
@@ -33,47 +33,35 @@ export default async (req: Request<unknown, unknown, unknown, query>, res: Respo
text_color,
bg_color,
language_count,
show_level,
theme,
cache_seconds,
layout,
} = req.query;
res.setHeader("Content-Type", "image/svg+xml");
if (blacklist.includes(username)) {
return res.send(renderError("Something went wrong"));
}
prepareResponse(res)
try {
const topLangs = await fetchTopLanguages(username);
const topLangs = await fetchTopLanguages(username)
const cacheSeconds = clampValue(
parseInt(cache_seconds || CONSTANTS.TWO_HOURS + '', 10),
CONSTANTS.TWO_HOURS,
CONSTANTS.ONE_DAY
);
res.setHeader("Cache-Control", `public, max-age=${cacheSeconds}`);
setCache(res, parseInt(cache_seconds || ''))
return res.send(ReactDOMServer.renderToStaticMarkup(
renderTopLanguages(topLangs, {
hide_title: parseBoolean(hide_title),
hide_border: parseBoolean(hide_border),
card_width: parseInt(card_width || '', 10),
hide: parseArray(hide),
language_count: parseInt(language_count || '6'),
title_color,
text_color,
bg_color,
show_level,
theme,
layout,
}))
);
new TopLanguagesCard(username, topLangs.langs, {
hide: parseArray(hide),
language_count: parseNumber(language_count),
card_width: parseNumber(card_width),
layout,
text_color,
theme,
title_color,
bg_color,
hide_border: parseBoolean(hide_border),
hide_title: parseBoolean(hide_title)
}).render()
))
} catch (err) {
return res.send(
ReactDOMServer.renderToStaticMarkup(renderError(err.message, err.secondaryMessage))
);
ReactDOMServer.renderToStaticMarkup(new Error(err).render())
)
}
};
}