An experimental implementation of how to take the Microsoft's open source Monaco code editor and enable real-time coauthoring using the Fluid Framework.
You can run this example using the following steps:
- Enable corepack by running
corepack enable
. - Run
pnpm install
andpnpm run build:fast --nolint
from theFluidFramework
root directory.- For an even faster build, you can add the package name to the build command, like this:
pnpm run build:fast --nolint @fluid-example/monaco
- For an even faster build, you can add the package name to the build command, like this:
- Run
pnpm start
from this directory and open http://localhost:8080 in a web browser to see the app running.
Monaco uses the following distributed data structures:
- SharedDirectory - root
- SharedString - storing Monaco text