@operato/scene-integration 0.0.25 → 0.1.2

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.1.2](https://github.com/things-scene/operato-scene/compare/v0.1.1...v0.1.2) (2022-01-13)
+
+
+### :bug: Bug Fix
+
+* @operato/board upgrade to 0.3.7 ([4c5d232](https://github.com/things-scene/operato-scene/commit/4c5d232d185642624501a369449df21b322384ae))
+* sort scenario name list on property editor ([af568e9](https://github.com/things-scene/operato-scene/commit/af568e9665eaa818cf6608f857466f497a9aa970))
+
+
+
+### [0.1.1](https://github.com/things-scene/operato-scene/compare/v0.1.0...v0.1.1) (2022-01-03)
+
+
+### :bug: Bug Fix
+
+* [@things-factory](https://github.com/things-factory) 4.0.27 for webpack 5 ([c1b8ce2](https://github.com/things-scene/operato-scene/commit/c1b8ce2a4f069a77b75c82ef8abe2b52974fa5a2))
+* @operato/board@0.3.4 ([9f7a868](https://github.com/things-scene/operato-scene/commit/9f7a86820280d24b08dabfd9c9b0f46b4c74feed))
+
+
+
+## [0.1.0](https://github.com/things-scene/operato-scene/compare/v0.0.26...v0.1.0) (2022-01-03)
+
+
+### :rocket: New Features
+
+* applied import.meta.url for native web support ([fe65672](https://github.com/things-scene/operato-scene/commit/fe65672550b15276bd9fa79ab7ac886a8502f8b0))
+
+
+
+### [0.0.26](https://github.com/things-scene/operato-scene/compare/v0.0.25...v0.0.26) (2022-01-01)
+
+
+### :bug: Bug Fix
+
+* upgrade [@operato](https://github.com/operato) modules ([ddcb27f](https://github.com/things-scene/operato-scene/commit/ddcb27f7562243d9fc581fed3090c3be42ce1d28))
+
+
+
 ### [0.0.25](https://github.com/things-scene/operato-scene/compare/v0.0.24...v0.0.25) (2021-12-28)
 
 

package/dist/client-api.d.ts

@@ -0,0 +1 @@
+export declare const scenarios: () => Promise<string[]>;

package/dist/client-api.js

@@ -0,0 +1,22 @@
+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) => item.name);
+    const sorted = items.sort();
+    return [''].concat(sorted);
+};
+//# sourceMappingURL=client-api.js.map

package/dist/client-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-api.js","sourceRoot":"","sources":["../src/client-api.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;IAClC,IAAI,QAAQ,GAAG,MAAM,SAAS,EAAE,CAAC,KAAK,CAAC;QACrC,KAAK,EAAE,GAAG,CAAA;;;;;;;;KAQT;KACF,CAAC,CAAA;IACF,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzE,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAE3B,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC5B,CAAC,CAAA","sourcesContent":["import gql from 'graphql-tag'\n\nimport { getClient } from './origin-client'\n\nexport const scenarios = 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  const items = response.data.scenarios.items.map((item: any) => item.name)\n  const sorted = items.sort()\n\n  return [''].concat(sorted)\n}\n"]}

package/dist/connection-control.js

@@ -1,7 +1,6 @@
+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,
     resizable: true,
@@ -60,7 +59,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/dist/connection-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"connection-control.js","sourceRoot":"","sources":["../src/connection-control.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport COMPONENT_IMAGE from '../assets/symbol-connection-control.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: 'select',\n      label: 'connection-name',\n      name: 'connectionName',\n      property: {\n        options: async () => {\n          var response = await getClient().query({\n            query: gql`\n              query {\n                connections {\n                  items {\n                    name\n                  }\n                }\n              }\n            `\n          })\n          if (response.errors) {\n            return ['']\n          }\n\n          return [''].concat(response.data.connections.items.map((item: any) => item.name))\n        }\n      }\n    },\n    {\n      type: 'select',\n      label: 'control-type',\n      name: 'controlType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'connect',\n            value: 'connect'\n          },\n          {\n            display: 'disconnect',\n            value: 'disconnect'\n          }\n        ]\n      }\n    }\n  ],\n  'value-property': 'controlType',\n  help: 'scene/component/connection-control'\n}\n\nexport default class ConnectionControl extends RectPath(Shape) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ConnectionControl._image) {\n      ConnectionControl._image = new Image()\n      ConnectionControl._image.src = COMPONENT_IMAGE\n    }\n    return ConnectionControl._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, ConnectionControl.image, left, top, width, height)\n  }\n\n  ready() {\n    super.ready()\n    this._init()\n  }\n\n  _init() {\n    if (!this.app.isViewMode) 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  get client() {\n    return this._client\n  }\n\n  get controlType() {\n    return this.getState('controlType')\n  }\n\n  set controlType(controlType: string) {\n    this.setState('controlType', controlType)\n    this.controlConnect()\n  }\n\n  async controlConnect() {\n    let { controlType, connectionName } = this.state\n\n    if (!connectionName || !this.app.isViewMode) return\n\n    switch (controlType) {\n      case 'connect':\n      case true:\n      case 1:\n        controlType = 'connect'\n        break\n      default:\n        controlType = 'disconnect'\n    }\n\n    var client = this._client\n    var query = ''\n\n    query = `mutation{\n      ${controlType}Connection(name: \"${connectionName}\") {\n        status\n      }\n    }`\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          ${query}\n        `\n      })\n\n      this.data = response\n    }\n  }\n}\n\nComponent.register('connection-control', ConnectionControl)\n"]}
+{"version":3,"file":"connection-control.js","sourceRoot":"","sources":["../src/connection-control.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { Component, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport { getClient } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'connection-name',\n      name: 'connectionName',\n      property: {\n        options: async () => {\n          var response = await getClient().query({\n            query: gql`\n              query {\n                connections {\n                  items {\n                    name\n                  }\n                }\n              }\n            `\n          })\n          if (response.errors) {\n            return ['']\n          }\n\n          return [''].concat(response.data.connections.items.map((item: any) => item.name))\n        }\n      }\n    },\n    {\n      type: 'select',\n      label: 'control-type',\n      name: 'controlType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'connect',\n            value: 'connect'\n          },\n          {\n            display: 'disconnect',\n            value: 'disconnect'\n          }\n        ]\n      }\n    }\n  ],\n  'value-property': 'controlType',\n  help: 'scene/component/connection-control'\n}\n\nexport default class ConnectionControl extends RectPath(Shape) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ConnectionControl._image) {\n      ConnectionControl._image = new Image()\n      ConnectionControl._image.src = new URL('../icons/symbol-connection-control.png', import.meta.url).href\n    }\n    return ConnectionControl._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, ConnectionControl.image, left, top, width, height)\n  }\n\n  ready() {\n    super.ready()\n    this._init()\n  }\n\n  _init() {\n    if (!this.app.isViewMode) 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  get client() {\n    return this._client\n  }\n\n  get controlType() {\n    return this.getState('controlType')\n  }\n\n  set controlType(controlType: string) {\n    this.setState('controlType', controlType)\n    this.controlConnect()\n  }\n\n  async controlConnect() {\n    let { controlType, connectionName } = this.state\n\n    if (!connectionName || !this.app.isViewMode) return\n\n    switch (controlType) {\n      case 'connect':\n      case true:\n      case 1:\n        controlType = 'connect'\n        break\n      default:\n        controlType = 'disconnect'\n    }\n\n    var client = this._client\n    var query = ''\n\n    query = `mutation{\n      ${controlType}Connection(name: \"${connectionName}\") {\n        status\n      }\n    }`\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          ${query}\n        `\n      })\n\n      this.data = response\n    }\n  }\n}\n\nComponent.register('connection-control', ConnectionControl)\n"]}

package/dist/connection-state-subscription.js

@@ -1,7 +1,6 @@
+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';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -38,7 +37,7 @@ 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/dist/connection-state-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"connection-state-subscription.js","sourceRoot":"","sources":["../src/connection-state-subscription.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\nimport { getClient, subscribe } from './origin-client'\n\nimport COMPONENT_IMAGE from '../assets/symbol-connection-state-subscription.png'\nimport gql from 'graphql-tag'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'connection-name',\n      name: 'connectionName',\n      property: {\n        options: async () => {\n          var response = await getClient().query({\n            query: gql`\n              query {\n                connections {\n                  items {\n                    name\n                  }\n                }\n              }\n            `\n          })\n          if (response.errors) {\n            return ['']\n          }\n\n          return [''].concat(response.data.connections.items.map((item: any) => item.name))\n        }\n      }\n    }\n  ],\n  help: 'scene/component/connection-state-subscription'\n}\n\nexport default class ConnectionStateSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n  static get image() {\n    if (!ConnectionStateSubscription._image) {\n      ConnectionStateSubscription._image = new Image()\n      ConnectionStateSubscription._image.src = COMPONENT_IMAGE\n    }\n\n    return ConnectionStateSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    super.dispose()\n\n    this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, ConnectionStateSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    if (!this.app.isViewMode) return\n    this._initConnectionStateSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  _initConnectionStateSubscription() {\n    if (!this.app.isViewMode) return\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    var { connectionName } = this.state\n\n    this.subscription = await subscribe(\n      {\n        query: gql`subscription {\n          connectionState(name: \"${connectionName}\") {\n            name\n            state\n            timestamp\n          }\n        }`\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.connectionState\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('connection-state-subscription', ConnectionStateSubscription)\n"]}
+{"version":3,"file":"connection-state-subscription.js","sourceRoot":"","sources":["../src/connection-state-subscription.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport { getClient, subscribe } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'connection-name',\n      name: 'connectionName',\n      property: {\n        options: async () => {\n          var response = await getClient().query({\n            query: gql`\n              query {\n                connections {\n                  items {\n                    name\n                  }\n                }\n              }\n            `\n          })\n          if (response.errors) {\n            return ['']\n          }\n\n          return [''].concat(response.data.connections.items.map((item: any) => item.name))\n        }\n      }\n    }\n  ],\n  help: 'scene/component/connection-state-subscription'\n}\n\nexport default class ConnectionStateSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n  static get image() {\n    if (!ConnectionStateSubscription._image) {\n      ConnectionStateSubscription._image = new Image()\n      ConnectionStateSubscription._image.src = new URL(\n        '../icons/symbol-connection-state-subscription.png',\n        import.meta.url\n      ).href\n    }\n\n    return ConnectionStateSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    super.dispose()\n\n    this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, ConnectionStateSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    if (!this.app.isViewMode) return\n    this._initConnectionStateSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  _initConnectionStateSubscription() {\n    if (!this.app.isViewMode) return\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    var { connectionName } = this.state\n\n    this.subscription = await subscribe(\n      {\n        query: gql`subscription {\n          connectionState(name: \"${connectionName}\") {\n            name\n            state\n            timestamp\n          }\n        }`\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.connectionState\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('connection-state-subscription', ConnectionStateSubscription)\n"]}

package/dist/data-subscription.js

@@ -1,6 +1,5 @@
-import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
-import COMPONENT_IMAGE from '../assets/symbol-data-subscription.png';
 import gql from 'graphql-tag';
+import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
 import { subscribe } from './origin-client';
 const NATURE = {
     mutable: false,
@@ -20,7 +19,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/dist/data-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../src/data-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE/E,OAAO,eAAe,MAAM,wCAAwC,CAAA;AACpE,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,KAAK;SACZ;KACF;IACD,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,mCAAmC;CAC1C,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEvE,MAAM,KAAK,KAAK;QACd,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;YAC5B,gBAAgB,CAAC,MAAM,GAAG,IAAI,KAAK,EAAE,CAAA;YACrC,gBAAgB,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAA;SAC9C;QAED,OAAO,gBAAgB,CAAC,MAAM,CAAA;IAChC,CAAC;IAMD,OAAO;;QACL,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,EAAE,CAAA;QAChC,OAAO,IAAI,CAAC,YAAY,CAAA;QAExB,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IAC3E,CAAC;IAED,KAAK;QACH,IAAI,CAAC,qBAAqB,EAAE,CAAA;IAC9B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA;IACvB,CAAC;IAED,IAAI,GAAG,CAAC,GAAG;QACT,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3B,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAEhC,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAExB,IAAI,CAAC,YAAY,GAAG,MAAM,SAAS,CACjC;YACE,KAAK,EAAE,GAAG,CAAA;;yBAEO,GAAG;;;;;SAKnB;SACF,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;iBAC3B;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAA","sourcesContent":["import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport COMPONENT_IMAGE from '../assets/symbol-data-subscription.png'\nimport gql from 'graphql-tag'\nimport { subscribe } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'string',\n      label: 'tag',\n      name: 'tag'\n    }\n  ],\n  'value-property': 'tag',\n  help: 'scene/component/data-subscription'\n}\n\nexport default class DataSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n  static get image() {\n    if (!DataSubscription._image) {\n      DataSubscription._image = new Image()\n      DataSubscription._image.src = COMPONENT_IMAGE\n    }\n\n    return DataSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    this.subscription?.unsubscribe()\n    delete this.subscription\n\n    super.dispose()\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, DataSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    this._initDataSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get tag() {\n    return this.state.tag\n  }\n\n  set tag(tag) {\n    this.setState('tag', tag)\n  }\n\n  _initDataSubscription() {\n    if (!this.app.isViewMode) return\n\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    var { tag } = this.state\n\n    this.subscription = await subscribe(\n      {\n        query: gql`\n          subscription {\n            data(tag: \"${tag}\") {\n              tag\n              data\n            }\n          }\n        `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.data.data\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('data-subscription', DataSubscription)\n"]}
+{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../src/data-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,KAAK;SACZ;KACF;IACD,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,mCAAmC;CAC1C,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEvE,MAAM,KAAK,KAAK;QACd,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;YAC5B,gBAAgB,CAAC,MAAM,GAAG,IAAI,KAAK,EAAE,CAAA;YACrC,gBAAgB,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,uCAAuC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;SACrG;QAED,OAAO,gBAAgB,CAAC,MAAM,CAAA;IAChC,CAAC;IAMD,OAAO;;QACL,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,EAAE,CAAA;QAChC,OAAO,IAAI,CAAC,YAAY,CAAA;QAExB,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IAC3E,CAAC;IAED,KAAK;QACH,IAAI,CAAC,qBAAqB,EAAE,CAAA;IAC9B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA;IACvB,CAAC;IAED,IAAI,GAAG,CAAC,GAAG;QACT,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3B,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAEhC,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAExB,IAAI,CAAC,YAAY,GAAG,MAAM,SAAS,CACjC;YACE,KAAK,EAAE,GAAG,CAAA;;yBAEO,GAAG;;;;;SAKnB;SACF,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;iBAC3B;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAA","sourcesContent":["import gql from 'graphql-tag'\n\nimport { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport { subscribe } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'string',\n      label: 'tag',\n      name: 'tag'\n    }\n  ],\n  'value-property': 'tag',\n  help: 'scene/component/data-subscription'\n}\n\nexport default class DataSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n  static get image() {\n    if (!DataSubscription._image) {\n      DataSubscription._image = new Image()\n      DataSubscription._image.src = new URL('../icons/symbol-data-subscription.png', import.meta.url).href\n    }\n\n    return DataSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    this.subscription?.unsubscribe()\n    delete this.subscription\n\n    super.dispose()\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, DataSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    this._initDataSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get tag() {\n    return this.state.tag\n  }\n\n  set tag(tag) {\n    this.setState('tag', tag)\n  }\n\n  _initDataSubscription() {\n    if (!this.app.isViewMode) return\n\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    var { tag } = this.state\n\n    this.subscription = await subscribe(\n      {\n        query: gql`\n          subscription {\n            data(tag: \"${tag}\") {\n              tag\n              data\n            }\n          }\n        `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.data.data\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('data-subscription', DataSubscription)\n"]}

package/dist/index.d.ts

@@ -7,5 +7,5 @@ import ScenarioInstanceSubscription from './scenario-instance-subscription';
 import ScenarioQueueSubscription from './scenario-queue-subscription';
 import ConnectionStateSubscription from './connection-state-subscription';
 import ConnectionControl from './connection-control';
-declare const _default: (typeof ScenarioQueueSubscription | typeof ScenarioInstanceSubscription | typeof ScenarioStop | typeof ScenarioStart | typeof ScenarioRun | typeof ScenarioControl | typeof DataSubscription | typeof ConnectionStateSubscription | typeof ConnectionControl)[];
+declare const _default: (typeof ConnectionControl | typeof ConnectionStateSubscription | typeof DataSubscription | typeof ScenarioControl | typeof ScenarioRun | typeof ScenarioStart | typeof ScenarioStop | typeof ScenarioInstanceSubscription | typeof ScenarioQueueSubscription)[];
 export default _default;

package/dist/scenario-control.js

@@ -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-control.png';
+import { scenarios } from './client-api';
 import { getClient } from './origin-client';
-import gql from 'graphql-tag';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -12,23 +12,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) => item.name));
-                }
+                options: scenarios
             }
         },
         {
@@ -60,7 +44,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/dist/scenario-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-control.js","sourceRoot":"","sources":["../src/scenario-control.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-control.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: '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      type: 'select',\n      label: 'control-type',\n      name: 'controlType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'start',\n            value: 'start'\n          },\n          {\n            display: 'stop',\n            value: 'stop'\n          }\n        ]\n      }\n    }\n  ],\n  'value-property': 'controlType',\n  help: 'scene/component/scenario-control'\n}\n\nexport default class ScenarioControl extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioControl._image) {\n      ScenarioControl._image = new Image()\n      ScenarioControl._image.src = COMPONENT_IMAGE\n    }\n    return ScenarioControl._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, ScenarioControl.image, left, top, width, height)\n  }\n\n  ready() {\n    super.ready()\n    this._initScenario()\n  }\n\n  _initScenario() {\n    if (!this.app.isViewMode) return\n\n    this._client = getClient()\n    this.requestData()\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 ('controlType' in after) {\n      this.requestData()\n    }\n  }\n\n  get client() {\n    return this._client\n  }\n\n  get controlType() {\n    return this.getState('controlType')\n  }\n\n  set controlType(controlType) {\n    this.setState('controlType', controlType)\n  }\n\n  async requestData() {\n    let { controlType, scenarioName } = this.state\n    if (!controlType || !scenarioName || !this.app.isViewMode) return\n    var client = this._client\n    var query = ''\n    if (controlType == 'start') {\n      query = `mutation{\n        ${controlType}Scenario(instanceName: \"${scenarioName}\", scenarioName: \"${scenarioName}\", variables: {}) {\n          state\n        }\n      }`\n    } else {\n      query = `mutation{\n        ${controlType}Scenario(instanceName: \"${scenarioName}\") {\n          state\n        }\n      }`\n    }\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          ${query}\n        `\n      })\n\n      this.data = response\n    }\n  }\n}\n\nComponent.register('scenario-control', ScenarioControl)\n"]}
+{"version":3,"file":"scenario-control.js","sourceRoot":"","sources":["../src/scenario-control.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: 'select',\n      label: 'scenario-name',\n      name: 'scenarioName',\n      property: {\n        options: scenarios\n      }\n    },\n    {\n      type: 'select',\n      label: 'control-type',\n      name: 'controlType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'start',\n            value: 'start'\n          },\n          {\n            display: 'stop',\n            value: 'stop'\n          }\n        ]\n      }\n    }\n  ],\n  'value-property': 'controlType',\n  help: 'scene/component/scenario-control'\n}\n\nexport default class ScenarioControl extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioControl._image) {\n      ScenarioControl._image = new Image()\n      ScenarioControl._image.src = new URL('../icons/symbol-scenario-control.png', import.meta.url).href\n    }\n    return ScenarioControl._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, ScenarioControl.image, left, top, width, height)\n  }\n\n  ready() {\n    super.ready()\n    this._initScenario()\n  }\n\n  _initScenario() {\n    if (!this.app.isViewMode) return\n\n    this._client = getClient()\n    this.requestData()\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 ('controlType' in after) {\n      this.requestData()\n    }\n  }\n\n  get client() {\n    return this._client\n  }\n\n  get controlType() {\n    return this.getState('controlType')\n  }\n\n  set controlType(controlType) {\n    this.setState('controlType', controlType)\n  }\n\n  async requestData() {\n    let { controlType, scenarioName } = this.state\n    if (!controlType || !scenarioName || !this.app.isViewMode) return\n    var client = this._client\n    var query = ''\n    if (controlType == 'start') {\n      query = `mutation{\n        ${controlType}Scenario(instanceName: \"${scenarioName}\", scenarioName: \"${scenarioName}\", variables: {}) {\n          state\n        }\n      }`\n    } else {\n      query = `mutation{\n        ${controlType}Scenario(instanceName: \"${scenarioName}\") {\n          state\n        }\n      }`\n    }\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          ${query}\n        `\n      })\n\n      this.data = response\n    }\n  }\n}\n\nComponent.register('scenario-control', ScenarioControl)\n"]}

package/dist/scenario-instance-subscription.js

@@ -1,7 +1,7 @@
-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 { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
+import { scenarios } from './client-api';
+import { subscribe } from './origin-client';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -12,23 +12,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) => item.name));
-                }
+                options: scenarios
             }
         },
         {
@@ -43,7 +27,7 @@ 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/dist/scenario-instance-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-instance-subscription.js","sourceRoot":"","sources":["../src/scenario-instance-subscription.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\nimport { getClient, subscribe } from './origin-client'\n\nimport COMPONENT_IMAGE from '../assets/symbol-scenario-instance-subscription.png'\nimport gql from 'graphql-tag'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\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      type: 'string',\n      label: 'instance-name',\n      name: 'instanceName'\n    }\n  ],\n  help: 'scene/component/scenario-instance-subscription'\n}\n\nexport default class ScenarioInstanceSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioInstanceSubscription._image) {\n      ScenarioInstanceSubscription._image = new Image()\n      ScenarioInstanceSubscription._image.src = COMPONENT_IMAGE\n    }\n\n    return ScenarioInstanceSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    super.dispose()\n\n    this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, ScenarioInstanceSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    if (!this.app.isViewMode) return\n    this._initScenarioInstanceSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  _initScenarioInstanceSubscription() {\n    if (!this.app.isViewMode) return\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    var { instanceName, scenarioName = '' } = this.state\n\n    instanceName = instanceName || scenarioName\n\n    this.subscription = await subscribe(\n      {\n        query: gql`\n        subscription {\n          scenarioInstanceState(instanceName: \"${instanceName}\", scenarioName: \"${scenarioName}\") {\n            instanceName\n            scenarioName\n            state\n            variables\n            progress{\n              rounds\n              rate\n              steps\n              step\n            }\n            data\n            message\n            timestamp\n          }\n        }\n      `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.scenarioInstanceState\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('scenario-instance-subscription', ScenarioInstanceSubscription)\n"]}
+{"version":3,"file":"scenario-instance-subscription.js","sourceRoot":"","sources":["../src/scenario-instance-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE,SAAS;aACnB;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,IAAI,EAAE,gDAAgD;CACvD,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,4BAA6B,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGnF,MAAM,KAAK,KAAK;QACd,IAAI,CAAC,4BAA4B,CAAC,MAAM,EAAE;YACxC,4BAA4B,CAAC,MAAM,GAAG,IAAI,KAAK,EAAE,CAAA;YACjD,4BAA4B,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,GAAG,CAC/C,oDAAoD,EACpD,MAAM,CAAC,IAAI,CAAC,GAAG,CAChB,CAAC,IAAI,CAAA;SACP;QAED,OAAO,4BAA4B,CAAC,MAAM,CAAA;IAC5C,CAAC;IAMD,OAAO;;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,EAAE,CAAA;QAChC,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,4BAA4B,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACvF,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAChC,IAAI,CAAC,iCAAiC,EAAE,CAAA;IAC1C,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,iCAAiC;QAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAChC,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,EAAE,YAAY,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEpD,YAAY,GAAG,YAAY,IAAI,YAAY,CAAA;QAE3C,IAAI,CAAC,YAAY,GAAG,MAAM,SAAS,CACjC;YACE,KAAK,EAAE,GAAG,CAAA;;iDAE+B,YAAY,qBAAqB,YAAY;;;;;;;;;;;;;;;;OAgBvF;SACA,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAA;iBACvC;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,gCAAgC,EAAE,4BAA4B,CAAC,CAAA","sourcesContent":["import gql from 'graphql-tag'\n\nimport { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport { scenarios } from './client-api'\nimport { subscribe } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'scenario-name',\n      name: 'scenarioName',\n      property: {\n        options: scenarios\n      }\n    },\n    {\n      type: 'string',\n      label: 'instance-name',\n      name: 'instanceName'\n    }\n  ],\n  help: 'scene/component/scenario-instance-subscription'\n}\n\nexport default class ScenarioInstanceSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioInstanceSubscription._image) {\n      ScenarioInstanceSubscription._image = new Image()\n      ScenarioInstanceSubscription._image.src = new URL(\n        '../icons/symbol-scenario-instance-subscription.png',\n        import.meta.url\n      ).href\n    }\n\n    return ScenarioInstanceSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    super.dispose()\n\n    this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, ScenarioInstanceSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    if (!this.app.isViewMode) return\n    this._initScenarioInstanceSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  _initScenarioInstanceSubscription() {\n    if (!this.app.isViewMode) return\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    var { instanceName, scenarioName = '' } = this.state\n\n    instanceName = instanceName || scenarioName\n\n    this.subscription = await subscribe(\n      {\n        query: gql`\n        subscription {\n          scenarioInstanceState(instanceName: \"${instanceName}\", scenarioName: \"${scenarioName}\") {\n            instanceName\n            scenarioName\n            state\n            variables\n            progress{\n              rounds\n              rate\n              steps\n              step\n            }\n            data\n            message\n            timestamp\n          }\n        }\n      `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.scenarioInstanceState\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('scenario-instance-subscription', ScenarioInstanceSubscription)\n"]}

package/dist/scenario-queue-subscription.js

@@ -1,6 +1,5 @@
-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 { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
 import { subscribe } from './origin-client';
 const NATURE = {
     mutable: false,
@@ -13,7 +12,7 @@ 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/dist/scenario-queue-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-queue-subscription.js","sourceRoot":"","sources":["../src/scenario-queue-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE/E,OAAO,eAAe,MAAM,kDAAkD,CAAA;AAC9E,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,6CAA6C;CACpD,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGhF,MAAM,KAAK,KAAK;QACd,IAAI,CAAC,yBAAyB,CAAC,MAAM,EAAE;YACrC,yBAAyB,CAAC,MAAM,GAAG,IAAI,KAAK,EAAE,CAAA;YAC9C,yBAAyB,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAA;SACvD;QAED,OAAO,yBAAyB,CAAC,MAAM,CAAA;IACzC,CAAC;IAMD,OAAO;;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,EAAE,CAAA;QAChC,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,yBAAyB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACpF,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAChC,IAAI,CAAC,8BAA8B,EAAE,CAAA;IACvC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,8BAA8B;QAC5B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAChC,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,CAAC,YAAY,GAAG,MAAM,SAAS,CACjC;YACE,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;SAWT;SACF,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAA;iBACpC;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,6BAA6B,EAAE,yBAAyB,CAAC,CAAA","sourcesContent":["import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport COMPONENT_IMAGE from '../assets/symbol-scenario-queue-subscription.png'\nimport gql from 'graphql-tag'\nimport { subscribe } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [],\n  help: 'scene/component/scenario-queue-subscription'\n}\n\nexport default class ScenarioQueueSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioQueueSubscription._image) {\n      ScenarioQueueSubscription._image = new Image()\n      ScenarioQueueSubscription._image.src = COMPONENT_IMAGE\n    }\n\n    return ScenarioQueueSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    super.dispose()\n\n    this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, ScenarioQueueSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    if (!this.app.isViewMode) return\n    this._initScenarioQueueSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  _initScenarioQueueSubscription() {\n    if (!this.app.isViewMode) return\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    this.subscription = await subscribe(\n      {\n        query: gql`\n          subscription {\n            scenarioQueueState {\n              queue {\n                stuff\n                due\n                priority\n                tag\n              }\n            }\n          }\n        `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.scenarioQueueState\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('scenario-queue-subscription', ScenarioQueueSubscription)\n"]}
+{"version":3,"file":"scenario-queue-subscription.js","sourceRoot":"","sources":["../src/scenario-queue-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,6CAA6C;CACpD,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGhF,MAAM,KAAK,KAAK;QACd,IAAI,CAAC,yBAAyB,CAAC,MAAM,EAAE;YACrC,yBAAyB,CAAC,MAAM,GAAG,IAAI,KAAK,EAAE,CAAA;YAC9C,yBAAyB,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,GAAG,CAC5C,iDAAiD,EACjD,MAAM,CAAC,IAAI,CAAC,GAAG,CAChB,CAAC,IAAI,CAAA;SACP;QAED,OAAO,yBAAyB,CAAC,MAAM,CAAA;IACzC,CAAC;IAMD,OAAO;;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,EAAE,CAAA;QAChC,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,yBAAyB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACpF,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAChC,IAAI,CAAC,8BAA8B,EAAE,CAAA;IACvC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,8BAA8B;QAC5B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAChC,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,CAAC,YAAY,GAAG,MAAM,SAAS,CACjC;YACE,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;SAWT;SACF,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAA;iBACpC;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,6BAA6B,EAAE,yBAAyB,CAAC,CAAA","sourcesContent":["import gql from 'graphql-tag'\n\nimport { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'\n\nimport { subscribe } from './origin-client'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [],\n  help: 'scene/component/scenario-queue-subscription'\n}\n\nexport default class ScenarioQueueSubscription extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioQueueSubscription._image) {\n      ScenarioQueueSubscription._image = new Image()\n      ScenarioQueueSubscription._image.src = new URL(\n        '../icons/symbol-scenario-queue-subscription.png',\n        import.meta.url\n      ).href\n    }\n\n    return ScenarioQueueSubscription._image\n  }\n\n  private subscription?: {\n    unsubscribe(): void\n  }\n\n  dispose() {\n    super.dispose()\n\n    this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, ScenarioQueueSubscription.image, left, top, width, height)\n  }\n\n  ready() {\n    if (!this.app.isViewMode) return\n    this._initScenarioQueueSubscription()\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  _initScenarioQueueSubscription() {\n    if (!this.app.isViewMode) return\n    this.startSubscribe()\n  }\n\n  async startSubscribe() {\n    this.subscription = await subscribe(\n      {\n        query: gql`\n          subscription {\n            scenarioQueueState {\n              queue {\n                stuff\n                due\n                priority\n                tag\n              }\n            }\n          }\n        `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            this.data = data.scenarioQueueState\n          }\n        }\n      }\n    )\n  }\n}\n\nComponent.register('scenario-queue-subscription', ScenarioQueueSubscription)\n"]}

package/dist/scenario-run.js

@@ -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-run.png';
+import { scenarios } from './client-api';
 import { getClient } from './origin-client';
-import gql from 'graphql-tag';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -12,23 +12,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) => item.name));
-                }
+                options: scenarios
             }
         },
         {
@@ -49,7 +33,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;
     }

package/dist/scenario-run.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-run.js","sourceRoot":"","sources":["../src/scenario-run.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-run.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: '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      type: 'data',\n      label: 'variables',\n      name: 'variables'\n    },\n    {\n      type: 'checkbox',\n      label: 'run-on-start',\n      name: 'runOnStart'\n    }\n  ],\n  'value-property': 'variables',\n  help: 'scene/component/scenario-run'\n}\n\nexport default class ScenarioRun extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioRun._image) {\n      ScenarioRun._image = new Image()\n      ScenarioRun._image.src = COMPONENT_IMAGE\n    }\n    return ScenarioRun._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, ScenarioRun.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    if (this.state.runOnStart) {\n      this.requestData()\n    }\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 ('variables' in after) {\n      this.requestData()\n    }\n  }\n\n  get variables() {\n    return this.state.variables\n  }\n\n  set variables(variables) {\n    this.setState('variables', variables)\n  }\n\n  get client() {\n    return this._client\n  }\n\n  async requestData() {\n    let { scenarioName, variables } = this.state\n    if (!scenarioName || !this.app.isViewMode) return\n\n    var client = this._client\n    try {\n      variables = typeof variables == 'string' ? JSON.parse(variables) : variables\n    } catch (e) {\n      console.warn('runScenario mutation variable is not an object')\n    }\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          mutation ($scenarioName: String!, $variables: Object) {\n            runScenario(scenarioName: $scenarioName, variables: $variables) {\n              state\n              message\n              data\n            }\n          }\n        `,\n        variables: {\n          scenarioName: scenarioName,\n          variables\n        }\n      })\n\n      this.data = response?.data?.runScenario?.data\n    }\n  }\n}\n\nComponent.register('scenario-run', ScenarioRun)\n"]}
+{"version":3,"file":"scenario-run.js","sourceRoot":"","sources":["../src/scenario-run.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: 'select',\n      label: 'scenario-name',\n      name: 'scenarioName',\n      property: {\n        options: scenarios\n      }\n    },\n    {\n      type: 'data',\n      label: 'variables',\n      name: 'variables'\n    },\n    {\n      type: 'checkbox',\n      label: 'run-on-start',\n      name: 'runOnStart'\n    }\n  ],\n  'value-property': 'variables',\n  help: 'scene/component/scenario-run'\n}\n\nexport default class ScenarioRun extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioRun._image) {\n      ScenarioRun._image = new Image()\n      ScenarioRun._image.src = new URL('../icons/symbol-scenario-run.png', import.meta.url).href\n    }\n    return ScenarioRun._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, ScenarioRun.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    if (this.state.runOnStart) {\n      this.requestData()\n    }\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 ('variables' in after) {\n      this.requestData()\n    }\n  }\n\n  get variables() {\n    return this.state.variables\n  }\n\n  set variables(variables) {\n    this.setState('variables', variables)\n  }\n\n  get client() {\n    return this._client\n  }\n\n  async requestData() {\n    let { scenarioName, variables } = this.state\n    if (!scenarioName || !this.app.isViewMode) return\n\n    var client = this._client\n    try {\n      variables = typeof variables == 'string' ? JSON.parse(variables) : variables\n    } catch (e) {\n      console.warn('runScenario mutation variable is not an object')\n    }\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          mutation ($scenarioName: String!, $variables: Object) {\n            runScenario(scenarioName: $scenarioName, variables: $variables) {\n              state\n              message\n              data\n            }\n          }\n        `,\n        variables: {\n          scenarioName: scenarioName,\n          variables\n        }\n      })\n\n      this.data = response?.data?.runScenario?.data\n    }\n  }\n}\n\nComponent.register('scenario-run', ScenarioRun)\n"]}

package/dist/scenario-start.js

@@ -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-start.png';
+import { scenarios } from './client-api';
 import { getClient } from './origin-client';
-import gql from 'graphql-tag';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -17,23 +17,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) => item.name));
-                }
+                options: scenarios
             }
         },
         {
@@ -49,7 +33,7 @@ export default class ScenarioStart extends DataSource(RectPath(Shape)) {
     static get image() {
         if (!ScenarioStart._image) {
             ScenarioStart._image = new Image();
-            ScenarioStart._image.src = COMPONENT_IMAGE;
+            ScenarioStart._image.src = new URL('../icons/symbol-scenario-start.png', import.meta.url).href;
         }
         return ScenarioStart._image;
     }

package/dist/scenario-start.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-start.js","sourceRoot":"","sources":["../src/scenario-start.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-start.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      type: 'data',\n      label: 'variables',\n      name: 'variables'\n    }\n  ],\n  'value-property': 'variables',\n  help: 'scene/component/scenario-start'\n}\n\nexport default class ScenarioStart extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioStart._image) {\n      ScenarioStart._image = new Image()\n      ScenarioStart._image.src = COMPONENT_IMAGE\n    }\n    return ScenarioStart._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, ScenarioStart.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  async onchange(after: Properties) {\n    if ('variables' in after) {\n      this.requestData()\n    }\n  }\n\n  get variables() {\n    return this.state.variables\n  }\n\n  set variables(variables) {\n    this.setState('variables', variables)\n  }\n\n  get client() {\n    return this._client\n  }\n\n  async requestData() {\n    let { instanceName, scenarioName, variables } = this.state\n    if (!scenarioName || !this.app.isViewMode) return\n\n    var client = this._client\n    try {\n      variables = typeof variables == 'string' ? JSON.parse(variables) : variables\n    } catch (e) {\n      console.error(e)\n    }\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {\n            startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {\n              state\n              message\n              data\n            }\n          }\n        `,\n        variables: {\n          instanceName: instanceName,\n          scenarioName: scenarioName,\n          variables\n        }\n      })\n\n      this.data = response?.data?.startScenario?.data\n    }\n  }\n}\n\nComponent.register('scenario-start', ScenarioStart)\n"]}
+{"version":3,"file":"scenario-start.js","sourceRoot":"","sources":["../src/scenario-start.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAc,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE3F,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE,SAAS;aACnB;SACF;QACD;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,WAAW;SAClB;KACF;IACD,gBAAgB,EAAE,WAAW;IAC7B,IAAI,EAAE,gCAAgC;CACvC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGpE,MAAM,KAAK,KAAK;QACd,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACzB,aAAa,CAAC,MAAM,GAAG,IAAI,KAAK,EAAE,CAAA;YAClC,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;SAC/F;QACD,OAAO,aAAa,CAAC,MAAM,CAAA;IAC7B,CAAC;IAID,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAC9C,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACxE,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE;YACxB,OAAM;SACP;QACD,IAAI,CAAC,OAAO,GAAG,SAAS,EAAE,CAAA;IAC5B,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,IAAI;YACF,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;aACpB;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;SACjB;QACD,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,KAAiB;QAC9B,IAAI,WAAW,IAAI,KAAK,EAAE;YACxB,IAAI,CAAC,WAAW,EAAE,CAAA;SACnB;IACH,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;IAC7B,CAAC;IAED,IAAI,SAAS,CAAC,SAAS;QACrB,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACvC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,KAAK,CAAC,WAAW;;QACf,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC1D,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAEjD,IAAI,MAAM,GAAG,IAAI,CAAC,OAAO,CAAA;QACzB,IAAI;YACF,SAAS,GAAG,OAAO,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;SAC7E;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;SACjB;QAED,IAAI,MAAM,EAAE;YACV,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,YAAY,EAAE,YAAY;oBAC1B,YAAY,EAAE,YAAY;oBAC1B,SAAS;iBACV;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,IAAI,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,aAAa,0CAAE,IAAI,CAAA;SAChD;IACH,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA","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      type: 'data',\n      label: 'variables',\n      name: 'variables'\n    }\n  ],\n  'value-property': 'variables',\n  help: 'scene/component/scenario-start'\n}\n\nexport default class ScenarioStart extends DataSource(RectPath(Shape)) {\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!ScenarioStart._image) {\n      ScenarioStart._image = new Image()\n      ScenarioStart._image.src = new URL('../icons/symbol-scenario-start.png', import.meta.url).href\n    }\n    return ScenarioStart._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, ScenarioStart.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  async onchange(after: Properties) {\n    if ('variables' in after) {\n      this.requestData()\n    }\n  }\n\n  get variables() {\n    return this.state.variables\n  }\n\n  set variables(variables) {\n    this.setState('variables', variables)\n  }\n\n  get client() {\n    return this._client\n  }\n\n  async requestData() {\n    let { instanceName, scenarioName, variables } = this.state\n    if (!scenarioName || !this.app.isViewMode) return\n\n    var client = this._client\n    try {\n      variables = typeof variables == 'string' ? JSON.parse(variables) : variables\n    } catch (e) {\n      console.error(e)\n    }\n\n    if (client) {\n      var response = await client.query({\n        query: gql`\n          mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {\n            startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {\n              state\n              message\n              data\n            }\n          }\n        `,\n        variables: {\n          instanceName: instanceName,\n          scenarioName: scenarioName,\n          variables\n        }\n      })\n\n      this.data = response?.data?.startScenario?.data\n    }\n  }\n}\n\nComponent.register('scenario-start', ScenarioStart)\n"]}

package/dist/scenario-stop.js

@@ -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-stop.png';
+import { scenarios } from './client-api';
 import { getClient } from './origin-client';
-import gql from 'graphql-tag';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -17,23 +17,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) => item.name));
-                }
+                options: scenarios
             }
         }
     ],
@@ -44,7 +28,7 @@ export default class ScenarioStop extends DataSource(RectPath(Shape)) {
     static get image() {
         if (!ScenarioStop._image) {
             ScenarioStop._image = new Image();
-            ScenarioStop._image.src = COMPONENT_IMAGE;
+            ScenarioStop._image.src = new URL('../icons/symbol-scenario-stop.png', import.meta.url).href;
         }
         return ScenarioStop._image;
     }