@operato/scene-integration 0.0.23 → 0.1.0

package/dist/templates/scenario-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-control.js","sourceRoot":"","sources":["../../src/templates/scenario-control.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,wCAAwC,CAAA;AAEzD,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-control.png'\n\nexport default {\n  type: 'scenario-control',\n  description: 'scenario-control',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-control',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    controlType: '',\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-control.js","sourceRoot":"","sources":["../../src/templates/scenario-control.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,uCAAuC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEnF,eAAe;IACb,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-control.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-control',\n  description: 'scenario-control',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-control',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    controlType: '',\n    hidden: true\n  }\n}\n"]}

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

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

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

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-queue-subscription.png';
+const icon = new URL('../../icons/icon-scenario-queue-subscription.png', import.meta.url).href;
 export default {
     type: 'scenario-queue-subscription',
     description: 'scenario-queue-subscription',

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

@@ -1 +1 @@
-{"version":3,"file":"scenario-instance-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-instance-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mDAAmD,CAAA;AAEpE,eAAe;IACb,IAAI,EAAE,6BAA6B;IACnC,WAAW,EAAE,6BAA6B;IAC1C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-queue-subscription.png'\n\nexport default {\n  type: 'scenario-queue-subscription',\n  description: 'scenario-queue-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-queue-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-instance-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-instance-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,kDAAkD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE9F,eAAe;IACb,IAAI,EAAE,6BAA6B;IACnC,WAAW,EAAE,6BAA6B;IAC1C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-queue-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-queue-subscription',\n  description: 'scenario-queue-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-queue-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

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

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

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

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-instance-subscription.png';
+const icon = new URL('../../icons/icon-scenario-instance-subscription.png', import.meta.url).href;
 export default {
     type: 'scenario-instance-subscription',
     description: 'scenario-instance-subscription',

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

@@ -1 +1 @@
-{"version":3,"file":"scenario-queue-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-queue-subscription.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sDAAsD,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,gCAAgC;IACtC,WAAW,EAAE,gCAAgC;IAC7C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gCAAgC;QACtC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-instance-subscription.png'\n\nexport default {\n  type: 'scenario-instance-subscription',\n  description: 'scenario-instance-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-instance-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-queue-subscription.js","sourceRoot":"","sources":["../../src/templates/scenario-queue-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qDAAqD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjG,eAAe;IACb,IAAI,EAAE,gCAAgC;IACtC,WAAW,EAAE,gCAAgC;IAC7C,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gCAAgC;QACtC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-instance-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-instance-subscription',\n  description: 'scenario-instance-subscription',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-instance-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-run.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-run.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-run.png';
+const icon = new URL('../../icons/icon-scenario-run.png', import.meta.url).href;
 export default {
     type: 'scenario-run',
     description: 'scenario-run',

package/dist/templates/scenario-run.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-run.js","sourceRoot":"","sources":["../../src/templates/scenario-run.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,oCAAoC,CAAA;AAErD,eAAe;IACb,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-run.png'\n\nexport default {\n  type: 'scenario-run',\n  description: 'scenario-run',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-run',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-run.js","sourceRoot":"","sources":["../../src/templates/scenario-run.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,mCAAmC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE/E,eAAe;IACb,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-run.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-run',\n  description: 'scenario-run',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-run',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-start.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-start.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-start.png';
+const icon = new URL('../../icons/icon-scenario-start.png', import.meta.url).href;
 export default {
     type: 'scenario-start',
     description: 'scenario-start',

package/dist/templates/scenario-start.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-start.js","sourceRoot":"","sources":["../../src/templates/scenario-start.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sCAAsC,CAAA;AAEvD,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-start.png'\n\nexport default {\n  type: 'scenario-start',\n  description: 'scenario-start',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-start',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-start.js","sourceRoot":"","sources":["../../src/templates/scenario-start.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,eAAe;IACb,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-start.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-start',\n  description: 'scenario-start',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-start',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/scenario-stop.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     description: string;
     group: string;
-    icon: any;
+    icon: string;
     model: {
         type: string;
         left: number;

package/dist/templates/scenario-stop.js

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-stop.png';
+const icon = new URL('../../icons/icon-scenario-stop.png', import.meta.url).href;
 export default {
     type: 'scenario-stop',
     description: 'scenario-stop',

package/dist/templates/scenario-stop.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-stop.js","sourceRoot":"","sources":["../../src/templates/scenario-stop.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,qCAAqC,CAAA;AAEtD,eAAe;IACb,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["import icon from '../../assets/icon-scenario-stop.png'\n\nexport default {\n  type: 'scenario-stop',\n  description: 'scenario-stop',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-stop',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"scenario-stop.js","sourceRoot":"","sources":["../../src/templates/scenario-stop.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEhF,eAAe;IACb,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,YAAY;IACnB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-scenario-stop.png', import.meta.url).href\n\nexport default {\n  type: 'scenario-stop',\n  description: 'scenario-stop',\n  group: 'dataSource',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'scenario-stop',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-integration",
   "description": "Things factory integration component for things-scene",
-  "version": "0.0.23",
+  "version": "0.1.0",
   "license": "MIT",
   "author": "heartyoh",
   "main": "dist/index.js",
@@ -26,16 +26,16 @@
     "migration": "things-factory-migration"
   },
   "dependencies": {
-    "@apollo/client": "^3.4.17",
-    "@hatiolab/things-scene": "^2.7.30",
+    "@apollo/client": "^3.5.6",
+    "@hatiolab/things-scene": "^2.7.31",
     "graphql-tag": "^2.12.6",
     "subscriptions-transport-ws": "^0.11.0"
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@operato/board": "^0.2.51",
-    "@things-factory/builder": "^4.0.23",
-    "@things-factory/operato-board": "^4.0.23",
+    "@operato/board": "^0.3.1",
+    "@things-factory/builder": "^4.0.26",
+    "@things-factory/operato-board": "^4.0.26",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.28",
@@ -60,5 +60,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "25276846c3b00cb1367c58465fcbbd70d7acdd73"
+  "gitHead": "ea310c514bb1bb5b60f14ca455e62515e05fe2c4"
 }

package/src/connection-control.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, RectPath, Shape } from '@hatiolab/things-scene'
 
-import COMPONENT_IMAGE from '../assets/symbol-connection-control.png'
 import { getClient } from './origin-client'
-import gql from 'graphql-tag'
 
 const NATURE = {
   mutable: false,
@@ -66,7 +66,7 @@ export default class ConnectionControl extends RectPath(Shape) {
   static get image() {
     if (!ConnectionControl._image) {
       ConnectionControl._image = new Image()
-      ConnectionControl._image.src = COMPONENT_IMAGE
+      ConnectionControl._image.src = new URL('../icons/symbol-connection-control.png', import.meta.url).href
     }
     return ConnectionControl._image
   }

package/src/connection-state-subscription.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
-import { getClient, subscribe } from './origin-client'
 
-import COMPONENT_IMAGE from '../assets/symbol-connection-state-subscription.png'
-import gql from 'graphql-tag'
+import { getClient, subscribe } from './origin-client'
 
 const NATURE = {
   mutable: false,
@@ -43,7 +43,10 @@ export default class ConnectionStateSubscription extends DataSource(RectPath(Sha
   static get image() {
     if (!ConnectionStateSubscription._image) {
       ConnectionStateSubscription._image = new Image()
-      ConnectionStateSubscription._image.src = COMPONENT_IMAGE
+      ConnectionStateSubscription._image.src = new URL(
+        '../icons/symbol-connection-state-subscription.png',
+        import.meta.url
+      ).href
     }
 
     return ConnectionStateSubscription._image

package/src/data-subscription.ts

@@ -1,7 +1,7 @@
+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 = {
@@ -24,7 +24,7 @@ export default class DataSubscription extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!DataSubscription._image) {
       DataSubscription._image = new Image()
-      DataSubscription._image.src = COMPONENT_IMAGE
+      DataSubscription._image.src = new URL('../icons/symbol-data-subscription.png', import.meta.url).href
     }
 
     return DataSubscription._image

package/src/scenario-control.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, Properties, 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,
@@ -66,7 +66,7 @@ export default class ScenarioControl extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!ScenarioControl._image) {
       ScenarioControl._image = new Image()
-      ScenarioControl._image.src = COMPONENT_IMAGE
+      ScenarioControl._image.src = new URL('../icons/symbol-scenario-control.png', import.meta.url).href
     }
     return ScenarioControl._image
   }

package/src/scenario-instance-subscription.ts

@@ -1,8 +1,8 @@
+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 gql from 'graphql-tag'
+import { getClient, subscribe } from './origin-client'
 
 const NATURE = {
   mutable: false,
@@ -49,7 +49,10 @@ export default class ScenarioInstanceSubscription extends DataSource(RectPath(Sh
   static get image() {
     if (!ScenarioInstanceSubscription._image) {
       ScenarioInstanceSubscription._image = new Image()
-      ScenarioInstanceSubscription._image.src = COMPONENT_IMAGE
+      ScenarioInstanceSubscription._image.src = new URL(
+        '../icons/symbol-scenario-instance-subscription.png',
+        import.meta.url
+      ).href
     }
 
     return ScenarioInstanceSubscription._image

package/src/scenario-queue-subscription.ts

@@ -1,7 +1,7 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, RectPath, Shape } from '@hatiolab/things-scene'
 
-import COMPONENT_IMAGE from '../assets/symbol-scenario-queue-subscription.png'
-import gql from 'graphql-tag'
 import { subscribe } from './origin-client'
 
 const NATURE = {
@@ -18,7 +18,10 @@ export default class ScenarioQueueSubscription extends DataSource(RectPath(Shape
   static get image() {
     if (!ScenarioQueueSubscription._image) {
       ScenarioQueueSubscription._image = new Image()
-      ScenarioQueueSubscription._image.src = COMPONENT_IMAGE
+      ScenarioQueueSubscription._image.src = new URL(
+        '../icons/symbol-scenario-queue-subscription.png',
+        import.meta.url
+      ).href
     }
 
     return ScenarioQueueSubscription._image

package/src/scenario-run.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, Properties, 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,
@@ -55,7 +55,7 @@ export default class ScenarioRun extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!ScenarioRun._image) {
       ScenarioRun._image = new Image()
-      ScenarioRun._image.src = COMPONENT_IMAGE
+      ScenarioRun._image.src = new URL('../icons/symbol-scenario-run.png', import.meta.url).href
     }
     return ScenarioRun._image
   }

package/src/scenario-start.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, Properties, 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,
@@ -55,7 +55,7 @@ export default class ScenarioStart extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!ScenarioStart._image) {
       ScenarioStart._image = new Image()
-      ScenarioStart._image.src = COMPONENT_IMAGE
+      ScenarioStart._image.src = new URL('../icons/symbol-scenario-start.png', import.meta.url).href
     }
     return ScenarioStart._image
   }

package/src/scenario-stop.ts

@@ -1,8 +1,8 @@
+import gql from 'graphql-tag'
+
 import { Component, DataSource, Properties, 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,
@@ -50,7 +50,7 @@ export default class ScenarioStop extends DataSource(RectPath(Shape)) {
   static get image() {
     if (!ScenarioStop._image) {
       ScenarioStop._image = new Image()
-      ScenarioStop._image.src = COMPONENT_IMAGE
+      ScenarioStop._image.src = new URL('../icons/symbol-scenario-stop.png', import.meta.url).href
     }
     return ScenarioStop._image
   }

package/src/templates/connection-control.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-connection-control.png'
+const icon = new URL('../../icons/icon-connection-control.png', import.meta.url).href
 
 export default {
   type: 'connection-control',

package/src/templates/connection-state-subscription.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-connection-state-subscription.png'
+const icon = new URL('../../icons/icon-connection-state-subscription.png', import.meta.url).href
 
 export default {
   type: 'connection-state-subscription',

package/src/templates/data-subscription.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-data-subscription.png'
+const icon = new URL('../../icons/icon-data-subscription.png', import.meta.url).href
 
 export default {
   type: 'data-subscription',

package/src/templates/scenario-control.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-control.png'
+const icon = new URL('../../icons/icon-scenario-control.png', import.meta.url).href
 
 export default {
   type: 'scenario-control',

package/src/templates/scenario-instance-subscription.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-queue-subscription.png'
+const icon = new URL('../../icons/icon-scenario-queue-subscription.png', import.meta.url).href
 
 export default {
   type: 'scenario-queue-subscription',

package/src/templates/scenario-queue-subscription.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-instance-subscription.png'
+const icon = new URL('../../icons/icon-scenario-instance-subscription.png', import.meta.url).href
 
 export default {
   type: 'scenario-instance-subscription',

package/src/templates/scenario-run.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-run.png'
+const icon = new URL('../../icons/icon-scenario-run.png', import.meta.url).href
 
 export default {
   type: 'scenario-run',

package/src/templates/scenario-start.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-start.png'
+const icon = new URL('../../icons/icon-scenario-start.png', import.meta.url).href
 
 export default {
   type: 'scenario-start',

package/src/templates/scenario-stop.ts

@@ -1,4 +1,4 @@
-import icon from '../../assets/icon-scenario-stop.png'
+const icon = new URL('../../icons/icon-scenario-stop.png', import.meta.url).href
 
 export default {
   type: 'scenario-stop',

package/tsconfig.json

@@ -16,7 +16,7 @@
     "rootDir": "src",
     "declaration": true,
     "incremental": true,
-    "typeRoots": ["./node_modules", "@types"],
+    "typeRoots": ["./node_modules"],
     "types": ["node"]
   },
   "include": ["**/*.ts", "*.d.ts"]