https://github.com/rsify/figify

browserify transform for fig framework
https://github.com/rsify/figify

Last synced: 9 months ago
JSON representation

browserify transform for fig framework

• Host: GitHub
• URL: https://github.com/rsify/figify
• Owner: rsify
• License: other
• Created: 2017-06-02T18:18:55.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-19T08:31:18.000Z (over 8 years ago)
• Last Synced: 2025-02-26T15:47:35.069Z (about 1 year ago)
• Language: JavaScript
• Size: 146 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

          
# figify ![stability](https://img.shields.io/badge/stability-experimental-orange.svg)

> [fig.js](http://github.com/nikersify/fig) browserify transform

[![npm](https://img.shields.io/npm/v/figify.svg)](https://www.npmjs.com/package/figify)

[![travis](https://travis-ci.org/nikersify/figify.svg?branch=master)](https://travis-ci.org/nikersify/figify)

# introduction

Unlike some other ehm... good frameworks, all components in fig have to be compiled in order for fig.js to digest them correctly. This limitation is posed due to the fact that packing the whole pug library into a browser package is damn non-sensical considering how much it weights by itself (minified or not), increasing the size of fig.js by two orders of magnitude (rough estimate). If you already know how to use browserify, just use `figify` as a transform.

Figify attempts to transform all files you require in your app that end in `.pug` or `.fig` into modules that export a [compiled](https://github.com/nikersify/fig-compiler) fig component.

# usage

## cli

### `browserify  -t figify -o `

## api

```js

const browserify = require('browserify')

const figify = require('figify')

const b = browserify('main.js')

b.transform(figify)

b.bundle().pipe(process.stdout)

```

# install

`npm install figify --save`

# license

MIT

# related

- [fig.js](https://github.com/nikersify/fig) - experimental front-end ui framework

- [fig-compiler](https://github.com/nikersify/fig-compiler) - fig.js component compiler

- [fig-web](https://github.com/nikersify/fig-web) - fig.js website