(chore) Example: Update Collaborative Editor Example

Update Firebase Tools, Lint Staged and Prettier.

Signed-off-by: Progyan Bhattacharya <[email protected]>

Author: 0xTheProDev

examples/collaborative-editors/README.md

@@ -8,15 +8,15 @@ This example can help you get familiar with the API usage of `@otjs/firebase-ace
 
 ## Prerequisites
 
-If you followed the [installation](https://github.com/0xTheProDev/Operational-Transformation#installation) steps successfully, you would have `lerna` and `yarn` installed globally.
+If you followed the [installation](https://github.com/0xTheProDev/Operational-Transformation#installation) steps successfully, you would have `lerna` and `pnpm` installed globally.
 
-Before running this example, it's necessary to build all the packages using `yarn build` in the root (Operational-Transformation) directory.
+Before running this example, it's necessary to build all the packages using `pnpm build` in the root (Operational-Transformation) directory.
 
 Also, the **_firebase.json_** in this directory has `database` entry where `rules` point to `".firebase/database.rules.json"` file which is not included with this repository. The user can add their own file with custom rules.
 
 For development purpose, the following can be the content of this file :-
 
-```
+```json
 {
   "rules": {
     ".read": true,
@@ -29,7 +29,7 @@ For development purpose, the following can be the content of this file :-
 
 The example doesn't need the user to be authenticated with **firebase** since it runs local **firebase-emulator** for development purposes.
 
-- Run `yarn start` from the root of this directory to fire up both the emulator and the collaborative-editors UI (accessible at **localhost:8000**).
+- Run `pnpm start:editors` from the root of this directory to fire up both the emulator and the collaborative-editors UI (accessible at **localhost:8000**).
   ![Landing Page](../../.github/images/examples/collaborative-editors/LandingPage.png)
 
 - Click on the editor you want to test and you will be redirected to it.

examples/collaborative-editors/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "description": "Example usage of @otjs library as Real-time collaborative editor.",
-  "main": "index.js",
+  "main": "index.html",
   "scripts": {
     "start": "firebase emulators:exec \"yarn start:app\"",
     "start:app": "webpack serve --hot --progress"
@@ -24,8 +24,6 @@
     "monaco-editor-webpack-plugin": "7.0.1",
     "source-map-loader": "4.0.1",
     "style-loader": "3.3.1",
-    "webpack": "5.75.0",
-    "webpack-cli": "5.0.1",
-    "webpack-dev-server": "4.11.1"
+    "webpack-dev-server": "4.15.1"
   }
 }

package.json

@@ -6,6 +6,7 @@
     "postinstall": "husky install",
     "clean": "lerna run clean --no-private",
     "build": "lerna run build --no-private",
+    "start:editors": "pnpm run --filter '@otjs-examples/collaborative-editors' start",
     "precoverage": "./scripts/merge-coverage-reports.sh",
     "coverage": "nyc merge coverage-all coverage/coverage.json",
     "coverage:clean": "rimraf coverage-* coverage",
@@ -17,7 +18,7 @@
     "test:monaco": "pnpm run --filter '@otjs-tests/monaco' test:ci",
     "test:watch": "pnpm run test --watch",
     "lint": "pnpm run lint:prettier",
-    "lint:prettier": "prettier --write packages/**/*.ts",
+    "lint:prettier": "prettier --write packages/**/*.ts examples/**/*.ts",
     "release": "lerna version --no-private --exact"
   },
   "repository": {
@@ -37,15 +38,15 @@
     "@types/regenerator-runtime": "0.13.5",
     "babel-jest": "29.7.0",
     "canvas": "2.11.2",
-    "firebase-tools": "11.18.0",
+    "firebase-tools": "13.0.2",
     "husky": "8.0.3",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "lerna": "8.0.1",
-    "lint-staged": "13.1.0",
+    "lint-staged": "15.2.0",
     "nyc": "15.1.0",
-    "prettier": "2.8.1",
+    "prettier": "3.1.1",
     "regenerator-runtime": "0.14.1",
     "rimraf": "3.0.2",
     "ts-jest": "29.1.1",