collaborative-textarea

@fluid-example/collaborative-textarea

Collaborative TextArea is a basic example that creates a SharedString and uses the react CollaborativeTextArea component to launch a basic collaborative HTML <textarea>

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/collaborative-textarea
3. In a separate terminal, start a Tinylicious server by following the instructions in Tinylicious.
4. Run pnpm start from this directory and open http://localhost:8080 in a web browser to see the app running.

Testing

    npm run test:jest

For in browser testing update ./jest-puppeteer.config.js to:

  launch: {
    dumpio: true, // output browser console to cmd line
    slowMo: 500,
    headless: false,
  },

Data model

Collaborative TextArea uses the following distributed data structures:

• SharedDirectory - root
• SharedString - stores the text