@tradecanvas/svelte 1.0.14 → 1.1.0

package/README.md

@@ -35,7 +35,7 @@ Streams live Binance data by default. Pass `data={bars}` for static OHLC, or `ad
 
 ## Props
 
-`symbol`, `timeframe`, `theme`, `chartType`, `indicators`, `data`, `adapter`, `historyLimit`, `features`, `autoScale`, `signalMarkers`, `signalMarkerStyle`, `tradeZones`, `tradeZoneStyle`, `watermarkText`, `onReady`, and `bind:chart`.
+`symbol`, `timeframe`, `theme`, `chartType`, `indicators`, `data`, `adapter`, `historyLimit`, `features`, `autoScale`, `signalMarkers`, `signalMarkerStyle`, `tradeZones`, `tradeZoneStyle`, `overrides` (style overrides by key, all of your app's), `watermarkText`, `onReady`, and `bind:chart`.
 
 Reach the underlying `Chart` (drawings, trading, execution adapters, plugins, resizable panes) via `bind:chart` or `onReady`. See the [main docs](https://github.com/bonguynvan/tradecanvas).
 

package/dist/TradeCanvas.svelte

@@ -17,6 +17,7 @@
     SignalMarkerStyle,
     TradeZoneStyle,
     DataAdapter,
+    ChartStyleOverrides,
   } from '@tradecanvas/chart';
 
   interface Props {
@@ -34,6 +35,8 @@
     signalMarkerStyle?: SignalMarkerStyle;
     tradeZones?: TradeZone[];
     tradeZoneStyle?: TradeZoneStyle;
+    /** Style overrides, by key: all of your app's (`chart.setOverrides`). */
+    overrides?: ChartStyleOverrides;
     watermarkText?: string;
     onReady?: (chart: Chart) => void;
     chart?: Chart | null;
@@ -54,6 +57,7 @@
     signalMarkerStyle = undefined as SignalMarkerStyle | undefined,
     tradeZones = undefined as TradeZone[] | undefined,
     tradeZoneStyle = undefined as TradeZoneStyle | undefined,
+    overrides = undefined as ChartStyleOverrides | undefined,
     watermarkText = undefined as string | undefined,
     onReady = undefined as ((chart: Chart) => void) | undefined,
     chart = $bindable(null) as Chart | null,
@@ -159,6 +163,15 @@
   $effect(() => { if (signalMarkerStyle) instance?.setSignalMarkerStyle(signalMarkerStyle); });
   $effect(() => { if (tradeZones) instance?.setTradeZones(tradeZones); });
   $effect(() => { if (tradeZoneStyle) instance?.setTradeZoneStyle(tradeZoneStyle); });
+  // All of the host's overrides: keys left out of the prop are taken away.
+  // Without the prop, overrides set through the chart itself are left alone.
+  let overridesGiven = false;
+  $effect(() => {
+    const next = $state.snapshot(overrides);
+    if (next === undefined && !overridesGiven) return;
+    overridesGiven = next !== undefined;
+    instance?.setOverrides(next ?? {});
+  });
 </script>
 
 <div bind:this={container} style="width:100%;height:100%"></div>

package/dist/TradeCanvas.svelte.d.ts

@@ -1,5 +1,5 @@
 import { Chart } from '@tradecanvas/chart';
-import type { ChartType, TimeFrame, FeaturesConfig, Theme, OHLCBar, SignalMarker, TradeZone, SignalMarkerStyle, TradeZoneStyle, DataAdapter } from '@tradecanvas/chart';
+import type { ChartType, TimeFrame, FeaturesConfig, Theme, OHLCBar, SignalMarker, TradeZone, SignalMarkerStyle, TradeZoneStyle, DataAdapter, ChartStyleOverrides } from '@tradecanvas/chart';
 interface Props {
     symbol?: string;
     timeframe?: TimeFrame;
@@ -15,6 +15,8 @@ interface Props {
     signalMarkerStyle?: SignalMarkerStyle;
     tradeZones?: TradeZone[];
     tradeZoneStyle?: TradeZoneStyle;
+    /** Style overrides, by key: all of your app's (`chart.setOverrides`). */
+    overrides?: ChartStyleOverrides;
     watermarkText?: string;
     onReady?: (chart: Chart) => void;
     chart?: Chart | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tradecanvas/svelte",
-  "version": "1.0.14",
+  "version": "1.1.0",
   "type": "module",
   "description": "Svelte 5 component for @tradecanvas/chart — reactive props, runes, zero boilerplate.",
   "license": "MIT",
@@ -35,7 +35,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@tradecanvas/chart": "1.11.0"
+    "@tradecanvas/chart": "1.13.0"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"