@operato/scene-mpi 1.3.7

package/src/seven-segment.ts

@@ -0,0 +1,162 @@
+const NATURE: ComponentNature = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [
+    {
+      type: 'string',
+      label: 'value',
+      name: 'value',
+      placeholder: '12:34:56'
+    },
+    {
+      type: 'string',
+      label: 'pattern',
+      name: 'pattern',
+      placeholder: '##:##:##'
+    },
+    {
+      type: 'number',
+      label: 'digit height',
+      name: 'digitHeight',
+      placeholder: '20'
+    },
+    {
+      type: 'number',
+      label: 'digit width',
+      name: 'digitWidth',
+      placeholder: '10'
+    },
+    {
+      type: 'number',
+      label: 'digit distance',
+      name: 'digitDistance',
+      placeholder: '2.5'
+    },
+    {
+      type: 'number',
+      label: 'display angle',
+      name: 'displayAngle',
+      placeholder: '12'
+    },
+    {
+      type: 'number',
+      label: 'segment width',
+      name: 'segmentWidth',
+      placeholder: '2.5'
+    },
+    {
+      type: 'number',
+      label: 'segment distance',
+      name: 'segmentDistance',
+      placeholder: '0.2'
+    },
+    {
+      type: 'select',
+      label: 'segment count',
+      name: 'segmentCount',
+      property: {
+        options: [
+          {
+            display: 7,
+            value: 7
+          },
+          {
+            display: 14,
+            value: 14
+          },
+          {
+            display: 16,
+            value: 16
+          }
+        ]
+      }
+    },
+    {
+      type: 'select',
+      label: 'corner type',
+      name: 'cornerType',
+      property: {
+        options: [
+          {
+            display: 'SymmetricCorner',
+            value: 0
+          },
+          {
+            display: 'SquaredCorner',
+            value: 1
+          },
+          {
+            display: 'RoundedCorner',
+            value: 2
+          }
+        ]
+      }
+    },
+    {
+      type: 'color',
+      label: 'color-on',
+      name: 'colorOn'
+    },
+    {
+      type: 'color',
+      label: 'color-off',
+      name: 'colorOff'
+    }
+  ],
+  'value-property': 'value',
+  help: 'scene/component/seven-segment'
+}
+
+import { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'
+import SegmentDisplay from './segment-display'
+
+export default class SevenSegment extends RectPath(Shape) {
+  render(context: CanvasRenderingContext2D) {
+    var {
+      top,
+      left,
+      height,
+      width,
+      pattern = '##:##:##',
+      value = '12:34:56',
+      digitHeight = 20,
+      digitWidth = 10,
+      digitDistance = 2.5,
+      displayAngle = 12,
+      segmentWidth = 2.5,
+      segmentDistance = 0.2,
+      segmentCount = SegmentDisplay.SevenSegment,
+      cornerType = SegmentDisplay.RoundedCorner,
+      colorOn = 'rgb(233, 93, 15)',
+      colorOff = 'rgb(75, 30, 5)'
+    } = this.state
+
+    var display = new SegmentDisplay(width, height)
+    display.pattern = pattern
+    display.displayAngle = displayAngle
+    display.digitHeight = digitHeight
+    display.digitWidth = digitWidth
+    display.digitDistance = digitDistance
+    display.segmentWidth = segmentWidth
+    display.segmentDistance = segmentDistance
+    display.segmentCount = segmentCount
+    display.cornerType = cornerType
+    display.colorOn = colorOn
+    display.colorOff = colorOff
+
+    display.setValue(String(value))
+
+    context.translate(left, top)
+
+    display.draw(context)
+
+    context.beginPath()
+  }
+
+  get nature() {
+    return NATURE
+  }
+}
+
+Component.register('seven-segment', SevenSegment)

package/src/templates/auto-clicker.ts

@@ -0,0 +1,19 @@
+const icon = new URL('../../icons/no-image.png', import.meta.url).href
+
+export default {
+  type: 'auto-clicker',
+  description: 'auto clicking target',
+  group: 'IoT',
+  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+  icon,
+  model: {
+    type: 'auto-clicker',
+    left: 100,
+    top: 100,
+    width: 100,
+    height: 100,
+    fillStyle: 'white',
+    strokeStyle: 'black',
+    switch: 'false'
+  }
+}

package/src/templates/boot-button.ts

@@ -0,0 +1,18 @@
+const icon = new URL('../../icons/icon-boot-button.png', import.meta.url).href
+
+export default {
+  type: 'boot-button',
+  description: 'all gateway boot',
+  group: 'IoT',
+  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+  icon,
+  model: {
+    type: 'boot-button',
+    left: 100,
+    top: 100,
+    width: 500,
+    height: 500,
+    fillStyle: 'transparent',
+    strokeStyle: 'transparent'
+  }
+}

package/src/templates/gateway.ts

@@ -0,0 +1,18 @@
+const icon = new URL('../../icons/icon-gateway.png', import.meta.url).href
+
+export default {
+  type: 'gateway',
+  description: 'multi-purpose indicator gateway',
+  group: 'IoT',
+  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+  icon,
+  model: {
+    type: 'gateway',
+    left: 10,
+    top: 10,
+    width: 800,
+    height: 600,
+    fillStyle: 'cyan',
+    strokeStyle: 'darkgray'
+  }
+}

package/src/templates/index.ts

@@ -0,0 +1,15 @@
+import indicator from './indicator'
+import gateway from './gateway'
+import sevenSegment from './seven-segment'
+import bootButton from './boot-button'
+import replyButton from './reply-button'
+// import autoClicker from './auto-clicker'
+
+export default [
+  indicator,
+  gateway,
+  sevenSegment,
+  bootButton,
+  replyButton
+  // autoClicker
+]

package/src/templates/indicator.ts

@@ -0,0 +1,18 @@
+const icon = new URL('../../icons/icon-indicator.png', import.meta.url).href
+
+export default {
+  type: 'indicator',
+  description: 'multi-purpose indicator',
+  group: 'IoT',
+  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+  icon,
+  model: {
+    type: 'indicator',
+    left: 10,
+    top: 10,
+    width: 449,
+    height: 53,
+    fillStyle: 'black',
+    strokeStyle: 'darkgray'
+  }
+}

package/src/templates/reply-button.ts

@@ -0,0 +1,18 @@
+const icon = new URL('../../icons/icon-reply-button.png', import.meta.url).href
+
+export default {
+  type: 'reply-button',
+  description: 'all mpi response',
+  group: 'IoT',
+  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+  icon,
+  model: {
+    type: 'reply-button',
+    left: 100,
+    top: 100,
+    width: 500,
+    height: 500,
+    fillStyle: 'transparent',
+    strokeStyle: 'transparent'
+  }
+}

package/src/templates/seven-segment.ts

@@ -0,0 +1,30 @@
+const icon = new URL('../../icons/icon-seven-segment.png', import.meta.url).href
+
+export default {
+  type: 'seven-segment',
+  description: 'electric seven segment emulator',
+  group: 'IoT',
+  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+  icon,
+  model: {
+    type: 'seven-segment',
+    left: 10,
+    top: 10,
+    width: 200,
+    height: 300,
+    fillStyle: 'black',
+    strokeStyle: 'darkgray',
+    pattern: '##:##:##',
+    value: '12:34:56',
+    digitHeight: 20,
+    digitWidth: 10,
+    digitDistance: 2.5,
+    displayAngle: 12,
+    segmentWidth: 2.5,
+    segmentDistance: 0.2,
+    segmentCount: 7,
+    cornerType: 0,
+    colorOn: 'rgb(233, 93, 15)',
+    colorOff: 'rgb(75, 30, 5)'
+  }
+}

package/src/uuid.ts

@@ -0,0 +1,20 @@
+export function uuid() {
+  const chars = '0123456789abcdef'
+  const uuid = []
+  let random
+
+  for (let i = 0; i < 36; i++) {
+    if (i === 8 || i === 13 || i === 18 || i === 23) {
+      uuid[i] = '-'
+    } else if (i === 14) {
+      uuid[i] = '4'
+    } else {
+      if (random === undefined || i % 6 === 0) {
+        random = (Math.random() * 16) | 0
+      }
+      uuid[i] = chars[i === 19 ? (random & 0x3) | 0x8 : random]
+    }
+  }
+
+  return uuid.join('')
+}

package/things-scene.config.js

@@ -0,0 +1,5 @@
+import templates from './dist/templates'
+
+export default {
+  templates
+}

package/translations/en.json

@@ -0,0 +1,26 @@
+{
+  "label.org-box-qty": "box qty",
+  "label.org-ea-qty": "item qty",
+  "label.button_color": "button color",
+  "label.reply_publisher": "reply pub id",
+  "label.req_publisher": "req pub id",
+  "label.reply_target": "reply target",
+  "label.power_flag": "power flag",
+  "label.boot_flag": "boot flag",
+  "label.pub_topic": "pub topic",
+  "label.sub_topic": "sub topic",
+  "label.publisher": "publisher",
+  "label.switch": "switch",
+  "label.interval": "interval",
+  "label.segment_role": "segment role",
+  "label.digit height": "digit height",
+  "label.digit width": "digit width",
+  "label.digit distance": "diggit distance",
+  "label.display angle": "display angle",
+  "label.segment width": "segment width",
+  "label.segment distance": "segment distance",
+  "label.segment count": "segment count",
+  "label.corner type": "corner type",
+  "label.color-on": "on color",
+  "label.color-off": "off color"
+}

package/translations/ja.json

@@ -0,0 +1,26 @@
+{
+  "label.org-box-qty": "ボックス数量",
+  "label.org-ea-qty": "アイテム数量",
+  "label.button_color": "ボタンの色",
+  "label.reply_publisher": "応答ID",
+  "label.req_publisher": "リクエストID",
+  "label.reply_target": "応答ターゲット",
+  "label.power_flag": "power flag",
+  "label.boot_flag": "boot flag",
+  "label.pub_topic": "pub topic",
+  "label.sub_topic": "sub topic",
+  "label.publisher": "パブリッシャー",
+  "label.switch": "スイッチ",
+  "label.interval": "間隔",
+  "label.segment_role": "セグメント ロール",
+  "label.digit height": "数字の高さ",
+  "label.digit width": "数字の幅",
+  "label.digit distance": "数時間距離",
+  "label.display angle": "角度",
+  "label.segment width": "セグメント幅",
+  "label.segment distance": "セグメント距離",
+  "label.segment count": "セグメント個数",
+  "label.corner type": "コーナー タイプ",
+  "label.color-on": "オン 色",
+  "label.color-off": "オフ 色"
+}

package/translations/ko.json

@@ -0,0 +1,26 @@
+{
+  "label.org-box-qty": "박스 수량",
+  "label.org-ea-qty": "아이템 수량",
+  "label.button_color": "버튼 색상",
+  "label.reply_publisher": "응답ID",
+  "label.req_publisher": "요청ID",
+  "label.reply_target": "응답 타겟",
+  "label.power_flag": "power flag",
+  "label.boot_flag": "boot flag",
+  "label.pub_topic": "pub topic",
+  "label.sub_topic": "sub topic",
+  "label.publisher": "퍼블리셔",
+  "label.switch": "스위치",
+  "label.interval": "간격",
+  "label.segment_role": "세그먼트 역할",
+  "label.digit height": "숫자 높이",
+  "label.digit width": "숫자 폭",
+  "label.digit distance": "숫자간 거리",
+  "label.display angle": "각도",
+  "label.segment width": "세그먼트 폭",
+  "label.segment distance": "세그먼트 거리",
+  "label.segment count": "세그먼트 갯수",
+  "label.corner type": "코너 타입",
+  "label.color-on": "온 색상",
+  "label.color-off": "오프 색상"
+}

package/translations/ms.json

@@ -0,0 +1,23 @@
+{
+  "label.org-box-qty": "box qty",
+  "label.org-ea-qty": "item qty",
+  "label.button_color": "button color",
+  "label.reply_publisher": "reply pub id",
+  "label.req_publisher": "req pub id",
+  "label.reply_target": "reply target",
+  "label.power_flag": "power flag",
+  "label.boot_flag": "boot flag",
+  "label.pub_topic": "pub topic",
+  "label.sub_topic": "sub topic",
+  "label.segment_role": "segment role",
+  "label.digit height": "digit height",
+  "label.digit width": "digit width",
+  "label.digit distance": "diggit distance",
+  "label.display angle": "display angle",
+  "label.segment width": "segment width",
+  "label.segment distance": "segment distance",
+  "label.segment count": "segment count",
+  "label.corner type": "corner type",
+  "label.color-on": "on color",
+  "label.color-off": "off color"
+}

package/translations/zh.json

@@ -0,0 +1,23 @@
+{
+  "label.org-box-qty": "box qty",
+  "label.org-ea-qty": "item qty",
+  "label.button_color": "button color",
+  "label.reply_publisher": "reply pub id",
+  "label.req_publisher": "req pub id",
+  "label.reply_target": "reply target",
+  "label.power_flag": "power flag",
+  "label.boot_flag": "boot flag",
+  "label.pub_topic": "pub topic",
+  "label.sub_topic": "sub topic",
+  "label.segment_role": "segment role",
+  "label.digit height": "digit height",
+  "label.digit width": "digit width",
+  "label.digit distance": "diggit distance",
+  "label.display angle": "display angle",
+  "label.segment width": "segment width",
+  "label.segment distance": "segment distance",
+  "label.segment count": "segment count",
+  "label.corner type": "corner type",
+  "label.color-on": "on color",
+  "label.color-off": "off color"
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "es2018",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "lib": ["es2019", "dom"],
+    "strict": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "outDir": "dist",
+    "sourceMap": true,
+    "inlineSources": true,
+    "rootDir": "src",
+    "declaration": true,
+    "incremental": true,
+    "skipLibCheck": true
+  },
+  "include": ["**/*.ts", "*.d.ts"]
+}