kibo: part 3 (broken)

websites/kibo.money/packages/lightweight-charts/types.d.ts

@@ -7,12 +7,10 @@ import {
   LineStyleOptions,
   SeriesOptionsCommon,
   Time,
-  CandlestickData,
   ISeriesApi,
   BaselineData,
-} from "./v5.0.4/types";
-import { Color, Valued, ValuedCandlestickData } from "../../scripts/types/self";
-import { VecId, VecIdToIndexes } from "../../scripts/types/vecid-to-indexes";
+} from "./v5.0.5/types";
+import { VecId } from "../../scripts/vecid-to-indexes";
 
 interface BaseSeriesBlueprint {
   title: string;
@@ -28,7 +26,7 @@ interface CandlestickSeriesBlueprint extends BaseSeriesBlueprint {
   type: "Candlestick";
   color?: Color;
   options?: DeepPartial<CandlestickStyleOptions & SeriesOptionsCommon>;
-  data?: Accessor<(CandlestickData<Time> & Valued)[]>;
+  data?: Accessor<CandlestickData[]>;
 }
 interface LineSeriesBlueprint extends BaseSeriesBlueprint {
   type?: "Line";
@@ -47,9 +45,8 @@ type PriceSeriesType = "Candlestick" | "Line";
 type RemoveSeriesBlueprintFluff<Blueprint extends AnySpecificSeriesBlueprint> =
   Omit<Blueprint, "type" | "title">;
 
-type SplitSeriesBlueprint = {
+type SplitSeriesBlueprint<> = {
   key: VecId;
-  main?: boolean;
 } & AnySpecificSeriesBlueprint;
 
 type SingleSeriesBlueprint = AnySpecificSeriesBlueprint;
@@ -68,7 +65,7 @@ interface BaseSeries {
 }
 interface SingleSeries extends BaseSeries {
   iseries: ISeriesApi<any>;
-  dataset: Accessor<(SingleValueData | ValuedCandlestickData)[] | null>;
+  dataset: Accessor<(SingleValueData | CandlestickData)[] | null>;
 }
 interface SplitSeries extends BaseSeries {
   chunks: Array<Accessor<ISeriesApi<SeriesType> | undefined>>;
@@ -103,8 +100,6 @@ type ChartPane = IChartApi & {
 };
 
 interface CreatePaneParameters {
-  // unit: Unit;
-  paneIndex?: number;
   options?: DeepPartial<ChartOptions>;
   config?: SingleSeriesBlueprint[];
 }

websites/kibo.money/scripts/chart.js

@@ -9,6 +9,7 @@
  * @param {Utilities} args.utils
  * @param {WebSockets} args.webSockets
  * @param {Elements} args.elements
+ * @param {VecsResources} args.vecsResources
  */
 export function init({
   colors,
@@ -18,6 +19,7 @@ export function init({
   signals,
   utils,
   webSockets,
+  vecsResources,
 }) {
   console.log("init chart state");
 
@@ -30,7 +32,7 @@ export function init({
     titleElement.innerHTML = option.title;
   });
 
-  const chart = lightweightCharts.createChartElement({
+  const chartElement = lightweightCharts.createChartElement({
     parent: elements.charts,
     signals,
     colors,
@@ -43,7 +45,6 @@ export function init({
     title: "Index",
     selected: "date",
     choices: [
-      "Height",
       "Timestamp",
       "Date",
       "Week",
@@ -62,12 +63,20 @@ export function init({
 
   elements.charts.append(fieldset);
 
-  // const activeDatasets = signals.createSignal(
-  //   /** @type {Set<ResourceDataset<any, any>>} */ (new Set()),
-  //   {
-  //     equals: false,
-  //   },
-  // );
+  const vecs = signals.createSignal(
+    /** @type {Set<VecResource<any>>} */ (new Set()),
+    {
+      equals: false,
+    },
+  );
+
+  const index = /** @satisfies {Dateindex} */ (1);
+
+  chartElement.createChart(index);
+
+  const ohlc = vecsResources.getOrCreate(index, "ohlc");
+  const date = vecsResources.getOrCreate(index, "date");
+  date.fetch(-10_000);
 
   // function createFetchChunksOfVisibleDatasetsEffect() {
   //   signals.createEffect(

websites/kibo.money/scripts/options.js

@@ -5119,7 +5119,6 @@ function createPartialOptions(colors) {
  * @param {Object} args
  * @param {Colors} args.colors
  * @param {Signals} args.signals
- * @param {Ids} args.ids
  * @param {Env} args.env
  * @param {Utilities} args.utils
  * @param {WebSockets} args.webSockets
@@ -5128,7 +5127,6 @@ function createPartialOptions(colors) {
 export function initOptions({
   colors,
   signals,
-  ids,
   env,
   utils,
   webSockets,
@@ -5424,17 +5422,29 @@ export function initOptions({
         let title;
 
         if ("kind" in anyPartial) {
+          // Simulation
           kind = anyPartial.kind;
           id = anyPartial.kind;
           title = anyPartial.title;
         } else if ("url" in anyPartial) {
+          // Url
           kind = "url";
           id = `${utils.stringToId(anyPartial.name)}-url`;
           title = anyPartial.name;
         } else {
+          // Chart
           kind = "chart";
           title = anyPartial.title || anyPartial.name;
           id = `${kind}-${utils.stringToId(title)}`;
+          const key = anyPartial.bottom?.at(0)?.key;
+          if (key) {
+            if (key.includes("-interval")) {
+              anyPartial.unit = "Seconds";
+            } else {
+              console.log(anyPartial);
+              throw Error("Unit not set");
+            }
+          }
         }
 
         /** @type {ProcessedOptionAddons} */

websites/kibo.money/scripts/simulation.js

@@ -7,16 +7,8 @@
  * @param {Signals} args.signals
  * @param {Utilities} args.utils
  * @param {Elements} args.elements
- * @param {Constants} args.consts
  */
-export function init({
-  colors,
-  elements,
-  lightweightCharts,
-  signals,
-  utils,
-  consts,
-}) {
+export function init({ colors, elements, lightweightCharts, signals, utils }) {
   /**
    * @import { ColorName } from './types/self';
    *
@@ -246,7 +238,6 @@ export function init({
   parametersElement.append(
     utils.dom.createHeader({
       title: "Save in Bitcoin",
-      description: "What if you bought Bitcoin in the past ?",
     }).headerElement,
   );
 
@@ -557,7 +548,6 @@ export function init({
     kind: "static",
     scale: "date",
     utils,
-    consts,
     config: [
       {
         unit: "US Dollars",
@@ -599,7 +589,6 @@ export function init({
     scale: "date",
     kind: "static",
     utils,
-    consts,
     config: [
       {
         unit: "US Dollars",
@@ -623,7 +612,6 @@ export function init({
     scale: "date",
     kind: "static",
     utils,
-    consts,
     config: [
       {
         unit: "US Dollars",
@@ -653,7 +641,6 @@ export function init({
     scale: "date",
     kind: "static",
     utils,
-    consts,
     config: [
       {
         unit: "US Dollars",
@@ -687,7 +674,6 @@ export function init({
     scale: "date",
     utils,
     owner,
-    consts,
     config: [
       {
         unit: "Percentage",

websites/kibo.money/scripts/types/self.d.ts

@@ -10,14 +10,13 @@ import {
   SeriesOptionsCommon,
   IRange,
   Time,
-  SingleValueData,
-  CandlestickData,
+  SingleValueData as _SingleValueData,
+  CandlestickData as _CandlestickData,
   SeriesType,
   ISeriesApi,
   BaselineData,
-} from "../../packages/lightweight-charts/v5.0.4/types";
+} from "../../packages/lightweight-charts/v5.0.5/types";
 import { AnyPossibleCohortId, Groups } from "../options";
-import { Index as _Index, VecIdToIndexes } from "./vecid-to-indexes";
 import { Signal } from "../../packages/solid-signals/types";
 
 // type TimeScale = "date" | "height";
@@ -61,10 +60,9 @@ interface PartialOption {
   name: string;
 }
 
-type DatasetId = keyof VecIdToIndexes;
-
 interface PartialChartOption extends PartialOption {
   title?: string;
+  unit?: string;
   top?: SplitSeriesBlueprint[];
   bottom?: SplitSeriesBlueprint[];
 }
@@ -108,6 +106,7 @@ interface ChartOption
   extends Omit<PartialChartOption, "title">,
     ProcessedOptionAddons {
   kind: "chart";
+  unit: string;
 }
 
 type Option = UrlOption | ChartOption | SimulationOption;
@@ -126,19 +125,11 @@ interface OHLC {
   close: number;
 }
 
-interface VecResource<Type extends OHLC | number = number> {
-  url: string;
-  fetch: (from: number, to: number) => Promise<void>;
-  ranges: FetchedVecRange<Type>[];
-}
-
-type ValuedCandlestickData = CandlestickData & Valued;
-
 interface FetchedVecRange<
   Value extends number | OHLC,
-  Data extends SingleValueData | ValuedCandlestickData = Value extends number
+  Data extends SingleValueData | CandlestickData = Value extends number
     ? SingleValueData
-    : ValuedCandlestickData,
+    : CandlestickData,
 > {
   at: Date | null;
   fetched: Signal<Value[] | null>;
@@ -149,8 +140,12 @@ interface FetchedVecRange<
 interface Valued {
   value: number;
 }
-
-type DatasetValue<T> = T & Valued;
+interface Indexed {
+  index: number;
+}
+type ChartData<T> = T & Valued & Indexed;
+type SingleValueData = ChartData<_SingleValueData>;
+type CandlestickData = ChartData<_CandlestickData>;
 
 type FetchedSource = string;
 
@@ -164,9 +159,9 @@ interface Weighted {
   weight: number;
 }
 
-type DatasetCandlestickData = DatasetValue<CandlestickData> & { year: number };
+type DatasetCandlestickData = ChartData<CandlestickData>;
 
-type NotFunction<T> = T extends Function ? never : T;
+// type NotFunction<T> = T extends Function ? never : T;
 
 type DefaultCohortOption = CohortOption<AnyPossibleCohortId>;
 
@@ -201,6 +196,3 @@ interface RatioOptions {
 // TODO: Remove
 // Fetch last of each individually when in viewport
 // type LastValues = Record<LastPath, number> | null;
-
-type Timestamp = -1;
-type Index = _Index | Timestamp;

websites/kibo.money/scripts/vecid-to-indexes.js

@@ -0,0 +1,134 @@
+const Addressindex = 0;
+/** @typedef {typeof Addressindex} Addressindex */
+const Dateindex = 1;
+/** @typedef {typeof Dateindex} Dateindex */
+const Height = 2;
+/** @typedef {typeof Height} Height */
+const P2PK33index = 3;
+/** @typedef {typeof P2PK33index} P2PK33index */
+const P2PK65index = 4;
+/** @typedef {typeof P2PK65index} P2PK65index */
+const P2PKHindex = 5;
+/** @typedef {typeof P2PKHindex} P2PKHindex */
+const P2SHindex = 6;
+/** @typedef {typeof P2SHindex} P2SHindex */
+const P2TRindex = 7;
+/** @typedef {typeof P2TRindex} P2TRindex */
+const P2WPKHindex = 8;
+/** @typedef {typeof P2WPKHindex} P2WPKHindex */
+const P2WSHindex = 9;
+/** @typedef {typeof P2WSHindex} P2WSHindex */
+const Txindex = 10;
+/** @typedef {typeof Txindex} Txindex */
+const Txinindex = 11;
+/** @typedef {typeof Txinindex} Txinindex */
+const Txoutindex = 12;
+/** @typedef {typeof Txoutindex} Txoutindex */
+const Weekindex = 13;
+/** @typedef {typeof Weekindex} Weekindex */
+const Monthindex = 14;
+/** @typedef {typeof Monthindex} Monthindex */
+const Yearindex = 15;
+/** @typedef {typeof Yearindex} Yearindex */
+const Decadeindex = 16;
+/** @typedef {typeof Decadeindex} Decadeindex */
+const Difficultyepoch = 17;
+/** @typedef {typeof Difficultyepoch} Difficultyepoch */
+const Halvingepoch = 18;
+/** @typedef {typeof Halvingepoch} Halvingepoch */
+
+/** @typedef {Addressindex | Dateindex | Height | P2PK33index | P2PK65index | P2PKHindex | P2SHindex | P2TRindex | P2WPKHindex | P2WSHindex | Txindex | Txinindex | Txoutindex | Weekindex | Monthindex | Yearindex | Decadeindex | Difficultyepoch | Halvingepoch} Index */
+
+export const VecIdToIndexes = {
+  addressindex: [Txoutindex],
+  addresstype: [Addressindex],
+  addresstypeindex: [Addressindex],
+  "base-size": [Txindex],
+  "block-count": [Dateindex],
+  "block-interval": [Height],
+  "block-interval-10p": [Dateindex],
+  "block-interval-25p": [Dateindex],
+  "block-interval-75p": [Dateindex],
+  "block-interval-90p": [Dateindex],
+  "block-interval-average": [Dateindex, Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  "block-interval-max": [Dateindex, Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  "block-interval-median": [Dateindex],
+  "block-interval-min": [Dateindex, Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  blockhash: [Height],
+  close: [Dateindex, Height, Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  "close-in-cents": [Dateindex, Height],
+  date: [Dateindex],
+  dateindex: [Dateindex, Height],
+  decadeindex: [Yearindex, Decadeindex],
+  difficulty: [Height],
+  difficultyepoch: [Height, Difficultyepoch],
+  "first-addressindex": [Height],
+  "first-dateindex": [Weekindex, Monthindex],
+  "first-emptyindex": [Height],
+  "first-height": [Dateindex, Difficultyepoch, Halvingepoch],
+  "first-monthindex": [Yearindex],
+  "first-multisigindex": [Height],
+  "first-open": [Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  "first-opreturnindex": [Height],
+  "first-p2pk33index": [Height],
+  "first-p2pk65index": [Height],
+  "first-p2pkhindex": [Height],
+  "first-p2shindex": [Height],
+  "first-p2trindex": [Height],
+  "first-p2wpkhindex": [Height],
+  "first-p2wshindex": [Height],
+  "first-pushonlyindex": [Height],
+  "first-txindex": [Height],
+  "first-txinindex": [Height, Txindex],
+  "first-txoutindex": [Height, Txindex],
+  "first-unkownindex": [Height],
+  "first-yearindex": [Decadeindex],
+  "fixed-date": [Height],
+  halvingepoch: [Height, Halvingepoch],
+  height: [Addressindex, Height, Txindex],
+  high: [Dateindex, Height],
+  "high-in-cents": [Dateindex, Height],
+  "high-max": [Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  "inputs-count": [Txindex],
+  "is-coinbase": [Txindex],
+  "is-explicitly-rbf": [Txindex],
+  "last-dateindex": [Weekindex, Monthindex],
+  "last-height": [Dateindex, Difficultyepoch, Halvingepoch],
+  "last-monthindex": [Yearindex],
+  "last-txindex": [Height],
+  "last-txinindex": [Txindex],
+  "last-txoutindex": [Txindex],
+  "last-yearindex": [Decadeindex],
+  locktime: [Txindex],
+  low: [Dateindex, Height],
+  "low-in-cents": [Dateindex, Height],
+  "low-min": [Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  monthindex: [Dateindex, Monthindex],
+  ohlc: [Dateindex, Height, Weekindex, Monthindex, Yearindex, Decadeindex, Difficultyepoch],
+  "ohlc-in-cents": [Dateindex, Height],
+  open: [Dateindex, Height],
+  "open-in-cents": [Dateindex, Height],
+  "outputs-count": [Txindex],
+  p2pk33addressbytes: [P2PK33index],
+  p2pk65addressbytes: [P2PK65index],
+  p2pkhaddressbytes: [P2PKHindex],
+  p2shaddressbytes: [P2SHindex],
+  p2traddressbytes: [P2TRindex],
+  p2wpkhaddressbytes: [P2WPKHindex],
+  p2wshaddressbytes: [P2WSHindex],
+  "real-date": [Height],
+  "sats-per-dollar": [Dateindex, Height],
+  size: [Height],
+  timestamp: [Height],
+  "total-block-count": [Dateindex],
+  "total-size": [Txindex],
+  txid: [Txindex],
+  txoutindex: [Txinindex],
+  txversion: [Txindex],
+  value: [Txoutindex],
+  weekindex: [Dateindex, Weekindex],
+  weight: [Height],
+  yearindex: [Monthindex, Yearindex],
+}
+/** @typedef {typeof VecIdToIndexes} VecIdToIndexes */
+/** @typedef {keyof VecIdToIndexes} VecId */

websites/kibo.money/styles/live-price.css

@@ -1,7 +0,0 @@
-#live-price {
-  > h1 {
-    font-size: 2.5rem;
-    line-height: 4rem;
-    text-align: center;
-  }
-}