@arcblock/graphql-playground 2.5.58 → 2.5.60

package/lib/index.js

@@ -4,61 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = GraphQLPlayground;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Theme = require("@arcblock/ux/lib/Theme");
-
 var _axios = _interopRequireDefault(require("axios"));
-
 var _reactLoadScript = _interopRequireDefault(require("react-load-script"));
-
 var _graphiql = _interopRequireDefault(require("graphiql"));
-
 var _graphiqlExplorer = _interopRequireDefault(require("graphiql-explorer"));
-
 var _graphiqlCodeExporter = _interopRequireDefault(require("graphiql-code-exporter"));
-
 var _snippets = _interopRequireDefault(require("graphiql-code-exporter/lib/snippets"));
-
 var _graphql = require("graphql");
-
 var _react2 = require("@graphiql/react");
-
 var _reactRouterDom = require("react-router-dom");
-
 require("graphiql/graphiql.css");
-
 require("graphiql-code-exporter/CodeExporter.css");
-
 require("codemirror/theme/neo.css");
-
 var _Util = require("@arcblock/ux/lib/Util");
-
 var _util = require("./util");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["endpoint", "title", "enableCodeExporter", "enableQueryComposer", "enableHistory", "extraCodeSnippets"];
-
+/* eslint-disable indent */
+/* eslint-disable no-nested-ternary */
+/* eslint-disable no-undef */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function HistoryToggleButton() {
   const {
     toggle
@@ -69,7 +46,6 @@ function HistoryToggleButton() {
     title: "Show History"
   });
 }
-
 function PrettifyButton() {
   const prettify = (0, _react2.usePrettifyEditors)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_graphiql.default.Button, {
@@ -78,7 +54,6 @@ function PrettifyButton() {
     title: "Prettify Query (Shift-Ctrl-P)"
   });
 }
-
 function GraphQLPlayground(props) {
   const newProps = (0, _Util.mergeProps)(props, GraphQLPlayground, ['style', 'persistentQuery', 'enableQueryComposer', 'enableCodeExporter', 'enableHistory']);
   const location = (0, _reactRouterDom.useLocation)();
@@ -89,7 +64,6 @@ function GraphQLPlayground(props) {
   const [query, setQuery] = (0, _react.useState)(newProps.defaultQuery || '{}');
   const [queryComposerIsOpen, setComposerOpen] = (0, _react.useState)(newProps.enableQueryComposer);
   const [codeExporterIsOpen, setExporterOpen] = (0, _react.useState)(false);
-
   const persistQuery = newQuery => {
     const {
       pathname,
@@ -100,55 +74,44 @@ function GraphQLPlayground(props) {
     const newUrl = "".concat(pathname, "?").concat((0, _Util.stringifyQuery)(params));
     navigate(newUrl);
   };
-
   (0, _react.useEffect)(() => {
     if (newProps.persistentQuery) {
       const params = (0, _Util.parseQuery)(window.location.search);
-
       if (params.query) {
         setQuery(params.query);
       } else {
         persistQuery(query);
       }
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
   const onEditQuery = newQuery => {
     if (newQuery !== query && newProps.persistentQuery) {
       persistQuery(newQuery);
     }
-
     setQuery(newQuery);
   };
-
   const onToggleExplorer = () => {
     setComposerOpen(!queryComposerIsOpen);
   };
-
   const onToggleCodeExporter = () => setExporterOpen(!codeExporterIsOpen);
-
   const ensureSubscriptionClient = () => {
     if (subscriptionClient.current) {
       subscriptionClient.current.close();
       subscriptionClient.current = null;
     }
-
     const {
       endpoint
     } = newProps;
     let socketUrl = endpoint.replace(/https?:\/\//, 'ws://');
-
     if (endpoint.indexOf('https://') === 0) {
       socketUrl = socketUrl.replace('ws://', 'wss://');
     }
-
     subscriptionClient.current = new AbsintheSocketGraphiql.SubscriptionsClient(localStorage.getItem('websocket') || "".concat(socketUrl, "/socket"), {
       reconnect: true,
       connectionParams: {}
     });
   };
-
   const httpFetcher = async params => {
     const extraHeaders = typeof newProps.extraHeaders === 'function' ? newProps.extraHeaders() : newProps.extraHeaders || {};
     const res = await (0, _axios.default)({
@@ -161,19 +124,17 @@ function GraphQLPlayground(props) {
     });
     return res.data;
   };
-
   const fetcher = params => {
     if (params.query.indexOf('subscription') >= 0) {
-      ensureSubscriptionClient(); // disable subscription in test env
+      ensureSubscriptionClient();
 
+      // disable subscription in test env
       if (process.env.NODE_ENV !== 'test') {
         return (0, _util.graphQLFetcher)(subscriptionClient.current, httpFetcher)(params);
       }
     }
-
     return httpFetcher(params);
   };
-
   (0, _react.useEffect)(() => {
     httpFetcher({
       query: (0, _graphql.getIntrospectionQuery)()
@@ -181,21 +142,19 @@ function GraphQLPlayground(props) {
       if (!graphiql.current) {
         return;
       }
-
       setSchema((0, _graphql.buildClientSchema)(result.data));
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [graphiql.current]);
-
   const {
-    endpoint,
-    title,
-    enableCodeExporter,
-    enableQueryComposer,
-    enableHistory,
-    extraCodeSnippets
-  } = newProps,
-        rest = _objectWithoutProperties(newProps, _excluded);
-
+      endpoint,
+      title,
+      enableCodeExporter,
+      enableQueryComposer,
+      enableHistory,
+      extraCodeSnippets
+    } = newProps,
+    rest = _objectWithoutProperties(newProps, _excluded);
   const snippets = [...extraCodeSnippets, ..._snippets.default];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLoadScript.default, {
@@ -239,7 +198,6 @@ function GraphQLPlayground(props) {
     })]
   }));
 }
-
 GraphQLPlayground.propTypes = {
   endpoint: _propTypes.default.string.isRequired,
   defaultQuery: _propTypes.default.string,

package/lib/util.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.graphQLFetcher = void 0;
-
 var _graphql = require("graphql");
-
 const hasSubscriptionOperation = graphQlParams => {
   const queryDoc = (0, _graphql.parse)(graphQlParams.query);
-
   for (const definition of queryDoc.definitions) {
     if (definition.kind === 'OperationDefinition') {
       if (definition.operation === 'subscription') {
@@ -17,18 +14,16 @@ const hasSubscriptionOperation = graphQlParams => {
       }
     }
   }
-
   return false;
-}; // eslint-disable-next-line import/prefer-default-export
-
+};
 
+// eslint-disable-next-line import/prefer-default-export
 const graphQLFetcher = (subscriptionsClient, fallbackFetcher) => {
   let activeSubscriptionId = null;
   return params => {
     if (subscriptionsClient && activeSubscriptionId !== null) {
       subscriptionsClient.unsubscribe(activeSubscriptionId);
     }
-
     if (subscriptionsClient && hasSubscriptionOperation(params)) {
       return {
         subscribe(observer) {
@@ -44,12 +39,9 @@ const graphQLFetcher = (subscriptionsClient, fallbackFetcher) => {
             }
           });
         }
-
       };
     }
-
     return fallbackFetcher(params);
   };
 };
-
 exports.graphQLFetcher = graphQLFetcher;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/graphql-playground",
-  "version": "2.5.58",
+  "version": "2.5.60",
   "description": "A React Component to interact with GraphQL APIs",
   "keywords": [
     "react",
@@ -30,7 +30,7 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/ux": "^2.5.58",
+    "@arcblock/ux": "^2.5.60",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "axios": "^0.27.2",
@@ -56,5 +56,5 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^28.1.3"
   },
-  "gitHead": "ac16776460613a0e3a004ebb66fba2b98f3e0d86"
+  "gitHead": "50a0f90ecfb1d239e04cdfebc16e30d3947db4a2"
 }