mirror of
https://github.com/bitcoinresearchkit/brk.git
synced 2026-06-11 07:23:32 -07:00
nym21
89 lines
2.4 KiB
JavaScript
89 lines
2.4 KiB
JavaScript
import { createRadioGroup } from "./radio.js";
|
|
import { createChartStorage } from "./storage.js";
|
|
|
|
const storage = createChartStorage("timeframe");
|
|
/** @type {TimeframeValue} */
|
|
const defaultTimeframe = "all";
|
|
/** @type {Record<TimeframeValue, TimeframeConfig>} */
|
|
const timeframes = {
|
|
"1d": { index: "minute10", count: 144 },
|
|
"1w": { index: "hour1", count: 168 },
|
|
"1m": { index: "hour4", count: 186 },
|
|
"1y": { index: "day1", count: 366 },
|
|
"4y": { index: "day3", count: 488 },
|
|
"8y": { index: "week1", count: 418 },
|
|
all: { index: "week1" },
|
|
};
|
|
/** @type {{ value: TimeframeValue, label: string }[]} */
|
|
const options = [
|
|
{ value: "1d", label: "1d" },
|
|
{ value: "1w", label: "1w" },
|
|
{ value: "1m", label: "1m" },
|
|
{ value: "1y", label: "1y" },
|
|
{ value: "4y", label: "4y" },
|
|
{ value: "8y", label: "8y" },
|
|
{ value: "all", label: "all" },
|
|
];
|
|
|
|
/** @param {string} chartKey */
|
|
export function getDefaultTimeframe(chartKey) {
|
|
const value = storage.get(chartKey);
|
|
|
|
return (
|
|
options.find((timeframe) => timeframe.value === value)?.value ??
|
|
defaultTimeframe
|
|
);
|
|
}
|
|
|
|
/**
|
|
* @param {string} chartKey
|
|
* @param {TimeframeValue} timeframe
|
|
*/
|
|
export function saveTimeframe(chartKey, timeframe) {
|
|
storage.set(chartKey, timeframe);
|
|
}
|
|
|
|
/**
|
|
* @param {TimeframeValue} currentTimeframe
|
|
* @param {(timeframe: TimeframeValue) => void} onChange
|
|
*/
|
|
export function createTimeframeControl(currentTimeframe, onChange) {
|
|
return createRadioGroup({
|
|
legend: "Time",
|
|
options,
|
|
currentValue: currentTimeframe,
|
|
onChange,
|
|
});
|
|
}
|
|
|
|
/**
|
|
* @param {TimeframeMetric} metric
|
|
* @param {TimeframeValue} timeframe
|
|
*/
|
|
export function fetchTimeframe(metric, timeframe) {
|
|
const { count, index } = timeframes[timeframe];
|
|
const endpoint = metric.by[index];
|
|
|
|
return count ? endpoint.last(count).fetch() : endpoint.fetch();
|
|
}
|
|
|
|
/** @typedef {"1d" | "1w" | "1m" | "1y" | "4y" | "8y" | "all"} TimeframeValue */
|
|
/** @typedef {"minute10" | "hour1" | "hour4" | "day1" | "day3" | "week1"} TimeframeIndex */
|
|
|
|
/**
|
|
* @typedef {Object} TimeframeConfig
|
|
* @property {TimeframeIndex} index
|
|
* @property {number} [count]
|
|
*/
|
|
|
|
/**
|
|
* @typedef {Object} TimeframeEndpoint
|
|
* @property {() => Promise<import("./index.js").ChartResult>} fetch
|
|
* @property {(count: number) => { fetch: () => Promise<import("./index.js").ChartResult> }} last
|
|
*/
|
|
|
|
/**
|
|
* @typedef {Object} TimeframeMetric
|
|
* @property {Record<TimeframeIndex, TimeframeEndpoint>} by
|
|
*/
|