@fmsim/machine 0.0.49

package/src/templates/oht.ts

@@ -0,0 +1,15 @@
+const oht = new URL('../../icons/oht.png', import.meta.url).href
+
+export default {
+  type: 'OHT',
+  description: 'OHT',
+  icon: oht,
+  group: 'OCS',
+  model: {
+    type: 'OHT',
+    left: 100,
+    top: 100,
+    width: 20,
+    height: 20
+  }
+}

package/src/templates/port.ts

@@ -0,0 +1,15 @@
+const port = new URL('../../icons/port.png', import.meta.url).href
+
+export default {
+  type: 'Port',
+  description: 'port shape',
+  icon: port,
+  group: ['BCS', 'CCS', 'ECS', 'SCS'],
+  model: {
+    type: 'Port',
+    left: 100,
+    top: 100,
+    width: 20,
+    height: 20
+  }
+}

package/src/templates/shelf.ts

@@ -0,0 +1,15 @@
+const shelf = new URL('../../icons/shelf.png', import.meta.url).href
+
+export default {
+  type: 'Shelf',
+  description: 'Shelf',
+  icon: shelf,
+  group: 'SCS',
+  model: {
+    type: 'Shelf',
+    left: 100,
+    top: 100,
+    width: 20,
+    height: 20
+  }
+}

package/src/templates/shuttle.ts

@@ -0,0 +1,15 @@
+const shuttle = new URL('../../icons/shuttle.png', import.meta.url).href
+
+export default {
+  type: 'Shuttle',
+  description: 'Shuttle',
+  icon: shuttle,
+  group: 'CCS',
+  model: {
+    type: 'Shuttle',
+    left: 100,
+    top: 100,
+    width: 20,
+    height: 20
+  }
+}

package/src/templates/stocker-capacity-bar.ts

@@ -0,0 +1,18 @@
+const StockerCapacityBar = new URL('../../icons/stocker-capacity-bar.png', import.meta.url).href
+
+export default {
+  type: 'StockerCapacityBar',
+  description: 'StockerCapacityBar',
+  icon: StockerCapacityBar,
+  group: 'SCS',
+  model: {
+    type: 'StockerCapacityBar',
+    left: 100,
+    top: 100,
+    width: 200,
+    height: 60,
+    maxCapacity: 100,
+    highWatermark: 100,
+    currentUsage: 0
+  }
+}

package/src/templates/stocker-capacity-circle.ts

@@ -0,0 +1,18 @@
+const StockerCapacityCircle = new URL('../../icons/stocker-capacity-circle.png', import.meta.url).href
+
+export default {
+  type: 'StockerCapacityCircle',
+  description: 'StockerCapacityCircle',
+  icon: StockerCapacityCircle,
+  group: 'SCS',
+  model: {
+    type: 'StockerCapacityCircle',
+    cx: 100,
+    cy: 100,
+    rx: 20,
+    ry: 20,
+    maxCapacity: 100,
+    highWatermark: 100,
+    currentUsage: 0
+  }
+}

package/src/templates/stocker.ts

@@ -0,0 +1,16 @@
+const stocker = new URL('../../icons/stocker.png', import.meta.url).href
+
+export default {
+  type: 'Stocker',
+  description: 'stocker',
+  icon: stocker,
+  group: 'SCS',
+  model: {
+    type: 'STOCKER',
+    left: 100,
+    top: 100,
+    width: 240,
+    height: 100,
+    radius: 10
+  }
+}

package/src/templates/zone-capacity-bar.ts

@@ -0,0 +1,19 @@
+const ZoneCapacityBar = new URL('../../icons/zone-capacity-bar.png', import.meta.url).href
+
+export default {
+  type: 'ZoneCapacityBar',
+  description: 'ZoneCapacityBar',
+  icon: ZoneCapacityBar,
+  group: 'SCS',
+  model: {
+    type: 'ZoneCapacityBar',
+    left: 100,
+    top: 100,
+    width: 200,
+    height: 60,
+    maxCapacity: 100,
+    highWatermark: 100,
+    currentUsage: 0,
+    round: 30
+  }
+}

package/src/utils/get-locale.ts

@@ -0,0 +1,22 @@
+function getCookieValue(cookieString, variableName) {
+  const cookiePairs = cookieString.split(';')
+
+  for (let i = 0; i < cookiePairs.length; i++) {
+    const pair = cookiePairs[i].trim()
+    if (pair.startsWith(variableName + '=')) {
+      const value = pair.substring(variableName.length + 1)
+      return decodeURIComponent(value)
+    }
+  }
+
+  return undefined
+}
+
+var language
+
+export function getLocaleLanguage() {
+  if (!language) {
+    language = getCookieValue(document.cookie, 'miipLang') || 'ko'
+  }
+  return language
+}

package/src/utils/get-value-on-ranges.ts

@@ -0,0 +1,25 @@
+export function getVaueOnRanges(value, param): any {
+  for (let range in param) {
+    let [from, to]: (number | string)[] = range.split('~')
+    let from_defined = !!from
+    let to_defined = !!to
+
+    from = parseFloat(from)
+    to = parseFloat(to)
+    value = Number(value) || 0
+
+    // from이나 to 둘 중 하나만 있는 경우 먼저 계산
+    if (from_defined && !to_defined && value >= from) {
+      return param[range]
+    } else if (!from_defined && to_defined && value < from) {
+      return param[range]
+    }
+
+    // 소수점이 있으므로  from <= value < to 가 되야함
+    if (value >= from && value < to) {
+      return param[range]
+    }
+  }
+
+  return param['default']
+}

package/src/utils/normalize-angle.ts

@@ -0,0 +1,9 @@
+export function normalizeAngle(angle: number): number {
+  angle = angle % (2 * Math.PI)
+  if (angle <= -Math.PI) {
+    angle += 2 * Math.PI
+  } else if (angle > Math.PI) {
+    angle -= 2 * Math.PI
+  }
+  return angle
+}

package/src/utils/safe-round.ts

@@ -0,0 +1,8 @@
+export function safeRound(round: number, width: number, height: number): number {
+  var max = width > height ? (height / width) * 100 : 100
+
+  if (round >= max) round = max
+  else if (round <= 0) round = 0
+
+  return round
+}

package/src/zone-capacity-bar.ts

@@ -0,0 +1,209 @@
+import { Component, ComponentNature, POSITION, Properties } from '@hatiolab/things-scene'
+import { LEGEND_CAPACITY } from './features/mcs-status-default'
+import { safeRound } from './utils/safe-round'
+import { getVaueOnRanges } from './utils/get-value-on-ranges'
+import { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin'
+import MCSUnit from './mcs-unit'
+
+const NATURE: ComponentNature = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [
+    ...MCSZoneMixinProperties,
+    {
+      type: 'number',
+      name: 'currentUsage',
+      label: 'current-usage'
+    },
+    {
+      type: 'number',
+      name: 'highWatermark',
+      label: 'high-watermark'
+    },
+    {
+      type: 'number',
+      name: 'maxCapacity',
+      label: 'max-capacity'
+    },
+    {
+      type: 'number',
+      label: 'round',
+      name: 'round',
+      property: {
+        min: 0
+      }
+    },
+    {
+      type: 'hidden',
+      name: 'usage',
+      label: 'usage'
+    }
+  ],
+  'value-property': 'usage'
+}
+
+var controlHandler = {
+  ondragmove: function (point: POSITION, index: number, component: Component) {
+    var { left, top, width, height } = component.model
+
+    var transcoorded = component.transcoordP2S(point.x, point.y)
+    var round = ((transcoorded.x - left) / (width / 2)) * 100
+
+    round = safeRound(round, width, height)
+
+    component.set({
+      round
+    })
+  }
+}
+
+export default class ZoneCapacityBar extends MCSZoneMixin(MCSUnit) {
+  static get nature() {
+    return NATURE
+  }
+
+  get controls() {
+    var { left, top, width, round, height } = this.state
+    round = round == undefined ? 0 : safeRound(round, width, height)
+
+    return [
+      {
+        x: left + (width / 2) * (round / 100),
+        y: top,
+        handler: controlHandler
+      }
+    ]
+  }
+
+  getLegendFallback() {
+    return LEGEND_CAPACITY
+  }
+
+  get statusColor() {
+    return getVaueOnRanges(this.usage, this.legend)
+  }
+
+  get text() {
+    return this.usage + '%'
+  }
+
+  render(context: CanvasRenderingContext2D) {
+    const { left, top, width, height } = this.bounds
+
+    if (width >= height) {
+      this.renderLandscape(context)
+    } else {
+      this.renderPortrait(context)
+    }
+  }
+
+  renderLandscape(context: CanvasRenderingContext2D) {
+    const { left, top, width, height } = this.bounds
+    const { lineWidth, strokeStyle, round, fillStyle = '#aaa' } = this.state
+
+    context.strokeStyle = strokeStyle
+    context.lineWidth = lineWidth
+
+    context.save()
+    context.translate(left, top)
+
+    // gauge background
+    context.beginPath()
+
+    context.fillStyle = fillStyle
+    context.roundRect(0, 0, width, height, round)
+
+    context.fill()
+    context.stroke()
+
+    context.clip()
+
+    // gauge foreground
+    context.beginPath()
+
+    context.fillStyle = this.statusColor!
+
+    context.rect(0, 0, (width / 100) * this.usage, height)
+    context.fill()
+
+    context.beginPath()
+    context.strokeStyle = strokeStyle
+    context.roundRect(0, 0, width, height, round)
+    context.stroke()
+
+    context.beginPath()
+
+    context.translate(-left, -top)
+    context.restore()
+  }
+
+  renderPortrait(context: CanvasRenderingContext2D) {
+    const { left, top, width, height } = this.bounds
+    const { lineWidth, strokeStyle, round, fillStyle } = this.state
+
+    context.strokeStyle = strokeStyle
+    context.lineWidth = lineWidth
+
+    context.save()
+    context.translate(left, top)
+
+    // gauge background
+    context.beginPath()
+
+    context.fillStyle = fillStyle
+    context.roundRect(0, 0, width, height, round)
+
+    context.fill()
+    context.stroke()
+
+    context.clip()
+
+    // gauge foreground
+    context.beginPath()
+
+    context.fillStyle = this.statusColor!
+
+    context.rect(0, height - (height / 100) * this.usage, width, (height / 100) * this.usage)
+    context.fill()
+
+    context.beginPath()
+    context.roundRect(0, 0, width, height, round)
+    context.stroke()
+
+    context.beginPath()
+
+    context.translate(-left, -top)
+    context.restore()
+  }
+
+  get usage() {
+    const { currentUsage = 0, maxCapacity = 100 } = this.state
+    return Math.round((currentUsage / maxCapacity) * 100)
+  }
+
+  set usage(usage: number) {
+    // intentionally have done nothing
+  }
+
+  onchangeData(after: Properties, before: Properties): void {
+    const {
+      CURRENTCAPACITY = 0,
+      MAXCAPACITY = 100,
+      HIGHWATERMARK = 100
+    } = typeof this.data == 'object' ? this.data : {}
+
+    const currentUsage = Number(CURRENTCAPACITY) || 0
+    const maxCapacity = Number(MAXCAPACITY) || 100
+    const highWatermark = Number(HIGHWATERMARK) || 100
+
+    this.setState({
+      currentUsage,
+      maxCapacity,
+      highWatermark,
+      usage: Math.round((currentUsage / maxCapacity) * 100)
+    })
+  }
+}
+
+Component.register('ZoneCapacityBar', ZoneCapacityBar)

package/things-scene.config.js

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

package/translations/en.json

@@ -0,0 +1,7 @@
+{
+  "label.current-usage": "current usage",
+  "label.high-watermark": "high watermark",
+  "label.legend-name": "legend",
+  "label.max-capacity": "max capacity",
+  "label.carrier-legend-name": "carrier legend"
+}

package/translations/ja.json

@@ -0,0 +1,7 @@
+{
+  "label.current-usage": "current usage",
+  "label.high-watermark": "high watermark",
+  "label.legend-name": "legend",
+  "label.max-capacity": "max capacity",
+  "label.carrier-legend-name": "carrier legend"
+}

package/translations/ko.json

@@ -0,0 +1,7 @@
+{
+  "label.current-usage": "현재 사용량",
+  "label.high-watermark": "고수위워터마크",
+  "label.legend-name": "레전드",
+  "label.max-capacity": "최대 용량",
+  "label.carrier-legend-name": "캐리어레전드"
+}

package/translations/ms.json

@@ -0,0 +1,7 @@
+{
+  "label.current-usage": "current usage",
+  "label.high-watermark": "high watermark",
+  "label.legend-name": "legend",
+  "label.max-capacity": "max capacity",
+  "label.carrier-legend-name": "carrier legend"
+}

package/translations/zh.json

@@ -0,0 +1,7 @@
+{
+  "label.current-usage": "current usage",
+  "label.high-watermark": "high watermark",
+  "label.legend-name": "legend",
+  "label.max-capacity": "max capacity",
+  "label.carrier-legend-name": "carrier legend"
+}