monaco-pyright-lsp

Pyright Language Server for Monaco Editor on Browser

Make a Pyright language server running on browser and provide language features to Monaco Editor.

Try it on browser: https://sardinefish.github.io/monaco-pyright-lsp/

How it works

We Bundle a pyright into a Web Worker using webpack with a lot of polyfills to make it running on browser. The pyright server worker is built with pyright source code version 1.1.386 to access its internal modules.

The filesystem that pyright required are provided by ZenFS

Thanks Pyright Playground as a example to implement language provider with pyright for monaco-editor

Build

npm install

npm run build

Usage

See /examples/webpack/src/index.ts for example.

import * as monaco from "monaco-editor";
import { MonacoPyrightProvider } from "monaco-pyright-lsp";
import largeUserModStubPack from "../../typings/packed_user_mod.zip";


const userTypeStub =
    `
def user_func(a: int, b: str) -> float: ...
`;

const exampleCode =
    `from user_mod import user_func

print("Hello World!")

def add(a: int, b: float) -> float:
    return a + b

x = add(1, 2)
`;


async function init()
{
    const pyrightProvider = new MonacoPyrightProvider(undefined, {
        typeStubs: {
            "user_mod": {
                "__init__.pyi": userTypeStub
            },
            "packed_user_mod": largeUserModStubPack,
        },
    });

    await pyrightProvider.init(monaco,);


    const editorInstance = monaco.editor.create(document.querySelector("#editor") as HTMLElement, {
        value: exampleCode,
        language: "python",
    });


    await pyrightProvider.setupDiagnostics(editorInstance);
}
init();