GithubHelp home page GithubHelp logo

niterain / groc Goto Github PK

View Code? Open in Web Editor NEW

This project forked from nevir/groc

0.0 2.0 0.0 771 KB

Documentation generation, in the spirit of literate programming. Forked by Gilt to add block comments, Javadoc-style tags, an additional theme, and LESS and Handlebars support.

License: MIT License

JavaScript 0.37% CoffeeScript 64.62% CSS 32.70% Ruby 0.16% Shell 2.15%

groc's Introduction

groc

Groc takes your documented code, and in an admission that people aren't machines, generates documentation that follows the spirit of literate programming. Take a look at the self-generated documentation, and see if it appeals to you!

It is very heavily influenced by Jeremy Ashkenas' docco, and is an attempt to further enhance the idea (thus, groc can't tout the same quick 'n dirty principles of docco).

What does it give you?

Groc will:

  • Generate documentation from your source code, by displaying your Markdown formatted comments next to the code fragments that they document.

  • Submit your project's documentation to the github pages for your project.

  • Generate a searchable table of contents for all documented files and headers within your project.

  • Gracefully handle complex hierarchies of source code across multiple folders.

  • Read a configuration file so that you don't have to think when you want your documentation built; you just type groc.

How?

Installing groc

Groc depends on Node.js and Pygments. Once you have those installed - and assuming that your node install came with npm - you can install groc via:

Note: since this is a fork of the main Groc app, you need to install via our Git Repository

npm install -g git+https://github.com/gilt/groc.git

For those new to npm, -g indicates that you want groc installed as a global command for your environment. You may need to prefix the command with sudo, depending on how you installed node.

Using groc (CLI)

To generate documentation, just point groc to source files that you want docs for:

groc *.rb

Groc will also handle extended globbing syntax if you quote arguments:

groc "lib/**/*.coffee" README.md

By default, groc will drop the generated documentation in the doc/ folder of your project, and it will treat README.md as the index. Take a look at your generated docs, and see if everything is in order!

Once you are pleased with the output, you can push your docs to your github pages branch:

groc --github "lib/**/*.coffee" README.md

Groc will automagically create and push the gh-pages branch if it is missing.

There are additional options supported by groc, if you are interested.

Configuring groc (.groc.json)

Groc supports a simple JSON configuration format once you know the config values that appeal to you.

Create a .groc.json file in your project root, where each key maps to an option you would pass to the groc command. File names and globs are defined as an array with the key glob. For example, groc's own configuration is:

{
  "glob": ["lib/**/*.coffee", "README.md", "lib/styles/*/style.sass", "lib/styles/*/*.jade"],
  "github": true
}

From now on, if you call groc without any arguments, it will use your pre-defined configuration.

Literate programming?

Literate programming is a programming methodology coined by Donald Knuth. The primary tenet is that you write a program so that the structure of both the code and documentation align with your mental model of its behaviors and processes.

Groc aims to provide a happy medium where you can freely write your source files as structured documents, while not going out of your way to restructure the code to fit the documentation. Here are some suggested guidelines to follow when writing your code:

  • Try to keep the size of each source file down. It is helpful if each file fulfills a specific feature of your application or library.

  • Rather than commenting individual lines of code, write comments that explain the behavior of a given method or code block. Take advantage of the fact that comments can span that method.

  • Make gratuitous use of lists when explaining processes; step by step explanations are extremely easy to follow!

  • Break each source file into sections via headers. Don't be afraid to split source into even smaller files if it makes them more readable.

Writing documentation is hard; hopefully groc helps to streamline the process for you!

Known Issues

  • Groc does not fare well with files that have very long line lengths (minimized JavaScript being the prime offender). Make sure that you exclude them!

What's in the works?

Groc wants to:

groc's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.