rottenwheel/haveno-markets
1
0
Fork 0
mirror of https://gitea.gf4.pw/gf4/haveno-markets.git synced 2024-11-23 02:27:38 -07:00
Code Issues Actions Packages Projects Releases Wiki Activity

partial migration to svelte5, bugfixes, add robots.txt

Browse Source
This commit is contained in:
wireless_purple 2024-08-06 19:35:42 +00:00
parent bb10145f56
commit f0e8c417eb
3 changed files with 30 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/routes/+page.svelte
View File

@ -1,3 +1,4 @@
<svelte:options runes={true} />
<script>
import {
formatPrice,
@ -14,20 +15,19 @@ import {
TimeScale,
} from "svelte-lightweight-charts";
export let data;
let {data} = $props();
const grouped = Object.groupBy(data.trades, ({ currency }) => currency);
let trades = {};
let interval = "86400000";
let key = "USD";
const getData = () => {
trades = grouped[key]
let interval = $state("86400000");
let key = $state("USD");
let trades = $derived((() => {
let trades = grouped[key]
.map((e) => {
return {
time: new Date(e.date),
value: getPrice(e.price, e.currency),
};
})
.toSorted((a, b) => (a.time > b.time ? 1 : -1));
.toSorted((a, b) => (a.time - b.time));
trades = Object.groupBy(
trades,
@ -45,12 +45,10 @@ const getData = () => {
}, {});
trades[intervalDate].time = Number.parseInt(intervalDate, 10);
}
trades = Object.values(trades);
};
let volume = {};
let swaps = {};
const getVolume = () => {
volume = Object.groupBy(
return Object.values(trades);
})());
let [volume, swaps] = $derived((() => {
let volume = Object.groupBy(
data.trades
.map((e) => {
return {
@ -58,10 +56,10 @@ const getVolume = () => {
time: e.date,
};
})
.toSorted((a, b) => (a.time > b.time ? 1 : -1)),
.toSorted((a, b) => (a.time - b.time)),
({ time }) => new Date(time - (time % interval)) / 1000,
);
swaps = {};
let swaps = {};
for (const intervalDate in volume) {
swaps[intervalDate] = volume[intervalDate].reduce(
(a) => {
@ -84,17 +82,9 @@ const getVolume = () => {
volume[intervalDate].time = Number.parseInt(intervalDate, 10);
swaps[intervalDate].time = Number.parseInt(intervalDate, 10);
}
volume = Object.values(volume);
swaps = Object.values(swaps);
};
let precision = 1e-2;
$: {
getVolume();
getData();
precision = getSignificantDigits(trades.flatMap((e) => [e.open, e.close]));
interval;
key;
}
return [Object.values(volume), Object.values(swaps)];
})());
let precision = $derived(getSignificantDigits(trades.flatMap((e) => [e.open, e.close])));
const chartLayout = {
background: {
@ -110,7 +100,7 @@ const gridLayout = {
color: "#FFF5",
},
};
let w;
let w = $state();
</script>
<svelte:head>

27
src/routes/market/[market]/+page.svelte
View File

@ -1,3 +1,4 @@
<svelte:options runes={true} />
<script>
import { page } from "$app/stores";
import {
@ -9,18 +10,17 @@ import {
import { CandlestickSeries, Chart, TimeScale } from "svelte-lightweight-charts";
const market = $page.params.market;
export let data;
let {data} = $props();
const interval = 86400000;
let trades = [];
const getData = () => {
trades = data.trades
let trades = $derived((() => {
let trades = data.trades
.map((e) => {
return {
time: new Date(e.date),
value: getPrice(e.price, e.currency, false, false),
};
})
.toSorted((a, b) => (a.time > b.time ? 1 : -1));
.toSorted((a, b) => (a.time - b.time));
trades = Object.groupBy(
trades,
@ -38,16 +38,11 @@ const getData = () => {
}, {});
trades[intervalDate].time = Number.parseInt(intervalDate, 10);
}
trades = Object.values(trades);
};
let w;
return Object.values(trades);
})());
let precision = 1e-2;
$: {
getData();
precision = getSignificantDigits(trades.flatMap((e) => [e.open, e.close]));
}
let precision = $derived(getSignificantDigits(trades.flatMap((e) => [e.open, e.close])));
let w = $state();
const chartLayout = {
background: {
@ -90,7 +85,7 @@ const BUY_SELL = isMoneroQuote(market) ? ["SELL", "BUY"] : ["BUY", "SELL"];
<th>Amount (XMR)</th>
<th>Amount ({market})</th>
</tr>
{#each data.offers[BUY_SELL[0]]?.toSorted((a,b) => a.price < b.price ? 1 : -1)||[] as offer}
{#each data.offers[BUY_SELL[0]]?.toSorted((a,b) => b.price - a.price)||[] as offer}
<tr title={offer.paymentMethod}>
<td>{formatPrice(offer.price, market, false, false)}</td>
<td>{formatPrice(offer.amount, "XMR", false, false)}</td>
@ -109,7 +104,7 @@ const BUY_SELL = isMoneroQuote(market) ? ["SELL", "BUY"] : ["BUY", "SELL"];
<th>Amount (XMR)</th>
<th>Amount ({market})</th>
</tr>
{#each data.offers[BUY_SELL[1]]?.toSorted((a,b) => a.price > b.price ? 1 : -1)||[] as offer}
{#each data.offers[BUY_SELL[1]]?.toSorted((a,b) => a.price - b.price)||[] as offer}
<tr title={offer.paymentMethod}>
<td>{formatPrice(offer.price, market, false, false)}</td>
<td>{formatPrice(offer.amount, "XMR", false, false)}</td>

2
static/robots.txt Normal file
View File

@ -0,0 +1,2 @@
User-agent: *
Allow: /