Skip to content

Exploring rangy with Meteor.js in a text commenting app.

Notifications You must be signed in to change notification settings

valentin0h/commently

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Commently

A simple text commentig app for the web.

Installation

This app is created with Meteor.js and utilizes rangy.

To install the app, first follow the instructions to install Meteor

curl https://install.meteor.com/ | sh

and then:

1. git clone https://github.com/valeviolin/commently.git
2. meteor npm install
3. meteor 

the following will have the app running on localhost:3000

Approach

The main logic of the app can be found in main.js.

The approach taken roughly follows the following:

  1. Before each action "restore" the DOM state of the text. E.g remove highlights
  2. For new comments, create a Mongo document with the comment's text and the serialized range of the selected text.
  3. After clicking on a comment, deserialize the range of the comment and highlight it.

There are some bugs here and there (which I could not spot easily) due to either rangy or myself not fully getting rangy's way of working.

TODOs

This is only tested on the latest Chrome browser.

  1. Introduce users and assign comments to users
  2. Reply/Accept/Ignore comments
  3. Make it usable on mobile.
  4. Problems with big DOMs?

About

Exploring rangy with Meteor.js in a text commenting app.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published