@arcblock/graphql-playground 2.1.59 → 2.1.62

package/lib/GraphqlPlayground.stories.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Basic", {
+  enumerable: true,
+  get: function get() {
+    return _basic.default;
+  }
+});
+Object.defineProperty(exports, "KitchenSink", {
+  enumerable: true,
+  get: function get() {
+    return _kitchenSink.default;
+  }
+});
+Object.defineProperty(exports, "WithCodeExporter", {
+  enumerable: true,
+  get: function get() {
+    return _withCodeExporter.default;
+  }
+});
+Object.defineProperty(exports, "WithHistory", {
+  enumerable: true,
+  get: function get() {
+    return _withHistory.default;
+  }
+});
+Object.defineProperty(exports, "WithQueryComposer", {
+  enumerable: true,
+  get: function get() {
+    return _withQueryComposer.default;
+  }
+});
+exports.default = void 0;
+
+var _basic = _interopRequireDefault(require("./demo/basic"));
+
+var _withHistory = _interopRequireDefault(require("./demo/with-history"));
+
+var _withQueryComposer = _interopRequireDefault(require("./demo/with-query-composer"));
+
+var _withCodeExporter = _interopRequireDefault(require("./demo/with-code-exporter"));
+
+var _kitchenSink = _interopRequireDefault(require("./demo/kitchen-sink"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'UX/GraphQLPlayground',
+  parameters: {
+    docs: {
+      description: {
+        component: 'A GraphQL Playground component built on top of `graphql/graphiql`'
+      }
+    }
+  }
+};
+exports.default = _default;

package/lib/demo/basic.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Basic;
+
+var _ = _interopRequireDefault(require(".."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const betaQuery = "{\n  getChainInfo {\n    code\n    info {\n      network\n      moniker\n    }\n  }\n}";
+
+function Basic() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      minWidth: '1280px',
+      height: '40vh',
+      border: '1px solid #EEE'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      defaultQuery: betaQuery,
+      endpoint: "https://beta.abtnetwork.io/api/",
+      title: "Beta Chain",
+      enableQueryComposer: false,
+      enableCodeExporter: false,
+      enableHistory: false
+    })
+  });
+}

package/lib/demo/kitchen-sink.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = KitchenSink;
+
+var _ = _interopRequireDefault(require(".."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const betaQuery = "{\n  getChainInfo {\n    code\n    info {\n      network\n      moniker\n    }\n  }\n}";
+
+function KitchenSink() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      minWidth: '1280px',
+      height: '40vh',
+      border: '1px solid #EEE',
+      marginTop: '16px'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      defaultQuery: betaQuery,
+      endpoint: "https://beta.abtnetwork.io/api/",
+      title: "Beta Chain",
+      enableHistory: true,
+      enableQueryComposer: true,
+      enableCodeExporter: true
+    })
+  });
+}

package/lib/demo/with-code-exporter.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = WithCodeExporter;
+
+var _ = _interopRequireDefault(require(".."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const betaQuery = "{\n  getChainInfo {\n    code\n    info {\n      network\n      moniker\n    }\n  }\n}";
+
+function WithCodeExporter() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      minWidth: '1280px',
+      height: '40vh',
+      border: '1px solid #EEE',
+      marginTop: '16px'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      defaultQuery: betaQuery,
+      endpoint: "https://beta.abtnetwork.io/api/",
+      title: "Beta Chain",
+      enableQueryComposer: false,
+      enableCodeExporter: true
+    })
+  });
+}

package/lib/demo/with-history.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = WithHistory;
+
+var _ = _interopRequireDefault(require(".."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const betaQuery = "{\n  getChainInfo {\n    code\n    info {\n      network\n      moniker\n    }\n  }\n}";
+
+function WithHistory() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: '1280px',
+      height: '40vh',
+      border: '1px solid #EEE'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      defaultQuery: betaQuery,
+      endpoint: "https://beta.abtnetwork.io/api/",
+      title: "Beta Chain",
+      enableQueryComposer: false,
+      enableHistory: true
+    })
+  });
+}

package/lib/demo/with-query-composer.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = WithQueryComposer;
+
+var _ = _interopRequireDefault(require(".."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const betaQuery = "{\n  getChainInfo {\n    code\n    info {\n      network\n      moniker\n    }\n  }\n}";
+
+function WithQueryComposer() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      minWidth: '1280px',
+      height: '40vh',
+      border: '1px solid #EEE'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      defaultQuery: betaQuery,
+      endpoint: "https://beta.abtnetwork.io/api/",
+      title: "Beta Chain",
+      enableQueryComposer: true
+    })
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/graphql-playground",
-  "version": "2.1.59",
+  "version": "2.1.62",
   "description": "A React Component to interact with GraphQL APIs",
   "keywords": [
     "react",
@@ -20,7 +20,7 @@
     "url": "git+https://github.com/ArcBlock/ux.git"
   },
   "scripts": {
-    "lint": "eslint src stories tests",
+    "lint": "eslint src tests",
     "build": "babel src --out-dir lib --copy-files",
     "watch": "babel src --out-dir lib -w --copy-files",
     "precommit": "CI=1 yarn test",
@@ -33,7 +33,7 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/ux": "^2.1.59",
+    "@arcblock/ux": "^2.1.62",
     "axios": "^0.21.2",
     "core-js": "^3.6.4",
     "graphiql": "^1.9.11",
@@ -59,5 +59,5 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "jest": "^24.1.0"
   },
-  "gitHead": "2fc713485b66f63c3b2ea296496dff19abb8969f"
+  "gitHead": "002cec5cff2f6f9505efabe358becd588acb2b19"
 }

package/src/GraphqlPlayground.stories.js

@@ -0,0 +1,16 @@
+export { default as Basic } from './demo/basic';
+export { default as WithHistory } from './demo/with-history';
+export { default as WithQueryComposer } from './demo/with-query-composer';
+export { default as WithCodeExporter } from './demo/with-code-exporter';
+export { default as KitchenSink } from './demo/kitchen-sink';
+
+export default {
+  title: 'UX/GraphQLPlayground',
+  parameters: {
+    docs: {
+      description: {
+        component: 'A GraphQL Playground component built on top of `graphql/graphiql`',
+      },
+    },
+  },
+};

package/src/demo/basic.js

@@ -0,0 +1,26 @@
+import GraphQLPlayground from '..';
+
+const betaQuery = `{
+  getChainInfo {
+    code
+    info {
+      network
+      moniker
+    }
+  }
+}`;
+
+export default function Basic() {
+  return (
+    <div style={{ minWidth: '1280px', height: '40vh', border: '1px solid #EEE' }}>
+      <GraphQLPlayground
+        defaultQuery={betaQuery}
+        endpoint="https://beta.abtnetwork.io/api/"
+        title="Beta Chain"
+        enableQueryComposer={false}
+        enableCodeExporter={false}
+        enableHistory={false}
+      />
+    </div>
+  );
+}

package/src/demo/kitchen-sink.js

@@ -0,0 +1,26 @@
+import GraphQLPlayground from '..';
+
+const betaQuery = `{
+  getChainInfo {
+    code
+    info {
+      network
+      moniker
+    }
+  }
+}`;
+
+export default function KitchenSink() {
+  return (
+    <div style={{ minWidth: '1280px', height: '40vh', border: '1px solid #EEE', marginTop: '16px' }}>
+      <GraphQLPlayground
+        defaultQuery={betaQuery}
+        endpoint="https://beta.abtnetwork.io/api/"
+        title="Beta Chain"
+        enableHistory
+        enableQueryComposer
+        enableCodeExporter
+      />
+    </div>
+  );
+}

package/src/demo/with-code-exporter.js

@@ -0,0 +1,25 @@
+import GraphQLPlayground from '..';
+
+const betaQuery = `{
+  getChainInfo {
+    code
+    info {
+      network
+      moniker
+    }
+  }
+}`;
+
+export default function WithCodeExporter() {
+  return (
+    <div style={{ minWidth: '1280px', height: '40vh', border: '1px solid #EEE', marginTop: '16px' }}>
+      <GraphQLPlayground
+        defaultQuery={betaQuery}
+        endpoint="https://beta.abtnetwork.io/api/"
+        title="Beta Chain"
+        enableQueryComposer={false}
+        enableCodeExporter
+      />
+    </div>
+  );
+}

package/src/demo/with-history.js

@@ -0,0 +1,25 @@
+import GraphQLPlayground from '..';
+
+const betaQuery = `{
+  getChainInfo {
+    code
+    info {
+      network
+      moniker
+    }
+  }
+}`;
+
+export default function WithHistory() {
+  return (
+    <div style={{ width: '1280px', height: '40vh', border: '1px solid #EEE' }}>
+      <GraphQLPlayground
+        defaultQuery={betaQuery}
+        endpoint="https://beta.abtnetwork.io/api/"
+        title="Beta Chain"
+        enableQueryComposer={false}
+        enableHistory
+      />
+    </div>
+  );
+}

package/src/demo/with-query-composer.js

@@ -0,0 +1,24 @@
+import GraphQLPlayground from '..';
+
+const betaQuery = `{
+  getChainInfo {
+    code
+    info {
+      network
+      moniker
+    }
+  }
+}`;
+
+export default function WithQueryComposer() {
+  return (
+    <div style={{ minWidth: '1280px', height: '40vh', border: '1px solid #EEE' }}>
+      <GraphQLPlayground
+        defaultQuery={betaQuery}
+        endpoint="https://beta.abtnetwork.io/api/"
+        title="Beta Chain"
+        enableQueryComposer
+      />
+    </div>
+  );
+}