@fmsim/machine 0.0.68 → 0.0.69

package/src/data-subscription.ts

@@ -1,141 +0,0 @@
-import { SubscriptionClient } from '@things-factory/restful-subscriptions-transport-ws'
-import { Component, ComponentNature, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
-import { getRestServiceFullPath } from '@fmsim/api/restful.js'
-
-const COMPONENT_IMAGE = new URL('../icons/symbol-data-subscription.png', import.meta.url).href
-
-const NATURE: ComponentNature = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'string',
-      label: 'tag',
-      name: 'tag'
-    }
-  ],
-  'value-property': 'tag',
-  help: 'scene/component/data-subscription'
-}
-
-export default class DataSubscription extends DataSource(RectPath(Shape)) {
-  static _image
-  subscription
-  client
-  disposed
-
-  static get image() {
-    if (!DataSubscription._image) {
-      DataSubscription._image = new Image()
-      DataSubscription._image.src = COMPONENT_IMAGE
-    }
-
-    return DataSubscription._image
-  }
-
-  dispose() {
-    if (this.subscription) {
-      this.subscription.unsubscribe()
-    }
-    if (this.client) {
-      this.client.unsubscribeAll()
-      this.client.close(true)
-    }
-
-    super.dispose()
-  }
-
-  render(context) {
-    var { left, top, width, height } = this.bounds
-
-    context.beginPath()
-    this.drawImage(context, DataSubscription.image, left, top, width, height)
-  }
-
-  ready() {
-    this._initDataSubscription()
-  }
-
-  get nature() {
-    return NATURE
-  }
-
-  get tag() {
-    return this.state.tag
-  }
-
-  set tag(tag) {
-    this.setState('tag', tag)
-  }
-
-  _initDataSubscription() {
-    if (!this.app.isViewMode) return
-
-    this.requestData()
-  }
-
-  async requestData() {
-    var { tag } = this.state
-    var self = this
-    var query = `"${tag}"`
-
-    let wsKey = this.guid()
-    var endpoint = getRestServiceFullPath().replace(/^http/, 'ws') + '/ws/fmbServer/' + wsKey
-    this.client = new SubscriptionClient(
-      endpoint,
-      {
-        reconnect: true,
-        connectionParams: {
-          headers: {
-            /* 
-              특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.
-              referer: location.href
-              또는, 이미 서브도메인 정보를 알고 있다면,
-              'x-things-factory-domain': '[subdomain]'
-              을 보낼 수 있다.
-              관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.
-            */
-            referer: location.href
-          }
-        }
-      },
-      null,
-      undefined,
-      wsKey
-    )
-
-    this.client.onError(e => {
-      var client = this.client
-      // 보드가 실행중이면 재시도, 아니면 재연결 취소
-      if (this.disposed) {
-        client.reconnect = false
-
-        this.client.unsubscribeAll()
-        this.client.close(true)
-      }
-    })
-
-    this.client.onConnected(() => {
-      console.log('connected')
-    })
-
-    this.subscription = this.client.request({ query }).subscribe({
-      next({ data }) {
-        if (data) {
-          self.data = data.data.data
-        }
-      }
-    })
-    console.log('this.subscription : ', this.subscription)
-  }
-
-  guid() {
-    function s4() {
-      return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
-    }
-    return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4()
-  }
-}
-
-Component.register('data-subscription', DataSubscription)

package/src/features/client-api-restful.ts

@@ -1,45 +0,0 @@
-import { getThemes } from '@fmsim/api/restful.js'
-
-export const themesColorMap = async () => {
-  var result = (await getThemes())?.data
-  if (!result || !result.status) {
-    document.dispatchEvent(
-      new CustomEvent('notify', {
-        detail: {
-          level: 'info',
-          message: `Fetch Connection List Error!`
-        }
-      })
-    )
-  }
-
-  const items = ((result && result.themeList.items) || [])
-    .filter((item: any) => item.type == 'color-map')
-    .map((item: any) => item.name)
-
-  const sorted = items.sort()
-
-  return [''].concat(sorted)
-}
-
-export const themesColorRange = async () => {
-  var result = (await getThemes())?.data
-  if (!result || !result.status) {
-    document.dispatchEvent(
-      new CustomEvent('notify', {
-        detail: {
-          level: 'info',
-          message: `Fetch Connection List Error!`
-        }
-      })
-    )
-  }
-
-  const items = ((result && result.themeList.items) || [])
-    .filter((item: any) => item.type == 'color-ranges')
-    .map((item: any) => item.name)
-
-  const sorted = items.sort()
-
-  return [''].concat(sorted)
-}

package/src/features/client-api.ts

@@ -1,52 +0,0 @@
-import gql from 'graphql-tag'
-
-import { client } from '@operato/graphql'
-
-export const themesColorMap = async () => {
-  var response = await client.query({
-    query: gql`
-      query {
-        themes {
-          items {
-            name
-            type
-          }
-        }
-      }
-    `
-  })
-
-  if (response.errors) {
-    return ['']
-  }
-
-  const items = response.data.themes.items.filter((item: any) => item.type == 'color-map').map((item: any) => item.name)
-  const sorted = items.sort()
-
-  return [''].concat(sorted)
-}
-
-export const themesColorRange = async () => {
-  var response = await client.query({
-    query: gql`
-      query {
-        themes {
-          items {
-            name
-            type
-          }
-        }
-      }
-    `
-  })
-  if (response.errors) {
-    return ['']
-  }
-
-  const items = response.data.themes.items
-    .filter((item: any) => item.type == 'color-ranges')
-    .map((item: any) => item.name)
-  const sorted = items.sort()
-
-  return [''].concat(sorted)
-}