# jayda

> Jayda is an automatic pattern library generator with some built in start libraries if you choose to use them.

Latest version **0.0.4** (published 2015-07-26) · ISC license · 0 weekly downloads

## Install

```sh
npm install jayda
pnpm add jayda
yarn add jayda
bun add jayda
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2015-07-26 |
| First published | 2015-07-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | ashtonharris.me@gmail.com |
| Maintainers | busypixels |

## Links

- npm: https://www.npmjs.com/package/jayda
- Repository: git@github.com:aharris/jayda
- Homepage: https://github.com/aharris/jayda
- Issues: https://github.com/aharris/jayda/issues
- npm.io page: https://npm.io/package/jayda

## Recent versions

- 0.0.4 (latest) — 2015-07-26
- 0.0.3 — 2015-07-25
- 0.0.2 — 2015-07-25
- 0.0.1 — 2015-07-25
- 0.0.0 — 2015-07-07

## README

# Jayda
## (Work in progress)
## Style-guide driven development the way it should be.

Jayda is an automatic pattern library generator with some built in start libraries if you choose to use them.

Create pattern libraries automatically by just coding like you do everyday. No extra work or external files to keep up with.


## Install
```
$ npm install jayda --save
```

Copy contents to your app for customization
```
$ cp -r node_modules/jayda [source directory]
```

Initialize jayda
```
$ cd jayda && npm install && bower install && cd -
```

## Config options

* appSrc: The source of your application
  * EX: ``` "appSrc": "./app" ```

* target: The target directory of your application
  * EX: ``` "target": "../dest" ```

* iconFontFile: JSON file that lists icon class names
  *  EX: ``` "iconFontFile": "data/icons.json" ```

* markup: Markup type (options: jade, html)
  * EX: ``` "markup": "jade" ```

## Jade Usage

1. Inside the patterns directory create a folder for your components.
2. Inside that folder create a jade file for your component.
3. Create your mixin.

  ```
  mixin string(item1)
    p= item1
  ```

4. Call your mixin (This is the most important step for getting your documentation to build)

  ```
  if patternLibrary
    // Title: Paragraph
    // Description: I am a paragraph
    +string('I am your paragraph text')
  ```

5. Now you can call this mixin in any file you want and your documentation is generated!





## Angular App Usage

1. Follow Install instructions above
2. Follow instructions to set config options above
3. cd into jayda directory
4. build jayda
  * ``` gulp watch ```
5. Add you controller to ``` jayda/templates/index.jade ```
  * ``` html.jayda(lang="en" ng-app="jaydaAngularDemo") ```

---
_Source: https://npm.io/package/jayda · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._