Skip to content

Latest commit

 

History

History
 
 

@fluid-example/monaco

An experimental implementation of how to take the Microsoft's open source Monaco code editor and enable real-time coauthoring using the Fluid Framework.

Getting Started

You can run this example using the following steps:

  1. Enable corepack by running corepack enable.
  2. Run pnpm install and pnpm run build:fast --nolint from the FluidFramework 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
  3. Run pnpm start from this directory and open http://localhost:8080 in a web browser to see the app running.

Data model

Monaco uses the following distributed data structures:

  • SharedDirectory - root
  • SharedString - storing Monaco text