Comet - ADN Comments
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
package.json Comments Widget

The Comments Widget builds on top of the API to create a hosted open source comments widget.

Quickstart Guide

While you can host the whole plugin yourself, you can also just use the hosted version. Here's how.

Decide if you want to use one of the configuration variables.

  • comments_url: (optional default: current url) For which URL should comments be displayed.
  • default_at_reply: (optional) Default user to @mention when a comment is created.
  • body_font_color: (optional defualt: #333) Main font color.
  • link_font_color: (optional defualt: #428bca) Font color of links.
  • accent_color: (optional defualt: #ccc) Color used for accents.
  • font_family: (optional defualt: "Helvetica Neue",Helvetica,Arial,sans-serif) Main font-family.

If you don't end up using any of the configuration variables, don't worry about including the first script block;

    // comments_url: '',
    // default_at_reply: 'voidfiles'
<script src="" id='adn-comments'></script>

Thats it! Just copy and paste this onto your website where you want to comments to show up.


If you would like to contribute to the project (or host it yourself) here is the guide to getting it up an running.

You are going to need a few things.

  • An developer account - You will need an developer account.
  • Node.js, npm, and Grunt - You will need Node.js, npm, and Grunt installed for the build process to work. If you don't already have Node.js and npm installed you can follow this guide from Joyent Installing Node and npm. You'll also need Grunt, a Javascript build tool that's similar to rake. To install it, follow this getting started guide.
  • Compass - We are also using Compass to compile sass to css. To install Compass, follow the Compass install guide.

Create an App

Create an app by going to and clicking "Create An App." Make sure to add http://localhost:9000 as a redirect URI. Be sure to note your Client ID -- you'll need it in a second.

Setup the client-side app

The first step here is to get your node environment up and running.

You will need to edit Gruntfile.js. Modify the part below; the client_id variable is given to you when you create an app, and the redirect_uri variable is what you entered for the redirect URI.

  var defaultAppConfig = {
    app_root_url: '',
    client_id: 'q6BSdP5DctemahG9EDZVAmCv2x2dbjZJ',
    redirect_uri: '',
    valid_config_keys: [

Once you have modified Gruntfile.js, we can install all the dependencies. This all assumes your in the root of the repository. Run these commands:

npm install    # install the node dependencies
bower install  # install the client-side dependencies
grunt server   # Should start a development server at http://localhost:9000

Now visit http://localhost:9000/test.html and you should see a version of the comments widget.