Multiple editors sharing the same completion

[pplonski]

I would like to create Python Notebook with a monaco-editor used in the cells. I would like to have one completion for all cells in one Notebook. For example, if I declare the function in the first cell I would like to see that function as known in other cells. Right now, the auto-completion works inside the cell.

I've created an example repo with Electron+monaco+python-lsp-server https://github.com/pplonski/electron-monaco-python-lsp I had two monaco-editors there. In the second editor the func1() is underlined with message that func1 is undefined name. Is it possible to join the models for completion purposes? To see func1() as a known name?

The main code used to display two editors:

const Hello = () => {
  function createLanguageClient(connection: any) {
    return new MonacoLanguageClient({
      name: 'Monaco language client',
      clientOptions: {
        documentSelector: ['python'],
        errorHandler: {
          error: () => ErrorAction.Continue,
          closed: () => CloseAction.DoNotRestart,
        },
      },
      connectionProvider: {
        get: (errorHandler, closeHandler) => {
          return Promise.resolve(
            createConnection(connection, errorHandler, closeHandler)
          );
        },
      },
    });
  }

  useEffect(() => {

    monaco.languages.register({
      id: 'python',
      extensions: ['.py'],
      aliases: ['python'],
      mimetypes: ['application/text'],
    });

    monaco.editor.create(document.getElementById('container')!, {
      model: monaco.editor.createModel(
        ['import numpy', 'def func1():', '\tpass', '', 'func1()'].join('\n'),
        'python',
        monaco.Uri.parse('inmemory://model.py')
      ),
    });

    monaco.editor.create(document.getElementById('container2')!, {
      model: monaco.editor.createModel(
        'func1()',
        'python',
        monaco.Uri.parse('inmemory://model2.py')
      ),
    });

    // // install Monaco language client services
    MonacoServices.install(monaco as typeof monaco_core);

    // hardcoded socket URL
    const url = 'ws://localhost:8999/index.html/monacoServer';
    const webSocket = new WebSocket(url);

    // listen when the web socket is opened
    listen({
      webSocket,
      onConnection: (connection) => {
        // create and start the language client
        const languageClient = createLanguageClient(connection);
        const disposable = languageClient.start();
        connection.onClose(() => disposable.dispose());
      },
    });
  }, []);

  return (
    <div>
      <h1>
        electron-react-boilerplate + monaco-editor + monaco-languageclient +
        python-lsp-server
      </h1>

      <div style={{ border: 'solid 2px blue' }}>
        <div id="container" style={{ height: '300px' }} />
      </div>
      <div style={{ border: 'solid 2px green' }}>
        <div id="container2" style={{ height: '300px' }} />
      </div>
    </div>
  );
};

[FoSuCloud]

Is there a solution now? @pplonski

[pplonski]

I didnt find one ...

[FoSuCloud]

@hediet Could you please provide some advice?please!

[ejuet]

I would also like to know how to do this