Skip to content

Latest commit

 

History

History
33 lines (25 loc) · 1.26 KB

README.md

File metadata and controls

33 lines (25 loc) · 1.26 KB
Raw

firepad-preact

An implementation of firepad using preact. No npm, no transpiler. Just <script> tags.

I've had many ideas that involve collaborative editing, and I prefer pure javascript applications that don't require npm/etc. This is an easy starting point to bootstrap collaborative projects using pract, firepad, and firebase.

Just open index.html

components

  • Editor: the firepad editor
  • File Viewer: ability to open and delete files, currently assumes all files are on the firebase root
  • New Doc: create doc from scratch when the URL has an empty hash or when using the button
  • Rename: ability to change the name of the current doc
  • SingInOut: ability to authenticate via firebase auth

firebase config

  • Modify config.js to add your key, auth-domain, and database url
  • Make sure you have a realtime database enabled
  • Modify realtime db rules to only allow certain users.
  • To figure out the user_id, log in once into the application and then find it in the auth console.
{
  "rules": {
    // Grant access to user you@your_org.com=your_user_id
    // ...
    ".read": "auth != null && (auth.uid === 'your_user_id' || auth.uid === 'another_user_id')",
    ".write": "auth != null && (auth.uid === 'your_user_id' || auth.uid === 'another_user_id')"
  }
}