global: snapshot

2026-04-24 14:49:58 -07:00 · 2026-01-14 16:38:53 +01:00
parent ddb1db7a8e
commit d75c2a881b
226 changed files with 7776 additions and 20942 deletions
--- a/website/scripts/options/market/index.js
+++ b/website/scripts/options/market/index.js
@@ -0,0 +1,118 @@
+/** Market section - Main entry point */
+
+import { localhost } from "../../utils/env.js";
+import { Unit } from "../../utils/units.js";
+import { buildAverages, createAveragesSection } from "./averages.js";
+import { createPerformanceSection } from "./performance.js";
+import { createIndicatorsSection } from "./indicators/index.js";
+import { createInvestingSection } from "./investing.js";
+
+/**
+ * Create Market section
+ * @param {PartialContext} ctx
+ * @returns {PartialOptionsGroup}
+ */
+export function createMarketSection(ctx) {
+  const { colors, brk, line, candlestick } = ctx;
+  const { market, supply, price } = brk.metrics;
+  const {
+    movingAverage,
+    ath,
+    returns,
+    volatility,
+    range,
+    dca,
+    lookback,
+    indicators,
+  } = market;
+
+  const averages = buildAverages(colors, movingAverage);
+
+  return {
+    name: "Market",
+    tree: [
+      // Price
+      {
+        name: "Price",
+        title: "Bitcoin Price",
+        ...(localhost && {
+          top: [
+            candlestick({
+              metric: price.oracle.ohlcDollars,
+              name: "Oracle",
+              unit: Unit.usd,
+              colors: [colors.cyan, colors.purple],
+            }),
+          ],
+        }),
+      },
+
+      // Capitalization
+      {
+        name: "Capitalization",
+        title: "Market Capitalization",
+        bottom: [
+          line({
+            metric: supply.marketCap,
+            name: "Capitalization",
+            unit: Unit.usd,
+          }),
+        ],
+      },
+
+      // All Time High
+      {
+        name: "All Time High",
+        title: "All Time High",
+        top: [line({ metric: ath.priceAth, name: "ATH", unit: Unit.usd })],
+        bottom: [
+          line({
+            metric: ath.priceDrawdown,
+            name: "Drawdown",
+            color: colors.red,
+            unit: Unit.percentage,
+          }),
+          line({
+            metric: ath.daysSincePriceAth,
+            name: "Since",
+            unit: Unit.days,
+          }),
+          line({
+            metric: ath.yearsSincePriceAth,
+            name: "Since",
+            unit: Unit.years,
+          }),
+          line({
+            metric: ath.maxDaysBetweenPriceAths,
+            name: "Max",
+            color: colors.red,
+            unit: Unit.days,
+          }),
+          line({
+            metric: ath.maxYearsBetweenPriceAths,
+            name: "Max",
+            color: colors.red,
+            unit: Unit.years,
+          }),
+        ],
+      },
+
+      // Averages
+      createAveragesSection(ctx, averages),
+
+      // Performance
+      createPerformanceSection(ctx, returns),
+
+      // Indicators
+      createIndicatorsSection(ctx, {
+        volatility,
+        range,
+        movingAverage,
+        indicators,
+      }),
+
+      // Investing
+      createInvestingSection(ctx, { dca, lookback, returns }),
+    ],
+  };
+}