[7.x] [Console] Toward a more reactive data flow model (#45627)

src/legacy/core_plugins/console/np_ready/public/application/components/console_menu.tsx

@@ -26,7 +26,7 @@ import { FormattedMessage } from '@kbn/i18n/react';
 interface Props {
   getCurl: (cb: (text: string) => void) => void;
   getDocumentation: () => Promise<string | null>;
-  autoIndent: (ev: React.MouseEvent) => void;
+  autoIndent: (ev?: React.MouseEvent) => void;
 }
 
 interface State {

src/legacy/core_plugins/console/np_ready/public/application/components/settings_modal.tsx

@@ -41,7 +41,7 @@ import { DevToolsSettings } from '../../services';
 export type AutocompleteOptions = 'fields' | 'indices' | 'templates';
 
 interface Props {
-  onSaveSettings: (newSettings: DevToolsSettings) => Promise<void>;
+  onSaveSettings: (newSettings: DevToolsSettings) => void;
   onClose: () => void;
   refreshAutocompleteSettings: (selectedSettings: any) => void;
   settings: DevToolsSettings;

src/legacy/core_plugins/console/np_ready/public/application/containers/editor/context/editor_context.tsx

@@ -0,0 +1,68 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React, { createContext, Dispatch, useContext, useReducer } from 'react';
+import { Action, reducer } from './reducer';
+import { DevToolsSettings } from '../../../../services';
+
+export interface ContextValue {
+  editorsReady: boolean;
+  settings: DevToolsSettings;
+}
+
+const EditorReadContext = createContext<ContextValue>(null as any);
+const EditorActionContext = createContext<Dispatch<Action>>(null as any);
+
+export interface EditorContextArgs {
+  children: any;
+  settings: DevToolsSettings;
+}
+
+const initialValue: ContextValue = {
+  editorsReady: false,
+  settings: null as any,
+};
+
+export function EditorContextProvider({ children, settings }: EditorContextArgs) {
+  const [state, dispatch] = useReducer(reducer, initialValue, value => ({
+    ...value,
+    settings,
+  }));
+  return (
+    <EditorReadContext.Provider value={state}>
+      <EditorActionContext.Provider value={dispatch}>{children}</EditorActionContext.Provider>
+    </EditorReadContext.Provider>
+  );
+}
+
+export const useEditorActionContext = () => {
+  const context = useContext(EditorActionContext);
+  if (context === undefined) {
+    throw new Error('useEditorActionContext must be used inside EditorActionContext');
+  }
+  return context;
+};
+
+export const useEditorReadContext = () => {
+  const context = useContext(EditorReadContext);
+  if (context === undefined) {
+    throw new Error('useEditorReadContext must be used inside EditorContextProvider');
+  }
+  return context;
+};

src/legacy/core_plugins/console/np_ready/public/application/containers/editor/context/editor_registry.ts

@@ -0,0 +1,42 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+export class EditorRegistry {
+  inputEditor: any;
+  outputEditor: any;
+
+  setInputEditor(inputEditor: any) {
+    this.inputEditor = inputEditor;
+  }
+
+  setOutputEditor(outputEditor: any) {
+    this.outputEditor = outputEditor;
+  }
+
+  getInputEditor() {
+    return this.inputEditor;
+  }
+
+  getOutputEditor() {
+    return this.outputEditor;
+  }
+}
+
+// Create a single instance of this and use as private state.
+export const instance = new EditorRegistry();

src/legacy/core_plugins/console/np_ready/public/application/containers/editor/context/index.ts

@@ -0,0 +1,24 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+export {
+  EditorContextProvider,
+  useEditorReadContext,
+  useEditorActionContext,
+} from './editor_context';

src/legacy/core_plugins/console/np_ready/public/application/containers/editor/context/reducer.ts

@@ -0,0 +1,77 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { Reducer } from 'react';
+
+import { instance as registry } from './editor_registry';
+import { ContextValue } from './editor_context';
+
+import { restoreRequestFromHistory } from '../legacy/console_history/restore_request_from_history';
+import {
+  sendCurrentRequestToES,
+  EsRequestArgs,
+} from '../legacy/console_editor/send_current_request_to_es';
+import { DevToolsSettings } from '../../../../services';
+
+export type Action =
+  | { type: 'setInputEditor'; value: any }
+  | { type: 'setOutputEditor'; value: any }
+  | { type: 'restoreRequest'; value: any }
+  | { type: 'updateSettings'; value: DevToolsSettings }
+  | { type: 'sendRequestToEs'; value: EsRequestArgs }
+  | { type: 'updateRequestHistory'; value: any };
+
+export const reducer: Reducer<ContextValue, Action> = (state, action) => {
+  const nextState = { ...state };
+
+  if (action.type === 'setInputEditor') {
+    registry.setInputEditor(action.value);
+    if (registry.getOutputEditor()) {
+      nextState.editorsReady = true;
+    }
+  }
+
+  if (action.type === 'setOutputEditor') {
+    registry.setOutputEditor(action.value);
+    if (registry.getInputEditor()) {
+      nextState.editorsReady = true;
+    }
+  }
+
+  if (action.type === 'restoreRequest') {
+    restoreRequestFromHistory(registry.getInputEditor(), action.value);
+  }
+
+  if (action.type === 'updateSettings') {
+    nextState.settings = action.value;
+  }
+
+  if (action.type === 'sendRequestToEs') {
+    const { callback, isPolling, isUsingTripleQuotes } = action.value;
+    sendCurrentRequestToES({
+      input: registry.getInputEditor(),
+      output: registry.getOutputEditor(),
+      callback,
+      isUsingTripleQuotes,
+      isPolling,
+    });
+  }
+
+  return nextState;
+};

src/legacy/core_plugins/console/np_ready/public/application/containers/editor/index.ts

@@ -18,3 +18,4 @@
  */
 
 export { Editor, EditorOutput, ConsoleHistory, autoIndent, getDocumentation } from './legacy';
+export { useEditorActionContext, useEditorReadContext, EditorContextProvider } from './context';

src/legacy/core_plugins/console/np_ready/public/application/containers/editor/legacy/console_editor/apply_editor_settings.ts

@@ -0,0 +1,25 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { DevToolsSettings } from '../../../../../services';
+
+export function applyCurrentSettings(editor: any, settings: DevToolsSettings) {
+  editor.getSession().setUseWrapMode(settings.wrapMode);
+  editor.$el.css('font-size', settings.fontSize + 'px');
+}