@operato/scene-mpi 1.3.7

package/dist/uuid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.js","sourceRoot":"","sources":["../src/uuid.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,IAAI;IAClB,MAAM,KAAK,GAAG,kBAAkB,CAAA;IAChC,MAAM,IAAI,GAAG,EAAE,CAAA;IACf,IAAI,MAAM,CAAA;IAEV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;YAChD,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;QACf,CAAC;aAAM,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;YACpB,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;QACf,CAAC;aAAM,CAAC;YACN,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;YACnC,CAAC;YACD,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;QAC3D,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtB,CAAC","sourcesContent":["export function uuid() {\n  const chars = '0123456789abcdef'\n  const uuid = []\n  let random\n\n  for (let i = 0; i < 36; i++) {\n    if (i === 8 || i === 13 || i === 18 || i === 23) {\n      uuid[i] = '-'\n    } else if (i === 14) {\n      uuid[i] = '4'\n    } else {\n      if (random === undefined || i % 6 === 0) {\n        random = (Math.random() * 16) | 0\n      }\n      uuid[i] = chars[i === 19 ? (random & 0x3) | 0x8 : random]\n    }\n  }\n\n  return uuid.join('')\n}\n"]}

package/helps/scene/component/auto-clicker.ko.md

@@ -0,0 +1,3 @@
+# legend[ko]
+
+## properties

package/helps/scene/component/auto-clicker.md

@@ -0,0 +1,3 @@
+# legend[en]
+
+## properties

package/helps/scene/component/auto-clicker.zh.md

@@ -0,0 +1,3 @@
+# legend[zh]
+
+## properties

package/helps/scene/component/boot-button.ko.md

@@ -0,0 +1,3 @@
+# legend[ko]
+
+## properties

package/helps/scene/component/boot-button.md

@@ -0,0 +1,3 @@
+# legend[en]
+
+## properties

package/helps/scene/component/boot-button.zh.md

@@ -0,0 +1,3 @@
+# legend[zh]
+
+## properties

package/helps/scene/component/gateway.ko.md

@@ -0,0 +1,3 @@
+# legend[ko]
+
+## properties

package/helps/scene/component/gateway.md

@@ -0,0 +1,3 @@
+# legend[en]
+
+## properties

package/helps/scene/component/gateway.zh.md

@@ -0,0 +1,3 @@
+# legend[zh]
+
+## properties

package/helps/scene/component/indicator.ko.md

@@ -0,0 +1,3 @@
+# legend[ko]
+
+## properties

package/helps/scene/component/indicator.md

@@ -0,0 +1,3 @@
+# legend[en]
+
+## properties

package/helps/scene/component/indicator.zh.md

@@ -0,0 +1,3 @@
+# legend[zh]
+
+## properties

package/helps/scene/component/reply-button.ko.md

@@ -0,0 +1,3 @@
+# legend[ko]
+
+## properties

package/helps/scene/component/reply-button.md

@@ -0,0 +1,3 @@
+# legend[en]
+
+## properties

package/helps/scene/component/reply-button.zh.md

@@ -0,0 +1,3 @@
+# legend[zh]
+
+## properties

package/helps/scene/component/seven-segment.ko.md

@@ -0,0 +1,3 @@
+# legend[ko]
+
+## properties

package/helps/scene/component/seven-segment.md

@@ -0,0 +1,3 @@
+# legend[en]
+
+## properties

package/helps/scene/component/seven-segment.zh.md

@@ -0,0 +1,3 @@
+# legend[zh]
+
+## properties

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@operato/scene-mpi",
+  "description": "Multi-purpose indicator integration component for things-scene",
+  "author": "heartyoh",
+  "version": "1.3.7",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "license": "MIT",
+  "things-scene": true,
+  "publishConfig": {
+    "access": "public",
+    "@oprato:registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/things-scene/operato-scene.git",
+    "directory": "packages/mpi"
+  },
+  "scripts": {
+    "serve": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"things-factory-dev\"",
+    "serve:dev": "npm run serve",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc",
+    "prepublish": "tsc",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "migration": "things-factory-migration"
+  },
+  "dependencies": {
+    "@hatiolab/things-scene": "^3.2.0"
+  },
+  "devDependencies": {
+    "@hatiolab/prettier-config": "^1.0.0",
+    "@things-factory/builder": "^6.0.0",
+    "@things-factory/operato-board": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
+    "@web/dev-server": "^0.1.28",
+    "concurrently": "^8.0.1",
+    "eslint": "^8.39.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.4.1",
+    "tslib": "^2.3.1",
+    "typescript": "^5.0.4"
+  },
+  "prettier": "@hatiolab/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "gitHead": "1a9537c359f06a220491b213794c9747ab6e5a24"
+}

package/src/auto-clicker.ts

@@ -0,0 +1,97 @@
+import { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'
+import { consoleLogger } from './gateway-on-message'
+
+const NATURE: ComponentNature = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [
+    {
+      type: 'select',
+      name: 'switch',
+      label: 'switch',
+      placeholder: 'false',
+      property: {
+        options: [
+          {
+            display: 'OFF',
+            value: 'false'
+          },
+          {
+            display: 'ON',
+            value: 'true'
+          }
+        ]
+      }
+    },
+    {
+      type: 'string',
+      name: 'target',
+      label: 'target',
+      placeholder: ''
+    },
+    {
+      type: 'number',
+      name: 'interval',
+      label: 'interval',
+      placeholder: '0'
+    }
+  ],
+  help: 'scene/component/auto-clicker'
+}
+
+export default class AutoClicker extends RectPath(Shape) {
+  autoClicker: any
+
+  dispose() {
+    clearInterval(this.autoClicker)
+    delete this.autoClicker
+    super.dispose()
+  }
+
+  render(context: CanvasRenderingContext2D) {
+    var { left, top, width, height } = this.bounds
+
+    context.beginPath()
+
+    context.rect(left, top, width, height)
+
+    this.drawFill(context)
+    this.drawStroke(context)
+  }
+
+  onmousedown(e: Event, hint: any) {
+    var autoClicker = () => {
+      this.autoClicker = setTimeout(() => {
+        //@ts-ignore
+        target?.onmousedown.call(target, e, hint)
+        autoClicker()
+      }, interval)
+    }
+
+    var pp = { true: true, false: false }
+    //@ts-ignore
+    var currentSwitchState = pp[this.getState('switch')]
+    var interval = this.getState('interval')
+    var target = this.root.findById(this.getState('target'))
+
+    this.setState('switch', !currentSwitchState)
+    currentSwitchState = !currentSwitchState
+
+    this.text = currentSwitchState ? 'ON' : 'OFF'
+    this.setState('fontColor', currentSwitchState ? 'rgb(0, 173, 31)' : 'rgb(254, 3, 3)')
+    consoleLogger('Auto response:', currentSwitchState)
+
+    if (currentSwitchState && target && interval >= 1000) {
+      autoClicker()
+    } else {
+      clearTimeout(this.autoClicker)
+    }
+  }
+
+  get nature() {
+    return NATURE
+  }
+}
+
+Component.register('auto-clicker', AutoClicker)

package/src/boot-button.ts

@@ -0,0 +1,112 @@
+const boot = new URL('../../icons/boot-button.png', import.meta.url).href
+import { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'
+
+import { uuid } from './uuid'
+
+import { consoleLogger } from './gateway-on-message'
+
+export const buttons = [
+  {
+    icon: boot,
+    handler: onclickBoot
+  }
+]
+
+const BUTTONS_MARGIN = 10
+
+const NATURE: ComponentNature = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [
+    {
+      type: 'string',
+      name: 'publisher',
+      label: 'publisher'
+    }
+  ],
+  help: 'scene/component/boot-button'
+}
+
+export default class BootButton extends RectPath(Shape) {
+  static _image: HTMLImageElement
+
+  static get image() {
+    if (!BootButton._image) {
+      BootButton._image = new Image()
+      BootButton._image.src = boot
+    }
+
+    return BootButton._image
+  }
+
+  get publisher() {
+    if (this.state.publisher) {
+      return this.root.findById(this.state.publisher)
+    }
+  }
+
+  render(context: CanvasRenderingContext2D) {
+    var { left, top, width, height } = this.bounds
+
+    context.beginPath()
+
+    context.rect(left, top, width, height)
+
+    this.drawFill(context)
+    this.drawStroke(context)
+
+    this.drawImage(context, BootButton.image, left, top, width, height)
+  }
+
+  onmousedown(e: MouseEvent, hint: any) {
+    var { left, top, width, height } = this.bounds
+
+    var { x, y } = this.transcoordC2S(e.offsetX, e.offsetY)
+
+    var button = this.buttonContains(x - left - BUTTONS_MARGIN, y - top - BUTTONS_MARGIN)
+    if (button) {
+      button.handler(this)
+    }
+  }
+
+  buttonContains(x: number, y: number) {
+    return buttons[0]
+  }
+
+  get nature() {
+    return NATURE
+  }
+}
+
+function onclickBoot(button: BootButton) {
+  consoleLogger('onclickBoot')
+  if (!button.data) return
+  var gateways = button.data
+  for (let i = 0; i < gateways.length; i++) {
+    // var gatewayObjects = gateways.map((value, index) => {
+    //   return this.root.findById(value);
+    // }, this);
+
+    // gatewayObjects.forEach((gateway, index) => {
+    //   gateway.boot();
+    // });
+    button.publisher!.data = {
+      properties: {
+        id: uuid(),
+        time: Date.now(),
+        dest_id: 'mps_server',
+        source_id: gateways[i],
+        is_reply: false
+      },
+      body: {
+        action: 'GW_INIT_REQ',
+        id: gateways[i]
+      }
+    }
+
+    consoleLogger('sent GW_INIT_REQ', button.publisher!.data)
+  }
+}
+
+Component.register('boot-button', BootButton)

package/src/gateway-on-button.ts

@@ -0,0 +1,97 @@
+const start = new URL('../../icons/button-start.png', import.meta.url).href
+const stop = new URL('../../icons/button-stop.png', import.meta.url).href
+const status = new URL('../../icons/button-status.png', import.meta.url).href
+const error = new URL('../../icons/button-error.png', import.meta.url).href
+
+import Gateway from './gateway'
+import { consoleLogger } from './gateway-on-message'
+
+export const buttons = [
+  {
+    icon: start,
+    handler: onclickStart
+  },
+  {
+    icon: stop,
+    handler: onclickStop
+  },
+  {
+    icon: status,
+    handler: onclickStatus
+  },
+  {
+    icon: error,
+    handler: onclickError
+  },
+  {
+    icon: status,
+    handler: onclickTimesync
+  }
+]
+
+function onclickStart(gateway: Gateway) {
+  // Boot
+  // 전원 ON
+  consoleLogger('onclickStart')
+  gateway.boot()
+}
+
+function onclickStop(gateway: Gateway) {
+  // 전원 OFF
+  consoleLogger('onclickStop')
+  gateway.off()
+}
+
+function onclickStatus(gateway: Gateway) {
+  consoleLogger('onclickStatus')
+  if (gateway.state.power_flag == 'false') return
+
+  ////////random indicator////////
+  var indicator = gateway.indicators[Math.floor(Math.random() * gateway.indicators.length)]
+
+  gateway.replyPublisher!.data = {
+    properties: gateway.generateMessageProperties(),
+    body: {
+      action: 'IND_STATUS_RPT',
+      id: indicator.model.id,
+      version: indicator.version,
+      status: Math.random() > 0.5 ? 'ok' : 'offline', // random status
+      rssi: Math.floor(Math.random() * 100).toString(),
+      battery: Math.floor(Math.random() * 100).toString()
+      // status: (indicator.state.boot_flag == "true") ? "ok" : "offline"
+    }
+  }
+  consoleLogger('sent IND_STATUS_RPT', gateway.replyPublisher!.data)
+  ////////////////////////////////
+}
+
+function onclickError(gateway: Gateway) {
+  consoleLogger('onclickError')
+  if (gateway.state.power_flag == 'false') return
+
+  let hwgb = Math.random()
+
+  gateway.replyPublisher!.data = {
+    properties: gateway.generateMessageProperties(),
+    body: {
+      action: 'ERR_RPT',
+      hw_gb: hwgb > 0.5 ? 'gw' : 'ind',
+      id: hwgb > 0.5 ? gateway.model.id : gateway.indicators[Math.floor(hwgb * gateway.indicators.length * 2)].model.id,
+      message: ['ERR001', 'ERR002', 'ERR003', 'ERR004', 'ERR005', 'ERR006'][Math.floor(Math.random() * 6)]
+    }
+  }
+  consoleLogger('sent ERR_RPT', gateway.replyPublisher!.data)
+}
+
+function onclickTimesync(gateway: Gateway) {
+  consoleLogger('onclickTimesync')
+  if (gateway.state.power_flag == 'false') return
+
+  gateway.replyPublisher!.data = {
+    properties: gateway.generateMessageProperties(),
+    body: {
+      action: 'TIMESYNC_REQ'
+    }
+  }
+  consoleLogger('sent TIMESYNC_REQ', gateway.replyPublisher!.data)
+}