@operato/scene-basic 8.0.0-beta.1 → 8.0.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-basic",
   "description": "basic component for things-scene",
   "author": "heartyoh",
-  "version": "8.0.0-beta.1",
+  "version": "8.0.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
@@ -27,13 +27,13 @@
     "migration": "things-factory-migration"
   },
   "dependencies": {
-    "@hatiolab/things-scene": "^8.0.0-beta",
+    "@hatiolab/things-scene": "^3.4.0",
     "@wizpanda/super-gif": "^0.0.6"
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@things-factory/builder": "^8.0.0-beta",
-    "@things-factory/operato-board": "^8.0.0-beta",
+    "@things-factory/builder": "^8.0.0",
+    "@things-factory/operato-board": "^8.0.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.28",
@@ -58,5 +58,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "acb632aa522d8348f2602bcb614e2819d19a09ed"
+  "gitHead": "606d806afe9351c028c8b8a6726ad7e5da694b18"
 }

package/CHANGELOG.md

@@ -1,259 +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.
-
-## [8.0.0-beta.1](https://github.com/things-scene/operato-scene/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-07)
-
-
-### :bug: Bug Fix
-
-* [@things-factory](https://github.com/things-factory)@v8.0.0-beta ([2cd95a8](https://github.com/things-scene/operato-scene/commit/2cd95a8b07b588f3d96e5da2a0309910e683e33f))
-
-
-
-## [8.0.0-beta.0](https://github.com/things-scene/operato-scene/compare/v8.0.0-alpha.12...v8.0.0-beta.0) (2025-01-07)
-
-
-### :bug: Bug Fix
-
-* @hatiolab/things-scene@^8.0.0-beta ([c32f4c0](https://github.com/things-scene/operato-scene/commit/c32f4c00decf244ca82ae17a41e33f269e1882e7))
-
-
-
-## [8.0.0-alpha.1](https://github.com/things-scene/operato-scene/compare/v8.0.0-alpha.0...v8.0.0-alpha.1) (2024-09-09)
-
-
-### :bug: Bug Fix
-
-* update [@things-factory](https://github.com/things-factory)@^8.0.0-alpha ([1dc3163](https://github.com/things-scene/operato-scene/commit/1dc31638ed9d3fd0ecb2ac55be0ce541e5599ab8))
-
-
-
-## [8.0.0-alpha.0](https://github.com/things-scene/operato-scene/compare/v7.3.7...v8.0.0-alpha.0) (2024-09-01)
-
-**Note:** Version bump only for package @operato/scene-basic
-
-
-
-
-
-## [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-basic
-
-
-
-
-
-## [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-basic
-
-
-
-
-
-## [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.12](https://github.com/things-scene/operato-scene/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-05-11)
-
-
-### :bug: Bug Fix
-
-* ignore 'cache' folder for git and npm ([d70f811](https://github.com/things-scene/operato-scene/commit/d70f8118ff3e9248f80aa9435d6e6cbb8aacfcaf))
-
-
-
-## [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.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
-
-* 컴포넌트 명 다국어 ([3616a52](https://github.com/things-scene/operato-scene/commit/3616a52e2f0268c83c976c6b4deeffc016f91e46))
-
-
-
-## [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.2.90](https://github.com/things-scene/operato-scene/compare/v1.2.89...v1.2.90) (2023-11-22)
-
-**Note:** Version bump only for package @operato/scene-basic
-
-
-
-
-
-## [1.2.87](https://github.com/things-scene/operato-scene/compare/v1.2.86...v1.2.87) (2023-11-10)
-
-**Note:** Version bump only for package @operato/scene-basic
-
-
-
-
-
-## [1.2.76](https://github.com/things-scene/operato-scene/compare/v1.2.75...v1.2.76) (2023-10-28)
-
-
-### :bug: Bug Fix
-
-* scene-tab ([ad62f96](https://github.com/things-scene/operato-scene/commit/ad62f967b149eb5adf8f2e0714d79e8a9dc7186c))
-
-
-
-## [1.2.71](https://github.com/things-scene/operato-scene/compare/v1.2.70...v1.2.71) (2023-10-11)
-
-
-### :bug: Bug Fix
-
-* add bluetooth module ([4bba13c](https://github.com/things-scene/operato-scene/commit/4bba13c7ac29508d37f5751ea5abdded60fa314d))
-
-
-
-## [1.2.66](https://github.com/things-scene/operato-scene/compare/v1.2.65...v1.2.66) (2023-09-14)
-
-**Note:** Version bump only for package @operato/scene-basic
-
-
-
-
-
-## [1.2.65](https://github.com/things-scene/operato-scene/compare/v1.2.64...v1.2.65) (2023-09-14)
-
-**Note:** Version bump only for package @operato/scene-basic
-
-
-
-
-
-## [1.2.62](https://github.com/things-scene/operato-scene/compare/v1.2.61...v1.2.62) (2023-09-11)
-
-**Note:** Version bump only for package @operato/scene-basic
-
-
-
-
-
-## [1.2.49](https://github.com/things-scene/operato-scene/compare/v1.2.48...v1.2.49) (2023-06-26)
-
-
-### :bug: Bug Fix
-
-* missing .npmignore ([61ba4f2](https://github.com/things-scene/operato-scene/commit/61ba4f2ae22a865d700a971d62eb01f950c34d0e))
-
-
-
-## [1.2.46](https://github.com/things-scene/operato-scene/compare/v1.2.45...v1.2.46) (2023-06-10)
-
-
-### :bug: Bug Fix
-
-* typescript build options ([3eb0d7f](https://github.com/things-scene/operato-scene/commit/3eb0d7fd80e2c3cea698501aa1d9d54903423a7b))
-
-
-
-## [1.2.45](https://github.com/things-scene/operato-scene/compare/v1.2.44...v1.2.45) (2023-06-09)
-
-
-### :bug: Bug Fix
-
-* set => setState, get => getState for whole scene component ([c205db4](https://github.com/things-scene/operato-scene/commit/c205db4c7bfa5c6dd7d34ea82af283d83b551bad))
-
-
-
-## [1.2.36](https://github.com/things-scene/operato-scene/compare/v1.2.35...v1.2.36) (2023-05-13)
-
-
-### :bug: Bug Fix
-
-* license ([d37d485](https://github.com/things-scene/operato-scene/commit/d37d48597407dea1ad022e674f2899720e56d695))
-
-
-
-## [1.2.29](https://github.com/things-scene/operato-scene/compare/v1.2.28...v1.2.29) (2023-04-30)
-
-
-### :bug: Bug Fix
-
-* update module's version ([047d08b](https://github.com/things-scene/operato-scene/commit/047d08b5d912d12c04b2f6b63156d1e812588365))
-
-
-
-### [1.2.27](https://github.com/things-scene/operato-scene/compare/v1.2.26...v1.2.27) (2023-04-22)
-
-**Note:** Version bump only for package @operato/scene-basic
-
-
-
-
-
-### [1.2.13](https://github.com/things-scene/operato-scene/compare/v1.2.12...v1.2.13) (2023-03-05)
-
-
-### :bug: Bug Fix
-
-* lighten data binding for 3d objects ([09db97e](https://github.com/things-scene/operato-scene/commit/09db97e1fe70563a734113e70538bdf6d18c6bc7))
-
-
-
-### [1.2.5](https://github.com/things-scene/operato-scene/compare/v1.2.4...v1.2.5) (2023-02-20)
-
-
-### :bug: Bug Fix
-
-* add scene-basic module ([b6f11ae](https://github.com/things-scene/operato-scene/commit/b6f11ae7d073dfd09201607fcb6cd7801da096e3))

package/demo/index.html

@@ -1,158 +0,0 @@
-<!DOCTYPE html>
-<!--
-@license
-Copyright © HatioLab Inc. All rights reserved.
--->
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes" />
-    <title>things-scene-basic Demo</title>
-    <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
-
-    <link rel="import" href="../../things-scene-viewer/things-scene-viewer.html" />
-    <link rel="import" href="../../things-scene-viewer/things-scene-layer.html" />
-    <link rel="import" href="../../things-scene-viewer/things-scene-handler.html" />
-
-    <link rel="import" href="../../things-designer-elements/things-editor-color.html" />
-    <link rel="import" href="../../things-designer-elements/things-editor-color-stops.html" />
-    <link rel="import" href="../../things-designer-elements/things-editor-properties.html" />
-    <link rel="import" href="../../things-scene-modeler/things-scene-properties.html" />
-
-    <link rel="import" href="./things-scene-basic.html" />
-
-    <style is="custom-style">
-      @font-face {
-        font-family: 'Bitstream Vera Serif Bold';
-        src: url('fonts/VeraSeBd.ttf');
-      }
-
-      things-scene-viewer {
-        display: block;
-        width: 900px;
-        height: 600px;
-      }
-    </style>
-  </head>
-  <body unresolved>
-    <template is="dom-bind" id="app">
-      <p>An example of <code>&lt;things-scene-basic&gt;</code>:</p>
-
-      <things-scene-viewer id="scene" scene="{{scene}}" selected="{{selected}}" model="[[model]]" mode="1">
-        <things-scene-layer type="selection-layer"></things-scene-layer>
-        <things-scene-layer type="modeling-layer"></things-scene-layer>
-        <things-scene-handler type="text-editor"></things-scene-handler>
-        <things-scene-handler type="move-handler"></things-scene-handler>
-      </things-scene-viewer>
-
-      <fieldset class="same-width">
-        <legend>basic style</legend>
-        <things-scene-properties scene="[[scene]]" selected="[[selected]]" model="{{target}}" bounds="{{bounds}}">
-          <things-editor-properties id="properties" target="{{target}}" props="{{props}}"> </things-editor-properties>
-        </things-scene-properties>
-      </fieldset>
-
-      <button id="change">Change Value</button>
-    </template>
-
-    <script>
-      window.addEventListener('WebComponentsReady', function (e) {
-        var app = document.querySelector('#app')
-
-        app.$.change.addEventListener('click', function () {
-          var viewer = app.$.scene
-          viewer.findAll('basic-analog')[0].set('value', 0 + Math.round(Math.random() * 240))
-          viewer.findAll('basic-analog')[0].set('colorStops', [
-            { position: 40, color: '#00ff00' },
-            { position: 70, color: '#ffff00' },
-            { position: 170, color: '#ff0000' }
-          ])
-        })
-
-        app.model = {
-          width: 1500,
-          height: 1500,
-          components: [
-            {
-              type: 'basic-analog',
-              cx: 300,
-              cy: 300,
-              rx: 100,
-              ry: 100,
-              hourWidth: 3,
-              minuteWidth: 2,
-              fillStyle: '',
-              strokeStyle: '#FF0000',
-              fontColor: '#0000FF',
-              lineWidth: 5,
-              innerCircleSize: 20,
-              innerCircleColor: '#00FF00'
-              // }, {
-              //   type: 'basic-text',
-              //   top: 300,
-              //   left: 800,
-              //   width: 100,
-              //   height: 50,
-              //   fillStyle: '#ff00ff',
-              //   fontColor: '#FF0000',
-              //   lineWidth: 5,
-              //   localTime: true,
-              //   utc : 10
-            }
-          ]
-        }
-
-        app.props = [
-          {
-            type: 'number',
-            label: 'hourwidth',
-            name: 'hourWidth',
-            property: 'hourWidth'
-          },
-          {
-            type: 'number',
-            label: 'minute-width',
-            name: 'minuteWidth',
-            property: 'minuteWidth'
-          },
-          {
-            type: 'number',
-            label: 'second-width',
-            name: 'secondWidth',
-            property: 'secondWidth'
-          },
-          {
-            type: 'checkbox',
-            label: 'needle-round',
-            name: 'needleRound',
-            property: 'needleRound'
-          },
-          {
-            type: 'checkbox',
-            label: 'show-second',
-            name: 'showSecond',
-            property: 'showSecond'
-          },
-          {
-            type: 'checkbox',
-            label: 'show-number',
-            name: 'showNumber',
-            property: 'showNumber'
-          },
-          {
-            type: 'number',
-            label: 'inner-circle-size',
-            name: 'innerCircleSize',
-            property: 'innerCircleSize'
-          },
-          {
-            type: 'color',
-            label: 'inner-circle-color',
-            name: 'innerCircleColor',
-            property: 'innerCircleColor'
-          }
-        ]
-      })
-    </script>
-  </body>
-</html>

package/demo/things-scene-basic.html

@@ -1,6 +0,0 @@
-<!--
-@license
-Copyright © HatioLab Inc. All rights reserved.
--->
-<script src="../../moment/moment.js"></script>
-<script src="../things-scene-basic.js"></script>

package/src/anchors/ellipse-anchors.ts

@@ -1,46 +0,0 @@
-import { Anchor, Component } from '@hatiolab/things-scene'
-
-/**
- * @function ellipseAnchors
- * @param {Component} component
- * @return {Anchor[]}
- */
-export default function ellipseAnchors(component: Component): Anchor[] {
-  var { left, top, width, height } = component.bounds
-
-  var centerx = left + width / 2
-  var centery = top + height / 2
-  var right = left + width
-  var bottom = top + height
-
-  return [
-    {
-      name: 'TOP',
-      position: {
-        x: centerx,
-        y: top
-      }
-    },
-    {
-      name: 'RIGHT',
-      position: {
-        x: right,
-        y: centery
-      }
-    },
-    {
-      name: 'BOTTOM',
-      position: {
-        x: centerx,
-        y: bottom
-      }
-    },
-    {
-      name: 'LEFT',
-      position: {
-        x: left,
-        y: centery
-      }
-    }
-  ]
-}

package/src/audio.ts

@@ -1,173 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-import { Component, ComponentNature, Properties, RectPath, Shape } from '@hatiolab/things-scene'
-
-const NATURE: ComponentNature = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'string',
-      label: 'src',
-      name: 'src'
-    },
-    {
-      type: 'checkbox',
-      label: 'started',
-      name: 'started'
-    },
-    {
-      type: 'checkbox',
-      label: 'loop',
-      name: 'loop'
-    }
-  ],
-  'value-property': 'src',
-  help: 'scene/component/audio'
-}
-
-const AUDIO_IMAGE =
-  'data:image/png;base64,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'
-
-export default class AudioPlayer extends RectPath(Shape) {
-  static IMAGE: HTMLImageElement
-
-  static get image() {
-    if (!AudioPlayer.IMAGE) {
-      AudioPlayer.IMAGE = new Image()
-      AudioPlayer.IMAGE.src = AUDIO_IMAGE
-    }
-
-    return AudioPlayer.IMAGE
-  }
-
-  _audio: any
-
-  dispose() {
-    super.dispose()
-
-    this.started = false
-    delete this._audio
-  }
-
-  ready() {
-    super.ready()
-
-    this._audio = new Audio()
-
-    this._audio.addEventListener('canplay', () => {
-      this.started && this._audio.play()
-    })
-
-    var { src = '', loop = false, started = false } = this.state
-
-    this.onchangeSrc(src)
-    this.onchangeLoop(loop)
-    this.onchangeStarted(started)
-  }
-
-  render(ctx: CanvasRenderingContext2D) {
-    var { left, top, width, height, src } = this.state
-
-    ctx.beginPath()
-
-    this.drawImage(ctx, AudioPlayer.image, left, top, width, height)
-  }
-
-  get nature() {
-    return NATURE
-  }
-
-  get hasTextProperty() {
-    return false
-  }
-
-  get src() {
-    return this.getState('src')
-  }
-
-  set src(src) {
-    this.setState('src', src)
-  }
-
-  get started() {
-    return !!this.getState('started')
-  }
-
-  set started(started) {
-    this.setState('started', started)
-  }
-
-  start() {
-    if (!this._audio) return
-
-    this._audio.classList.add('active')
-    this._audio.play()
-  }
-
-  pause() {
-    if (!this._audio) return
-
-    this._audio.classList.remove('active')
-    this._audio.pause()
-  }
-
-  onchangeSrc(src: string) {
-    try {
-      // this._audio.crossOrigin = "anonymous";
-      if (String(src).substring(0, 4) !== 'data') this._audio.crossOrigin = 'use-credentials'
-      else this._audio.crossOrigin = null
-
-      this._audio.src = typeof src === 'string' ? this.app.url(src) : src
-    } catch (e) {
-      console.error(e)
-      return
-    }
-  }
-
-  onchangeStarted(started: boolean) {
-    const audio = this._audio
-
-    if (started) {
-      /* 
-        [ audio/video.readyState ]
-        0 = HAVE_NOTHING - no information whether or not the audio/video is ready
-        1 = HAVE_METADATA - metadata for the audio/video is ready
-        2 = HAVE_CURRENT_DATA - data for the current playback position is available, but not enough data to play next frame/millisecond
-        3 = HAVE_FUTURE_DATA - data for the current and at least the next frame is available
-        4 = HAVE_ENOUGH_DATA - enough data available to start playing
-      */
-      audio.readyState == 4 && audio.play()
-    } else {
-      audio.pause()
-    }
-  }
-
-  onchangeLoop(loop: boolean) {
-    this._audio.loop = loop
-  }
-
-  onchange(after: Properties, before: Properties) {
-    'src' in after && this.onchangeSrc(after.src)
-    'started' in after && this.onchangeStarted(after.started)
-    'loop' in after && this.onchangeLoop(after.loop)
-  }
-
-  ondblclick(e: MouseEvent) {
-    this.started = !this.started
-  }
-
-  ondropfile(transfered: DataTransferItemList, files: FileList) {
-    for (let i = 0; i < transfered.length; i++) {
-      if (transfered[i].type.startsWith('audio/')) {
-        this.src = files[i]
-        return
-      }
-    }
-  }
-}
-
-Component.register('audio', AudioPlayer)