@operato/scene-integration 0.0.5 → 0.0.9

package/dist/origin-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"origin-client.js","sourceRoot":"","sources":["../src/origin-client.ts"],"names":[],"mappings":"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","sourcesContent":["import { ApolloClient, HttpLink, InMemoryCache, from } from '@apollo/client/core'\nimport { ErrorResponse, onError } from '@apollo/client/link/error'\n\nimport { DefaultOptions } from '@apollo/client'\nimport { SubscriptionClient } from 'subscriptions-transport-ws'\n\nconst defaultOptions: DefaultOptions = {\n  watchQuery: {\n    fetchPolicy: 'no-cache',\n    errorPolicy: 'ignore'\n  },\n  query: {\n    fetchPolicy: 'no-cache', //'network-only'\n    errorPolicy: 'all'\n  },\n  mutate: {\n    errorPolicy: 'all'\n  }\n}\n\nconst ERROR_HANDLER = ({ graphQLErrors, networkError }: ErrorResponse) => {\n  if (graphQLErrors) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'error',\n          message: graphQLErrors[0].message,\n          ex: graphQLErrors\n        }\n      })\n    )\n  }\n\n  if (networkError) {\n    const code = (networkError as any).statusCode || ''\n    const message = `[Response-${code}]: ${networkError.message}`\n\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'error',\n          message,\n          ex: networkError\n        }\n      })\n    )\n  }\n}\n\nvar client: ApolloClient<any>\n\nexport function getClient() {\n  if (!client) {\n    var cache = new InMemoryCache()\n    client = new ApolloClient({\n      defaultOptions,\n      cache,\n      link: from([\n        onError(ERROR_HANDLER),\n        new HttpLink({\n          uri: '/graphql',\n          credentials: 'include'\n        })\n      ])\n    })\n  }\n\n  return client\n}\n\n/* SubscriptionClient */\nvar subscriptionClient: Promise<SubscriptionClient> | null\n\nconst getSubscriptionClient = async () => {\n  if (!subscriptionClient) {\n    subscriptionClient = new Promise((resolve, reject) => {\n      var client = new SubscriptionClient(location.origin.replace(/^http/, 'ws') + '/subscriptions', {\n        reconnect: true,\n        connectionParams: {\n          headers: {\n            /* \n              특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.\n              referer: location.href\n              또는, 이미 서브도메인 정보를 알고 있다면,\n              'x-things-factory-domain': '[subdomain]'\n              을 보낼 수 있다.\n              관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.\n            */\n            referer: location.href\n          }\n        }\n      })\n\n      client.onError(err => {\n        //readyState === 3 인 경우 url을 잘 못 입력했거나, 서버에 문제가 있는 경우이므로 reconnect = false로 변경한다.\n        if (client.status === 3) {\n          // client.reconnect = false // reconnect is private property\n          client.close(true)\n        }\n        reject(err)\n      })\n\n      client.onConnected(() => {\n        resolve(client)\n      })\n    })\n  }\n\n  return await subscriptionClient\n}\n\nvar subscriptions: (() => void)[] = []\n\nexport const subscribe = async (request: any, subscribe: any) => {\n  var client = await getSubscriptionClient()\n  var { unsubscribe } = client.request(request).subscribe(subscribe)\n\n  subscriptions.push(unsubscribe)\n\n  return {\n    unsubscribe() {\n      subscriptions.splice(subscriptions.indexOf(unsubscribe), 1)\n      unsubscribe()\n\n      if (subscriptions.length == 0) {\n        client.unsubscribeAll()\n        client.close(true)\n\n        subscriptionClient = null\n      }\n    }\n  }\n}\n"]}

package/dist/scenario-control.d.ts

@@ -0,0 +1,44 @@
+import { Properties, Shape } from '@hatiolab/things-scene';
+declare const ScenarioControl_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class ScenarioControl extends ScenarioControl_base {
+    static _image: HTMLImageElement;
+    static get image(): HTMLImageElement;
+    private _client;
+    render(context: CanvasRenderingContext2D): void;
+    ready(): void;
+    _initScenario(): void;
+    dispose(): void;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: () => Promise<string[]>;
+            };
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: {
+                    display: string;
+                    value: string;
+                }[];
+            };
+        })[];
+        'value-property': string;
+        help: string;
+    };
+    onchange(after: Properties): void;
+    get client(): any;
+    get controlType(): any;
+    set controlType(controlType: any);
+    requestData(): Promise<void>;
+}
+export {};

package/dist/scenario-control.js

@@ -0,0 +1,142 @@
+import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
+import COMPONENT_IMAGE from '../assets/symbol-scenario-control.png';
+import { getClient } from './origin-client';
+import gql from 'graphql-tag';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            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));
+                }
+            }
+        },
+        {
+            type: 'select',
+            label: 'control-type',
+            name: 'controlType',
+            property: {
+                options: [
+                    {
+                        display: '',
+                        value: ''
+                    },
+                    {
+                        display: 'start',
+                        value: 'start'
+                    },
+                    {
+                        display: 'stop',
+                        value: 'stop'
+                    }
+                ]
+            }
+        }
+    ],
+    'value-property': 'controlType',
+    help: 'scene/component/scenario-control'
+};
+export default class ScenarioControl extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!ScenarioControl._image) {
+            ScenarioControl._image = new Image();
+            ScenarioControl._image.src = COMPONENT_IMAGE;
+        }
+        return ScenarioControl._image;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, ScenarioControl.image, left, top, width, height);
+    }
+    ready() {
+        super.ready();
+        this._initScenario();
+    }
+    _initScenario() {
+        if (!this.app.isViewMode)
+            return;
+        this._client = getClient();
+        this.requestData();
+    }
+    dispose() {
+        super.dispose();
+        try {
+            if (this._client) {
+                this._client.stop();
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+        delete this._client;
+    }
+    get nature() {
+        return NATURE;
+    }
+    onchange(after) {
+        if ('controlType' in after) {
+            this.requestData();
+        }
+    }
+    get client() {
+        return this._client;
+    }
+    get controlType() {
+        return this.getState('controlType');
+    }
+    set controlType(controlType) {
+        this.setState('controlType', controlType);
+    }
+    async requestData() {
+        let { controlType, scenarioName } = this.state;
+        if (!controlType || !scenarioName || !this.app.isViewMode)
+            return;
+        var client = this._client;
+        var query = '';
+        if (controlType == 'start') {
+            query = `mutation{
+        ${controlType}Scenario(instanceName: "${scenarioName}", scenarioName: "${scenarioName}", variables: {}) {
+          state
+        }
+      }`;
+        }
+        else {
+            query = `mutation{
+        ${controlType}Scenario(instanceName: "${scenarioName}") {
+          state
+        }
+      }`;
+        }
+        if (client) {
+            var response = await client.query({
+                query: gql `
+          ${query}
+        `
+            });
+            this.data = response;
+        }
+    }
+}
+Component.register('scenario-control', ScenarioControl);
+//# sourceMappingURL=scenario-control.js.map

package/dist/scenario-control.js.map

@@ -0,0 +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"]}

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

@@ -0,0 +1,34 @@
+import { Shape } from '@hatiolab/things-scene';
+declare const ScenarioInstanceSubscription_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class ScenarioInstanceSubscription extends ScenarioInstanceSubscription_base {
+    static _image: HTMLImageElement;
+    static get image(): HTMLImageElement;
+    private subscription?;
+    dispose(): void;
+    render(context: CanvasRenderingContext2D): void;
+    ready(): void;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: () => Promise<string[]>;
+            };
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property?: undefined;
+        })[];
+        help: string;
+    };
+    _initScenarioInstanceSubscription(): void;
+    startSubscribe(): Promise<void>;
+}
+export {};

package/dist/scenario-instance-subscription.js

@@ -0,0 +1,107 @@
+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';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            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));
+                }
+            }
+        },
+        {
+            type: 'string',
+            label: 'instance-name',
+            name: 'instanceName'
+        }
+    ],
+    help: 'scene/component/scenario-instance-subscription'
+};
+export default class ScenarioInstanceSubscription extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!ScenarioInstanceSubscription._image) {
+            ScenarioInstanceSubscription._image = new Image();
+            ScenarioInstanceSubscription._image.src = COMPONENT_IMAGE;
+        }
+        return ScenarioInstanceSubscription._image;
+    }
+    dispose() {
+        var _a;
+        super.dispose();
+        (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        delete this.subscription;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, ScenarioInstanceSubscription.image, left, top, width, height);
+    }
+    ready() {
+        if (!this.app.isViewMode)
+            return;
+        this._initScenarioInstanceSubscription();
+    }
+    get nature() {
+        return NATURE;
+    }
+    _initScenarioInstanceSubscription() {
+        if (!this.app.isViewMode)
+            return;
+        this.startSubscribe();
+    }
+    async startSubscribe() {
+        var { instanceName, scenarioName = '' } = this.state;
+        instanceName = instanceName || scenarioName;
+        this.subscription = await subscribe({
+            query: gql `
+        subscription {
+          scenarioInstanceState(instanceName: "${instanceName}", scenarioName: "${scenarioName}") {
+            instanceName
+            scenarioName
+            state
+            variables
+            progress{
+              rounds
+              rate
+              steps
+              step
+            }
+            data
+            message
+            timestamp
+          }
+        }
+      `
+        }, {
+            next: async ({ data }) => {
+                if (data) {
+                    this.data = data.scenarioInstanceState;
+                }
+            }
+        });
+    }
+}
+Component.register('scenario-instance-subscription', ScenarioInstanceSubscription);
+//# sourceMappingURL=scenario-instance-subscription.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,22 @@
+import { Shape } from '@hatiolab/things-scene';
+declare const ScenarioQueueSubscription_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class ScenarioQueueSubscription extends ScenarioQueueSubscription_base {
+    static _image: HTMLImageElement;
+    static get image(): HTMLImageElement;
+    private subscription?;
+    dispose(): void;
+    render(context: CanvasRenderingContext2D): void;
+    ready(): void;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: never[];
+        help: string;
+    };
+    _initScenarioQueueSubscription(): void;
+    startSubscribe(): Promise<void>;
+}
+export {};

package/dist/scenario-queue-subscription.js

@@ -0,0 +1,68 @@
+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 = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [],
+    help: 'scene/component/scenario-queue-subscription'
+};
+export default class ScenarioQueueSubscription extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!ScenarioQueueSubscription._image) {
+            ScenarioQueueSubscription._image = new Image();
+            ScenarioQueueSubscription._image.src = COMPONENT_IMAGE;
+        }
+        return ScenarioQueueSubscription._image;
+    }
+    dispose() {
+        var _a;
+        super.dispose();
+        (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        delete this.subscription;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, ScenarioQueueSubscription.image, left, top, width, height);
+    }
+    ready() {
+        if (!this.app.isViewMode)
+            return;
+        this._initScenarioQueueSubscription();
+    }
+    get nature() {
+        return NATURE;
+    }
+    _initScenarioQueueSubscription() {
+        if (!this.app.isViewMode)
+            return;
+        this.startSubscribe();
+    }
+    async startSubscribe() {
+        this.subscription = await subscribe({
+            query: gql `
+          subscription {
+            scenarioQueueState {
+              queue {
+                stuff
+                due
+                priority
+                tag
+              }
+            }
+          }
+        `
+        }, {
+            next: async ({ data }) => {
+                if (data) {
+                    this.data = data.scenarioQueueState;
+                }
+            }
+        });
+    }
+}
+Component.register('scenario-queue-subscription', ScenarioQueueSubscription);
+//# sourceMappingURL=scenario-queue-subscription.js.map

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

@@ -0,0 +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"]}

package/dist/scenario-run.d.ts

@@ -0,0 +1,39 @@
+import { Properties, Shape } from '@hatiolab/things-scene';
+declare const ScenarioRun_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class ScenarioRun extends ScenarioRun_base {
+    static _image: HTMLImageElement;
+    static get image(): HTMLImageElement;
+    private _client;
+    render(context: CanvasRenderingContext2D): void;
+    ready(): void;
+    _initScenario(): void;
+    dispose(): void;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: () => Promise<string[]>;
+            };
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property?: undefined;
+        })[];
+        'value-property': string;
+        help: string;
+    };
+    onchange(after: Properties): void;
+    get variables(): any;
+    set variables(variables: any);
+    get client(): any;
+    requestData(): Promise<void>;
+}
+export {};

package/dist/scenario-run.js

@@ -0,0 +1,136 @@
+import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
+import COMPONENT_IMAGE from '../assets/symbol-scenario-run.png';
+import { getClient } from './origin-client';
+import gql from 'graphql-tag';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            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));
+                }
+            }
+        },
+        {
+            type: 'data',
+            label: 'variables',
+            name: 'variables'
+        },
+        {
+            type: 'checkbox',
+            label: 'run-on-start',
+            name: 'runOnStart'
+        }
+    ],
+    'value-property': 'variables',
+    help: 'scene/component/scenario-run'
+};
+export default class ScenarioRun extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!ScenarioRun._image) {
+            ScenarioRun._image = new Image();
+            ScenarioRun._image.src = COMPONENT_IMAGE;
+        }
+        return ScenarioRun._image;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, ScenarioRun.image, left, top, width, height);
+    }
+    ready() {
+        super.ready();
+        this._initScenario();
+    }
+    _initScenario() {
+        if (!this.app.isViewMode) {
+            return;
+        }
+        this._client = getClient();
+        if (this.state.runOnStart) {
+            this.requestData();
+        }
+    }
+    dispose() {
+        super.dispose();
+        try {
+            if (this._client) {
+                this._client.stop();
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+        delete this._client;
+    }
+    get nature() {
+        return NATURE;
+    }
+    onchange(after) {
+        if ('variables' in after) {
+            this.requestData();
+        }
+    }
+    get variables() {
+        return this.state.variables;
+    }
+    set variables(variables) {
+        this.setState('variables', variables);
+    }
+    get client() {
+        return this._client;
+    }
+    async requestData() {
+        var _a, _b;
+        let { scenarioName, variables } = this.state;
+        if (!scenarioName || !this.app.isViewMode)
+            return;
+        var client = this._client;
+        try {
+            variables = typeof variables == 'string' ? JSON.parse(variables) : variables;
+        }
+        catch (e) {
+            console.warn('runScenario mutation variable is not an object');
+        }
+        if (client) {
+            var response = await client.query({
+                query: gql `
+          mutation ($scenarioName: String!, $variables: Object) {
+            runScenario(scenarioName: $scenarioName, variables: $variables) {
+              state
+              message
+              data
+            }
+          }
+        `,
+                variables: {
+                    scenarioName: scenarioName,
+                    variables
+                }
+            });
+            this.data = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.runScenario) === null || _b === void 0 ? void 0 : _b.data;
+        }
+    }
+}
+Component.register('scenario-run', ScenarioRun);
+//# sourceMappingURL=scenario-run.js.map

package/dist/scenario-run.js.map

@@ -0,0 +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"]}