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

package/src/arview.ts

@@ -1,70 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-import '@google/model-viewer'
-
-import { Component, ComponentNature, HTMLOverlayContainer } from '@hatiolab/things-scene'
-
-const NATURE: ComponentNature = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'attachment-selector',
-      label: 'src',
-      name: 'src'
-    },
-    {
-      type: 'checkbox',
-      label: 'camera-controls',
-      name: 'cameraControls'
-    }
-  ],
-  'value-property': 'src'
-}
-
-export default class Arview extends HTMLOverlayContainer {
-  get nature() {
-    return NATURE
-  }
-
-  /*
-   * 컴포넌트의 생성 또는 속성 변화 시에 호출되며,
-   * 그에 따른 html element의 반영이 필요한 부분을 구현한다.
-   *
-   * ThingsComponent state => HTML element properties
-   */
-  setElementProperties(element: HTMLElement & { src: string }) {
-    var { src, cameraControls } = this.state
-
-    // element.style.pointerEvents = 'auto' //'inherit'
-
-    element.src = src || ''
-    if (cameraControls) {
-      element.setAttribute('camera-controls', cameraControls)
-    } else {
-      element.removeAttribute('camera-controls')
-    }
-
-    element.setAttribute('ar', '')
-    element.setAttribute('ar-modes', 'webxr scene-viewer quick-look')
-    element.setAttribute('environment-image', 'neutral')
-    element.setAttribute('auto-rotate', '')
-  }
-
-  /*
-   * 컴포넌트가 ready 상태가 되거나, 컴포넌트의 속성이 변화될 시 setElementProperties 뒤에 호출된다.
-   * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.
-   */
-  reposition() {
-    super.reposition()
-  }
-
-  get tagName() {
-    return 'model-viewer'
-  }
-}
-
-Component.register('arview', Arview)

package/src/index.ts

@@ -1,2 +0,0 @@
-
-export { default as Arview } from './arview'

package/src/templates/arview.ts

@@ -1,17 +0,0 @@
-const icon = new URL('../../icons/scene-arview.png', import.meta.url).href
-
-export default {
-  type: 'arview',
-  description: 'arview',
-  group: '3D',
-  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
-  icon: icon,
-  model: {
-    type: 'arview',
-    left: 100,
-    top: 100,
-    width: 400,
-    height: 300,
-    fillStyle: '#00ff00'
-  }
-}

package/src/templates/index.ts

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

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"]
-}