Using Monaco editor - monaco branch now in fork (PR#2971)

Developing Nodes
87

Hi all, I have updated my fork to latest monaco editor V0.21.2 (released 2 days ago)

I have pulled latest node-red from github and merged that into this repo.

I had to make some extensive changes to how it integrates due to issues with the AMD loader it uses.

I ended up compiling the ESM code using parcel and adding it manually to avoid the dreaded Uncaught Error: Can only have one anonymous define call per script file

I will try to get a PR raised soon.

In the mean time, I would appreciate it if anyone wants to evaluate - would give me confidence to raise PR...

git clone https://github.com/Steve-Mcl/node-red.git
cd node-red
git checkout monaco
npm install
npm run build
npm start

then edit your settings.js - add this ...

image
image941×264 7.67 KB

editor: {
        lib: "MONACO", //can be "MONACO" or "ACE"
        options: {
            /* theme - must match the file name of a theme in 
             * packages/node_modules/@node-red/editor-client/src/vendor/monaco/dist/theme
             * e.g. "tomorrow-night", "upstream-sunburst", "github", "my-own-lushtastic-theme"
             */
            theme: "birds-of-paradise",
            minimap: {
                enabled: true,
                maxColumn: 30,
                scale: 1,
                showSlider : "mouseover",
                renderCharacters: true
            },
            fontSize: 11
        }
    }