Function useQueryEditor

packages/graphiql-react/src/editor/query-editor.ts:120–454

(
  {
    editorTheme = DEFAULT_EDITOR_THEME,
    keyMap = DEFAULT_KEY_MAP,
    onClickReference,
    onCopyQuery,
    onEdit,
    onPrettifyQuery,
    readOnly = false,
  }: UseQueryEditorArgs = {},
  caller?: Function,
)

}

export function useQueryEditor(
  {
    editorTheme = DEFAULT_EDITOR_THEME,
    keyMap = DEFAULT_KEY_MAP,
    onClickReference,
    onCopyQuery,
    onEdit,
    onPrettifyQuery,
    readOnly = false,
  }: UseQueryEditorArgs = {},
  caller?: Function,
) {
  const { schema, setSchemaReference } = useSchemaContext({
    nonNull: true,
    caller: caller || _useQueryEditor,
  });
  const {
    externalFragments,
    initialQuery,
    queryEditor,
    setOperationName,
    setQueryEditor,
    validationRules,
    variableEditor,
    updateActiveTabValues,
  } = useEditorContext({
    nonNull: true,
    caller: caller || _useQueryEditor,
  });
  const executionContext = useExecutionContext();
  const storage = useStorageContext();
  const plugin = usePluginContext();
  const copy = useCopyQuery({ caller: caller || _useQueryEditor, onCopyQuery });
  const merge = useMergeQuery({ caller: caller || _useQueryEditor });
  const prettify = usePrettifyEditors({
    caller: caller || _useQueryEditor,
    onPrettifyQuery,
  });
  const ref = useRef<HTMLDivElement>(null);
  const codeMirrorRef = useRef<CodeMirrorType>(undefined);

  const onClickReferenceRef = useRef<
    NonNullable<UseQueryEditorArgs['onClickReference']>
  >(() => {});

  useEffect(() => {
    onClickReferenceRef.current = reference => {
      const referencePlugin = plugin?.referencePlugin;
      if (!referencePlugin) {
        return;
      }
      plugin.setVisiblePlugin(referencePlugin);
      setSchemaReference(reference);
      onClickReference?.(reference);
    };
  }, [onClickReference, plugin, setSchemaReference]);

  useEffect(() => {