@operato/scene-integration 2.0.0-alpha.0 → 2.0.0-alpha.4

package/src/scenario-run.ts

@@ -33,6 +33,31 @@ const NATURE: ComponentNature = {
       type: 'checkbox',
       label: 'run-on-start',
       name: 'runOnStart'
+    },
+    {
+      type: 'select',
+      label: 'mask-on-error',
+      name: 'maskOnError',
+      property: {
+        options: [
+          {
+            display: 'none',
+            value: ''
+          },
+          {
+            display: 'strong-blur',
+            value: 'blur(4px)'
+          },
+          {
+            display: 'weak-blur',
+            value: 'blur(2px)'
+          },
+          {
+            display: 'grayscale',
+            value: 'grayscale(1)'
+          }
+        ]
+      }
     }
   ],
   'value-property': 'variables',
@@ -135,7 +160,7 @@ export default class ScenarioRun extends DataSource(RectPath(Shape)) {
   }
 
   async requestData() {
-    let { scenarioName, variables } = this.state
+    let { scenarioName, variables, maskOnError } = this.state
     if (!scenarioName || !this.app.isViewMode) {
       return
     }
@@ -147,29 +172,48 @@ export default class ScenarioRun extends DataSource(RectPath(Shape)) {
     }
 
     if (client) {
-      var response = await client.query({
-        query: gql`
-          mutation ($scenarioName: String!, $variables: Object) {
-            runScenario(scenarioName: $scenarioName, variables: $variables) {
-              state
-              message
-              result
+      try {
+        var response = await client.query({
+          query: gql`
+            mutation ($scenarioName: String!, $variables: Object) {
+              runScenario(scenarioName: $scenarioName, variables: $variables) {
+                state
+                message
+                result
+              }
             }
+          `,
+          variables: {
+            scenarioName: scenarioName,
+            variables
           }
-        `,
-        variables: {
-          scenarioName: scenarioName,
-          variables
+        })
+
+        this.data = response?.data?.runScenario?.result
+        this.demask()
+      } catch (e: any) {
+        console.error(`calling runScenario mutation error: ${e?.message ?? e}`)
+        this.mask()
+      } finally {
+        if (this._started && this.state.interval > 0) {
+          this._timeout = setTimeout(() => this.requestData(), this.state.interval)
         }
-      })
-
-      this.data = response?.data?.runScenario?.result
-
-      if (this._started && this.state.interval > 0) {
-        this._timeout = setTimeout(() => this.requestData(), this.state.interval)
       }
     }
   }
+
+  mask() {
+    const { maskOnError } = this.state
+    if (maskOnError) {
+      //@ts-ignore
+      this.root.target_element.style.filter = maskOnError
+    }
+  }
+
+  demask() {
+    //@ts-ignore
+    this.root.target_element.style.filter = 'none'
+  }
 }
 
 Component.register('scenario-run', ScenarioRun)

package/translations/en.json

@@ -1,4 +1,13 @@
 {
+  "component.data-subscription": "data-subscription",
+  "component.scenario-control": "scenario-control",
+  "component.scenario-run": "scenario-run",
+  "component.scenario-start": "scenario-start",
+  "component.scenario-stop": "scenario-stop",
+  "component.scenario-instance-subscription": "scenario-instance-subscription",
+  "component.scenario-queue-subscription": "scenario-queue-subscription",
+  "component.connection-state-subscription": "connection-state-subscription",
+  "component.connection-control": "connection-control",
   "keyword": "keyword",
   "label.connection-name": "connection name",
   "label.scenario-name": "Scenario Name",
@@ -6,5 +15,6 @@
   "label.init-data-endpoint": "Initial Data Endpoint",
   "label.instance-name": "Instance Name",
   "label.repeat-interval": "repeat interval",
-  "label.run-on-start": "Run on Start"
+  "label.run-on-start": "Run on Start",
+  "label.mask-on-error": "Mask on Error"
 }

package/translations/ja.json

@@ -1,4 +1,13 @@
 {
+  "component.data-subscription": "data-subscription",
+  "component.scenario-control": "scenario-control",
+  "component.scenario-run": "scenario-run",
+  "component.scenario-start": "scenario-start",
+  "component.scenario-stop": "scenario-stop",
+  "component.scenario-instance-subscription": "scenario-instance-subscription",
+  "component.scenario-queue-subscription": "scenario-queue-subscription",
+  "component.connection-state-subscription": "connection-state-subscription",
+  "component.connection-control": "connection-control",
   "keyword": "キーワード",
   "label.connection-name": "接続名",
   "label.scenario-name": "シナリオ名",
@@ -6,5 +15,6 @@
   "label.init-data-endpoint": "初期データエンドポイント",
   "label.instance-name": "インスタンス名",
   "label.repeat-interval": "繰り返し間隔",
-  "label.run-on-start": "開始時に実行"
+  "label.run-on-start": "開始時に実行",
+  "label.mask-on-error": "エラー時にマスクをかける"
 }

package/translations/ko.json

@@ -1,4 +1,13 @@
 {
+  "component.data-subscription": "data-subscription",
+  "component.scenario-control": "scenario-control",
+  "component.scenario-run": "scenario-run",
+  "component.scenario-start": "scenario-start",
+  "component.scenario-stop": "scenario-stop",
+  "component.scenario-instance-subscription": "scenario-instance-subscription",
+  "component.scenario-queue-subscription": "scenario-queue-subscription",
+  "component.connection-state-subscription": "connection-state-subscription",
+  "component.connection-control": "connection-control",
   "keyword": "키워드",
   "label.connection-name": "커넥션 이름",
   "label.scenario-name": "시나리오 명",
@@ -6,5 +15,6 @@
   "label.init-data-endpoint": "초기 데이터 엔드포인트",
   "label.instance-name": "인스턴스 명",
   "label.repeat-interval": "반복 간격",
-  "label.run-on-start": "시작시 자동 실행"
+  "label.run-on-start": "시작시 자동 실행",
+  "label.mask-on-error": "오류시 마스크 적용"
 }

package/translations/ms.json

@@ -1,4 +1,13 @@
 {
+  "component.data-subscription": "data-subscription",
+  "component.scenario-control": "scenario-control",
+  "component.scenario-run": "scenario-run",
+  "component.scenario-start": "scenario-start",
+  "component.scenario-stop": "scenario-stop",
+  "component.scenario-instance-subscription": "scenario-instance-subscription",
+  "component.scenario-queue-subscription": "scenario-queue-subscription",
+  "component.connection-state-subscription": "connection-state-subscription",
+  "component.connection-control": "connection-control",
   "keyword": "kata kunci",
   "label.connection-name": "nama sambungan",
   "label.scenario-name": "Nama Skenario",
@@ -6,5 +15,6 @@
   "label.init-data-endpoint": "Titik Akhir Data Awal",
   "label.instance-name": "Nama Pembolehubah",
   "label.repeat-interval": "interval berulang",
-  "label.run-on-start": "Jalankan pada Permulaan"
+  "label.run-on-start": "Jalankan pada Permulaan",
+  "label.mask-on-error": "Mask pada Kesalahan"
 }

package/translations/zh.json

@@ -1,4 +1,13 @@
 {
+  "component.data-subscription": "data-subscription",
+  "component.scenario-control": "scenario-control",
+  "component.scenario-run": "scenario-run",
+  "component.scenario-start": "scenario-start",
+  "component.scenario-stop": "scenario-stop",
+  "component.scenario-instance-subscription": "scenario-instance-subscription",
+  "component.scenario-queue-subscription": "scenario-queue-subscription",
+  "component.connection-state-subscription": "connection-state-subscription",
+  "component.connection-control": "connection-control",
   "keyword": "关键词",
   "label.connection-name": "连接名称",
   "label.scenario-name": "场景名称",
@@ -6,5 +15,6 @@
   "label.init-data-endpoint": "初始数据终端",
   "label.instance-name": "实例名称",
   "label.repeat-interval": "重复间隔",
-  "label.run-on-start": "启动时运行"
+  "label.run-on-start": "启动时运行",
+  "label.mask-on-error": "错误时启用掩码"
 }