@arcblock/ux 1.15.36 → 1.16.0
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/LICENSE +1 -1
- package/README.md +0 -56
- package/lib/index.js +0 -8
- package/package.json +4 -9
- package/lib/GraphQLPlayground/graphiql.css +0 -1850
- package/lib/GraphQLPlayground/index.js +0 -301
- package/lib/GraphQLPlayground/util.js +0 -55
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -16,59 +16,3 @@ import ClickToCopy from '@arcblock/ux/lib/ClickToCopy';
|
|
|
16
16
|
import Icon from '@arcblock/ux/lib/Icon';
|
|
17
17
|
import ActivityIndicator from '@arcblock/ux/lib/ActivityIndicator';
|
|
18
18
|
```
|
|
19
|
-
|
|
20
|
-
## FAQ
|
|
21
|
-
|
|
22
|
-
### How to use `GraphQLPlayground` comonent in SSR env such as gatsby?
|
|
23
|
-
|
|
24
|
-
Because `graphiql` and `graphiql-code-exporter` uses browser globals such as `window`, we need to mock them both during building time for gatsby.
|
|
25
|
-
|
|
26
|
-
First we need to create an mock for `graphqil`, `src/mocks/graphiql`:
|
|
27
|
-
|
|
28
|
-
```javascript
|
|
29
|
-
function graphiql() {
|
|
30
|
-
return null;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
graphiql.Logo = () => null;
|
|
34
|
-
graphiql.Toolbar = () => null;
|
|
35
|
-
graphiql.QueryEditor = () => null;
|
|
36
|
-
graphiql.VariableEditor = () => null;
|
|
37
|
-
graphiql.ResultViewer = () => null;
|
|
38
|
-
graphiql.Button = () => null;
|
|
39
|
-
graphiql.ToolbarButton = () => null;
|
|
40
|
-
graphiql.Group = () => null;
|
|
41
|
-
graphiql.Menu = () => null;
|
|
42
|
-
graphiql.MenuItem = () => null;
|
|
43
|
-
graphiql.Select = () => null;
|
|
44
|
-
graphiql.SelectOption = () => null;
|
|
45
|
-
graphiql.Footer = () => null;
|
|
46
|
-
|
|
47
|
-
module.exports = graphiql;
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
Then, in `gatsby-node.js`, use the mocks:
|
|
51
|
-
|
|
52
|
-
```javascript
|
|
53
|
-
const path = require('path');
|
|
54
|
-
|
|
55
|
-
exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
|
|
56
|
-
if (stage === 'build-html') {
|
|
57
|
-
actions.setWebpackConfig({
|
|
58
|
-
resolve: {
|
|
59
|
-
alias: {
|
|
60
|
-
graphiql: path.resolve(__dirname, './src/mocks/graphiql.js'),
|
|
61
|
-
},
|
|
62
|
-
},
|
|
63
|
-
module: {
|
|
64
|
-
rules: [
|
|
65
|
-
{
|
|
66
|
-
test: /node_modules\/codemirror\//,
|
|
67
|
-
use: loaders.null(),
|
|
68
|
-
},
|
|
69
|
-
],
|
|
70
|
-
},
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
```
|
package/lib/index.js
CHANGED
|
@@ -75,12 +75,6 @@ Object.defineProperty(exports, "Footer", {
|
|
|
75
75
|
return _Footer.default;
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
|
-
Object.defineProperty(exports, "GraphQLPlayground", {
|
|
79
|
-
enumerable: true,
|
|
80
|
-
get: function get() {
|
|
81
|
-
return _GraphQLPlayground.default;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
78
|
Object.defineProperty(exports, "Icon", {
|
|
85
79
|
enumerable: true,
|
|
86
80
|
get: function get() {
|
|
@@ -214,8 +208,6 @@ var _Earth = _interopRequireDefault(require("./Earth"));
|
|
|
214
208
|
|
|
215
209
|
var _Footer = _interopRequireDefault(require("./Footer"));
|
|
216
210
|
|
|
217
|
-
var _GraphQLPlayground = _interopRequireDefault(require("./GraphQLPlayground"));
|
|
218
|
-
|
|
219
211
|
var _Icon = _interopRequireDefault(require("./Icon"));
|
|
220
212
|
|
|
221
213
|
var _selector = _interopRequireDefault(require("./Locale/selector"));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcblock/ux",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.16.0",
|
|
4
4
|
"description": "Common used react components for arcblock products",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
"react": ">=16.12.0",
|
|
53
53
|
"react-ga": "^2.7.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "e0eb7e0b693d098e3d3139d171bbab02630ea499",
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@arcblock/icons": "^1.
|
|
58
|
-
"@arcblock/react-hooks": "^1.
|
|
57
|
+
"@arcblock/icons": "^1.16.0",
|
|
58
|
+
"@arcblock/react-hooks": "^1.16.0",
|
|
59
59
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
|
60
60
|
"@material-ui/core": "^4.12.3",
|
|
61
61
|
"@material-ui/icons": "4.11.2",
|
|
@@ -65,10 +65,6 @@
|
|
|
65
65
|
"core-js": "^3.6.4",
|
|
66
66
|
"d3-geo": "^1.11.6",
|
|
67
67
|
"devices.css": "^0.1.15",
|
|
68
|
-
"graphiql": "^0.13.2",
|
|
69
|
-
"graphiql-code-exporter": "^2.0.5",
|
|
70
|
-
"graphiql-explorer": "^0.4.3",
|
|
71
|
-
"graphql": "^14.6.0",
|
|
72
68
|
"highlight.js": "^9.15.8",
|
|
73
69
|
"is-svg": "^4.3.1",
|
|
74
70
|
"js-cookie": "^2.2.0",
|
|
@@ -77,7 +73,6 @@
|
|
|
77
73
|
"react-cookie-consent": "^6.4.1",
|
|
78
74
|
"react-helmet": "^5.2.1",
|
|
79
75
|
"react-intersection-observer": "^8.31.1",
|
|
80
|
-
"react-load-script": "^0.0.6",
|
|
81
76
|
"react-player": "^1.15.2",
|
|
82
77
|
"react-router-dom": "^5.1.2",
|
|
83
78
|
"react-shadow": "^19.0.2",
|