@operato/scene-mpi 8.0.0-beta.1 → 8.0.0-beta.2

package/src/seven-segment.ts

@@ -1,162 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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/tsconfig.json

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