@operato/scene-scichart 7.0.2 → 7.0.4

package/logs/connections-2024-07-04-13.log

@@ -1,50 +0,0 @@
-2024-07-04T13:55:04+09:00 info: Initializing ConnectionManager...
-2024-07-04T13:55:04+09:00 info: Connector 'echo-back-server' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'echo-back' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'http-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'graphql-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'sqlite-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'postgresql-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'mqtt-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'mssql-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'oracle-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'mysql-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'socket-server' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'operato-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'email-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'influxdb-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'msgraph-connector' started to ready
-2024-07-04T13:55:04+09:00 info: Connector 'proxy-connector' started to ready
-2024-07-04T13:55:04+09:00 info: echo-back-servers are ready
-2024-07-04T13:55:04+09:00 info: echo-back connections are ready
-2024-07-04T13:55:04+09:00 info: http-connector connections are ready
-2024-07-04T13:55:04+09:00 info: graphql-connector connections are ready
-2024-07-04T13:55:04+09:00 info: sqlite-connector connections are ready
-2024-07-04T13:55:04+09:00 info: postgresql-connector connections are ready
-2024-07-04T13:55:04+09:00 info: mqtt-connector connections are ready
-2024-07-04T13:55:04+09:00 info: mssql-connector connections are ready
-2024-07-04T13:55:04+09:00 info: oracle-connector connections are ready
-2024-07-04T13:55:04+09:00 info: mysql-connector connections are ready
-2024-07-04T13:55:04+09:00 info: socket servers are ready
-2024-07-04T13:55:04+09:00 info: operato-connector connections are ready
-2024-07-04T13:55:04+09:00 info: email connections are ready
-2024-07-04T13:55:04+09:00 info: influxdb connections are ready
-2024-07-04T13:55:04+09:00 info: msgraph-connector connections are ready
-2024-07-04T13:55:04+09:00 info: proxy-connector connections are ready
-2024-07-04T13:55:04+09:00 info: All connector for 'echo-back-server' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'echo-back' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'http-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'graphql-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'sqlite-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'postgresql-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'mqtt-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'mssql-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'oracle-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'mysql-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'socket-server' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'operato-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'email-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'influxdb-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'msgraph-connector' ready
-2024-07-04T13:55:04+09:00 info: All connector for 'proxy-connector' ready
-2024-07-04T13:55:04+09:00 info: ConnectionManager initialization done:

package/logs/connections-2024-07-04-14.log

@@ -1,100 +0,0 @@
-2024-07-04T14:04:58+09:00 info: Initializing ConnectionManager...
-2024-07-04T14:04:58+09:00 info: Connector 'echo-back-server' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'echo-back' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'http-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'graphql-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'sqlite-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'postgresql-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'mqtt-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'mssql-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'oracle-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'mysql-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'socket-server' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'operato-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'email-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'influxdb-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'msgraph-connector' started to ready
-2024-07-04T14:04:58+09:00 info: Connector 'proxy-connector' started to ready
-2024-07-04T14:04:58+09:00 info: echo-back-servers are ready
-2024-07-04T14:04:58+09:00 info: echo-back connections are ready
-2024-07-04T14:04:58+09:00 info: http-connector connections are ready
-2024-07-04T14:04:58+09:00 info: graphql-connector connections are ready
-2024-07-04T14:04:58+09:00 info: sqlite-connector connections are ready
-2024-07-04T14:04:58+09:00 info: postgresql-connector connections are ready
-2024-07-04T14:04:58+09:00 info: mqtt-connector connections are ready
-2024-07-04T14:04:58+09:00 info: mssql-connector connections are ready
-2024-07-04T14:04:58+09:00 info: oracle-connector connections are ready
-2024-07-04T14:04:58+09:00 info: mysql-connector connections are ready
-2024-07-04T14:04:58+09:00 info: socket servers are ready
-2024-07-04T14:04:58+09:00 info: operato-connector connections are ready
-2024-07-04T14:04:58+09:00 info: email connections are ready
-2024-07-04T14:04:58+09:00 info: influxdb connections are ready
-2024-07-04T14:04:58+09:00 info: msgraph-connector connections are ready
-2024-07-04T14:04:58+09:00 info: proxy-connector connections are ready
-2024-07-04T14:04:58+09:00 info: All connector for 'echo-back-server' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'echo-back' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'http-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'graphql-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'sqlite-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'postgresql-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'mqtt-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'mssql-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'oracle-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'mysql-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'socket-server' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'operato-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'email-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'influxdb-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'msgraph-connector' ready
-2024-07-04T14:04:58+09:00 info: All connector for 'proxy-connector' ready
-2024-07-04T14:04:58+09:00 info: ConnectionManager initialization done:
-2024-07-04T14:09:28+09:00 info: Initializing ConnectionManager...
-2024-07-04T14:09:28+09:00 info: Connector 'echo-back-server' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'echo-back' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'http-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'graphql-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'sqlite-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'postgresql-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'mqtt-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'mssql-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'oracle-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'mysql-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'socket-server' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'operato-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'email-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'influxdb-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'msgraph-connector' started to ready
-2024-07-04T14:09:28+09:00 info: Connector 'proxy-connector' started to ready
-2024-07-04T14:09:28+09:00 info: echo-back-servers are ready
-2024-07-04T14:09:28+09:00 info: echo-back connections are ready
-2024-07-04T14:09:28+09:00 info: http-connector connections are ready
-2024-07-04T14:09:28+09:00 info: graphql-connector connections are ready
-2024-07-04T14:09:28+09:00 info: sqlite-connector connections are ready
-2024-07-04T14:09:28+09:00 info: postgresql-connector connections are ready
-2024-07-04T14:09:28+09:00 info: mqtt-connector connections are ready
-2024-07-04T14:09:28+09:00 info: mssql-connector connections are ready
-2024-07-04T14:09:28+09:00 info: oracle-connector connections are ready
-2024-07-04T14:09:28+09:00 info: mysql-connector connections are ready
-2024-07-04T14:09:28+09:00 info: socket servers are ready
-2024-07-04T14:09:28+09:00 info: operato-connector connections are ready
-2024-07-04T14:09:28+09:00 info: email connections are ready
-2024-07-04T14:09:28+09:00 info: influxdb connections are ready
-2024-07-04T14:09:28+09:00 info: msgraph-connector connections are ready
-2024-07-04T14:09:28+09:00 info: proxy-connector connections are ready
-2024-07-04T14:09:28+09:00 info: All connector for 'echo-back-server' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'echo-back' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'http-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'graphql-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'sqlite-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'postgresql-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'mqtt-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'mssql-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'oracle-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'mysql-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'socket-server' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'operato-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'email-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'influxdb-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'msgraph-connector' ready
-2024-07-04T14:09:28+09:00 info: All connector for 'proxy-connector' ready
-2024-07-04T14:09:28+09:00 info: ConnectionManager initialization done:

package/logs/system/.ff447eb42e255d0436b200b50a92dc6546166b36-audit.json

@@ -1,20 +0,0 @@
-{
-    "keep": {
-        "days": true,
-        "amount": 14
-    },
-    "auditLog": "logs/system/.ff447eb42e255d0436b200b50a92dc6546166b36-audit.json",
-    "files": [
-        {
-            "date": 1720019160895,
-            "name": "logs/system/scenario-메인 집진기 센싱 데이터 조회 - 실시간-2024-07-04-00.log",
-            "hash": "fe40d74a8a566acdaa09969df6135330a69600cb2c5c07fb654d42bff64708ba"
-        },
-        {
-            "date": 1720064405142,
-            "name": "logs/system/scenario-메인 집진기 센싱 데이터 조회 - 실시간-2024-07-04-12.log",
-            "hash": "df0316e7fc6e32f69dd03411edcea77aca18f192c4f1990687a544794a0955f8"
-        }
-    ],
-    "hashType": "sha256"
-}

package/logs/system/scenario-/353/251/224/354/235/270 /354/247/221/354/247/204/352/270/260 /354/204/274/354/213/261 /353/215/260/354/235/264/355/204/260 /354/241/260/355/232/214 - /354/213/244/354/213/234/352/260/204-2024-07-04-00.log"

@@ -1,7 +0,0 @@
-2024-07-04T00:06:02+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720019160891:[state changed] STOPPED => READY
-2024-07-04T00:06:02+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720019160891:[state changed] READY => STARTED
-2024-07-04T00:06:02+09:00 info: Start 1 Rounds  #######
-2024-07-04T00:06:02+09:00 info: Step 'query'(d58dfbfd-4957-434b-bcda-5d5345f38a73) started.
-2024-07-04T00:06:02+09:00 error: The connection with the given name(INFLUX-DB) cannot be found
-2024-07-04T00:06:02+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720019160891:[state changed] HALTED => UNLOADED
-2024-07-04T00:06:02+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720019160891:[state changed] HALTED => UNLOADED

package/logs/system/scenario-/353/251/224/354/235/270 /354/247/221/354/247/204/352/270/260 /354/204/274/354/213/261 /353/215/260/354/235/264/355/204/260 /354/241/260/355/232/214 - /354/213/244/354/213/234/352/260/204-2024-07-04-12.log"

@@ -1,14 +0,0 @@
-2024-07-04T12:40:05+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720064405136:[state changed] STOPPED => READY
-2024-07-04T12:40:05+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720064405136:[state changed] READY => STARTED
-2024-07-04T12:40:05+09:00 info: Start 1 Rounds  #######
-2024-07-04T12:40:05+09:00 info: Step 'query'(d58dfbfd-4957-434b-bcda-5d5345f38a73) started.
-2024-07-04T12:40:05+09:00 error: The connection with the given name(INFLUX-DB) cannot be found
-2024-07-04T12:40:05+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720064405136:[state changed] HALTED => UNLOADED
-2024-07-04T12:40:05+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720064405136:[state changed] HALTED => UNLOADED
-2024-07-04T12:56:49+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720065409903:[state changed] STOPPED => READY
-2024-07-04T12:56:49+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720065409903:[state changed] READY => STARTED
-2024-07-04T12:56:49+09:00 info: Start 1 Rounds  #######
-2024-07-04T12:56:49+09:00 info: Step 'query'(d58dfbfd-4957-434b-bcda-5d5345f38a73) started.
-2024-07-04T12:56:49+09:00 error: The connection with the given name(INFLUX-DB) cannot be found
-2024-07-04T12:56:49+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720065409903:[state changed] HALTED => UNLOADED
-2024-07-04T12:56:49+09:00 info: 메인 집진기 센싱 데이터 조회 - 실시간-1720065409903:[state changed] HALTED => UNLOADED

package/src/charts/sci-candle-stick-chart.ts

@@ -1,306 +0,0 @@
-import { LitElement, PropertyValues, PropertyValueMap, css, html } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-
-import {
-  SciChartSurface,
-  NumberRange,
-  NumericAxis,
-  OhlcDataSeries,
-  FastCandlestickRenderableSeries,
-  ZoomPanModifier,
-  ZoomExtentsModifier,
-  MouseWheelZoomModifier,
-  ENumericFormat,
-  DateTimeNumericAxis,
-  EAutoRange,
-  FastLineRenderableSeries,
-  XyMovingAverageFilter,
-  SciChartOverview,
-  CursorModifier,
-  CursorTooltipSvgAnnotation,
-  SeriesInfo,
-  EDataSeriesType,
-  ESeriesType,
-  IRenderableSeries,
-  FastMountainRenderableSeries,
-  GradientParams,
-  Point,
-  OhlcSeriesInfo,
-  FastColumnRenderableSeries,
-  XyDataSeries,
-  FastOhlcRenderableSeries
-} from 'scichart'
-
-import { appTheme } from '../themes/app-theme'
-import { VolumePaletteProvider } from './volume-pallette-provider'
-import { simpleBinanceRestClient } from '../data/binance-rest-client'
-
-const Y_AXIS_VOLUME_ID = 'Y_AXIS_VOLUME_ID'
-
-SciChartSurface.UseCommunityLicense()
-SciChartSurface.configure({
-  dataUrl: `/node_modules/scichart/_wasm/scichart2d.data`,
-  wasmUrl: `/node_modules/scichart/_wasm/scichart2d.wasm`
-})
-
-@customElement('sci-candle-stock-chart')
-export class SciCandleStockChart extends LitElement {
-  static styles = [
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        width: 100%;
-      }
-
-      #chart {
-        flex: 8;
-      }
-
-      #overview {
-        flex: 2;
-      }
-    `
-  ]
-
-  render() {
-    return html`
-      <div id="chart"></div>
-      <div id="overview"></div>
-    `
-  }
-
-  @property({ type: String, attribute: 'series-type' }) seriesType: 'candle-stick' | 'ohlc' = 'candle-stick'
-
-  @state() candlestickChartSeries!: FastCandlestickRenderableSeries
-  @state() ohlcChartSeries!: FastOhlcRenderableSeries
-  @state() sciChartSurface?: SciChartSurface
-  @state() sciChartOverview?: SciChartOverview
-
-  @query('#chart') chart!: HTMLDivElement
-  @query('#overview') overview!: HTMLDivElement
-
-  disconnectedCallback(): void {
-    if (this.sciChartSurface) {
-      this.sciChartSurface.delete()
-      this.sciChartOverview!.delete()
-      this.sciChartSurface = undefined
-      this.sciChartOverview = undefined
-      return
-    }
-  }
-
-  protected async firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void> {
-    const { sciChartSurface, overview, candlestickSeries, ohlcSeries } = await this.build()
-
-    this.candlestickChartSeries = candlestickSeries
-    this.ohlcChartSeries = ohlcSeries
-    this.sciChartSurface = sciChartSurface
-    this.sciChartOverview = overview
-
-    this.candlestickChartSeries.isVisible = this.seriesType == 'candle-stick'
-    this.ohlcChartSeries.isVisible = this.seriesType == 'ohlc'
-  }
-
-  updated(changes: PropertyValues<this>) {
-    if (changes.has('seriesType') && this.candlestickChartSeries) {
-      this.candlestickChartSeries.isVisible = this.seriesType == 'candle-stick'
-      this.ohlcChartSeries.isVisible = this.seriesType == 'ohlc'
-    }
-  }
-
-  // Override the Renderableseries to display on the scichart overview
-  private getOverviewSeries(defaultSeries: IRenderableSeries) {
-    if (defaultSeries.type === ESeriesType.CandlestickSeries) {
-      // Swap the default candlestick series on the overview chart for a mountain series. Same data
-      return new FastMountainRenderableSeries(defaultSeries.parentSurface.webAssemblyContext2D, {
-        dataSeries: defaultSeries.dataSeries,
-        fillLinearGradient: new GradientParams(new Point(0, 0), new Point(0, 1), [
-          { color: appTheme.VividSkyBlue + '77', offset: 0 },
-          { color: 'Transparent', offset: 1 }
-        ]),
-        stroke: appTheme.VividSkyBlue
-      })
-    }
-  }
-
-  // Override the standard tooltip displayed by CursorModifier
-  private getTooltipLegendTemplate(seriesInfos: SeriesInfo[], svgAnnotation: CursorTooltipSvgAnnotation) {
-    let outputSvgString = ''
-
-    // Foreach series there will be a seriesInfo supplied by SciChart. This contains info about the series under the house
-    seriesInfos.forEach((seriesInfo, index) => {
-      const y = 20 + index * 20
-      const textColor = seriesInfo.stroke
-      let legendText = seriesInfo.formattedYValue
-      if (seriesInfo.dataSeriesType === EDataSeriesType.Ohlc) {
-        const o = seriesInfo as OhlcSeriesInfo
-        legendText = `Open=${o.formattedOpenValue} High=${o.formattedHighValue} Low=${o.formattedLowValue} Close=${o.formattedCloseValue}`
-      }
-      outputSvgString += `<text x="8" y="${y}" font-size="13" font-family="Verdana" fill="${textColor}">
-            ${seriesInfo.seriesName}: ${legendText}
-        </text>`
-    })
-
-    return `<svg width="100%" height="100%">
-                ${outputSvgString}
-            </svg>`
-  }
-
-  private async build() {
-    // Create a SciChartSurface
-    const { sciChartSurface, wasmContext } = await SciChartSurface.create(this.chart, {
-      theme: appTheme.SciChartJsTheme
-    })
-
-    // Add an XAxis of type DateTimeAxis
-    // Note for crypto data this is fine, but for stocks/forex you will need to use CategoryAxis which collapses gaps at weekends
-    // In future we have a hybrid IndexDateAxis which 'magically' solves problems of different # of points in stock market datasetd with gaps
-    const xAxis = new DateTimeNumericAxis(wasmContext, {
-      // autoRange.never as we're setting visibleRange explicitly below. If you dont do this, leave this flag default
-      autoRange: EAutoRange.Never
-    })
-    sciChartSurface.xAxes.add(xAxis)
-
-    // Create a NumericAxis on the YAxis with 2 Decimal Places
-    sciChartSurface.yAxes.add(
-      new NumericAxis(wasmContext, {
-        growBy: new NumberRange(0.1, 0.1),
-        labelFormat: ENumericFormat.Decimal,
-        labelPrecision: 2,
-        labelPrefix: '$',
-        autoRange: EAutoRange.Always
-      })
-    )
-
-    // Create a secondary YAxis to host volume data on its own scale
-    sciChartSurface.yAxes.add(
-      new NumericAxis(wasmContext, {
-        id: Y_AXIS_VOLUME_ID,
-        growBy: new NumberRange(0, 4),
-        isVisible: false,
-        autoRange: EAutoRange.Always
-      })
-    )
-
-    // Fetch data from now to 300 1hr candles ago
-    const endDate = new Date(Date.now())
-    const startDate = new Date()
-    startDate.setHours(endDate.getHours() - 300)
-    const priceBars = await simpleBinanceRestClient.getCandles('BTCUSDT', '1h', startDate, endDate)
-
-    // Maps PriceBar { date, open, high, low, close, volume } to structure-of-arrays expected by scichart
-    const xValues: number[] = []
-    const openValues: number[] = []
-    const highValues: number[] = []
-    const lowValues: number[] = []
-    const closeValues: number[] = []
-    const volumeValues: number[] = []
-    priceBars.forEach((priceBar: any) => {
-      xValues.push(priceBar.date)
-      openValues.push(priceBar.open)
-      highValues.push(priceBar.high)
-      lowValues.push(priceBar.low)
-      closeValues.push(priceBar.close)
-      volumeValues.push(priceBar.volume)
-    })
-
-    // Zoom to the latest 100 candles
-    const startViewportRange = new Date()
-    startViewportRange.setHours(startDate.getHours() - 100)
-    xAxis.visibleRange = new NumberRange(startViewportRange.getTime() / 1000, endDate.getTime() / 1000)
-
-    // Create and add the Candlestick series
-    // The Candlestick Series requires a special dataseries type called OhlcDataSeries with o,h,l,c and date values
-    const candleDataSeries = new OhlcDataSeries(wasmContext, {
-      xValues,
-      openValues,
-      highValues,
-      lowValues,
-      closeValues,
-      dataSeriesName: 'BTC/USDT'
-    })
-    const candlestickSeries = new FastCandlestickRenderableSeries(wasmContext, {
-      dataSeries: candleDataSeries,
-      stroke: appTheme.ForegroundColor, // used by cursorModifier below
-      strokeThickness: 1,
-      brushUp: appTheme.VividGreen + '77',
-      brushDown: appTheme.MutedRed + '77',
-      strokeUp: appTheme.VividGreen,
-      strokeDown: appTheme.MutedRed
-    })
-    sciChartSurface.renderableSeries.add(candlestickSeries)
-
-    // Add an Ohlcseries. this will be invisible to begin with
-    const ohlcSeries = new FastOhlcRenderableSeries(wasmContext, {
-      dataSeries: candleDataSeries,
-      stroke: appTheme.ForegroundColor, // used by cursorModifier below
-      strokeThickness: 1,
-      dataPointWidth: 0.9,
-      strokeUp: appTheme.VividGreen,
-      strokeDown: appTheme.MutedRed,
-      isVisible: false
-    })
-    sciChartSurface.renderableSeries.add(ohlcSeries)
-
-    // Add some moving averages using SciChart's filters/transforms API
-    // when candleDataSeries updates, XyMovingAverageFilter automatically recomputes
-    sciChartSurface.renderableSeries.add(
-      new FastLineRenderableSeries(wasmContext, {
-        dataSeries: new XyMovingAverageFilter(candleDataSeries, {
-          dataSeriesName: 'Moving Average (20)',
-          length: 20
-        }),
-        stroke: appTheme.VividSkyBlue
-      })
-    )
-
-    sciChartSurface.renderableSeries.add(
-      new FastLineRenderableSeries(wasmContext, {
-        dataSeries: new XyMovingAverageFilter(candleDataSeries, {
-          dataSeriesName: 'Moving Average (50)',
-          length: 50
-        }),
-        stroke: appTheme.VividPink
-      })
-    )
-
-    // Add volume data onto the chart
-    sciChartSurface.renderableSeries.add(
-      new FastColumnRenderableSeries(wasmContext, {
-        dataSeries: new XyDataSeries(wasmContext, { xValues, yValues: volumeValues, dataSeriesName: 'Volume' }),
-        strokeThickness: 0,
-        // This is how we get volume to scale - on a hidden YAxis
-        yAxisId: Y_AXIS_VOLUME_ID,
-        // This is how we colour volume bars red or green
-        paletteProvider: new VolumePaletteProvider(
-          candleDataSeries,
-          appTheme.VividGreen + '77',
-          appTheme.MutedRed + '77'
-        )
-      })
-    )
-
-    // Optional: Add some interactivity modifiers
-    sciChartSurface.chartModifiers.add(
-      new ZoomExtentsModifier(),
-      new ZoomPanModifier(),
-      new MouseWheelZoomModifier(),
-      new CursorModifier({
-        crosshairStroke: appTheme.VividOrange,
-        axisLabelFill: appTheme.VividOrange,
-        tooltipLegendTemplate: this.getTooltipLegendTemplate
-      })
-    )
-
-    // Add Overview chart. This will automatically bind to the parent surface
-    // displaying its series. Zooming the chart will zoom the overview and vice versa
-    const overview = await SciChartOverview.create(sciChartSurface, this.overview, {
-      theme: appTheme.SciChartJsTheme,
-      transformRenderableSeries: this.getOverviewSeries as any
-    })
-
-    return { sciChartSurface, overview, candlestickSeries, ohlcSeries }
-  }
-}

package/src/charts/volume-pallette-provider.ts

@@ -1,41 +0,0 @@
-import {
-  OhlcDataSeries,
-  IRenderableSeries,
-  EFillPaletteMode,
-  IFillPaletteProvider,
-  IPointMetadata,
-  parseColorToUIntArgb
-} from 'scichart'
-
-export class VolumePaletteProvider implements IFillPaletteProvider {
-  fillPaletteMode: EFillPaletteMode = EFillPaletteMode.SOLID
-  private ohlcDataSeries: OhlcDataSeries
-  private upColorArgb: number
-  private downColorArgb: number
-
-  constructor(masterData: OhlcDataSeries, upColor: string, downColor: string) {
-    this.upColorArgb = parseColorToUIntArgb(upColor)
-    this.downColorArgb = parseColorToUIntArgb(downColor)
-    this.ohlcDataSeries = masterData
-  }
-  onAttached(parentSeries: IRenderableSeries): void {}
-  onDetached(): void {}
-
-  // Return up or down color for the volume bars depending on Ohlc data
-  overrideFillArgb(xValue: number, yValue: number, index: number, opacity?: number, metadata?: IPointMetadata): number {
-    const isUpCandle =
-      this.ohlcDataSeries.getNativeOpenValues().get(index) >= this.ohlcDataSeries.getNativeCloseValues().get(index)
-    return isUpCandle ? this.upColorArgb : this.downColorArgb
-  }
-
-  // Override stroke as well, even though strokethickness is 0, because stroke is used if column thickness goes to 0.
-  overrideStrokeArgb(
-    xValue: number,
-    yValue: number,
-    index: number,
-    opacity?: number,
-    metadata?: IPointMetadata
-  ): number {
-    return this.overrideFillArgb(xValue, yValue, index, opacity, metadata)
-  }
-}

package/src/data/binance-rest-client.ts

@@ -1,74 +0,0 @@
-/**
- * Defines a price bar with Open, High, Low, Close and Date encoded as number
- */
-export type TPriceBar = {
-  date: number
-  open: number
-  high: number
-  low: number
-  close: number
-  volume: number
-}
-
-/**
- * Parses JSON candles into TPriceBar array
- * @param candles
- */
-const parseCandles = (candles: any[]): TPriceBar[] => {
-  const priceBars: TPriceBar[] = []
-
-  candles.forEach((candle: any) => {
-    const [timestamp, open, high, low, close, volume] = candle
-    const openValue = parseFloat(open)
-    const highValue = parseFloat(high)
-    const lowValue = parseFloat(low)
-    const closeValue = parseFloat(close)
-    const volumeValue = parseFloat(volume)
-
-    priceBars.push({
-      date: timestamp / 1000,
-      open: openValue,
-      high: highValue,
-      low: lowValue,
-      close: closeValue,
-      volume: volumeValue
-    })
-  })
-
-  return priceBars
-}
-
-/**
- * Fetches candles from Binance Rest API
- */
-const getCandles = async (
-  symbol: string,
-  interval: string,
-  startTime?: Date,
-  endTime?: Date,
-  limit: number = 500
-): Promise<TPriceBar[]> => {
-  let url = `https://api.binance.us/api/v3/klines?symbol=${symbol}&interval=${interval}`
-  if (startTime) {
-    url += `&startTime=${startTime.getTime()}`
-  }
-  if (endTime) {
-    url += `&endTime=${endTime.getTime()}`
-  }
-  if (limit) {
-    url += `&limit=${limit}`
-  }
-  try {
-    console.log(`SimpleBinanceClient: Fetching ${symbol} ${interval} from ${startTime} to ${endTime}`)
-    const response = await fetch(url)
-    const data = await response.json()
-    return parseCandles(data)
-  } catch (err) {
-    console.error(err)
-    return []
-  }
-}
-
-export const simpleBinanceRestClient = {
-  getCandles
-}

package/src/scichart-candle-stick.ts

@@ -1,60 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-const NATURE = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'select',
-      label: 'series',
-      name: 'series',
-      property: {
-        options: ['', 'candle-stick', 'ohlc']
-      }
-    }
-  ]
-}
-
-import './charts/sci-candle-stick-chart'
-import { Component, HTMLOverlayContainer, Properties, ComponentNature, error } from '@hatiolab/things-scene'
-
-import { SciCandleStockChart } from './charts/sci-candle-stick-chart'
-
-export default class ScichartCandleStick extends HTMLOverlayContainer {
-  static get nature(): ComponentNature {
-    return NATURE
-  }
-
-  dispose() {
-    super.dispose()
-  }
-
-  /*
-   * 컴포넌트의 생성 또는 속성 변화 시에 호출되며,
-   * 그에 따른 html element의 반영이 필요한 부분을 구현한다.
-   *
-   * ThingsComponent state => HTML element properties
-   */
-  setElementProperties(chart: SciCandleStockChart) {
-    const { series = 'candle-stick' } = this.state
-
-    chart.seriesType = series
-  }
-
-  /*
-   * 컴포넌트가 ready 상태가 되거나, 컴포넌트의 속성이 변화될 시 setElementProperties 뒤에 호출된다.
-   * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.
-   */
-  reposition() {
-    super.reposition()
-  }
-
-  get tagName() {
-    return 'sci-candle-stock-chart'
-  }
-}
-
-Component.register('scichart-candle-stick', ScichartCandleStick)