Facing issue when trying to run examples/collaborative-editors

[lakbychance]

Hey @Progyan1997 ,
I setup my project using lerna and did lerna bootstrap as stated in project README. Post that, I went inside examples and ran the yarn start command which first gave me an error regarding .firebase/database.rules.json not existing. I created one with read and write set as true (referring from firebase docs) and post that the webpack command throws the following errors in logs :-

yarn run v1.22.15
$ firebase emulators:exec "yarn start:app"
⚠  emulators: You are not currently authenticated so some features may not work correctly. Please run firebase login to authenticate the CLI.
i  emulators: Starting emulators: database
i  database: Database Emulator logging to database-debug.log
i  Running script: yarn start:app
$ webpack serve --hot --progress
<i> [webpack-dev-server] SSL certificate: /Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors/node_modules/.cache/webpack-dev-server/server.pem
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: https://localhost:8000/
<i> [webpack-dev-server] On Your Network (IPv4): https://192.168.1.53:8000/
<i> [webpack-dev-server] On Your Network (IPv6): https://[fe80::1]:8000/
<i> [webpack-dev-server] Content not from webpack is served from '/Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors/public' directory
assets by info 4.04 MiB [immutable]
  assets by chunk 3.61 MiB (id hint: vendors) 30 assets
  48 assets
asset ts.worker.js 11.2 MiB [emitted]
asset monaco.js 9.39 MiB [emitted] (name: monaco)
asset css.worker.js 2.07 MiB [emitted]
asset html.worker.js 1.36 MiB [emitted]
asset json.worker.js 911 KiB [emitted]
asset ace.js 755 KiB [emitted] (name: ace)
asset editor.worker.js 480 KiB [emitted]
asset firebase-monaco.js 297 KiB [emitted] (name: firebase-monaco)
asset firebase-ace.js 287 KiB [emitted] (name: firebase-ace)
runtime modules 66.9 KiB 31 modules
orphan modules 15.9 KiB [orphan] 10 modules
modules by path ../../node_modules/monaco-editor/esm/vs/ 9.56 MiB (javascript) 64.5 KiB (asset) 941 modules
modules by path ../../node_modules/webpack-dev-server/client/ 50.8 KiB 12 modules
modules by path ./ 10.8 KiB 7 modules
modules by path ../../node_modules/style-loader/dist/runtime/*.js 5.02 KiB 6 modules
modules by path ../../node_modules/@firebase/ 659 KiB 5 modules
modules by path data:image/ 4.01 KiB 5 modules
modules by path ../../node_modules/webpack/hot/*.js 4.3 KiB 4 modules
modules by path ../../node_modules/html-entities/lib/*.js 81.3 KiB 4 modules
modules by path ../../node_modules/url/ 37.4 KiB 3 modules
modules by path ../../node_modules/querystring/*.js 4.51 KiB 3 modules
modules by path ../../node_modules/firebase/ 824 bytes 2 modules
modules by path ../../node_modules/css-loader/dist/runtime/*.js 2.37 KiB 2 modules
3 modules

ERROR in ./src/firebase-ace.ts 91:24-67
Module not found: Error: Can't resolve '@otjs/firebase-ace' in '/Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors/src'

ERROR in ./src/firebase-ace.ts 117:44-59
Module not found: Error: Can't resolve '@otjs/firebase-ace' in '/Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors/src'

ERROR in ./src/firebase-monaco.ts 95:27-76
Module not found: Error: Can't resolve '@otjs/firebase-monaco' in '/Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors/src'

ERROR in ./src/firebase-monaco.ts 122:47-62
Module not found: Error: Can't resolve '@otjs/firebase-monaco' in '/Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors/src'

ERROR in firebase-ace
Module not found: Error: Can't resolve '@otjs/firebase-ace' in '/Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors'

ERROR in firebase-monaco
Module not found: Error: Can't resolve '@otjs/firebase-monaco' in '/Users/lakshyathakur/Documents/projects/Operational-Transformation/examples/collaborative-editors'

Question - Besides providing the database rules file, do I need to do something else for running the setup ? I guess since the emulator runs locally, a login wouldn't be required ?

P.S. - You might already be preparing the README for this so this is just a heads up. Let me know if I am missing out an obvious step here 😅

[0xTheProDev]

Can you try to run yarn within the collaborative-editor directory itself and then retry?
I have added #67 to address these issues. Feel free to pick up if you want. (More hands to the table)

[lakbychance]

Yeah got it to working. Was missing running the yarn build in the OT root directory to create lib folders. Will update the README soon with steps. You can assign #67 to me. Also I think we can remove the database rules config from firebase.json so that firebase emulator defaults to read and write access for them ? What do you think ?

[0xTheProDev]

It's upto the dev/user on how database rules should be, and hence .firebase/database.rules.json is not provided in the repository. I guess we should mention these in the README.