Skip to content

Interactive documentation system for web components. For any web component, it automatically generates a panel using which the user can interact with the public properties, methods and events and styles.

Notifications You must be signed in to change notification settings

atomproject/browser

Repository files navigation

Dependencies

  1. Node (>6.0.0)
  2. Npm (>3.8.6)

Installation

npm i -g ap-io

Usage

browser [-h | --help] [-v | --version] [-n | --new <dir name>] [-g | --generate]

This command creates static documentation site from the given data. To create a site you first create a directory and add a file named metadata.json in it. This file contains configuration related to the site and the elements for which the documentation is to be generated. You can also provide files to override the default icon, favicon and site pages.

To get started first create a new documentation site.

browser -c myDocs

This will create a folder named myDocs with all the files necessary to generate the site. If you don't provide a name to the command then a folder named docs will be created. So, cd into the directory and generate the site.

cd myDocs && browser -g

This creates documentation site in folder _site. You can copy this folder for deployment.

You can also specify the value of a config variable called baseurl while generating the site. The baseurl is used in cases when you are hosting the site in a subdirectory, for following url https://atomproject.github.io/elements/about/, the site is hosted in a subdirectory called elements. To generate a site in this case you should use the following command.

Eg.

browser -g --baseurl '/elements'

You can add elements to the metadata.json from command line. You can also create an element first then add the element to the metadata.json. To add an element run following command.

browser -e

It will ask for a bunch of things like element name, the bower install endpoint, category etc. Once you provide those your metadata.json will be updated with the new element.

About

Interactive documentation system for web components. For any web component, it automatically generates a panel using which the user can interact with the public properties, methods and events and styles.

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •