@operato/scene-manufacturing 7.3.17 → 7.3.19

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-manufacturing",
   "description": "Things scene components for manufacturing industry",
-  "version": "7.3.17",
+  "version": "7.3.19",
   "license": "MIT",
   "things-scene": true,
   "author": "heartyoh",
@@ -57,5 +57,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "fffe1af4602660658167118e7efe58620e6a845e"
+  "gitHead": "ff73072a62ee02520f9d986d0095f6d329de64f9"
 }

package/CHANGELOG.md

@@ -1,205 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [7.3.17](https://github.com/things-scene/operato-scene/compare/v7.3.16...v7.3.17) (2024-12-20)
-
-
-### :bug: Bug Fix
-
-* set started automatically when autostart is set on starting time ([f5e8b17](https://github.com/things-scene/operato-scene/commit/f5e8b17250d0e810fbb4c3ef7686ea11e264c067))
-* typo tact-timer ([0917c8c](https://github.com/things-scene/operato-scene/commit/0917c8c32d6b5ca5c1512d339b12332492a46d9b))
-
-
-
-## [7.3.16](https://github.com/things-scene/operato-scene/compare/v7.3.15...v7.3.16) (2024-10-12)
-
-
-### :bug: Bug Fix
-
-* support started property for tact-timer ([9241954](https://github.com/things-scene/operato-scene/commit/92419544454015531c94c3c3566bb94e2066a827))
-
-
-
-## [7.3.9](https://github.com/things-scene/operato-scene/compare/v7.3.8...v7.3.9) (2024-09-11)
-
-
-### :bug: Bug Fix
-
-* @hatiolab/things-scene version ([5260171](https://github.com/things-scene/operato-scene/commit/52601719115288709ca7e0eee0974cc4677f219e))
-
-
-
-## [7.0.7](https://github.com/things-scene/operato-scene/compare/v7.0.6...v7.0.7) (2024-07-13)
-
-
-### :bug: Bug Fix
-
-* upgrade tact-timer ([b1d9521](https://github.com/things-scene/operato-scene/commit/b1d952152a8e2d5ac116d46e595a31f733af0ba4))
-
-
-
-## [7.0.6](https://github.com/things-scene/operato-scene/compare/v7.0.5...v7.0.6) (2024-07-11)
-
-
-### :bug: Bug Fix
-
-* make tact-timer mask color settable ([a59cf40](https://github.com/things-scene/operato-scene/commit/a59cf408706de9087212a6aa21333c1aa1c874f3))
-
-
-
-## [7.0.4](https://github.com/things-scene/operato-scene/compare/v7.0.3...v7.0.4) (2024-07-08)
-
-
-### :bug: Bug Fix
-
-* support startTime, endTime, showProgress, showTimer and mask image for tact-timer ([dc7557e](https://github.com/things-scene/operato-scene/commit/dc7557eed23744b922b65ccbba4ea276f13545b5))
-
-
-
-## [7.0.3](https://github.com/things-scene/operato-scene/compare/v7.0.2...v7.0.3) (2024-07-05)
-
-
-### :bug: Bug Fix
-
-* missing component icons ([371d826](https://github.com/things-scene/operato-scene/commit/371d826cd905485d787d45a9a77b1a4cd28a52d7))
-
-
-
-## [7.0.1](https://github.com/things-scene/operato-scene/compare/v7.0.0...v7.0.1) (2024-06-30)
-
-
-### :bug: Bug Fix
-
-* things-factory@7.0.0 ([f4cfe44](https://github.com/things-scene/operato-scene/commit/f4cfe44cb565e7b8fdc0df210a722b6526871848))
-
-
-
-## [7.0.0](https://github.com/things-scene/operato-scene/compare/v7.0.0-rc.4...v7.0.0) (2024-06-30)
-
-**Note:** Version bump only for package @operato/scene-manufacturing
-
-
-
-
-
-## [7.0.0-rc.3](https://github.com/things-scene/operato-scene/compare/v7.0.0-rc.2...v7.0.0-rc.3) (2024-06-28)
-
-
-### :bug: Bug Fix
-
-* remove minus limit from tact-timer ([dc7d2d0](https://github.com/things-scene/operato-scene/commit/dc7d2d012cff03e5bc462fe2f01780b280927e48))
-* setting value-format for chart series ([c77c295](https://github.com/things-scene/operato-scene/commit/c77c295946b01828ab3b37c0c0739f12ea42d63a))
-
-
-
-## [7.0.0-rc.1](https://github.com/things-scene/operato-scene/compare/v7.0.0-rc.0...v7.0.0-rc.1) (2024-06-21)
-
-
-### :bug: Bug Fix
-
-* apply v7-rc dependencies ([eee5612](https://github.com/things-scene/operato-scene/commit/eee5612e1d569387c284a7c6c49d64ef44b6d701))
-
-
-
-## [7.0.0-rc.0](https://github.com/things-scene/operato-scene/compare/v2.0.0-beta.8...v7.0.0-rc.0) (2024-06-21)
-
-**Note:** Version bump only for package @operato/scene-manufacturing
-
-
-
-
-
-## [2.0.0-beta.0](https://github.com/things-scene/operato-scene/compare/v2.0.0-alpha.12...v2.0.0-beta.0) (2024-06-01)
-
-
-### :rocket: New Features
-
-* 2.0.0-beta.0 ([a2e2869](https://github.com/things-scene/operato-scene/commit/a2e28694eedf5bab0c54bcab5432d54ec59edd7f))
-
-
-### :bug: Bug Fix
-
-* allowJs in tsconfig option ([fa77174](https://github.com/things-scene/operato-scene/commit/fa771742188f21f177f0a85281570f59f0c478cf))
-
-
-
-## [2.0.0-alpha.9](https://github.com/things-scene/operato-scene/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2024-04-11)
-
-
-### :bug: Bug Fix
-
-* things-factory@7.0.1 ([a9f4c18](https://github.com/things-scene/operato-scene/commit/a9f4c1873b80c540e4c2e16649e127ccffcf9a4c))
-
-
-
-## [2.0.0-alpha.6](https://github.com/things-scene/operato-scene/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2024-03-24)
-
-
-### :bug: Bug Fix
-
-* translation ([266d423](https://github.com/things-scene/operato-scene/commit/266d423d9d6992464f45a437acc90ccf8ed33bf6))
-
-
-
-## [2.0.0-alpha.5](https://github.com/things-scene/operato-scene/compare/v2.0.0-alpha.4...v2.0.0-alpha.5) (2024-03-21)
-
-
-### :bug: Bug Fix
-
-* 컴포넌트 명 다국어 ([fbc26d9](https://github.com/things-scene/operato-scene/commit/fbc26d9fb24e858541598ba55e2b8d33f2df8d8a))
-
-
-
-## [2.0.0-alpha.4](https://github.com/things-scene/operato-scene/compare/v2.0.0-alpha.3...v2.0.0-alpha.4) (2024-03-21)
-
-
-### :bug: Bug Fix
-
-* 컴포넌트 명 다국어 ([64e1f08](https://github.com/things-scene/operato-scene/commit/64e1f08af32d2ac193c3d31b0025f8d06f569ca4))
-
-
-
-## [2.0.0-alpha.0](https://github.com/things-scene/operato-scene/compare/v1.3.9...v2.0.0-alpha.0) (2024-01-14)
-
-
-### :bug: Bug Fix
-
-* 2.0.0-alpha.0 ([93274e3](https://github.com/things-scene/operato-scene/commit/93274e36c5d184f339f83899654dd48b4786ac2b))
-
-
-
-## [1.3.4](https://github.com/things-scene/operato-scene/compare/v1.3.3...v1.3.4) (2023-12-04)
-
-
-### :bug: Bug Fix
-
-* remove ignored files ([412acb0](https://github.com/things-scene/operato-scene/commit/412acb035e727fb6ee10cbcae85a06ed961d115e))
-
-
-
-## [1.3.3](https://github.com/things-scene/operato-scene/compare/v1.3.2...v1.3.3) (2023-12-02)
-
-
-### :bug: Bug Fix
-
-* tact-timer missing parameter ([be02dce](https://github.com/things-scene/operato-scene/commit/be02dce0dc06802abd2be02840f3f2e80539296f))
-
-
-
-## [1.3.1](https://github.com/things-scene/operato-scene/compare/v1.3.0...v1.3.1) (2023-12-01)
-
-
-### :bug: Bug Fix
-
-* complete tact-timer in manufacturing module ([7b569d9](https://github.com/things-scene/operato-scene/commit/7b569d9c98e2732791b4cbd07166896c6e4df440))
-
-
-
-## [1.3.0](https://github.com/things-scene/operato-scene/compare/v1.2.91...v1.3.0) (2023-11-30)
-
-
-### :rocket: New Features
-
-* add manufacturing module ([55cdb2d](https://github.com/things-scene/operato-scene/commit/55cdb2d13018c71cdf825efba0647757bd79e3ee))

package/src/index.ts

@@ -1 +0,0 @@
-export { default as TactTimer } from './tact-timer'

package/src/libs/format.ts

@@ -1,47 +0,0 @@
-/**
- * 문자열 길이를 늘려주는 함수
- *
- * @param {String} i
- * @param {Number} len
- */
-function ii(i: string, len?: number) {
-  var s = i
-  len = len || 2
-  while (s.length < len) s = '0' + s
-  return s
-}
-
-/**
- * 시간 표시 포맷을 맞추는 함수
- *
- * @param {Number} seconds seconds
- * @param {string} timeFormat hh:mm:ss
- */
-export default function formatTime(seconds = 0, timeFormat = '') {
-  var h = 0,
-    m = 0,
-    s = 0
-  var formatted = ''
-
-  h = Math.floor(seconds / 3600)
-  formatted = timeFormat.replace(/(^|[^\\])hh+/g, '$1' + ii(h.toString()))
-  formatted = formatted.replace(/(^|[^\\])h/g, '$1' + h)
-  if (timeFormat !== formatted) {
-    timeFormat = formatted
-    seconds %= 3600
-  }
-
-  m = Math.floor(seconds / 60)
-  formatted = timeFormat.replace(/(^|[^\\])mm+/g, '$1' + ii(m.toString()))
-  formatted = formatted.replace(/(^|[^\\])m/g, '$1' + m)
-  if (timeFormat !== formatted) {
-    timeFormat = formatted
-    seconds %= 60
-  }
-
-  s = seconds
-  formatted = timeFormat.replace(/(^|[^\\])ss+/g, '$1' + ii(s.toString()))
-  formatted = formatted.replace(/(^|[^\\])s/g, '$1' + s)
-
-  return formatted
-}

package/src/tact-timer-mask.ts

@@ -1,34 +0,0 @@
-export const MASK: string = `
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 95 23">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: url(#linear-gradient);
-      }
-
-      .cls-1, .cls-2 {
-        stroke-width: 0px;
-      }
-
-      .cls-2 {
-        fill: {{fillColor}};
-      }
-    </style>
-    <linearGradient id="linear-gradient" x1="47.4" y1="85.6" x2="47.4" y2="95" gradientTransform="translate(0 -74)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#000" stop-opacity="0"/>
-      <stop offset=".9" stop-color="#000" stop-opacity=".2"/>
-    </linearGradient>
-  </defs>
-  <rect class="cls-1" x="1.4" y="11.6" width="92.1" height="9.5" rx="2.6" ry="2.6"/>
-  <path class="cls-2" d="M95,0H0v23h95V0ZM92.5,17.9c0,1.4-1.2,2.6-2.6,2.6H5.1c-1.4,0-2.6-1.2-2.6-2.6V5.1c0-1.4,1.2-2.6,2.6-2.6h84.8c1.4,0,2.6,1.2,2.6,2.6v12.8Z"/>
-  <path class="cls-2" d="M47.9,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M38.6,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M29.3,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M19.9,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M11,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M84.9,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M75.6,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M66.4,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-  <path class="cls-2" d="M57.2,3.1c0-.6.7-.6.7-.6v-.7h-2.5v.7s.7,0,.7.6v16.7s0,.7-.7.8v.6h2.5v-.6c-.7-.1-.7-.8-.7-.8V3.1Z"/>
-</svg>
-`

package/src/tact-timer.ts

@@ -1,322 +0,0 @@
-import { Component, ComponentNature, Properties, RectPath, Shape } from '@hatiolab/things-scene'
-import format from './libs/format'
-import { MASK } from './tact-timer-mask'
-
-const NATURE: ComponentNature = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'string',
-      label: 'start-time',
-      name: 'startTime',
-      placeholder: 'YYYYMMDDhhmmss'
-    },
-    {
-      type: 'string',
-      label: 'end-time',
-      name: 'endTime',
-      placeholder: 'YYYYMMDDhhmmss'
-    },
-    {
-      type: 'string',
-      label: 'format',
-      name: 'format',
-      placeholder: 'hh:mm:ss'
-    },
-    {
-      type: 'select',
-      label: 'progress-direction',
-      name: 'progressDirection',
-      property: {
-        options: ['', 'increase', 'decrease']
-      }
-    },
-    {
-      type: 'color',
-      label: 'tact-timer-mask-color',
-      name: 'maskColor'
-    },
-    {
-      type: 'color',
-      label: 'before-due-progress-color',
-      name: 'beforeDueProgressColor'
-    },
-    {
-      type: 'color',
-      label: 'over-due-progress-color',
-      name: 'overDueProgressColor'
-    },
-    {
-      type: 'color',
-      label: 'before-due-font-color',
-      name: 'beforeDueFontColor'
-    },
-    {
-      type: 'color',
-      label: 'over-due-font-color',
-      name: 'overDueFontColor'
-    },
-    {
-      type: 'color',
-      label: 'under-threshold-color',
-      name: 'underThresholdColor'
-    },
-    {
-      type: 'number',
-      label: 'progress-threshold',
-      name: 'progressThreshold',
-      placeholder: '%'
-    },
-    {
-      type: 'number',
-      label: 'round',
-      name: 'round'
-    },
-    {
-      type: 'boolean',
-      label: 'auto-start',
-      name: 'autoStart'
-    },
-    {
-      type: 'boolean',
-      label: 'show-progress',
-      name: 'showProgress'
-    },
-    {
-      type: 'boolean',
-      label: 'show-timer',
-      name: 'showTimer'
-    }
-  ],
-  help: 'scene/component/manufacturing/tact-timer'
-}
-
-export default class TactTimer extends RectPath(Shape) {
-  private _start: number = 0
-  private _due: number = 0
-  private imageElement?: HTMLImageElement
-
-  get nature() {
-    return NATURE
-  }
-
-  ready() {
-    if (!this.app.isViewMode) {
-      return
-    }
-
-    const { autoStart, started } = this.state
-
-    if (autoStart || started) {
-      this.setState('started', true)
-
-      this.start()
-    }
-  }
-
-  start() {
-    const { startTime, endTime, hidden } = this.state
-    const start = this.parseTime(startTime)
-    const end = this.parseTime(endTime)
-
-    if (start && end && !hidden) {
-      this._due = end.getTime()
-      this._start = start.getTime()
-      this.counting()
-    }
-  }
-
-  stop() {
-    this.started = false
-  }
-
-  onchange(after: Properties) {
-    if ('startTime' in after || 'endTime' in after || 'hidden' in after) {
-      this.start()
-    }
-
-    if ('maskColor' in after) {
-      delete this.imageElement
-    }
-  }
-
-  getImageElement(): HTMLImageElement | undefined {
-    if (!this.imageElement) {
-      const { maskColor = 'black' } = this.state
-
-      this.imageElement = new Image()
-      this.imageElement.src =
-        'data:image/svg+xml;charset=UTF-8;base64,' + btoa(MASK.replace(/{{fillColor}}/g, maskColor))
-    }
-
-    return this.imageElement
-  }
-
-  counting() {
-    const { hidden, started } = this.state
-    if (this.disposed || hidden || !started) {
-      return
-    }
-
-    requestAnimationFrame(() => {
-      const { showTimer, beforeDueFontColor, overDueFontColor, fontColor } = this.state
-      const countdown = this.countdown
-
-      this.setState('fontColor', (this.countdown > 0 ? beforeDueFontColor : overDueFontColor) || fontColor)
-
-      if (showTimer) {
-        const text = format(Math.abs(countdown), this.getState('format'))
-        this.text = text
-      } else {
-        this.text = ''
-      }
-
-      this.setState('data', this.countdown)
-
-      setTimeout(() => {
-        this.counting()
-      }, 1000)
-    })
-  }
-
-  render(context: CanvasRenderingContext2D) {
-    var {
-      top,
-      left,
-      height,
-      width,
-      round = 0,
-      fontColor,
-      maskColor,
-      beforeDueFontColor,
-      overDueFontColor,
-      beforeDueProgressColor = 'transparent',
-      overDueProgressColor = 'transparent',
-      underThresholdColor = 'transparent',
-      progressDirection = 'increase',
-      progressThreshold = 0,
-      showProgress
-    } = this.state
-
-    const increase = this.countdown > 0
-    const totalDuration = (this._due - this._start) / 1000
-    const underThreshold = this.countdown / totalDuration < progressThreshold / 100
-
-    // progress의 색상
-    context.beginPath()
-    context.roundRect(left, top, width, height, round)
-    context.clip()
-    this.drawFill(context)
-
-    // value의 색상
-    context.beginPath()
-
-    if (!showProgress) {
-      return
-    }
-
-    var progress = Math.abs((this.countdown / totalDuration) * 100)
-
-    if (!isNaN(progress)) {
-      progress = width - (width * progress) / 100
-      progress = Math.max(Math.min(progress, width), 0)
-
-      if (progressDirection == 'increase') {
-        context.rect(left, top, progress, height)
-      } else {
-        context.rect(left + progress, top, width - progress, height)
-      }
-
-      context.fillStyle = increase
-        ? underThreshold
-          ? underThresholdColor
-          : beforeDueProgressColor
-        : overDueProgressColor
-      context.fill()
-
-      context.beginPath()
-    }
-
-    const image = this.getImageElement()
-    this.drawImage(context, image!, left - 2, top - 2, width + 4, height + 4)
-
-    context.roundRect(left, top, width, height, round)
-
-    this.setState('fontColor', (increase ? beforeDueFontColor : overDueFontColor) || fontColor)
-  }
-
-  postrender(context: CanvasRenderingContext2D) {
-    this.drawStroke(context)
-    this.drawText(context)
-  }
-
-  parseTime(timeString: string): Date | undefined {
-    if (!timeString || timeString.length !== 14) {
-      return undefined
-    }
-    const year = parseInt(timeString.slice(0, 4), 10)
-    const month = parseInt(timeString.slice(4, 6), 10) - 1
-    const day = parseInt(timeString.slice(6, 8), 10)
-    const hour = parseInt(timeString.slice(8, 10), 10)
-    const minute = parseInt(timeString.slice(10, 12), 10)
-    const second = parseInt(timeString.slice(12, 14), 10)
-
-    return new Date(year, month, day, hour, minute, second)
-  }
-
-  get countdown(): number {
-    const due = this._due || 0
-    const now = Date.now()
-
-    return Math.round((due - now) / 1000)
-  }
-
-  get value() {
-    const { startTime, endTime } = this.state
-    return [startTime, endTime]
-  }
-
-  set value(v) {
-    if (v instanceof Array) {
-      const [startTime, endTime] = v
-      this.setState({
-        startTime,
-        endTime
-      })
-    } else if (typeof v == 'object') {
-      const { startTime, endTime } = v
-      this.setState({
-        startTime,
-        endTime
-      })
-    } else if (typeof v == 'string') {
-      const [startTime, endTime] = (v as string).split(/[-+/%$#_,]+/)
-      this.setState({
-        startTime,
-        endTime
-      })
-    } else {
-      this.setState({
-        startTime: undefined,
-        endTime: undefined
-      })
-    }
-  }
-
-  get started() {
-    return this.getState('started')
-  }
-
-  set started(started) {
-    if (this.started !== started) {
-      this.setState('started', started)
-      if (started) {
-        this.start()
-      }
-    }
-  }
-}
-
-Component.register('tact-timer', TactTimer)

package/src/templates/index.ts

@@ -1,3 +0,0 @@
-import tactTimer from './tact-timer'
-
-export default [tactTimer]

package/src/templates/tact-timer.ts

@@ -1,27 +0,0 @@
-const icon = new URL('../../icons/tact-timer.png', import.meta.url).href
-
-export default {
-  type: 'tact-timer',
-  description: 'tact timer',
-  group: 'etc' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
-  icon,
-  model: {
-    type: 'tact-timer',
-    left: 100,
-    top: 100,
-    width: 200,
-    height: 40,
-    fontSize: 80,
-    lineWidth: 1,
-    round: 10,
-    showProgress: true,
-    showTimer: true,
-    progressDirection: 'decrease',
-    increaseProgressColor: 'green',
-    decreaseProgressColor: 'red',
-    increaseFontColor: 'navy',
-    decreaseFontColor: 'orange',
-    underThresholdColor: 'yellow',
-    progressThreshold: 30
-  }
-}

package/tsconfig.json

@@ -1,22 +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
-  },
-  "include": ["**/*.ts", "*.d.ts"]
-}