Function usePrettifyEditors

packages/graphiql-react/src/editor/hooks.ts:242–296

({
  caller,
  onPrettifyQuery = DEFAULT_PRETTIFY_QUERY,
}: UsePrettifyEditorsArgs = {})

}

export function usePrettifyEditors({
  caller,
  onPrettifyQuery = DEFAULT_PRETTIFY_QUERY,
}: UsePrettifyEditorsArgs = {}) {
  const { queryEditor, headerEditor, variableEditor } = useEditorContext({
    nonNull: true,
    caller: caller || _usePrettifyEditors,
  });
  return async () => {
    if (variableEditor) {
      const variableEditorContent = variableEditor.getValue();
      try {
        const prettifiedVariableEditorContent = JSON.stringify(
          JSON.parse(variableEditorContent),
          null,
          2,
        );
        if (prettifiedVariableEditorContent !== variableEditorContent) {
          variableEditor.setValue(prettifiedVariableEditorContent);
        }
      } catch {
        /* Parsing JSON failed, skip prettification */
      }
    }

    if (headerEditor) {
      const headerEditorContent = headerEditor.getValue();

      try {
        const prettifiedHeaderEditorContent = JSON.stringify(
          JSON.parse(headerEditorContent),
          null,
          2,
        );
        if (prettifiedHeaderEditorContent !== headerEditorContent) {
          headerEditor.setValue(prettifiedHeaderEditorContent);
        }
      } catch {
        /* Parsing JSON failed, skip prettification */
      }
    }

    if (queryEditor) {
      const editorContent = queryEditor.getValue();
      try {
        const prettifiedEditorContent = await onPrettifyQuery(editorContent);
        if (prettifiedEditorContent !== editorContent) {
          queryEditor.setValue(prettifiedEditorContent);
        }
      } catch {
        /* Parsing query failed, skip prettification */
      }
    }
  };
}

export type UseAutoCompleteLeafsArgs = {
  /**