@arcblock/ux 1.1.27 → 1.6.59

package/lib/GraphQLPlayground/index.js

@@ -1,299 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = GraphQLPlayground;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _querystring = _interopRequireDefault(require("querystring"));
-
-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 _reactRouterDom = require("react-router-dom");
-
-require("./graphiql.css");
-
-require("graphiql-code-exporter/CodeExporter.css");
-
-require("codemirror/theme/neo.css");
-
-var _Util = require("../Util");
-
-var _util = require("./util");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 GraphQLPlayground(props) {
-  const newProps = (0, _Util.mergeProps)(props, GraphQLPlayground, ['style', 'persistentQuery', 'enableQueryComposer', 'enableCodeExporter', 'enableHistory']);
-  const history = (0, _reactRouterDom.useHistory)();
-  const graphiql = (0, _react.useRef)(null);
-  const subscriptionClient = (0, _react.useRef)(null);
-  const [schema, setSchema] = (0, _react.useState)(null);
-  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,
-      search
-    } = history.location;
-    const params = (0, _Util.parseQuery)(search);
-    params.query = newQuery;
-    const newUrl = "".concat(pathname, "?").concat(_querystring.default.stringify(params));
-    history.replace(newUrl);
-  };
-
-  (0, _react.useEffect)(() => {
-    if (newProps.persistentQuery) {
-      const params = (0, _Util.parseQuery)(window.location.search);
-
-      if (params.query) {
-        setQuery(params.query);
-      } else {
-        persistQuery(query);
-      }
-    }
-  }, []);
-
-  const onInspect = (cm, mousePos) => {
-    const parsedQuery = (0, _graphql.parse)(query || '');
-
-    if (!parsedQuery) {
-      // eslint-disable-next-line quotes
-      console.error("Couldn't parse query document");
-      return;
-    }
-
-    const token = cm.getTokenAt(mousePos);
-    const start = {
-      line: mousePos.line,
-      ch: token.start
-    };
-    const end = {
-      line: mousePos.line,
-      ch: token.end
-    };
-    const relevantMousePos = {
-      start: cm.indexFromPos(start),
-      end: cm.indexFromPos(end)
-    };
-    const position = relevantMousePos;
-    const def = parsedQuery.definitions.find(definition => {
-      if (!definition.loc) {
-        // eslint-disable-next-line no-console
-        console.log('Missing location information for definition');
-        return false;
-      } // eslint-disable-next-line no-shadow
-
-
-      const {
-        start,
-        end
-      } = definition.loc;
-      return start <= position.start && end >= position.end;
-    });
-
-    if (!def) {
-      console.error('Unable to find definition corresponding to mouse position');
-      return;
-    }
-
-    const operationKind = def.kind === 'OperationDefinition' ? def.operation : def.kind === 'FragmentDefinition' ? 'fragment' : 'unknown';
-    const operationName = def.kind === 'OperationDefinition' && !!def.name ? def.name.value : def.kind === 'FragmentDefinition' && !!def.name ? def.name.value : 'unknown';
-    const selector = ".graphiql-explorer-root #".concat(operationKind, "-").concat(operationName);
-    const element = document.querySelector(selector);
-
-    if (element) {
-      element.scrollIntoView();
-    }
-  };
-
-  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)({
-      method: 'post',
-      url: newProps.endpoint,
-      data: params,
-      headers: Object.assign({
-        'Content-Type': 'application/json'
-      }, extraHeaders)
-    });
-    return res.data;
-  };
-
-  const fetcher = params => {
-    if (params.query.indexOf('subscription') >= 0) {
-      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)()
-    }).then(result => {
-      if (!graphiql.current) {
-        return;
-      }
-
-      const editor = graphiql.current.getQueryEditor();
-      editor.setOption('extraKeys', _objectSpread({}, editor.options.extraKeys || {}, {
-        'Shift-Alt-LeftClick': onInspect
-      }));
-      setSchema((0, _graphql.buildClientSchema)(result.data));
-    });
-  }, [graphiql.current]);
-
-  const {
-    endpoint,
-    title,
-    enableCodeExporter,
-    enableQueryComposer,
-    enableHistory,
-    extraCodeSnippets
-  } = newProps,
-        rest = _objectWithoutProperties(newProps, ["endpoint", "title", "enableCodeExporter", "enableQueryComposer", "enableHistory", "extraCodeSnippets"]);
-
-  const snippets = [...extraCodeSnippets, ..._snippets.default];
-  return _react.default.createElement(Container, rest, _react.default.createElement(_reactLoadScript.default, {
-    url: "//cdn.jsdelivr.net/npm/@absinthe/socket-graphiql@0.2.1/compat/umd/index.js"
-  }), enableQueryComposer && _react.default.createElement(_graphiqlExplorer.default, {
-    schema: schema,
-    query: query,
-    onEdit: onEditQuery,
-    onRunOperation: operationName => graphiql.current.handleRunQuery(operationName),
-    explorerIsOpen: queryComposerIsOpen,
-    onToggleExplorer: onToggleExplorer,
-    className: "graphiql-explorer"
-  }), _react.default.createElement(_graphiql.default, {
-    ref: graphiql,
-    fetcher: fetcher,
-    schema: schema,
-    query: query,
-    onEditQuery: onEditQuery
-  }, _react.default.createElement(_graphiql.default.Logo, null, title), _react.default.createElement(_graphiql.default.Toolbar, null, _react.default.createElement(_graphiql.default.Button, {
-    onClick: () => graphiql.current.handlePrettifyQuery(),
-    label: "Prettify",
-    title: "Prettify Query (Shift-Ctrl-P)"
-  }), enableHistory && _react.default.createElement(_graphiql.default.Button, {
-    onClick: () => graphiql.current.handleToggleHistory(),
-    label: "History",
-    title: "Show History"
-  }), enableQueryComposer && _react.default.createElement(_graphiql.default.Button, {
-    onClick: onToggleExplorer,
-    label: "Query Composer",
-    title: "Toggle Query Composer"
-  }), enableCodeExporter && _react.default.createElement(_graphiql.default.Button, {
-    onClick: onToggleCodeExporter,
-    label: "Code Exporter",
-    title: "Toggle Code Exporter"
-  }))), enableCodeExporter && codeExporterIsOpen && _react.default.createElement("div", {
-    className: "graphiql-container graphiql-exporter-container"
-  }, _react.default.createElement(_graphiqlCodeExporter.default, {
-    hideCodeExporter: onToggleCodeExporter,
-    snippets: snippets,
-    serverUrl: endpoint,
-    query: query,
-    codeMirrorTheme: "neo"
-  })));
-}
-
-GraphQLPlayground.propTypes = {
-  endpoint: _propTypes.default.string.isRequired,
-  defaultQuery: _propTypes.default.string,
-  title: _propTypes.default.string,
-  persistentQuery: _propTypes.default.bool,
-  enableQueryComposer: _propTypes.default.bool,
-  enableCodeExporter: _propTypes.default.bool,
-  enableHistory: _propTypes.default.bool,
-  extraCodeSnippets: _propTypes.default.array,
-  extraHeaders: _propTypes.default.any
-};
-GraphQLPlayground.defaultProps = {
-  title: 'Query',
-  defaultQuery: '{}',
-  persistentQuery: false,
-  enableQueryComposer: true,
-  enableCodeExporter: false,
-  enableHistory: false,
-  extraCodeSnippets: [],
-  extraHeaders: {}
-};
-
-const Container = _styledComponents.default.div.withConfig({
-  displayName: "GraphQLPlayground__Container",
-  componentId: "fwx99a-0"
-})(["display:flex;flex-direction:row;flex:1;overflow:hidden;height:100%;position:relative;@media (max-width:", "px){margin-top:30px;}> .historyPaneWrap{z-index:8 !important;width:320px !important;box-shadow:5px 16px 10px 0 rgba(0,0,0,", ");overflow-y:scroll;}.doc-explorer-title-bar,.history-title-bar{height:45px;line-height:45px;padding:0px 8px;display:flex;align-items:center;justify-content:space-between;}.doc-explorer-title-bar{padding:0px 32px;}.doc-explorer-title,.history-title{font-size:14px;font-weight:900;letter-spacing:2px;color:", ";text-transform:uppercase;text-align:left !important;}.doc-explorer-contents,.history-contents{top:45px !important;background-color:", " !important;border-top:1px solid #e3e3e3 !important;}.history-contents{color:", ";p{border-bottom:1px solid #e3e3e3;}}.docExplorerHide{color:", ";padding:0;cursor:pointer;margin:-7px -8px -6px -12px;opacity:0.75;font-size:18px;}.toolbar-button{cursor:pointer;}.graphiql-container{.title{color:", ";}.topBar{background-image:none;height:45px;border-bottom-width:0;}.docExplorerShow{background:", ";border:none;font-size:14px;color:", ";text-transform:uppercase;&::before{border-color:", ";}}.docExplorerWrap{position:absolute !important;height:100%;top:0;right:0;background-color:", ";box-shadow:-5px 16px 10px 0 rgba(0,0,0,", ");z-index:3;}.historyPaneWrap{width:320px !important;background-color:", ";box-shadow:5px 16px 10px 0 rgba(0,0,0,", ");}.docExplorerWrap{.doc-explorer{background-color:", ";}.doc-explorer-contents{padding:32px;}}.search-box{margin-bottom:20px;border-bottom:none;input{height:30px;border-radius:15px;border:solid 1px ", ";padding:6px 24px 8px 30px;}.search-box-clear{right:10px;}&::before{left:10px;}}.variable-editor-title{background:", ";border:none;height:40px;padding-left:20px;&::before{border-left:2px solid ", ";border-top:2px solid ", ";content:'';display:inline-block;height:9px;margin:0 5px 1px 0;position:relative;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);width:9px;}}.resultWrap{border-left:none;.CodeMirror-gutters{opacity:0.5;}.CodeMirror-gutter.CodeMirror-foldgutter{box-shadow:5px 16px 10px 0 rgba(0,0,0,", ");}}.CodeMirror,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-foldgutter{background:", ";}.variable-editor{.CodeMirror{background:white;}}.CodeMirror-gutters{border-right-width:0;}}.graphiql-exporter-container{width:auto;.historyPaneWrap{position:absolute !important;height:100%;top:0;right:0;background-color:", ";box-shadow:-5px 16px 10px 0 rgba(0,0,0,", ");z-index:3;.history-contents{padding-top:12px;.toolbar-button{margin-top:-24px !important;}}}}"], props => props.theme.breakpoints.values.md, props => props.theme.mode === 'light' ? 0.05 : 0.5, props => props.theme.typography.color.gray, props => props.theme.palette.background.default, props => props.theme.typography.color.main, props => props.theme.typography.color.main, props => props.theme.typography.color.main, props => props.theme.palette.background.default, props => props.theme.typography.color.main, props => props.theme.typography.color.gray, props => props.theme.palette.background.default, props => props.theme.mode === 'light' ? 0.05 : 0.5, props => props.theme.palette.background.default, props => props.theme.mode === 'light' ? 0.05 : 0.5, props => props.theme.palette.background.default, props => props.theme.typography.color.main, props => props.theme.palette.background.default, props => props.theme.typography.color.gray, props => props.theme.typography.color.gray, props => props.theme.mode === 'light' ? 0.05 : 0.5, props => props.theme.palette.background.default, props => props.theme.palette.background.default, props => props.theme.mode === 'light' ? 0.05 : 0.5);

package/lib/GraphQLPlayground/util.js

@@ -1,55 +0,0 @@
-"use strict";
-
-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') {
-        return true;
-      }
-    }
-  }
-
-  return false;
-}; // 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) {
-          observer.next('Your subscription data will appear here after server publication!');
-          activeSubscriptionId = subscriptionsClient.subscribe({
-            query: params.query,
-            variables: params.variables
-          }, (error, result) => {
-            if (error) {
-              observer.error(error);
-            } else {
-              observer.next(result);
-            }
-          });
-        }
-
-      };
-    }
-
-    return fallbackFetcher(params);
-  };
-};
-
-exports.graphQLFetcher = graphQLFetcher;