import { Writable, Readable } from "svelte/store";
import { accessor, scale, margin } from "./common.d.ts";

export type ChartContext = {
	chart: Writable<HTMLElement>;
	width: Writable<number>;
	height: Writable<number>;
	margin: Writable<margin>;
	x: Writable<accessor>;
	y: Writable<accessor>;
	x_scale: Writable<scale>;
	y_scale: Writable<scale>;
	x_scale_h: Writable<scale>;
	y_scale_h: Writable<scale>;
	pointer: Writable<undefined | { x: number; y: number }>;
	hydrated: Writable<boolean>;
};

export type LayerContext = {
	layer: "Chart" | "Svg" | "Svg {ssr}" | "Canvas";
	svg?: Writable<SVGElement>;
	canvas?: {
		canvas: Writable<HTMLCanvasElement>;
		context: Writable<CanvasRenderingContext2D>;
		register: (draw: (context: CanvasRenderingContext2D) => void) => void;
	};
	width: Writable<number> | Readable<number>;
	height: Writable<number> | Readable<number>;
	x_scale: Writable<scale>;
	y_scale: Writable<scale>;
};