Support plugins

[trash-and-fire]

Support plugin system.

• Implement a <CustomSeries> component that will use IChartApi::addCustomSeries api.
• Implement a <ChartEx> component that will use createChartEx api.
• Implement a <SeriesPrimitive> component that will use ISeriesApi::attachPrimitive api.

[trash-and-fire]

The work on <CustomSeries> is almost done.

Peek.2023-10-08.15-24.mp4

[trash-and-fire]

I published svelte-lightweight-charts@2.3.0-rc-0 with the support of the custom series.

The example of usage you can find here

[trash-and-fire]

I published svelte-lightweight-charts@2.3.0-rc-1 with the support of the series primitives.

The example of usage you can find here

[trash-and-fire]

I'm still not sure about the final API of the new components. When implementing vertical lines, it seemed to me that we needed to add more convenience. Perhaps I will change the API in the final versions.

[oraoraroa12313]

Thanks for that, VerticalLines are exactly what I needed today.

[go-dockly]

The feature looks amazing but somehow this example does not work for me.
It can't resolve the IReactiveSeriesPrimitive dep:

    Module '"svelte-lightweight-charts"' has no exported member 'IReactiveSeriesPrimitive'


    "lightweight-charts": "^4.1.1",
    "svelte-lightweight-charts": "^2.3.0-rc-1"

besides could new VertLine(time) not be an exported member instead to not have to duplicate?

[trash-and-fire]

@go-dockly thanks. For some reason, a file was published without exported types. I'll publish again today when I get to the computer.

besides could new VertLine(time) not be an exported member instead to not have to duplicate?

I'm not sure I understood this phrase correctly, can you explain?

[go-dockly]

Thanks for reply! I will try it once more :)
and I meant the Vertline example you build is such a great feature. it could be well worth being made into it's own drop-in component.
Really nice work!

[trash-and-fire]

I published svelte-lightweight-charts@2.3.0-rc-2 with exported IReactiveSeriesPrimitive

[trash-and-fire]

I took the implementation of vertical lines from the repository with plugin examples: https://github.com/tradingview/lightweight-charts/tree/master/plugin-examples.

Maybe I'll make a subsection with exports of plugin components something like:

import {VerticalLine} from 'svelte-lightweight-charts/plugins/vertical-line';

[skedzior]

super thankful for your work here, i was just about to attempt to implement it myself before checking here <3