trackplot 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dd833ad4b756522e2bdb9fc4e0f6191c6c08b19a201594c734b6462d39d8393a
-  data.tar.gz: 2f2252c88ab1f1a26ba96691ba144e563c872cae9d04a9b48c50cbe1bcea7dc9
+  metadata.gz: f1640bf80db9c399eac8aeb2df85355ad008dec2b91c3b7e3a8c87fa1dfaaddc
+  data.tar.gz: 88a4e3de4b79d903085690c6dd7bcd9795f9f574fc083d1b68b03e0eba7a19bc
 SHA512:
-  metadata.gz: d103b294082c7ac43aca2413159a41601f23629440ff4a6a5f466e3ba4b2cea68937a412189d1688da1f992c9187abaeef6fdf2ecddbf19ad4fb31fb5211919a
-  data.tar.gz: 4281f9f68481f93be1734292a9f8a9afa2e8c6873975c41cb422a43bd97c14d8e9adad8180a2425492c81b3922cb262456123d5c7f4d36911c19973867a9930a
+  metadata.gz: 90143b3d120b726acf7fe579314636d8e7526de86d34d384f053663ddee6eb41497176aa6d670c28c8b2d1c52a7a6e6b516d3fd5d9d433287597b7c1360746a1
+  data.tar.gz: 58cb42158c1d86bf600e93a1c7ae0792e4cbb270e1d9177d6d96da84d90ae41070c686a72a0fbcad98ff026fb3d4673d61d0977095807bb6b3ee59e6f9ec433a

data/app/assets/javascripts/trackplot/index.d.ts

@@ -0,0 +1,292 @@
+// ─── Theme ──────────────────────────────────────────────────────────────────
+
+export interface ThemeConfig {
+  colors?: string[];
+  background?: string;
+  text_color?: string;
+  axis_color?: string;
+  grid_color?: string;
+  tooltip_bg?: string;
+  tooltip_text?: string;
+  tooltip_border?: string;
+  font?: string;
+}
+
+// ─── Component Configs ──────────────────────────────────────────────────────
+
+export interface LineConfig {
+  type: "line";
+  data_key: string;
+  color?: string;
+  stroke_width?: number;
+  curve?: boolean;
+  dashed?: boolean;
+  dot?: boolean;
+  dot_size?: number;
+  y_axis?: "left" | "right";
+}
+
+export interface BarConfig {
+  type: "bar";
+  data_key: string;
+  color?: string;
+  opacity?: number;
+  radius?: number;
+  stack?: string;
+  y_axis?: "left" | "right";
+}
+
+export interface AreaConfig {
+  type: "area";
+  data_key: string;
+  color?: string;
+  opacity?: number;
+  stroke_width?: number;
+  curve?: boolean;
+  stack?: string;
+  y_axis?: "left" | "right";
+}
+
+export interface ScatterConfig {
+  type: "scatter";
+  data_key: string;
+  x_key?: string;
+  color?: string;
+  opacity?: number;
+  dot_size?: number;
+  y_axis?: "left" | "right";
+}
+
+export interface PieConfig {
+  type: "pie";
+  data_key: string;
+  label_key?: string;
+  donut?: boolean;
+  pad_angle?: number;
+}
+
+export interface RadarConfig {
+  type: "radar";
+  data_key: string;
+  color?: string;
+  opacity?: number;
+  stroke_width?: number;
+  dot?: boolean;
+  dot_size?: number;
+}
+
+export interface HorizontalBarConfig {
+  type: "horizontal_bar";
+  data_key: string;
+  color?: string;
+  opacity?: number;
+  radius?: number;
+}
+
+export interface CandlestickConfig {
+  type: "candlestick";
+  open: string;
+  high: string;
+  low: string;
+  close: string;
+  up_color?: string;
+  down_color?: string;
+}
+
+export interface FunnelConfig {
+  type: "funnel";
+  data_key: string;
+  label_key?: string;
+}
+
+export interface HeatmapConfig {
+  type: "heatmap";
+  x_key: string;
+  y_key: string;
+  value_key: string;
+  color_range?: [string, string];
+  radius?: number;
+}
+
+export interface TreemapConfig {
+  type: "treemap";
+  value_key: string;
+  label_key: string;
+  parent_key?: string;
+}
+
+export interface AxisConfig {
+  type: "axis";
+  direction: "x" | "y";
+  axis_id?: "left" | "right";
+  data_key?: string;
+  label?: string;
+  format?: "currency" | "percent" | "compact" | "decimal" | "integer" | string;
+  tick_count?: number;
+  tick_rotation?: number;
+}
+
+export interface TooltipConfig {
+  type: "tooltip";
+  format?: "currency" | "percent" | "compact" | "decimal" | "integer" | string;
+}
+
+export interface LegendConfig {
+  type: "legend";
+  position?: "top" | "bottom" | "left" | "right";
+  clickable?: boolean;
+}
+
+export interface GridConfig {
+  type: "grid";
+  horizontal?: boolean;
+  vertical?: boolean;
+}
+
+export interface ReferenceLineConfig {
+  type: "reference_line";
+  direction: "x" | "y";
+  value: number | string;
+  color?: string;
+  stroke_width?: number;
+  dashed?: boolean;
+  label?: string;
+}
+
+export interface DataLabelConfig {
+  type: "data_label";
+  position?: "top" | "center";
+  format?: "currency" | "percent" | "compact" | "decimal" | "integer" | string;
+  font_size?: number;
+}
+
+export interface BrushConfig {
+  type: "brush";
+  axis?: "x" | "y";
+  height?: number;
+}
+
+// ─── Discriminated Union ────────────────────────────────────────────────────
+
+export type ComponentConfig =
+  | LineConfig
+  | BarConfig
+  | AreaConfig
+  | ScatterConfig
+  | PieConfig
+  | RadarConfig
+  | HorizontalBarConfig
+  | CandlestickConfig
+  | FunnelConfig
+  | HeatmapConfig
+  | TreemapConfig
+  | AxisConfig
+  | TooltipConfig
+  | LegendConfig
+  | GridConfig
+  | ReferenceLineConfig
+  | DataLabelConfig
+  | BrushConfig;
+
+// ─── Chart Config ───────────────────────────────────────────────────────────
+
+export interface ChartConfig {
+  data: Record<string, unknown>[];
+  components: ComponentConfig[];
+  animate?: boolean;
+  theme?: ThemeConfig;
+  title?: string;
+  description?: string;
+  empty_message?: string;
+}
+
+// ─── Sparkline Config ───────────────────────────────────────────────────────
+
+export interface SparklineConfig {
+  data: Record<string, unknown>[];
+  key: string;
+  type?: "line" | "bar" | "area";
+  color?: string;
+  fill?: string;
+  stroke_width?: number;
+  dot?: boolean;
+}
+
+// ─── Custom Event Details ───────────────────────────────────────────────────
+
+export interface TrackplotClickDetail {
+  chartType: string;
+  dataKey: string;
+  datum: Record<string, unknown>;
+  index: number;
+  value: unknown;
+}
+
+export interface TrackplotDataUpdateDetail {
+  count: number;
+}
+
+// ─── Custom Event Maps ──────────────────────────────────────────────────────
+
+interface TrackplotEventMap {
+  "trackplot:click": CustomEvent<TrackplotClickDetail>;
+  "trackplot:data-update": CustomEvent<TrackplotDataUpdateDetail>;
+  "trackplot:render": CustomEvent<void>;
+}
+
+// ─── Custom Elements ────────────────────────────────────────────────────────
+
+export declare class TrackplotElement extends HTMLElement {
+  /** Replace chart data and re-render without animation. */
+  updateData(newData: Record<string, unknown>[]): void;
+
+  /** Replace the full config object and re-render. */
+  updateConfig(config: ChartConfig): void;
+
+  /** Append new data points and re-render with sliding window. */
+  appendData(
+    newPoints: Record<string, unknown>[],
+    options?: { maxPoints?: number }
+  ): void;
+
+  /** Export chart as SVG file download. */
+  exportSVG(filename?: string): Promise<Blob | null>;
+
+  /** Export chart as PNG file download. */
+  exportPNG(scale?: number, filename?: string): Promise<Blob | null>;
+
+  addEventListener<K extends keyof TrackplotEventMap>(
+    type: K,
+    listener: (this: TrackplotElement, ev: TrackplotEventMap[K]) => void,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+
+  removeEventListener<K extends keyof TrackplotEventMap>(
+    type: K,
+    listener: (this: TrackplotElement, ev: TrackplotEventMap[K]) => void,
+    options?: boolean | EventListenerOptions
+  ): void;
+
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+export declare class SparklineElement extends HTMLElement {}
+
+// ─── Global Augmentation ────────────────────────────────────────────────────
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "trackplot-chart": TrackplotElement;
+    "trackplot-sparkline": SparklineElement;
+  }
+}