@operato/scene-integration 0.0.5 → 0.0.6

package/dist/scenario-start.d.ts

@@ -0,0 +1,39 @@
+import { Properties, Shape } from '@hatiolab/things-scene';
+declare const ScenarioStart_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class ScenarioStart extends ScenarioStart_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?: undefined;
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: () => Promise<string[]>;
+            };
+        })[];
+        'value-property': string;
+        help: string;
+    };
+    onchange(after: Properties): Promise<void>;
+    get variables(): any;
+    set variables(variables: any);
+    get client(): any;
+    requestData(): Promise<void>;
+}
+export {};

package/dist/scenario-start.js

@@ -0,0 +1,134 @@
+import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
+import COMPONENT_IMAGE from '../assets/symbol-scenario-start.png';
+import { getClient } from './origin-client';
+import gql from 'graphql-tag';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'string',
+            label: 'instance-name',
+            name: 'instanceName'
+        },
+        {
+            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'
+        }
+    ],
+    'value-property': 'variables',
+    help: 'scene/component/scenario-start'
+};
+export default class ScenarioStart extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!ScenarioStart._image) {
+            ScenarioStart._image = new Image();
+            ScenarioStart._image.src = COMPONENT_IMAGE;
+        }
+        return ScenarioStart._image;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, ScenarioStart.image, left, top, width, height);
+    }
+    ready() {
+        super.ready();
+        this._initScenario();
+    }
+    _initScenario() {
+        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;
+    }
+    async 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 { instanceName, 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.error(e);
+        }
+        if (client) {
+            var response = await client.query({
+                query: gql `
+          mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {
+            startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {
+              state
+              message
+              data
+            }
+          }
+        `,
+                variables: {
+                    instanceName: instanceName,
+                    scenarioName: scenarioName,
+                    variables
+                }
+            });
+            this.data = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.startScenario) === null || _b === void 0 ? void 0 : _b.data;
+        }
+    }
+}
+Component.register('scenario-start', ScenarioStart);
+//# sourceMappingURL=scenario-start.js.map

package/dist/scenario-start.js.map

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

package/dist/scenario-stop.d.ts

@@ -0,0 +1,39 @@
+import { Properties, Shape } from '@hatiolab/things-scene';
+declare const ScenarioStop_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class ScenarioStop extends ScenarioStop_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?: undefined;
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: () => Promise<string[]>;
+            };
+        })[];
+        'value-property': string;
+        help: string;
+    };
+    onchange(after: Properties): void;
+    get nothing(): any;
+    set nothing(nothing: any);
+    get client(): any;
+    requestData(): Promise<void>;
+}
+export {};

package/dist/scenario-stop.js

@@ -0,0 +1,122 @@
+import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene';
+import COMPONENT_IMAGE from '../assets/symbol-scenario-stop.png';
+import { getClient } from './origin-client';
+import gql from 'graphql-tag';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'string',
+            label: 'instance-name',
+            name: 'instanceName'
+        },
+        {
+            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));
+                }
+            }
+        }
+    ],
+    'value-property': 'nothing',
+    help: 'scene/component/scenario-stop'
+};
+export default class ScenarioStop extends DataSource(RectPath(Shape)) {
+    static get image() {
+        if (!ScenarioStop._image) {
+            ScenarioStop._image = new Image();
+            ScenarioStop._image.src = COMPONENT_IMAGE;
+        }
+        return ScenarioStop._image;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, ScenarioStop.image, left, top, width, height);
+    }
+    ready() {
+        super.ready();
+        this._initScenario();
+    }
+    _initScenario() {
+        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;
+    }
+    onchange(after) {
+        if ('nothing' in after) {
+            this.requestData();
+        }
+    }
+    get nothing() {
+        return this.state.nothing;
+    }
+    set nothing(nothing) {
+        this.setState('nothing', nothing);
+    }
+    get client() {
+        return this._client;
+    }
+    async requestData() {
+        var _a, _b;
+        let { instanceName, scenarioName } = this.state;
+        instanceName = instanceName || scenarioName;
+        if (!instanceName || !this.app.isViewMode)
+            return;
+        var client = this._client;
+        if (client) {
+            var response = await client.query({
+                query: gql `
+          mutation ($instanceName: String!) {
+            stopScenario(instanceName: $instanceName) {
+              state
+              message
+              data
+            }
+          }
+        `,
+                variables: {
+                    instanceName: instanceName
+                }
+            });
+            this.data = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.stopScenario) === null || _b === void 0 ? void 0 : _b.data;
+        }
+    }
+}
+Component.register('scenario-stop', ScenarioStop);
+//# sourceMappingURL=scenario-stop.js.map

package/dist/scenario-stop.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-integration",
   "description": "Things factory integration component for things-scene",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "license": "MIT",
   "author": "heartyoh",
   "main": "dist/index.js",
@@ -60,5 +60,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "d3717e3284d88dc2831fbcf4ddbce827e2cc2940"
+  "gitHead": "398a0768e99717865e7be4d0717629bfad733eb8"
 }

package/src/connection-control.ts

@@ -1,12 +1,8 @@
-import gql from 'graphql-tag'
-
 import { Component, RectPath, Shape } from '@hatiolab/things-scene'
 
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
 import COMPONENT_IMAGE from '../assets/symbol-connection-control.png'
 import { getClient } from './origin-client'
+import gql from 'graphql-tag'
 
 const NATURE = {
   mutable: false,

package/src/connection-state-subscription.ts

@@ -1,13 +1,8 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-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 { getClient, subscribe } from './origin-client'
+import gql from 'graphql-tag'
 
 const NATURE = {
   mutable: false,

package/src/data-subscription.ts

@@ -1,12 +1,7 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-import gql from 'graphql-tag'
-
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
 
 import COMPONENT_IMAGE from '../assets/symbol-data-subscription.png'
+import gql from 'graphql-tag'
 import { subscribe } from './origin-client'
 
 const NATURE = {

package/src/origin-client.ts

@@ -1,9 +1,6 @@
 import { ApolloClient, HttpLink, InMemoryCache, from } from '@apollo/client/core'
 import { ErrorResponse, onError } from '@apollo/client/link/error'
 
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
 import { DefaultOptions } from '@apollo/client'
 import { SubscriptionClient } from 'subscriptions-transport-ws'
 

package/src/scenario-control.ts

@@ -1,8 +1,5 @@
 import { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'
 
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
 import COMPONENT_IMAGE from '../assets/symbol-scenario-control.png'
 import { getClient } from './origin-client'
 import gql from 'graphql-tag'

package/src/scenario-instance-subscription.ts

@@ -1,13 +1,8 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-import gql from 'graphql-tag'
-
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
+import { getClient, subscribe } from './origin-client'
 
 import COMPONENT_IMAGE from '../assets/symbol-scenario-instance-subscription.png'
-import { getClient, subscribe } from './origin-client'
+import gql from 'graphql-tag'
 
 const NATURE = {
   mutable: false,

package/src/scenario-queue-subscription.ts

@@ -1,12 +1,7 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-import gql from 'graphql-tag'
-
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
 
 import COMPONENT_IMAGE from '../assets/symbol-scenario-queue-subscription.png'
+import gql from 'graphql-tag'
 import { subscribe } from './origin-client'
 
 const NATURE = {

package/src/scenario-run.ts

@@ -1,8 +1,5 @@
 import { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'
 
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
 import COMPONENT_IMAGE from '../assets/symbol-scenario-run.png'
 import { getClient } from './origin-client'
 import gql from 'graphql-tag'

package/src/scenario-start.ts

@@ -1,8 +1,5 @@
 import { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'
 
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
 import COMPONENT_IMAGE from '../assets/symbol-scenario-start.png'
 import { getClient } from './origin-client'
 import gql from 'graphql-tag'

package/src/scenario-stop.ts

@@ -1,8 +1,5 @@
 import { Component, DataSource, Properties, RectPath, Shape } from '@hatiolab/things-scene'
 
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
 import COMPONENT_IMAGE from '../assets/symbol-scenario-stop.png'
 import { getClient } from './origin-client'
 import gql from 'graphql-tag'

package/tsconfig.json

@@ -13,7 +13,7 @@
     "outDir": "dist",
     "sourceMap": true,
     "inlineSources": true,
-    "rootDir": "./src",
+    "rootDir": "src",
     "declaration": true,
     "incremental": true,
     "typeRoots": ["./node_modules", "@types"],