@operato/scene-scichart 8.0.0-alpha.0 → 8.0.0-alpha.2

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.0",
+  "version": "8.0.0-alpha.2",
   "license": "MIT",
   "things-scene": true,
   "author": "heartyoh",
@@ -27,14 +27,14 @@
     "migration": "things-factory-migration"
   },
   "dependencies": {
-    "@hatiolab/things-scene": "^3.2.0",
+    "@hatiolab/things-scene": "^8.0.0-alpha",
     "@operato/chart": "^8.0.0-alpha",
     "scichart": "^3.4.617"
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@things-factory/builder": "^7.0.0",
-    "@things-factory/operato-board": "^7.0.0",
+    "@things-factory/builder": "^8.0.0-alpha",
+    "@things-factory/operato-board": "^8.0.0-alpha",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.28",
@@ -59,5 +59,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "bcfeeca92c274cb1fb20be92e1ca57bae46fd1b6"
+  "gitHead": "b2075b8c239d6d257f545dca9cf3c2098c1bd535"
 }

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,36 @@ export class OxSciChartMultiple extends LitElement {
     await this.createOverviewChart()
   }
 
+  disconnectedCallback(): void {
+    super.disconnectedCallback()
+
+    // 그룹 차트 자원 해제
+    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,24 @@ export class OxSciChart extends LitElement {
     this.dataSeries = dataSeries!
   }
 
+  disconnectedCallback(): void {
+    super.disconnectedCallback()
+
+    // 데이터 시리즈 해제
+    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 {