@operato/scene-graphql 10.0.0-beta.1 → 10.0.0-beta.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -50
- package/dist/index.d.ts +1 -1
- package/dist/templates/graphql-client.js +1 -1
- package/dist/templates/graphql-client.js.map +1 -1
- package/dist/templates/graphql-mutation.js +1 -1
- package/dist/templates/graphql-mutation.js.map +1 -1
- package/dist/templates/graphql-query.js +1 -1
- package/dist/templates/graphql-query.js.map +1 -1
- package/dist/templates/graphql-subscription.js +1 -1
- package/dist/templates/graphql-subscription.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,59 +1,23 @@
|
|
|
1
|
-
# graphql
|
|
1
|
+
# @operato/scene-graphql
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
> Graphql datasource component for things-scene
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<!-- AUTOGEN_BEGIN: do not edit between markers (run scripts/regenerate-readmes.mjs to update) -->
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## Install
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
```bash
|
|
10
|
+
yarn add @operato/scene-graphql
|
|
11
|
+
```
|
|
10
12
|
|
|
11
|
-
##
|
|
13
|
+
## Build
|
|
12
14
|
|
|
13
|
-
|
|
15
|
+
```bash
|
|
16
|
+
yarn build
|
|
17
|
+
```
|
|
14
18
|
|
|
15
|
-
|
|
19
|
+
Output: ESM module at `dist/index.js` (single bundle, no UMD/IE legacy).
|
|
16
20
|
|
|
17
|
-
|
|
21
|
+
_Version: 10.0.0-beta.2_
|
|
18
22
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
위의 graphql-query와 동일한 역할을 하지만, query에 quick-bind기능을 활용하여, 변화하는 값을 쿼리에 넣어 조회할 수 있도록 돕는 컴포넌트입니다. quick-bind 사용방법은 query문 내의 변화하는 참조값을 입력하는 부분에 \${참조할컴포넌트ID.프로퍼티명} 형식으로 입력하면 됩니다. period에 관계없이 데이터가 특정 컴포넌트 값이 변경될 때마다 가져오고 싶은 경우, graphql-quick-bind-query컴포넌트의 value 값으로 데이터를 넘겨주면, 그때마다 데이터를 새로 조회할 수 있습니다.
|
|
22
|
-
|
|
23
|
-
## graphql-quick-bind-mutation
|
|
24
|
-
|
|
25
|
-
**properties: client, updateGql**
|
|
26
|
-
|
|
27
|
-
updateGql에 따라 해당 클라이언트를 통해 데이터를 업데이트해줍니다. graphql-quick-bind-query와 마찬가지로 quick-bind 방식을 사용할 수 있습니다.
|
|
28
|
-
|
|
29
|
-
## node package를 설치한다.
|
|
30
|
-
|
|
31
|
-
`$ yarn`
|
|
32
|
-
|
|
33
|
-
## 실행
|
|
34
|
-
|
|
35
|
-
`$ yarn serve`
|
|
36
|
-
`$ yarn serve:dev`
|
|
37
|
-
|
|
38
|
-
## 포트를 바꾸려면, -p 3001 식으로 추가해준다.
|
|
39
|
-
|
|
40
|
-
`$ yarn serve`
|
|
41
|
-
`$ yarn serve -p 3001`
|
|
42
|
-
|
|
43
|
-
## test in browser
|
|
44
|
-
|
|
45
|
-
http://localhost:3000
|
|
46
|
-
|
|
47
|
-
## build
|
|
48
|
-
|
|
49
|
-
`$ yarn build`
|
|
50
|
-
|
|
51
|
-
| type | filename | for | tested |
|
|
52
|
-
| ---- | -------------------------- | -------------- | ------ |
|
|
53
|
-
| UMD | things-scene-graphql.js | modern browser | O |
|
|
54
|
-
| UMD | things-scene-graphql-ie.js | ie 11 | O |
|
|
55
|
-
| ESM | things-scene-graphql.mjs | modern browser | O |
|
|
56
|
-
|
|
57
|
-
## publish
|
|
58
|
-
|
|
59
|
-
`$ yarn publish`
|
|
23
|
+
<!-- AUTOGEN_END -->
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Client from './graphql-client.js';
|
|
2
2
|
import { Mutation, Query } from './graphql-query-and-mutation.js';
|
|
3
3
|
import Subscription from './graphql-subscription.js';
|
|
4
|
-
declare const _default: (typeof
|
|
4
|
+
declare const _default: (typeof Client | typeof Query | typeof Mutation | typeof Subscription)[];
|
|
5
5
|
export default _default;
|
|
@@ -3,7 +3,7 @@ export default {
|
|
|
3
3
|
type: 'graphql-client',
|
|
4
4
|
description: 'graphql-client',
|
|
5
5
|
group: 'dataSource',
|
|
6
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
6
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
7
7
|
icon,
|
|
8
8
|
model: {
|
|
9
9
|
type: 'graphql-client',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphql-client.js","sourceRoot":"","sources":["../../src/templates/graphql-client.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,
|
|
1
|
+
{"version":3,"file":"graphql-client.js","sourceRoot":"","sources":["../../src/templates/graphql-client.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,wHAAwH;IACxH,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,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,GAAG;KACd;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-graphql-client.png', import.meta.url).href\n\nexport default {\n type: 'graphql-client',\n description: 'graphql-client',\n group: 'dataSource',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n icon,\n model: {\n type: 'graphql-client',\n left: 10,\n top: 10,\n width: 100,\n height: 100,\n fillStyle: 'cyan',\n strokeStyle: 'darkgray',\n endpoint: '/'\n }\n}\n"]}
|
|
@@ -3,7 +3,7 @@ export default {
|
|
|
3
3
|
type: 'graphql-mutation',
|
|
4
4
|
description: 'graphql-mutation',
|
|
5
5
|
group: 'dataSource',
|
|
6
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
6
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
7
7
|
icon,
|
|
8
8
|
model: {
|
|
9
9
|
type: 'graphql-mutation',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphql-mutation.js","sourceRoot":"","sources":["../../src/templates/graphql-mutation.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,
|
|
1
|
+
{"version":3,"file":"graphql-mutation.js","sourceRoot":"","sources":["../../src/templates/graphql-mutation.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,wHAAwH;IACxH,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,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;;;;EAIT;KACC;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-graphql-mutation.png', import.meta.url).href\n\nexport default {\n type: 'graphql-mutation',\n description: 'graphql-mutation',\n group: 'dataSource',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n icon,\n model: {\n type: 'graphql-mutation',\n left: 10,\n top: 10,\n width: 100,\n height: 100,\n autoStart: false,\n period: 0,\n query: `mutation {\n resolverName ( patches:[] ) {\n id\n }\n}`\n }\n}\n"]}
|
|
@@ -3,7 +3,7 @@ export default {
|
|
|
3
3
|
type: 'graphql-query',
|
|
4
4
|
description: 'graphql-query',
|
|
5
5
|
group: 'dataSource',
|
|
6
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
6
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
7
7
|
icon,
|
|
8
8
|
model: {
|
|
9
9
|
type: 'graphql-query',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphql-query.js","sourceRoot":"","sources":["../../src/templates/graphql-query.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,
|
|
1
|
+
{"version":3,"file":"graphql-query.js","sourceRoot":"","sources":["../../src/templates/graphql-query.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,wHAAwH;IACxH,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,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;;;;;;;;;;;;EAYT;KACC;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-graphql-query.png', import.meta.url).href\n\nexport default {\n type: 'graphql-query',\n description: 'graphql-query',\n group: 'dataSource',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n icon,\n model: {\n type: 'graphql-query',\n left: 10,\n top: 10,\n width: 100,\n height: 100,\n autoStart: true,\n period: 0,\n query: `query {\n boards {\n items {\n id\n name\n description\n thumbnail\n createdAt\n updatedAt\n }\n total\n }\n}`\n }\n}\n"]}
|
|
@@ -3,7 +3,7 @@ export default {
|
|
|
3
3
|
type: 'graphql-subscription',
|
|
4
4
|
description: 'graphql-subscription',
|
|
5
5
|
group: 'dataSource',
|
|
6
|
-
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|
|
|
6
|
+
/* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
|
|
7
7
|
icon,
|
|
8
8
|
model: {
|
|
9
9
|
type: 'graphql-subscription',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphql-subscription.js","sourceRoot":"","sources":["../../src/templates/graphql-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvF,eAAe;IACb,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE,YAAY;IACnB,
|
|
1
|
+
{"version":3,"file":"graphql-subscription.js","sourceRoot":"","sources":["../../src/templates/graphql-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvF,eAAe;IACb,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE,YAAY;IACnB,wHAAwH;IACxH,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,sBAAsB;QAC5B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,mCAAmC;QAC7C,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE;;;;;;EAMT;KACC;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-graphql-subscription.png', import.meta.url).href\n\nexport default {\n type: 'graphql-subscription',\n description: 'graphql-subscription',\n group: 'dataSource',\n /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n icon,\n model: {\n type: 'graphql-subscription',\n left: 10,\n top: 10,\n width: 100,\n height: 100,\n lineWidth: 1,\n endpoint: 'ws://localhost:3000/subscriptions',\n requestType: 'mutation',\n query: `subscription {\n systemRebooted {\n name\n version\n description\n }\n}`\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@operato/scene-graphql",
|
|
3
3
|
"description": "Graphql datasource component for things-scene",
|
|
4
|
-
"version": "10.0.0-beta.
|
|
4
|
+
"version": "10.0.0-beta.22",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.js",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"prettier --write"
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "f48e52f4f5fdc30ec06af9da7cf253f6e29cfb0e"
|
|
65
65
|
}
|