AngularJS + Docco: Walkthrough of PubNub’s AngularJS Library

Here at PubNub, we love documentation, but you’ve probably already guessed that from our extensive collection of client SDKs and detailed API documentation. Introducing AngularJS Docco documentation.

Up until now, we’ve been using Markdown mostly for the README-level documentation of the AngularJS library. For this blog entry, we recently discovered the Docco library for creating annotated source code, and instantly fell in love!

You may already be familiar with Docco if you use the Underscore JS library. Docco powers the Underscore annotated source code feature. We found it to be tremendously helpful as we learned about Underscore internals, and figured we’d try to apply this awesome tool to the PubNub AngularJS library as well!

Using Docco is just about as simple as you can get:

1. Install docco via npm install -g docco
2. Add comments to your JavaScript (or, in our case, CoffeeScript) source code
3. Run docco source_file.coffee to generate the HTML documentation! (in a ‘docs’ directory by default)

Please check out our initial cut of the documentation here at the AngularJS Docco annotated source code, and let us know what you think! We love the idea of helping developers gain more insight into how this powerful library works, as well as provide an easy way for developers to easily submit changes or updates to the documentation.

Do you have any tips, tricks or best practices that you’d suggest for the PubNub JavaScript frameworks or other SDK’s? Please drop us a line and let us know! And check out all the blog posts from our realtime AngularJS with PubNub series here.