Code Monkey home page Code Monkey logo

glorious-pitsby's Introduction

Pitsby

Docs generator for AngularJS, React, Vue and Vanilla components.

CircleCI Coverage Status

Installation

$ npm install @glorious/pitsby -g

Usage

Setup

Pitsby is based on two types of file:

  • Configuration File (pitsby.config.js)
    • Responsible for telling Pitsby where the documentation files are and for informing all the assets that should be included in the documentation.
  • Documentation File (eg. button.doc.js)
    • Used by Pitsby to build the page that contains all the component details.

Build

Since you have set up the pitsby.config.js for your project and, at least, one documentation file, you can easily generate the documentation running:

$ pitsby build

Once built, you can see the result serving the files just created using http-server or any other lib that you prefer:

$ http-server ./pitsby -p 7000

To keep Pitsby watching the changes that you make on any file listed on pitsby.config.js, run:

$ pitsby build --watch

Go to http://localhost:7000 and see the documentation that has been just created.

If your library generates more than one file, you might want to set an Aggregate Timeout to allow Pitsby to aggregate any other changes made during this time period (milliseconds) into one rebuild:

$ pitsby build --watch --aggregateTimeout=250

Contributions

If you are interested in contributing to this project, refer to the Contributing Steps.

glorious-pitsby's People

Contributors

dependabot[bot] avatar lucasfcunha avatar rafaelcamargo 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.