ProseMirror-based Collaborative Editor

Overview

Notebook

ProseMirror, Firebase Collaborative Editor.

Total alerts Language grade: JavaScript

Prerequisites

Create a copy of .env.template whose name is .env.local.<user> in the root folder. Replace all __fillin__ entries.

Ensure the correct version of NodeJS

nvm install --latest-npm

Set up dependencies

npm install
npm run bootstrap

Dev Environment

Typically in separate Terminals

  1. Watch service-common: npx env-cmd -f .env.local.<user> npm run watch-service-common
  2. Watch ssr-service: npx env-cmd -f .env.local.<user> npm run watch-ssr-service
  3. Watch web-service: npx env-cmd -f .env.local.<user> npm run watch-web-service
  4. Watch (start) web: npx env-cmd -f .env.local.<user> npm run start-web
  5. Watch cloud-functions: npx env-cmd -f .env.local.<user> npm run watch-functions

There should be no errors or warning seen. Defaults to localhost:3000

Clean

npm run clean
rm -rf node_modules
rm -rf packages/service-common/dist
rm -rf packages/ssr-service/dist
rm -rf packages/web/build
rm -rf packages/web/dist
rm -rf packages/web-service/dist
rm -rf packages/cloud-functions/dist

Super Clean

rm -f package-lock.json
rm -f packages/service-common/package-lock.json
rm -f packages/ssr-service/package-lock.json
rm -f packages/web-service/package-lock.json
rm -f packages/web/package-lock.json
rm -f packages/cloud-functions/package-lock.json

Deploy Firebase Rules

npx env-cmd -f .env.local.<user> npm run deploy-rules

Deploy Cloud Functions

npx env-cmd -f .env.local.<user> npm run deploy-functions

Deploy a specific Cloud Function

npx env-cmd -f .env.local.<user> npm run deploy-specified-functions -- --only functions: <functionName>

Deploy Web

npx env-cmd -f .env.local.<username> npm run build-web
npx env-cmd -f .env.local.<username> npm run deploy-web

Production Environment

  1. Common libs: npx env-cmd -f .env.prod npm run build-service
  2. Cloud Functions: npx env-cmd -f .env.prod npm run build-functions

[ FINISH ]

You might also like...

Powerful rich text editor using Vue.js and Quill. About @quilljs editor component for @vuejs

Powerful rich text editor using Vue.js and Quill.  About @quilljs editor component for @vuejs

quill-vuejs Quill editor component for Vue. 基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。 Preview Example CDN example page Component example page Install NPM

Aug 10, 2022

Triumph Tech’s Magnus Editor is a full-featured remote editor for Rock RMS.

Triumph Tech’s Magnus Editor is a full-featured remote editor for Rock RMS.

Magnus Visual Studio Code Editor for Rock RMS Triumph Tech’s Magnus Editor is a full-featured remote editor for Rock RMS. Rock RMS is an open source R

Nov 23, 2022

A browser-based Piet editor/interpreter

A browser-based Piet editor/interpreter Features An interpreter that fully conforms to the Piet specification Code editor with a palette with command

Nov 22, 2022

A Node.js based text editor

A Node.js based text editor

akf-code A editor to write code or etc in your terminal! Usage/install npm i akf-code -g && acode filename or npx akf-code filename Keys Ctrl+C: T

May 22, 2022

Web based all in one gradient editor for your next projects.

Web based all in one gradient editor for your next projects.

Find the perfect gradient for your next projects Introducing Gradientify Gradientify is a web-based all-in-one gradient editor that gives you access t

Dec 25, 2022

Web-based tool to build gradient data for retro platforms using a visual editor

Web-based tool to build gradient data for retro platforms using a visual editor

Gradient Blaster https://gradient-blaster.grahambates.com Gradient Blaster is a web-based tool to build gradient data for retro platforms using a visu

Dec 13, 2022

🚀 The web-based text editor for everyone built with Electron & React.

 🚀 The web-based text editor for everyone built with Electron & React.

🚀 The web-based text editor for everyone built with Electron & React. Next release | Current release | Documentation (soon) ⬇️ Download: Windows (x64

Sep 16, 2022

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

Warm Up 🔥 👨‍💻 A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp

Dec 12, 2022

A CodeMirror (v6) extension for adding relative line numbers to your code editor

Relative Line Numbers for CM6 Installation yarn add codemirror-line-numbers-relative Usage import { EditorView } from "@codemirror/view"; import { Edi

Feb 7, 2022
Owner
Ureeka
Open Source Projects
Ureeka
A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.

A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.

Yuuki Sora 3 Mar 5, 2022
BRIDGE is a collaborative project for fx(hash), conceived by Camille Roux.

BRIDGE collaborative project for fxhash BRIDGE is an experimental project for fxhash. Any artist can contribute. The main rule: draw the tiles at the

Camille Roux 11 Jul 22, 2022
Collaborative /r/place 2022 template userscript

[inactive] /r/Place 2022 collaborative minimap userscript Help /r/MyLittlePony get a pony on /r/place! Help /r/ainbowroad build a rainbow road on /r/p

r/ainbowroad 15 Aug 26, 2022
Collaborative /r/place 2022 template userscript

[inactive] /r/Place 2022 collaborative minimap userscript Help /r/MyLittlePony get a pony on /r/place! Help /r/ainbowroad build a rainbow road on /r/p

r/ainbowroad 13 Apr 6, 2022
CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms

CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms. It allows developers to communicate with their fellow developers or collaborators through online voice call and realtime chat. Besides, the whiteboard makes the framing of an algorithm easier by helping programmers working collaboratively to discuss and plan their approach together

Shayan Debroy 5 Jan 20, 2022
A framework for building collaborative Microsoft Teams and M365 experiences.

Live Share SDK The Live Share SDK is in preview. You will need to be part of the Developer Preview Program for Microsoft Teams to use this feature. Th

Microsoft 65 Jan 1, 2023
An open, collaborative and evolving character creator project for the open metaverse.

Avatar Creator An open, collaborative and evolving 3D avatar creator for the open metaverse. Want to contribute? Please check out the issues, or submi

Atlas Foundation 23 Dec 17, 2022
This a collaborative repository to us play with javascript basics. Welcome here!

➡️ PT-BR A HacktoberFest project to put your frontend skills to the test. About This is a beginner-friendly repository for educational purposes that w

Ana Silveira 14 Nov 22, 2022
Open! Inclusive! Collaborative! A community for enthusiasts exploring new technologies, working on innovative ideas and helping each other grow together. Open Issues, Raise ideas, Make Pull Requests!

About Us OplnCo previously known as Devstucom represents Open Inclusive Collaborative. We as a community help our fellow students build skills through

OpInCo Community 4 Oct 13, 2022
Replaces the default Strapi WYSIWYG editor with a customized build of CKEditor 5 html editor packed with useful plugins.

CKEditor 5 for Strapi Replaces the default Strapi WYSIWYG editor with a customized build of CKEditor 5 packed with useful plugins. ?? Get Started Feat

null 39 Jan 2, 2023