Mirror/brk
1
0
Fork 0
mirror of https://github.com/bitcoinresearchkit/brk.git synced 2026-04-27 08:09:58 -07:00
Code Issues Packages Projects Releases Wiki Activity

website: simulation: small fixes

Browse Source
This commit is contained in:
k
2024-11-28 15:58:11 +01:00
parent 71871901ef
commit 4dac44e720
6 changed files with 53 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/scripts/chart.js
View File

@@ -809,7 +809,7 @@ export function init({
const chart = addChart({
chartIndex,
scale,
unit: option.unit || "US Dollars",
unit: chartIndex ? option.unit : "US Dollars",
whitespace: true,
});

6
website/scripts/main.js
View File

@@ -662,10 +662,10 @@ function initPackages() {
const id = `chart-${chartId}-${chartIndex}-mode`;
const chartModes = /** @type {const} */ (["Linear", "Log"]);
const chartModes = /** @type {const} */ (["Lin", "Log"]);
const chartMode = signals.createSignal(
/** @type {Lowercase<typeof chartModes[number]>} */ (
localStorage.getItem(id) || "linear"
localStorage.getItem(id) || "lin"
),
);
@@ -687,7 +687,7 @@ function initPackages() {
signals.createEffect(chartMode, (chartMode) =>
_chart.priceScale("right").applyOptions({
mode: chartMode === "linear" ? 0 : 1,
mode: chartMode === "lin" ? 0 : 1,
}),
);
}

32
website/scripts/options.js
View File

@@ -5367,27 +5367,25 @@ export function initOptions({
});
}
}
}
function createCheckEffect() {
signals.createEffect(selected, (selected) => {
if (selected?.id === option.id) {
input.checked = true;
localStorage.setItem(ids.selectedId, option.id);
} else if (input.checked) {
input.checked = false;
}
});
}
function createCheckEffect() {
signals.createEffect(selected, (selected) => {
if (selected?.id === option.id) {
input.checked = true;
localStorage.setItem(ids.selectedId, option.id);
} else if (input.checked) {
input.checked = false;
}
});
}
if (owner !== undefined) {
signals.runWithOwner(owner, () => {
createCheckEffect();
});
} else {
if (owner !== undefined) {
signals.runWithOwner(owner, () => {
createCheckEffect();
}
});
} else {
console.log("else", option);
createCheckEffect();
}
return label;

108
website/scripts/simulation.js
View File

@@ -1,6 +1,6 @@
/**
* @import { Options } from './options';
* @import { ColorName } from './types/self';
* @import { ColorName, Frequencies, Frequency } from './types/self';
*/
/**
@@ -44,7 +44,7 @@ export function init({
}),
},
topUp: {
amount: signals.createSignal(/** @type {number | null} */ (10), {
amount: signals.createSignal(/** @type {number | null} */ (150), {
save: {
...utils.serde.number,
id: `${storagePrefix}-top-up-amount`,
@@ -52,7 +52,7 @@ export function init({
},
}),
frenquency: signals.createSignal(
/** @type {Frequency} */ (frequencies.list[0]),
/** @type {Frequency} */ (frequencies.list[3].list[0]),
{
save: {
...frequencies.serde,
@@ -72,7 +72,7 @@ export function init({
param: "initial-swap",
},
}),
recurrent: signals.createSignal(/** @type {number | null} */ (10), {
recurrent: signals.createSignal(/** @type {number | null} */ (5), {
save: {
...utils.serde.number,
id: `${storagePrefix}-recurrent-swap`,
@@ -154,7 +154,8 @@ export function init({
type: "Dollars",
text: "Initial Amount",
}),
description: "The amount of dollars you have ready to swap on day one.",
description:
"The amount of dollars you have ready on the exchange on day one.",
input: createInputDollar({
id: "simulation-dollars-initial",
title: "Initial Dollar Amount",
@@ -168,14 +169,14 @@ export function init({
title: createColoredTypeHTML({
color: "green",
type: "Dollars",
text: "Top Up Amount",
text: "Top Up Frequency",
}),
description:
"The recurrent amount of dollars you'll be putting aside to swap.",
input: createInputDollar({
id: "simulation-dollars-later",
title: "Top Up Dollar Amount",
signal: settings.dollars.topUp.amount,
"The frequency at which you'll top up your account at the exchange.",
input: utils.dom.createSelect({
id: "top-up-frequency",
list: frequencies.list,
signal: settings.dollars.topUp.frenquency,
}),
}),
);
@@ -185,14 +186,14 @@ export function init({
title: createColoredTypeHTML({
color: "green",
type: "Dollars",
text: "Top Up Frequency",
text: "Top Up Amount",
}),
description:
"The frequency at which you'll be putting aside the preceding amount of dollars.",
input: utils.dom.createSelect({
id: "top-up-frequency",
list: frequencies.list,
signal: settings.dollars.topUp.frenquency,
"The recurrent amount of dollars you'll be transfering to said exchange.",
input: createInputDollar({
id: "simulation-dollars-later",
title: "Top Up Dollar Amount",
signal: settings.dollars.topUp.amount,
}),
}),
);
@@ -205,7 +206,7 @@ export function init({
text: "Initial Amount",
}),
description:
"The maximum initial amount of dollars you'll exchange on day one.",
"The amount, if available, of dollars that will be used to buy Bitcoin on day one.",
input: createInputDollar({
id: "simulation-dollars-later",
title: "Initial Swap Amount",
@@ -219,14 +220,13 @@ export function init({
title: createColoredTypeHTML({
color: "orange",
type: "Swap",
text: "Recurrent Amount",
text: "Frequency",
}),
description:
"The maximum recurrent amount of dollars you'll be exchanging.",
input: createInputDollar({
id: "simulation-dollars-later",
title: "Recurrent Swap Amount",
signal: settings.swap.amount.recurrent,
description: "The frequency at which you'll be buying Bitcoin.",
input: utils.dom.createSelect({
id: "top-up-frequency",
list: frequencies.list,
signal: settings.swap.frequency,
}),
}),
);
@@ -236,14 +236,14 @@ export function init({
title: createColoredTypeHTML({
color: "orange",
type: "Swap",
text: "Frequency",
text: "Recurrent Amount",
}),
description:
"The frequency at which you'll be exchanging the preceding amount.",
input: utils.dom.createSelect({
id: "top-up-frequency",
list: frequencies.list,
signal: settings.swap.frequency,
"The recurrent amount, if available, of dollars that will be used to buy Bitcoin.",
input: createInputDollar({
id: "simulation-dollars-later",
title: "Recurrent Swap Amount",
signal: settings.swap.amount.recurrent,
}),
}),
);
@@ -634,28 +634,6 @@ export function init({
],
});
// lightweightCharts.createChart({
// parent: resultsElement,
// signals,
// colors,
// id: `simulation-0`,
// kind: "static",
// config: [
// {
// unit: "US Dollars",
// scale: "date",
// config: [
// {
// kind: "line",
// color: colors.yellow,
// owner,
// data: investmentData,
// },
// ],
// },
// ],
// });
lightweightCharts.createChart({
parent: resultsElement,
signals,
@@ -678,28 +656,6 @@ export function init({
],
});
// lightweightCharts.createChart({
// parent: resultsElement,
// signals,
// colors,
// id: `simulation-1`,
// kind: "static",
// config: [
// {
// unit: "US Dollars",
// scale: "date",
// config: [
// {
// kind: "line",
// color: colors.lightBitcoin,
// owner,
// data: bitcoinAddedData,
// },
// ],
// },
// ],
// });
lightweightCharts.createChart({
parent: resultsElement,
signals,
@@ -940,7 +896,7 @@ function computeFrequencies() {
];
const maxDays = 28;
/** @satisfies {((Frequency | {name: string; list: Frequency[]})[])} */
/** @satisfies {([Frequency, Frequencies, Frequencies, Frequencies])} */
const list = [
{
name: "Every day",

2
website/scripts/types/self.d.ts vendored
View File

@@ -13,7 +13,6 @@ import {
SingleValueData,
CandlestickData,
SeriesType,
IChartApi,
ISeriesApi,
BaselineData,
} from "../../packages/lightweight-charts/v4.2.0/types";
@@ -387,6 +386,7 @@ interface Frequency {
value: string;
isTriggerDay: (date: Date) => boolean;
}
type Frequencies = { name: string; list: Frequency[] };
interface CreatePaneParameters {
unit: Unit;