@operato/scene-integration 0.0.5 → 0.0.6

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.0.6](https://github.com/things-scene/operato-scene/compare/v0.0.5...v0.0.6) (2021-12-03)
+
+
+### :bug: Bug Fix
+
+* tsconfig ([a5ce449](https://github.com/things-scene/operato-scene/commit/a5ce449078e0b5371323984b78f1fb32526489bd))
+
+
+
 ### [0.0.5](https://github.com/things-scene/operato-scene/compare/v0.0.4...v0.0.5) (2021-12-03)
 
 

package/dist/connection-control.d.ts

@@ -0,0 +1,41 @@
+import { Shape } from '@hatiolab/things-scene';
+declare const ConnectionControl_base: typeof Shape;
+export default class ConnectionControl extends ConnectionControl_base {
+    static _image: HTMLImageElement;
+    static get image(): HTMLImageElement;
+    private _client;
+    render(context: CanvasRenderingContext2D): void;
+    ready(): void;
+    _init(): 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;
+    };
+    get client(): any;
+    get controlType(): string;
+    set controlType(controlType: string);
+    controlConnect(): Promise<void>;
+}
+export {};

package/dist/connection-control.js

@@ -0,0 +1,137 @@
+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,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            label: 'connection-name',
+            name: 'connectionName',
+            property: {
+                options: async () => {
+                    var response = await getClient().query({
+                        query: gql `
+              query {
+                connections {
+                  items {
+                    name
+                  }
+                }
+              }
+            `
+                    });
+                    if (response.errors) {
+                        return [''];
+                    }
+                    return [''].concat(response.data.connections.items.map((item) => item.name));
+                }
+            }
+        },
+        {
+            type: 'select',
+            label: 'control-type',
+            name: 'controlType',
+            property: {
+                options: [
+                    {
+                        display: '',
+                        value: ''
+                    },
+                    {
+                        display: 'connect',
+                        value: 'connect'
+                    },
+                    {
+                        display: 'disconnect',
+                        value: 'disconnect'
+                    }
+                ]
+            }
+        }
+    ],
+    'value-property': 'controlType',
+    help: 'scene/component/connection-control'
+};
+export default class ConnectionControl extends RectPath(Shape) {
+    static get image() {
+        if (!ConnectionControl._image) {
+            ConnectionControl._image = new Image();
+            ConnectionControl._image.src = COMPONENT_IMAGE;
+        }
+        return ConnectionControl._image;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, ConnectionControl.image, left, top, width, height);
+    }
+    ready() {
+        super.ready();
+        this._init();
+    }
+    _init() {
+        if (!this.app.isViewMode)
+            return;
+        this._client = getClient();
+    }
+    dispose() {
+        super.dispose();
+        try {
+            if (this._client) {
+                this._client.stop();
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+        delete this._client;
+    }
+    get nature() {
+        return NATURE;
+    }
+    get client() {
+        return this._client;
+    }
+    get controlType() {
+        return this.getState('controlType');
+    }
+    set controlType(controlType) {
+        this.setState('controlType', controlType);
+        this.controlConnect();
+    }
+    async controlConnect() {
+        let { controlType, connectionName } = this.state;
+        if (!connectionName || !this.app.isViewMode)
+            return;
+        switch (controlType) {
+            case 'connect':
+            case true:
+            case 1:
+                controlType = 'connect';
+                break;
+            default:
+                controlType = 'disconnect';
+        }
+        var client = this._client;
+        var query = '';
+        query = `mutation{
+      ${controlType}Connection(name: "${connectionName}") {
+        status
+      }
+    }`;
+        if (client) {
+            var response = await client.query({
+                query: gql `
+          ${query}
+        `
+            });
+            this.data = response;
+        }
+    }
+}
+Component.register('connection-control', ConnectionControl);
+//# sourceMappingURL=connection-control.js.map

package/dist/connection-control.js.map

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

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

@@ -0,0 +1,29 @@
+import { Shape } from '@hatiolab/things-scene';
+declare const ConnectionStateSubscription_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class ConnectionStateSubscription extends ConnectionStateSubscription_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[]>;
+            };
+        }[];
+        help: string;
+    };
+    _initConnectionStateSubscription(): void;
+    startSubscribe(): Promise<void>;
+}
+export {};

package/dist/connection-state-subscription.js

@@ -0,0 +1,89 @@
+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,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            label: 'connection-name',
+            name: 'connectionName',
+            property: {
+                options: async () => {
+                    var response = await getClient().query({
+                        query: gql `
+              query {
+                connections {
+                  items {
+                    name
+                  }
+                }
+              }
+            `
+                    });
+                    if (response.errors) {
+                        return [''];
+                    }
+                    return [''].concat(response.data.connections.items.map((item) => item.name));
+                }
+            }
+        }
+    ],
+    help: 'scene/component/connection-state-subscription'
+};
+export default class ConnectionStateSubscription extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!ConnectionStateSubscription._image) {
+            ConnectionStateSubscription._image = new Image();
+            ConnectionStateSubscription._image.src = COMPONENT_IMAGE;
+        }
+        return ConnectionStateSubscription._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, ConnectionStateSubscription.image, left, top, width, height);
+    }
+    ready() {
+        if (!this.app.isViewMode)
+            return;
+        this._initConnectionStateSubscription();
+    }
+    get nature() {
+        return NATURE;
+    }
+    _initConnectionStateSubscription() {
+        if (!this.app.isViewMode)
+            return;
+        this.startSubscribe();
+    }
+    async startSubscribe() {
+        var { connectionName } = this.state;
+        this.subscription = await subscribe({
+            query: gql `subscription {
+          connectionState(name: "${connectionName}") {
+            name
+            state
+            timestamp
+          }
+        }`
+        }, {
+            next: async ({ data }) => {
+                if (data) {
+                    this.data = data.connectionState;
+                }
+            }
+        });
+    }
+}
+Component.register('connection-state-subscription', ConnectionStateSubscription);
+//# sourceMappingURL=connection-state-subscription.js.map

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

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

package/dist/data-subscription.d.ts

@@ -0,0 +1,29 @@
+import { Shape } from '@hatiolab/things-scene';
+declare const DataSubscription_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class DataSubscription extends DataSubscription_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;
+        }[];
+        'value-property': string;
+        help: string;
+    };
+    get tag(): any;
+    set tag(tag: any);
+    _initDataSubscription(): void;
+    startSubscribe(): Promise<void>;
+}
+export {};

package/dist/data-subscription.js

@@ -0,0 +1,76 @@
+import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
+import COMPONENT_IMAGE from '../assets/symbol-data-subscription.png';
+import gql from 'graphql-tag';
+import { subscribe } from './origin-client';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'string',
+            label: 'tag',
+            name: 'tag'
+        }
+    ],
+    'value-property': 'tag',
+    help: 'scene/component/data-subscription'
+};
+export default class DataSubscription extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!DataSubscription._image) {
+            DataSubscription._image = new Image();
+            DataSubscription._image.src = COMPONENT_IMAGE;
+        }
+        return DataSubscription._image;
+    }
+    dispose() {
+        var _a;
+        (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        delete this.subscription;
+        super.dispose();
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, DataSubscription.image, left, top, width, height);
+    }
+    ready() {
+        this._initDataSubscription();
+    }
+    get nature() {
+        return NATURE;
+    }
+    get tag() {
+        return this.state.tag;
+    }
+    set tag(tag) {
+        this.setState('tag', tag);
+    }
+    _initDataSubscription() {
+        if (!this.app.isViewMode)
+            return;
+        this.startSubscribe();
+    }
+    async startSubscribe() {
+        var { tag } = this.state;
+        this.subscription = await subscribe({
+            query: gql `
+          subscription {
+            data(tag: "${tag}") {
+              tag
+              data
+            }
+          }
+        `
+        }, {
+            next: async ({ data }) => {
+                if (data) {
+                    this.data = data.data.data;
+                }
+            }
+        });
+    }
+}
+Component.register('data-subscription', DataSubscription);
+//# sourceMappingURL=data-subscription.js.map

package/dist/data-subscription.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import DataSubscription from './data-subscription';
+import ScenarioControl from './scenario-control';
+import ScenarioRun from './scenario-run';
+import ScenarioStart from './scenario-start';
+import ScenarioStop from './scenario-stop';
+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 ConnectionControl | typeof ConnectionStateSubscription | typeof DataSubscription | typeof ScenarioControl | typeof ScenarioRun | typeof ScenarioStart | typeof ScenarioStop | typeof ScenarioInstanceSubscription | typeof ScenarioQueueSubscription)[];
+export default _default;

package/dist/index.js

@@ -0,0 +1,21 @@
+import DataSubscription from './data-subscription';
+import ScenarioControl from './scenario-control';
+import ScenarioRun from './scenario-run';
+import ScenarioStart from './scenario-start';
+import ScenarioStop from './scenario-stop';
+import ScenarioInstanceSubscription from './scenario-instance-subscription';
+import ScenarioQueueSubscription from './scenario-queue-subscription';
+import ConnectionStateSubscription from './connection-state-subscription';
+import ConnectionControl from './connection-control';
+export default [
+    DataSubscription,
+    ScenarioControl,
+    ScenarioRun,
+    ScenarioStart,
+    ScenarioStop,
+    ScenarioInstanceSubscription,
+    ScenarioQueueSubscription,
+    ConnectionStateSubscription,
+    ConnectionControl
+];
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,4BAA4B,MAAM,kCAAkC,CAAA;AAC3E,OAAO,yBAAyB,MAAM,+BAA+B,CAAA;AACrE,OAAO,2BAA2B,MAAM,iCAAiC,CAAA;AACzE,OAAO,iBAAiB,MAAM,sBAAsB,CAAA;AAEpD,eAAe;IACb,gBAAgB;IAChB,eAAe;IACf,WAAW;IACX,aAAa;IACb,YAAY;IACZ,4BAA4B;IAC5B,yBAAyB;IACzB,2BAA2B;IAC3B,iBAAiB;CAClB,CAAA","sourcesContent":["import DataSubscription from './data-subscription'\nimport ScenarioControl from './scenario-control'\nimport ScenarioRun from './scenario-run'\nimport ScenarioStart from './scenario-start'\nimport ScenarioStop from './scenario-stop'\nimport ScenarioInstanceSubscription from './scenario-instance-subscription'\nimport ScenarioQueueSubscription from './scenario-queue-subscription'\nimport ConnectionStateSubscription from './connection-state-subscription'\nimport ConnectionControl from './connection-control'\n\nexport default [\n  DataSubscription,\n  ScenarioControl,\n  ScenarioRun,\n  ScenarioStart,\n  ScenarioStop,\n  ScenarioInstanceSubscription,\n  ScenarioQueueSubscription,\n  ConnectionStateSubscription,\n  ConnectionControl\n]\n"]}

package/dist/origin-client.d.ts

@@ -0,0 +1,5 @@
+import { ApolloClient } from '@apollo/client/core';
+export declare function getClient(): ApolloClient<any>;
+export declare const subscribe: (request: any, subscribe: any) => Promise<{
+    unsubscribe(): void;
+}>;

package/dist/origin-client.js

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

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