@operato/scene-scichart 8.0.0-alpha.1 → 8.0.0-alpha.5

package/dist/scichart-timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../src/scichart-timeseries.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,OAAO;SACd;KACF;IACD,IAAI,EAAE,qCAAqC;CAC5C,CAAA;AAED,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAsC,MAAM,wBAAwB,CAAA;AAI5G,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB;IAClE,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,oBAAoB,CAAC,QAAoB;QACvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAElC,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAA;QACvB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;IACtB,CAAC;IAED,IAAI,OAAO;QACT,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,KAAiB,EAAE,MAAkB;QACtD,CAAC;QAAC,IAAI,CAAC,OAAsB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IAChD,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'scichart',\n      label: '',\n      name: 'chart'\n    }\n  ],\n  help: 'scene/component/scichart-timeseries'\n}\n\nimport './charts/ox-scichart'\n\nimport { Component, HTMLOverlayContainer, Properties, ComponentNature, error } from '@hatiolab/things-scene'\n\nimport { OxSciChart } from './charts/ox-scichart'\n\nexport default class ScichartTimeSeries extends HTMLOverlayContainer {\n  static get nature() {\n    return NATURE\n  }\n\n  setElementProperties(scichart: OxSciChart) {\n    const { data, chart } = this.state\n\n    scichart.config = chart\n    scichart.data = data\n  }\n\n  get tagName() {\n    return 'ox-scichart'\n  }\n\n  async onchangeData(after: Properties, before: Properties): Promise<void> {\n    ;(this.element as OxSciChart).data = this.data\n  }\n}\n\nComponent.register('scichart-timeseries', ScichartTimeSeries)\n"]}
+{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../src/scichart-timeseries.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,OAAO;SACd;KACF;IACD,IAAI,EAAE,qCAAqC;CAC5C,CAAA;AAED,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAsC,MAAM,wBAAwB,CAAA;AAI5G,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB;IAClE,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,oBAAoB,CAAC,QAAoB;QACvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAElC,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAA;QACvB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;IACtB,CAAC;IAED,OAAO;;QACL,KAAK,CAAC,OAAO,EAAE,CACd;QAAA,MAAC,IAAI,CAAC,OAAsB,0CAAE,OAAO,EAAE,CAAA;IAC1C,CAAC;IAED,IAAI,OAAO;QACT,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,KAAiB,EAAE,MAAkB;QACtD,CAAC;QAAC,IAAI,CAAC,OAAsB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IAChD,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'scichart',\n      label: '',\n      name: 'chart'\n    }\n  ],\n  help: 'scene/component/scichart-timeseries'\n}\n\nimport './charts/ox-scichart'\n\nimport { Component, HTMLOverlayContainer, Properties, ComponentNature, error } from '@hatiolab/things-scene'\n\nimport { OxSciChart } from './charts/ox-scichart'\n\nexport default class ScichartTimeSeries extends HTMLOverlayContainer {\n  static get nature() {\n    return NATURE\n  }\n\n  setElementProperties(scichart: OxSciChart) {\n    const { data, chart } = this.state\n\n    scichart.config = chart\n    scichart.data = data\n  }\n\n  dispose() {\n    super.dispose()\n    ;(this.element as OxSciChart)?.dispose()\n  }\n\n  get tagName() {\n    return 'ox-scichart'\n  }\n\n  async onchangeData(after: Properties, before: Properties): Promise<void> {\n    ;(this.element as OxSciChart).data = this.data\n  }\n}\n\nComponent.register('scichart-timeseries', ScichartTimeSeries)\n"]}

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -6,14 +6,9 @@
     "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
     "files": [
         {
-            "date": 1724601435254,
-            "name": "logs/application-2024-08-26-00.log",
-            "hash": "4037025dba777894c55d5e4bc59e2297e1cd91be6e074c7f25426dddd97cbf7f"
-        },
-        {
-            "date": 1724602619802,
-            "name": "logs/application-2024-08-26-01.log",
-            "hash": "a45c28889264712cfec060e8532b121389ad61ae766bd58a89c1856b1c862cb0"
+            "date": 1725979234139,
+            "name": "logs/application-2024-09-10-23.log",
+            "hash": "07d6de8388f92f930a04a82a8ee25b42aadc7af7a6a82b9a930afb68092e3c5f"
         }
     ],
     "hashType": "sha256"

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -6,14 +6,9 @@
     "auditLog": "logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json",
     "files": [
         {
-            "date": 1724601437458,
-            "name": "logs/connections-2024-08-26-00.log",
-            "hash": "42a9ee628c97878de90cea6a346c8dac1603315c6e452c62ff3752fb5796cc66"
-        },
-        {
-            "date": 1724602621749,
-            "name": "logs/connections-2024-08-26-01.log",
-            "hash": "a876641c5f2acc2c321351501cc4b653934383a4505bf6553d9b98a295344435"
+            "date": 1725979235985,
+            "name": "logs/connections-2024-09-10-23.log",
+            "hash": "b919c1329e044407cdbe5bf3a4aa6f9a323695bdea96001c3d4abf922566ad11"
         }
     ],
     "hashType": "sha256"

package/logs/{application-2024-08-26-00.log → application-2024-09-10-23.log}

@@ -1,5 +1,5 @@
-2024-08-26T00:57:16+09:00 info: File Storage is Ready.
-2024-08-26T00:57:17+09:00 error: Error: Cannot find module 'oracledb'
+2024-09-10T23:40:35+09:00 info: File Storage is Ready.
+2024-09-10T23:40:36+09:00 error: Error: Cannot find module 'oracledb'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/connector/oracle-connector.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/connector/index.js
@@ -25,7 +25,7 @@ Require stack:
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-08-26T00:57:18+09:00 error: Error: Cannot find module 'oracledb'
+2024-09-10T23:40:36+09:00 error: Error: Cannot find module 'oracledb'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/task/oracle-procedure.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/task/index.js
@@ -51,7 +51,7 @@ Require stack:
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-08-26T00:57:18+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
+2024-09-10T23:40:36+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/controllers/print.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/controllers/index.js
@@ -76,7 +76,7 @@ Require stack:
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-08-26T00:57:18+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
+2024-09-10T23:40:36+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/print-service/dist-server/middlewares/index.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/print-service/dist-server/index.js
@@ -100,8 +100,6 @@ Require stack:
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-08-26T00:57:19+09:00 info: Default DataSource established
-2024-08-26T00:57:20+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
-2024-08-26T00:57:20+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql
-2024-08-26T00:59:44+09:00 error: Error: read ECONNRESET
-    at TCP.onStreamRead (node:internal/stream_base_commons:218:20)
+2024-09-10T23:40:37+09:00 info: Default DataSource established
+2024-09-10T23:40:38+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2024-09-10T23:40:38+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/connections-2024-09-10-23.log

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-scichart",
   "description": "scichart wrapping component",
-  "version": "8.0.0-alpha.1",
+  "version": "8.0.0-alpha.5",
   "license": "MIT",
   "things-scene": true,
   "author": "heartyoh",
@@ -59,5 +59,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "73793b35016b1c52bbf3b6e73c6320307bddaf16"
+  "gitHead": "940cd59207998b4a1d891081f8fe821f7516a9c6"
 }

package/schema.graphql

@@ -201,6 +201,7 @@ type Attachment {
   refBy: String
   refType: String
   size: String!
+  tags: Object
   updatedAt: DateTimeISO!
   updater: User
 }
@@ -219,6 +220,7 @@ input AttachmentPatch {
   name: String
   refBy: String
   refType: String
+  tags: Object
 }
 
 """Entity for AttributeSet"""
@@ -2363,6 +2365,7 @@ input NewAttachment {
   file: Upload!
   refBy: String
   refType: String
+  tags: Object
 }
 
 input NewAttributeSet {

package/src/charts/ox-scichart-multiple.ts

@@ -95,6 +95,34 @@ export class OxSciChartMultiple extends LitElement {
     await this.createOverviewChart()
   }
 
+  dispose() {
+    // 그룹 차트 자원 해제
+    this.groupCharts.forEach(chart => {
+      if (chart.sciChartSurface) {
+        this.synchronizer.removeAxis(chart.sciChartSurface.xAxes.get(0))
+        this.verticalGroup.removeSurface(chart.sciChartSurface)
+
+        // 각 데이터 시리즈 명시적으로 해제
+        chart.dataSeries.forEach(ds => ds.delete())
+
+        // 차트 삭제
+        chart.sciChartSurface.delete()
+      }
+    })
+
+    // 오버뷰 차트 자원 해제
+    if (this.overviewChart) {
+      this.overviewChart.sciChartSurface.renderableSeries.clear()
+      this.overviewDataSeries.forEach(ds => ds.delete())
+      this.overviewChart.sciChartSurface.delete()
+      this.overviewDataSeries.length = 0
+    }
+
+    // 사용된 그룹, 오버뷰 데이터 초기화
+    this.groupCharts.length = 0
+    this.overviewChart = null
+  }
+
   async createOverviewChart() {
     const { chart, dataSeries } =
       (await buildSciChartOverview(

package/src/charts/ox-scichart.ts

@@ -53,6 +53,22 @@ export class OxSciChart extends LitElement {
     this.dataSeries = dataSeries!
   }
 
+  dispose() {
+    // 데이터 시리즈 해제
+    this.dataSeries.forEach(ds => ds.delete())
+    this.dataSeries = []
+
+    // SciChartSurface 해제
+    if (this.chart?.sciChartSurface) {
+      this.chart.sciChartSurface.renderableSeries.clear() // 렌더러 시리즈 제거
+      this.chart.sciChartSurface.xAxes.clear() // X축 제거
+      this.chart.sciChartSurface.yAxes.clear() // Y축 제거
+      this.chart.sciChartSurface.delete() // SciChartSurface 삭제
+    }
+
+    this.chart = null // chart 객체 초기화
+  }
+
   async updated(changedProperties: Map<string | number | symbol, unknown>) {
     var needDataUpdate = false
 

package/src/charts/scichart-builder.ts

@@ -49,13 +49,56 @@ import {
 } from 'scichart'
 import { AxisSynchroniser } from './axis-synchronizer'
 
-SciChartSurface.UseCommunityLicense()
-
 SciChartSurface.configure({
   dataUrl: `/node_modules/scichart/_wasm/scichart2d.data`,
   wasmUrl: `/node_modules/scichart/_wasm/scichart2d.wasm`
 })
 
+var licenseInitialized: boolean = false
+
+// 커뮤니티 라이선스 적용 함수
+function useCommunityLicense() {
+  SciChartSurface.UseCommunityLicense()
+}
+
+// SciChart 라이선스 설정 함수
+async function fetchSciChartLicense() {
+  try {
+    const response = await fetch('/frontend-config/scichart')
+    if (response.ok) {
+      const { licenseKey = '' } = (await response.json()) || {}
+
+      if (licenseKey) {
+        SciChartSurface.setRuntimeLicenseKey(licenseKey)
+        console.log('SciChart license key setting complete')
+      } else {
+        console.warn('License key not found. Using community version.')
+        useCommunityLicense()
+      }
+    } else {
+      console.warn('License server response not found. Using community version.')
+      useCommunityLicense()
+    }
+  } catch (error) {
+    console.error('Error fetching license. Using community version:', error)
+    useCommunityLicense()
+  }
+}
+
+// SciChart 초기화 함수
+async function initializeSciChartLicense() {
+  if (!licenseInitialized) {
+    if (window.location.hostname === 'localhost') {
+      console.warn('Localhost detected. Using SciChart community license.')
+      useCommunityLicense() // localhost인 경우 커뮤니티 라이선스 적용
+    } else {
+      await fetchSciChartLicense() // 서버에서 라이선스 키 가져오기
+    }
+
+    licenseInitialized = true
+  }
+}
+
 export const DEFAULT_COLOR = '#FF6600'
 const DEFAULT_STROKE = '#000000'
 const POINT_MARKER_SIZE = 10
@@ -265,6 +308,8 @@ export async function buildSciChart(
 ): Promise<{ chart: any; dataSeries: any[] } | undefined> {
   if (!config) return
 
+  await initializeSciChartLicense()
+
   const { type: chartType, options, data: fromData } = config
   const { datasets = [] } = fromData || {}
   var {

package/src/scichart-multiple-timeseries.ts

@@ -33,6 +33,11 @@ export default class ScichartMultipleTimeseries extends HTMLOverlayContainer {
     return NATURE
   }
 
+  dispose() {
+    super.dispose()
+    ;(this.element as OxSciChartMultiple)?.dispose()
+  }
+
   setElementProperties(scichart: OxSciChartMultiple) {
     const { data, chart, showOverview, visibleSeries } = this.state
 

package/src/scichart-timeseries.ts

@@ -34,6 +34,11 @@ export default class ScichartTimeSeries extends HTMLOverlayContainer {
     scichart.data = data
   }
 
+  dispose() {
+    super.dispose()
+    ;(this.element as OxSciChart)?.dispose()
+  }
+
   get tagName() {
     return 'ox-scichart'
   }