@operato/scene-excel 8.0.0-beta.1 → 9.0.0-beta.0

package/src/excel.ts

@@ -1,153 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-import * as XLSX from 'xlsx'
-
-import { Component, ComponentNature, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'
-
-const NATURE: ComponentNature = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'attachment-selector',
-      label: 'src',
-      name: 'src',
-      placeholder: 'Excel File URL'
-    },
-    {
-      type: 'number',
-      label: 'period',
-      name: 'period',
-      placeholder: 'seconds'
-    }
-  ],
-  help: 'scene/component/excel'
-}
-
-async function fetchData(url: string) {
-  if (!url.startsWith('data:')) {
-    // prevent read from cache
-    if (url.indexOf('?') !== -1) {
-      url = url + `&ts=${Date.now()}`
-    } else {
-      url = url + `?ts=${Date.now()}`
-    }
-  }
-
-  const file = await fetch(url, {
-    method: 'GET',
-    headers: {
-      'Content-Type': 'application/xlsx'
-    },
-    credentials: 'include'
-  })
-
-  const workbook: XLSX.WorkBook = XLSX.read(await file.arrayBuffer(), { type: 'array' })
-
-  var result: { [key: string]: unknown } = {}
-  workbook.SheetNames.forEach((sheet: string) => {
-    var roa = XLSX.utils.sheet_to_json(workbook.Sheets[sheet])
-    if (roa.length) {
-      result[sheet] = roa
-    }
-  })
-
-  console.log('result', result)
-  return result
-}
-
-export default class Excel extends DataSource(RectPath(Shape)) {
-  static _image: HTMLImageElement
-
-  static get image() {
-    if (!Excel._image) {
-      Excel._image = new Image()
-      Excel._image.src = new URL('../icons/symbol-excel.png', import.meta.url).href
-    }
-
-    return Excel._image
-  }
-
-  private repeatTimer?: NodeJS.Timeout
-  private src?: string
-
-  dispose() {
-    this._stopRepeater()
-    super.dispose()
-  }
-
-  ready() {
-    const { src } = this.state
-
-    if (src) {
-      this._initInterval()
-    }
-  }
-
-  render(context: CanvasRenderingContext2D) {
-    var { left, top, width, height } = this.bounds
-
-    context.beginPath()
-    this.drawImage(context, Excel.image, left, top, width, height)
-  }
-
-  get nature() {
-    return NATURE
-  }
-
-  _initInterval() {
-    this._stopRepeater()
-    this._startRepeater()
-  }
-
-  _startRepeater() {
-    var { src, period } = this.state
-    period = Number(period)
-
-    var fetchable = true
-
-    if (period && this.app.isViewMode) {
-      this.repeatTimer = setInterval(() => {
-        fetchable &&
-          this.repeatTimer &&
-          requestAnimationFrame(() => {
-            fetchable = true
-            fetchData(src).then(data => {
-              this.setState('data', data)
-            })
-          })
-        fetchable = false
-      }, period * 1000)
-    }
-
-    fetchData(src).then(data => {
-      this.setState('data', data)
-    })
-  }
-
-  _stopRepeater() {
-    if (this.repeatTimer) clearTimeout(this.repeatTimer)
-
-    delete this.repeatTimer
-  }
-
-  ondropfile(transfered: any, files: any) {
-    for (let i = 0; i < transfered.length; i++) {
-      if (/\.xlsx?$/.test(transfered[i].name)) {
-        this.src = files[i]
-        return
-      }
-    }
-  }
-
-  onchange(after: Properties, before: Properties) {
-    if ('period' in after || 'src' in after) {
-      this._initInterval()
-    }
-  }
-}
-
-Component.register('excel', Excel)

package/src/index.ts

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

package/src/templates/excel.ts

@@ -1,18 +0,0 @@
-const icon = new URL('../../icons/icon-excel.png', import.meta.url).href
-
-export default {
-  type: 'excel',
-  description: 'excel',
-  group: 'dataSource',
-  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
-  icon,
-  model: {
-    type: 'excel',
-    left: 10,
-    top: 10,
-    width: 100,
-    height: 100,
-    fillStyle: 'cyan',
-    strokeStyle: 'darkgray'
-  }
-}

package/src/templates/index.ts

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

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