@operato/scene-integration 0.0.25 → 0.1.2

package/dist/scenario-stop.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-stop.js","sourceRoot":"","sources":["../src/scenario-stop.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport COMPONENT_IMAGE from '../assets/symbol-scenario-stop.png'\nimport { getClient } from './origin-client'\nimport gql from 'graphql-tag'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'string',\n      label: 'instance-name',\n      name: 'instanceName'\n    },\n    {\n      type: 'select',\n      label: 'scenario-name',\n      name: 'scenarioName',\n      property: {\n        options: async () => {\n          var response = await getClient().query({\n            query: gql`\n              query {\n                scenarios {\n                  items {\n                    name\n                  }\n                }\n              }\n            `\n          })\n          if (response.errors) {\n            return ['']\n          }\n\n          return [''].concat(response.data.scenarios.items.map((item: any) => item.name))\n        }\n      }\n    }\n  ],\n  'value-property': 'nothing',\n  help: 'scene/component/scenario-stop'\n}\n\nexport default class ScenarioStop extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioStop._image) {\n      ScenarioStop._image = new Image()\n      ScenarioStop._image.src = COMPONENT_IMAGE\n    }\n    return ScenarioStop._image\n  }\n\n  private _client: any\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n    context.beginPath()\n    this.drawImage(context, ScenarioStop.image, left, top, width, height)\n  }\n\n  ready() {\n    super.ready()\n    this._initScenario()\n  }\n\n  _initScenario() {\n    if (!this.app.isViewMode) {\n      return\n    }\n    this._client = getClient()\n  }\n\n  dispose() {\n    super.dispose()\n\n    try {\n      if (this._client) {\n        this._client.stop()\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    delete this._client\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  onchange(after: Properties) {\n    if ('nothing' in after) {\n      this.requestData()\n    }\n  }\n\n  get nothing() {\n    return this.state.nothing\n  }\n\n  set nothing(nothing) {\n    this.setState('nothing', nothing)\n  }\n\n  get client() {\n    return this._client\n  }\n\n  async requestData() {\n    let { instanceName, scenarioName } = this.state\n    instanceName = instanceName || scenarioName\n    if (!instanceName || !this.app.isViewMode) return\n\n    var client = this._client\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          mutation ($instanceName: String!) {\n            stopScenario(instanceName: $instanceName) {\n              state\n              message\n              data\n            }\n          }\n        `,\n        variables: {\n          instanceName: instanceName\n        }\n      })\n\n      this.data = response?.data?.stopScenario?.data\n    }\n  }\n}\n\nComponent.register('scenario-stop', ScenarioStop)\n"]}
+{"version":3,"file":"scenario-stop.js","sourceRoot":"","sources":["../src/scenario-stop.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport { scenarios } from './client-api'\nimport { getClient } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'string',\n      label: 'instance-name',\n      name: 'instanceName'\n    },\n    {\n      type: 'select',\n      label: 'scenario-name',\n      name: 'scenarioName',\n      property: {\n        options: scenarios\n      }\n    }\n  ],\n  'value-property': 'nothing',\n  help: 'scene/component/scenario-stop'\n}\n\nexport default class ScenarioStop extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioStop._image) {\n      ScenarioStop._image = new Image()\n      ScenarioStop._image.src = new URL('../icons/symbol-scenario-stop.png', import.meta.url).href\n    }\n    return ScenarioStop._image\n  }\n\n  private _client: any\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n    context.beginPath()\n    this.drawImage(context, ScenarioStop.image, left, top, width, height)\n  }\n\n  ready() {\n    super.ready()\n    this._initScenario()\n  }\n\n  _initScenario() {\n    if (!this.app.isViewMode) {\n      return\n    }\n    this._client = getClient()\n  }\n\n  dispose() {\n    super.dispose()\n\n    try {\n      if (this._client) {\n        this._client.stop()\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    delete this._client\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  onchange(after: Properties) {\n    if ('nothing' in after) {\n      this.requestData()\n    }\n  }\n\n  get nothing() {\n    return this.state.nothing\n  }\n\n  set nothing(nothing) {\n    this.setState('nothing', nothing)\n  }\n\n  get client() {\n    return this._client\n  }\n\n  async requestData() {\n    let { instanceName, scenarioName } = this.state\n    instanceName = instanceName || scenarioName\n    if (!instanceName || !this.app.isViewMode) return\n\n    var client = this._client\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          mutation ($instanceName: String!) {\n            stopScenario(instanceName: $instanceName) {\n              state\n              message\n              data\n            }\n          }\n        `,\n        variables: {\n          instanceName: instanceName\n        }\n      })\n\n      this.data = response?.data?.stopScenario?.data\n    }\n  }\n}\n\nComponent.register('scenario-stop', ScenarioStop)\n"]}

package/dist/templates/connection-control.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/connection-control.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-connection-control.png';
+const icon = new URL('../../icons/icon-connection-control.png', import.meta.url).href;
 export default {
     type: 'connection-control',
     description: 'connection-control',

package/dist/templates/connection-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"connection-control.js","sourceRoot":"","sources":["../../src/templates/connection-control.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,0CAA0C,CAAA;AAE3D,eAAe;IACb,IAAI,EAAE,oBAAoB;IAC1B,WAAW,EAAE,oBAAoB;IACjC,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-connection-control.png'\n\nexport default {\n  type: 'connection-control',\n  description: 'connection-control',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'connection-control',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"connection-control.js","sourceRoot":"","sources":["../../src/templates/connection-control.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,yCAAyC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAErF,eAAe;IACb,IAAI,EAAE,oBAAoB;IAC1B,WAAW,EAAE,oBAAoB;IACjC,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-connection-control.png', import.meta.url).href\n\nexport default {\n  type: 'connection-control',\n  description: 'connection-control',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'connection-control',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/connection-state-subscription.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/connection-state-subscription.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-connection-state-subscription.png';
+const icon = new URL('../../icons/icon-connection-state-subscription.png', import.meta.url).href;
 export default {
     type: 'connection-state-subscription',
     description: 'connection-state-subscription',

package/dist/templates/connection-state-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"connection-state-subscription.js","sourceRoot":"","sources":["../../src/templates/connection-state-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,qDAAqD,CAAA;AAEtE,eAAe;IACb,IAAI,EAAE,+BAA+B;IACrC,WAAW,EAAE,+BAA+B;IAC5C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,+BAA+B;QACrC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-connection-state-subscription.png'\n\nexport default {\n  type: 'connection-state-subscription',\n  description: 'connection-state-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'connection-state-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"connection-state-subscription.js","sourceRoot":"","sources":["../../src/templates/connection-state-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,oDAAoD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEhG,eAAe;IACb,IAAI,EAAE,+BAA+B;IACrC,WAAW,EAAE,+BAA+B;IAC5C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,+BAA+B;QACrC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-connection-state-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'connection-state-subscription',\n  description: 'connection-state-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'connection-state-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/data-subscription.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/data-subscription.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-data-subscription.png';
+const icon = new URL('../../icons/icon-data-subscription.png', import.meta.url).href;
 export default {
     type: 'data-subscription',
     description: 'data-subscription',

package/dist/templates/data-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../src/templates/data-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,yCAAyC,CAAA;AAE1D,eAAe;IACb,IAAI,EAAE,mBAAmB;IACzB,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-data-subscription.png'\n\nexport default {\n  type: 'data-subscription',\n  description: 'data-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'data-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../src/templates/data-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,wCAAwC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEpF,eAAe;IACb,IAAI,EAAE,mBAAmB;IACzB,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-data-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'data-subscription',\n  description: 'data-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'data-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/index.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-control.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-control.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-control.png';
+const icon = new URL('../../icons/icon-scenario-control.png', import.meta.url).href;
 export default {
     type: 'scenario-control',
     description: 'scenario-control',

package/dist/templates/scenario-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-control.js","sourceRoot":"","sources":["../../src/templates/scenario-control.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,wCAAwC,CAAA;AAEzD,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-control.png'\n\nexport default {\n  type: 'scenario-control',\n  description: 'scenario-control',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-control',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    controlType: '',\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-control.js","sourceRoot":"","sources":["../../src/templates/scenario-control.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,uCAAuC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEnF,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-control.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-control',\n  description: 'scenario-control',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-control',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    controlType: '',\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-instance-subscription.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-instance-subscription.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-queue-subscription.png';
+const icon = new URL('../../icons/icon-scenario-queue-subscription.png', import.meta.url).href;
 export default {
     type: 'scenario-queue-subscription',
     description: 'scenario-queue-subscription',

package/dist/templates/scenario-instance-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-instance-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-instance-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mDAAmD,CAAA;AAEpE,eAAe;IACb,IAAI,EAAE,6BAA6B;IACnC,WAAW,EAAE,6BAA6B;IAC1C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-queue-subscription.png'\n\nexport default {\n  type: 'scenario-queue-subscription',\n  description: 'scenario-queue-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-queue-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-instance-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-instance-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,kDAAkD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE9F,eAAe;IACb,IAAI,EAAE,6BAA6B;IACnC,WAAW,EAAE,6BAA6B;IAC1C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-queue-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-queue-subscription',\n  description: 'scenario-queue-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-queue-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-queue-subscription.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-queue-subscription.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-instance-subscription.png';
+const icon = new URL('../../icons/icon-scenario-instance-subscription.png', import.meta.url).href;
 export default {
     type: 'scenario-instance-subscription',
     description: 'scenario-instance-subscription',

package/dist/templates/scenario-queue-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-queue-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-queue-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sDAAsD,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,gCAAgC;IACtC,WAAW,EAAE,gCAAgC;IAC7C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gCAAgC;QACtC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-instance-subscription.png'\n\nexport default {\n  type: 'scenario-instance-subscription',\n  description: 'scenario-instance-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-instance-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-queue-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-queue-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qDAAqD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjG,eAAe;IACb,IAAI,EAAE,gCAAgC;IACtC,WAAW,EAAE,gCAAgC;IAC7C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gCAAgC;QACtC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-instance-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-instance-subscription',\n  description: 'scenario-instance-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-instance-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-run.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-run.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-run.png';
+const icon = new URL('../../icons/icon-scenario-run.png', import.meta.url).href;
 export default {
     type: 'scenario-run',
     description: 'scenario-run',

package/dist/templates/scenario-run.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-run.js","sourceRoot":"","sources":["../../src/templates/scenario-run.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,oCAAoC,CAAA;AAErD,eAAe;IACb,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-run.png'\n\nexport default {\n  type: 'scenario-run',\n  description: 'scenario-run',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-run',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-run.js","sourceRoot":"","sources":["../../src/templates/scenario-run.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,mCAAmC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE/E,eAAe;IACb,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-run.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-run',\n  description: 'scenario-run',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-run',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-start.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-start.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-start.png';
+const icon = new URL('../../icons/icon-scenario-start.png', import.meta.url).href;
 export default {
     type: 'scenario-start',
     description: 'scenario-start',

package/dist/templates/scenario-start.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-start.js","sourceRoot":"","sources":["../../src/templates/scenario-start.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sCAAsC,CAAA;AAEvD,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-start.png'\n\nexport default {\n  type: 'scenario-start',\n  description: 'scenario-start',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-start',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-start.js","sourceRoot":"","sources":["../../src/templates/scenario-start.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-start.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-start',\n  description: 'scenario-start',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-start',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-stop.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-stop.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-stop.png';
+const icon = new URL('../../icons/icon-scenario-stop.png', import.meta.url).href;
 export default {
     type: 'scenario-stop',
     description: 'scenario-stop',

package/dist/templates/scenario-stop.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-stop.js","sourceRoot":"","sources":["../../src/templates/scenario-stop.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,qCAAqC,CAAA;AAEtD,eAAe;IACb,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-stop.png'\n\nexport default {\n  type: 'scenario-stop',\n  description: 'scenario-stop',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-stop',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-stop.js","sourceRoot":"","sources":["../../src/templates/scenario-stop.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEhF,eAAe;IACb,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-stop.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-stop',\n  description: 'scenario-stop',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-stop',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-integration",
   "description": "Things factory integration component for things-scene",
-  "version": "0.0.25",
+  "version": "0.1.2",
   "license": "MIT",
   "author": "heartyoh",
   "main": "dist/index.js",
@@ -33,9 +33,9 @@
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@operato/board": "^0.2.52",
-    "@things-factory/builder": "^4.0.24",
-    "@things-factory/operato-board": "^4.0.24",
+    "@operato/board": "^0.3.7",
+    "@things-factory/builder": "^4.0.27",
+    "@things-factory/operato-board": "^4.0.27",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.28",
@@ -60,5 +60,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "83b6d7788f64b017555b676f6a4ffe4783cd9f9c"
+  "gitHead": "a08c67f644a77255e0ccd00a9ebcdb81f89b8adc"
 }

package/src/client-api.ts

@@ -0,0 +1,25 @@
+import gql from 'graphql-tag'
+
+import { getClient } from './origin-client'
+
+export const scenarios = async () => {
+  var response = await getClient().query({
+    query: gql`
+      query {
+        scenarios {
+          items {
+            name
+          }
+        }
+      }
+    `
+  })
+  if (response.errors) {
+    return ['']
+  }
+
+  const items = response.data.scenarios.items.map((item: any) => item.name)
+  const sorted = items.sort()
+
+  return [''].concat(sorted)
+}

package/src/connection-control.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, RectPath, Shape } from '@hatiolab/things-scene'
 
-import COMPONENT_IMAGE from '../assets/symbol-connection-control.png'
 import { getClient } from './origin-client'
-import gql from 'graphql-tag'
 
 const NATURE = {
   mutable: false,
@@ -66,7 +66,7 @@ export default class ConnectionControl extends RectPath(Shape) {
   static get image() {
     if (!ConnectionControl._image) {
       ConnectionControl._image = new Image()
-      ConnectionControl._image.src = COMPONENT_IMAGE
+      ConnectionControl._image.src = new URL('../icons/symbol-connection-control.png', import.meta.url).href
     }
     return ConnectionControl._image
   }

package/src/connection-state-subscription.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
-import { getClient, subscribe } from './origin-client'
 
-import COMPONENT_IMAGE from '../assets/symbol-connection-state-subscription.png'
-import gql from 'graphql-tag'
+import { getClient, subscribe } from './origin-client'
 
 const NATURE = {
   mutable: false,
@@ -43,7 +43,10 @@ export default class ConnectionStateSubscription extends DataSource(RectPath(Sha
   static get image() {
     if (!ConnectionStateSubscription._image) {
       ConnectionStateSubscription._image = new Image()
-      ConnectionStateSubscription._image.src = COMPONENT_IMAGE
+      ConnectionStateSubscription._image.src = new URL(
+        '../icons/symbol-connection-state-subscription.png',
+        import.meta.url
+      ).href
     }
 
     return ConnectionStateSubscription._image

package/src/data-subscription.ts

@@ -1,7 +1,7 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
 
-import COMPONENT_IMAGE from '../assets/symbol-data-subscription.png'
-import gql from 'graphql-tag'
 import { subscribe } from './origin-client'
 
 const NATURE = {
@@ -24,7 +24,7 @@ export default class DataSubscription extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!DataSubscription._image) {
       DataSubscription._image = new Image()
-      DataSubscription._image.src = COMPONENT_IMAGE
+      DataSubscription._image.src = new URL('../icons/symbol-data-subscription.png', import.meta.url).href
     }
 
     return DataSubscription._image

package/src/scenario-control.ts

@@ -1,8 +1,9 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'
 
-import COMPONENT_IMAGE from '../assets/symbol-scenario-control.png'
+import { scenarios } from './client-api'
 import { getClient } from './origin-client'
-import gql from 'graphql-tag'
 
 const NATURE = {
   mutable: false,
@@ -14,24 +15,7 @@ const NATURE = {
       label: 'scenario-name',
       name: 'scenarioName',
       property: {
-        options: async () => {
-          var response = await getClient().query({
-            query: gql`
-              query {
-                scenarios {
-                  items {
-                    name
-                  }
-                }
-              }
-            `
-          })
-          if (response.errors) {
-            return ['']
-          }
-
-          return [''].concat(response.data.scenarios.items.map((item: any) => item.name))
-        }
+        options: scenarios
       }
     },
     {
@@ -66,7 +50,7 @@ export default class ScenarioControl extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!ScenarioControl._image) {
       ScenarioControl._image = new Image()
-      ScenarioControl._image.src = COMPONENT_IMAGE
+      ScenarioControl._image.src = new URL('../icons/symbol-scenario-control.png', import.meta.url).href
     }
     return ScenarioControl._image
   }

package/src/scenario-instance-subscription.ts

@@ -1,8 +1,9 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
-import { getClient, subscribe } from './origin-client'
 
-import COMPONENT_IMAGE from '../assets/symbol-scenario-instance-subscription.png'
-import gql from 'graphql-tag'
+import { scenarios } from './client-api'
+import { subscribe } from './origin-client'
 
 const NATURE = {
   mutable: false,
@@ -14,24 +15,7 @@ const NATURE = {
       label: 'scenario-name',
       name: 'scenarioName',
       property: {
-        options: async () => {
-          var response = await getClient().query({
-            query: gql`
-              query {
-                scenarios {
-                  items {
-                    name
-                  }
-                }
-              }
-            `
-          })
-          if (response.errors) {
-            return ['']
-          }
-
-          return [''].concat(response.data.scenarios.items.map((item: any) => item.name))
-        }
+        options: scenarios
       }
     },
     {
@@ -49,7 +33,10 @@ export default class ScenarioInstanceSubscription extends DataSource(RectPath(Sh
   static get image() {
     if (!ScenarioInstanceSubscription._image) {
       ScenarioInstanceSubscription._image = new Image()
-      ScenarioInstanceSubscription._image.src = COMPONENT_IMAGE
+      ScenarioInstanceSubscription._image.src = new URL(
+        '../icons/symbol-scenario-instance-subscription.png',
+        import.meta.url
+      ).href
     }
 
     return ScenarioInstanceSubscription._image

package/src/scenario-queue-subscription.ts

@@ -1,7 +1,7 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
 
-import COMPONENT_IMAGE from '../assets/symbol-scenario-queue-subscription.png'
-import gql from 'graphql-tag'
 import { subscribe } from './origin-client'
 
 const NATURE = {
@@ -18,7 +18,10 @@ export default class ScenarioQueueSubscription extends DataSource(RectPath(Shape
   static get image() {
     if (!ScenarioQueueSubscription._image) {
       ScenarioQueueSubscription._image = new Image()
-      ScenarioQueueSubscription._image.src = COMPONENT_IMAGE
+      ScenarioQueueSubscription._image.src = new URL(
+        '../icons/symbol-scenario-queue-subscription.png',
+        import.meta.url
+      ).href
     }
 
     return ScenarioQueueSubscription._image

package/src/scenario-run.ts

@@ -1,8 +1,9 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'
 
-import COMPONENT_IMAGE from '../assets/symbol-scenario-run.png'
+import { scenarios } from './client-api'
 import { getClient } from './origin-client'
-import gql from 'graphql-tag'
 
 const NATURE = {
   mutable: false,
@@ -14,24 +15,7 @@ const NATURE = {
       label: 'scenario-name',
       name: 'scenarioName',
       property: {
-        options: async () => {
-          var response = await getClient().query({
-            query: gql`
-              query {
-                scenarios {
-                  items {
-                    name
-                  }
-                }
-              }
-            `
-          })
-          if (response.errors) {
-            return ['']
-          }
-
-          return [''].concat(response.data.scenarios.items.map((item: any) => item.name))
-        }
+        options: scenarios
       }
     },
     {
@@ -55,7 +39,7 @@ export default class ScenarioRun extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!ScenarioRun._image) {
       ScenarioRun._image = new Image()
-      ScenarioRun._image.src = COMPONENT_IMAGE
+      ScenarioRun._image.src = new URL('../icons/symbol-scenario-run.png', import.meta.url).href
     }
     return ScenarioRun._image
   }