pieces 0.5.1 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7d11c959dbad0f799b9cf2c2fa0b5378d398036b
-  data.tar.gz: d51b32b051a05a4d7a24eebd11030e513d2434f2
+  metadata.gz: fa215e433ea7bd0333f955d366a8b1302b8d68e0
+  data.tar.gz: de0568280564ce3d334dee9e22e4b4a56366b2e2
 SHA512:
-  metadata.gz: 45b33fe160a525fa5ceebebd4ac352362472fb4323a504162498455e6792a18bce59e5f12ef78a284e06fb877a9f9e2521f8c15a970320fe9c35e33d145cf36f
-  data.tar.gz: cd5336c28679bebf1d52f6f396faa06914a932ee0d0e70019a1d48b71346b3cb231fd65ae589c1c3061470a88d6d793b4b6a06f65f4930e35e3edc8df1bb9b9b
+  metadata.gz: c6502d0e96b060454f0d9397b6679833fd5d79240ec8f7394d5252d8ec789b4622cf5b3a56357c7649ab346af9eec6c257952da6fab718c0131385377644c90d
+  data.tar.gz: 22d2a095c956b4cf4e9d816e524350a6b5f592850b8e00f84471b4549b8306531fa80a347cb43b0c354cd5ba28ab06b9561e17fb8f431e0845c0777d3275890d

data/README.md

@@ -6,14 +6,15 @@
 [![Test Coverage](https://codeclimate.com/github/drpheltright/pieces/badges/coverage.svg)](https://codeclimate.com/github/drpheltright/pieces/coverage)
 
 Pieces is a gem that will take your HTML and CSS components and compile them
-into a static site or styleguide.
+into a static site or styleguide. It can work with or without rails.
 
  - <h5>Build static sites and blogs</h5>
  - <h5>Produce styleguides for your rails applications</h5>
  - <h5>Mock up designs</h5>
 
-With Pieces, you define the view of your application with components. Even
-your layout is just another component.
+Define the view of your application with reusable components. Even your layout
+is just another component. Use Pieces to pull together these components into
+websites, styleguides and mock ups.
 
 ## Welcome early adopters
 
@@ -22,6 +23,21 @@ or next project. Obviously it's new and changing but I adhere very closely
 to semantic versioning and your styleguide should be a safe place to try
 new things. Thanks in advance, Luke.
 
+## Table of Contents
+
+ - [Installation](#installation)
+ - [How does Pieces work?](#how-it-works)
+ - [Create a UI styleguide for rails](#using-with-rails)
+ - [Create a static site](#create-static-site)
+
+**Other links**
+
+ - [Documentation](https://github.com/drpheltright/pieces/tree/master/docs)
+ - [Examples](https://github.com/drpheltright/pieces/tree/master/examples)
+ - [Code of Conduct](https://github.com/drpheltright/pieces/blob/master/docs/code_of_conduct.md)
+ - [Contributing](https://github.com/drpheltright/pieces/blob/master/docs/contributing.md)
+ - [MIT License](https://github.com/drpheltright/pieces/blob/master/docs/license.md)
+
 ## Installation
 
 If installing Pieces into a rails app, add it to your Gemfile:
@@ -36,7 +52,7 @@ If building a standalone site, install globally:
 gem install pieces
 ```
 
-## Quick example
+## How it works
 
 Let's start by defining some "pieces", or components, or views as they are
 better known in the rails world. You'll notice Pieces looks for files in the
@@ -120,9 +136,13 @@ pieces server
 Now visit [http://localhost:8080](http://localhost:8080) to see your site! If
 you change your `config/pieces.yml` or views they will be reflected on the site.
 
-## Use as styleguide for rails
+## Using with rails
 
-Firstly, ensure you have added Pieces to your `Gemfile`:
+Want to create a styleguide or UI design pattern library for your rails app? If
+so you're in the right place. Styleguides pull together reusable components
+into micro site that documents how and when to use them.
+
+To get started ensure you have added Pieces to your application's `Gemfile`:
 
 ``` ruby
 gem 'pieces'
@@ -163,18 +183,7 @@ bundle exec pieces s
 
 And then visit [http://localhost:8080](http://localhost:8080)
 
-### Do you use vagrant?
-
-If you do you should update Pieces::Rails in your `config/routes.rb` as follows:
-
-``` ruby
-mount Pieces::Rails.mount(force_polling: true), at: '/styleguide' unless Rails.env.production?
-```
-
-This will tell `listen`, the gem that watches for changes, to poll your app
-for changes. This is required for vagrant!
-
-## Create new static site
+## Create static site
 
 To create a new static site with Pieces:
 
@@ -207,100 +216,3 @@ pieces server
 
 Now visit [http://localhost:8080](http://localhost:8080) in your browser.
 
-## Configuration
-
-Using configuration found in `config/pieces.yml` Pieces' will compile your
-modular components ala BEM (or whatever you prefer) into a static HTML site.
-
-At the top level of your `pieces.yml` you define your output files, or "routes".
-The following example will build both `index.html` and `about.html`.
-
-``` yml
-index:
-  _pieces:
-    - intro: { title: 'Welcome to my site' }
-
-about:
-  _pieces:
-    - intro: { title: 'About me' }
-```
-
-Both `index.html` and `about.html` make use of a piece called "intro". This
-piece will be found in either `app/views/intro.html.*`,
-`app/views/intro/intro.html.*` or `app/views/application/intro.html.*`. The `*`
-can be any format supported by [tilt](https://github.com/rtomayko/tilt).
-
-You can generate your HTML into directories quite easily:
-
-``` yml
-portfolio/a-client:
-  _pieces:
-    - carousel: {}
-    - case_study: {}
-portfolio/another-client:
-  _pieces:
-    - carousel: {}
-    - case_study: {}
-```
-
-Likewise you can structure your components in directories:
-
-``` yml
-about:
-  _pieces:
-    - header: {}
-    - copy/intro: {}
-    - galleries/photo: {}
-    - footer: {}
-```
-
-"copy/intro" and "galleries/photo" will be found in
-`app/views/copy/intro.html.*` and `app/views/galleries/photo.html.*`
-respectively.
-
-You can place your content in a layout quite easily with nested pieces.
-
-``` yml
-about:
-  _pieces:
-    - layouts/pieces:
-        _pieces:
-          - header: {}
-          - copy/intro: {}
-          - galleries/photo: {}
-          - footer: {}
-```
-
-The child pieces will be rendered in order and passed into the parent
-"layouts/application" piece as `yield`. If you had
-`app/views/layouts/pieces.html.erb` then you can call yield like so:
-
-``` erb
-<html>
-  <body>
-    <%= yield %>
-  </body>
-</html>
-```
-
-## More Examples
-
- - [Original example][original] using .erb and .mustache (liek wtf!)
- - [Boilerplate example][boilerplate] used by `pieces init`
- - [Rails example][rails] using Pieces as a styleguide
-
-[original]: https://github.com/drpheltright/pieces/tree/master/examples/original
-[boilerplate]: https://github.com/drpheltright/pieces/tree/master/examples/boilerplate
-[rails]: https://github.com/drpheltright/pieces/tree/master/examples/rails
-
-## Contributing
-
-1. Fork it ( https://github.com/drpheltright/pieces/fork )
-2. Create your feature branch (`git checkout -b my-new-feature`)
-3. Commit your changes (`git commit -am 'Add some feature'`)
-4. Push to the branch (`git push origin my-new-feature`)
-5. Create a new Pull Request
-
-## Author
-
-Luke Morton (again)

data/docs/README.md

@@ -0,0 +1,36 @@
+# Pieces Documentation
+
+We're trying to make Pieces easy to understand. Let us know via an [issue][issue]
+if you can't find the information you are looking for here.
+
+## Getting started
+
+The [README][README] contains information for getting started with pieces:
+
+ - [Installation](https://github.com/drpheltright/pieces/blob/master/README.md#installation)
+ - [How does Pieces work?](https://github.com/drpheltright/pieces/blob/master/README.md#how-it-works)
+ - [Create a UI styleguide for rails](https://github.com/drpheltright/pieces/blob/master/README.md#using-with-rails)
+ - [Create a static site](https://github.com/drpheltright/pieces/blob/master/README.md#create-static-site)
+
+## Documentation
+
+For documentation and howtos look no further:
+
+ - [pieces.yml](https://github.com/drpheltright/pieces/blob/master/docs/pieces.yml.md) (you really ought to read this)
+
+## Working with Pieces
+
+If you want to work with Pieces in your own project you should probably have a
+look at these links:
+
+ - [Code of Conduct](https://github.com/drpheltright/pieces/blob/master/docs/code_of_conduct.md)
+ - [Contributing](https://github.com/drpheltright/pieces/blob/master/docs/contributing.md)
+ - [MIT License](https://github.com/drpheltright/pieces/blob/master/docs/license.md)
+
+## Help
+
+Find help and more in the Pieces [README][README] or [raise an issue][issue] on
+github.
+
+[README]: https://github.com/drpheltright/pieces/blob/master/README.md
+[issue]: https://github.com/drpheltright/pieces/issues

data/docs/contributing.md

@@ -0,0 +1,7 @@
+# Contributing
+
+1. Fork it ( https://github.com/drpheltright/pieces/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/docs/pieces.yml.md

@@ -0,0 +1,186 @@
+# `pieces.yml`
+
+In order to pull together your reusable UI components into web pages we use
+`config/pieces.yml`. This file defines the pages of your site, what components
+that page is made up of, the data passed into your components,
+along with meta data such as where to publish your site or styleguide.
+
+## Table of Contents
+
+ - [Defining pages](#defining-pages)
+ - [Components](#components)
+ - [Data](#data)
+ - [Global data](#global-data)
+ - [Publishing to GitHub pages](#publishing-to-github-pages)
+
+## Defining pages
+
+At the top level of your `pieces.yml` you define your pages. The following
+example will build `index.html` and `about.html`.
+
+``` yml
+index: # <-- index.html page
+  _pieces:
+    - intro: {}
+
+about: # <-- about.html page
+  _pieces:
+    - intro: {}
+```
+
+Both `index.html` and `about.html` make use of a component called "intro". We'll
+get onto components in a minute.
+
+### Structuring pages in directories
+
+You can generate your HTML into directories quite easily:
+
+``` yml
+portfolio/a-client: # <-- portfolio/a-client.html
+  _pieces:
+    - carousel: {}
+    - case_study: {}
+portfolio/another-client: # <-- portfolio/another-client.html
+  _pieces:
+    - carousel: {}
+    - case_study: {}
+```
+
+## Components
+
+All your reusable components can be assembled and nested within one another.
+Under your page, you define which components or "pieces" under the `_pieces`
+key.
+
+``` yml
+index:
+  _pieces:
+    - intro: {} # <-- intro component
+```
+
+The example above references an "intro" component. This piece will be found in
+one of the following locations:
+
+ - `app/views/intro.html.*`
+ - `app/views/intro/intro.html.*`
+ - `app/views/application/intro.html.*`
+
+The `*` can be any format supported by [tilt](https://github.com/rtomayko/tilt).
+
+### Structuring components in directories
+
+You can specify a full path to your component which will often be the case. This
+allows you to categories your components.
+
+``` yml
+about:
+  _pieces:
+    - header: {}
+    - copy/intro: {} # <-- component in directory
+    - galleries/photo: {} # <-- component in directory
+    - footer: {}
+```
+
+"copy/intro" and "galleries/photo" will be found in
+`app/views/copy/intro.html.*` and `app/views/galleries/photo.html.*`
+respectively.
+
+### Nesting components
+
+You can place your content in a layout quite easily with nested pieces.
+
+``` yml
+about:
+  _pieces:
+    - layouts/pieces:
+        _pieces: # <-- nested within layouts/pieces
+          - header: {}
+          - copy/intro: {}
+          - galleries/photo: {}
+          - footer: {}
+```
+
+The child pieces will be rendered in order and passed into the parent
+"layouts/application" piece as `yield`. If you had
+`app/views/layouts/pieces.html.erb` then you can call yield like so:
+
+``` erb
+<html>
+  <body>
+    <%= yield %>
+  </body>
+</html>
+```
+
+## Data
+
+To make components reusable you will inject data into them via `pieces.yml`.
+
+``` yml
+index:
+  _pieces:
+    - layouts/blog:
+        title: 'Blog posts' # <-- data
+        _pieces:
+          - blog/post_summary:
+              title: 'A great post' # <-- data
+              excerpt: 'In where you will learn great things.' # <-- data
+```
+
+Here you can see "title" is injected into "layouts/blog". This data variable
+will only be accessible to the layout file and not any nested pieces.
+In the example you can also see another variable called "title" nested under
+"blog/post_summary" along side "excerpt".
+
+## Global data
+
+If you have data that needs to be used in more than one page you can use
+globals. These globals are available in every file and component but will be
+overridden if the page or pieces use the same key.
+
+``` yml
+_global:
+  site_name: 'My Blog' # <-- global
+
+index:
+  _pieces:
+    - layouts/blog:
+        title: 'Blog posts'
+        _pieces:
+          - blog/post_summary:
+              title: 'A great post'
+              excerpt: 'In where you will learn great things.'
+```
+
+The variable "site_name" will be available in all components.
+
+### Per page globals
+
+You can also specify globals per page. These will be available for all
+components in the page.
+
+``` yml
+_global:
+  site_name: 'My Blog'
+
+index:
+  _global:
+    title: 'Blog posts' # <-- per page global
+
+  _pieces:
+    - layouts/blog:
+        _pieces:
+          - blog/post_summary:
+              title: 'A great post'
+              excerpt: 'In where you will learn great things.'
+```
+
+## Publishing to GitHub pages
+
+You can specify your GitHub repo in order to publish to the gh-pages branch:
+
+```
+_publish:
+  - type: github
+    remote: https://github.com/username/repo
+```

data/examples/README.md

@@ -0,0 +1,18 @@
+# Examples
+
+Within this directory you will find the following examples:
+
+ - [Original example][original-example] using .erb and .mustache (liek wtf!)
+ - [Boilerplate example][boilerplate-example] used by `pieces init`
+ - [Rails example][rails-example] using Pieces as a styleguide
+ - [Babel.js][babel-example] using Pieces as a styleguide
+
+[original-example]: https://github.com/drpheltright/pieces/tree/master/examples/original
+[boilerplate-example]: https://github.com/drpheltright/pieces/tree/master/examples/boilerplate
+[rails-example]: https://github.com/drpheltright/pieces/tree/master/examples/rails
+[babel-example]: https://github.com/drpheltright/pieces/tree/master/examples/babel
+
+Find help and more in the Pieces [README][README] and [documentation][docs].
+
+[README]: https://github.com/drpheltright/pieces/blob/master/README.md
+[docs]: https://github.com/drpheltright/pieces/blob/master/docs/README.md

data/examples/babel/Gemfile

@@ -0,0 +1,7 @@
+source 'https://rubygems.org'
+
+gem 'pieces', path: '../../../pieces'
+gem 'bits-n-pieces'
+
+# For sprockets babel support
+gem 'sprockets', github: 'rails/sprockets'

data/examples/babel/app/assets/javascripts/app.js

@@ -0,0 +1,4 @@
+//= require_self
+//= require_tree ./components
+
+'use strict';

data/examples/babel/app/assets/javascripts/components/article.es6

@@ -0,0 +1,18 @@
+class Hello {
+  world() {
+    console.log('hello world!!')
+  }
+}
+
+(new Hello).world()
+
+window.onload = function () {
+  console.log('page has loaded')
+}
+
+
+window.onload = () => {
+  console.log('page has loaded with arrow syntax!!')
+  console.log('multi line')
+}
+

data/examples/babel/app/assets/javascripts/lazy.js

@@ -0,0 +1,11 @@
+//= require load_css
+//= require webfontloader
+//= require_self
+
+loadCSS('/assets/lazy.css')
+
+WebFont.load({
+  google: {
+    families: ['Droid Sans', 'Droid Serif']
+  }
+})

data/examples/babel/app/assets/manifest.js

@@ -0,0 +1,9 @@
+// CSS bundles
+//
+//= link critical.css
+//= link lazy.css
+
+// JS bundles
+//
+//= link app.js
+//= link lazy.js

data/examples/babel/app/assets/stylesheets/components/articles/article.scss

@@ -0,0 +1,10 @@
+article {
+  padding: 1rem 0;
+}
+
+.article__title {
+}
+
+.article__content {
+  padding: .5rem 0 0 0;
+}

data/examples/babel/app/assets/stylesheets/components/articles/articles_introduction.scss

@@ -0,0 +1,5 @@
+.articles_introduction {
+  background: #f2f2f2;
+  font-size: 1.5rem;
+  padding: 1rem;
+}

data/examples/babel/app/assets/stylesheets/components/branding.scss

@@ -0,0 +1,3 @@
+.branding {
+  font-size: 2rem;
+}

data/examples/babel/app/assets/stylesheets/components/footer.scss

@@ -0,0 +1,3 @@
+footer {
+  color: #ccc;
+}

data/examples/babel/app/assets/stylesheets/components/html.scss

@@ -0,0 +1,5 @@
+@import 'bourbon';
+
+html {
+  font: 18px/1.5 'Droid Sans', $helvetica;
+}

data/examples/babel/app/assets/stylesheets/components/page.scss

@@ -0,0 +1,15 @@
+@import 'bits/media_queries';
+@import 'bits/columns';
+
+.page {
+  @include outer-container;
+  padding: 1em;
+
+  @include from(tablet) {
+    padding: 2em;
+  }
+}
+
+.page__content {
+  @include span-columns(12);
+}

data/examples/babel/app/assets/stylesheets/critical.scss

@@ -0,0 +1,4 @@
+//= require bits/reset
+//= require ./components/html
+//= require ./components/page
+//= require_tree ./components/articles

data/examples/babel/app/assets/stylesheets/lazy.scss

@@ -0,0 +1 @@
+//= require ./components/footer

data/examples/babel/app/views/application/branding.html.erb

@@ -0,0 +1,3 @@
+<div class="branding">
+  SITE
+</div>

data/examples/babel/app/views/application/footer.html.erb

@@ -0,0 +1,3 @@
+<footer>
+  The footer
+</footer>

data/examples/babel/app/views/application/header.html.erb

@@ -0,0 +1,3 @@
+<header>
+  <%= yield %>
+</header>

data/examples/babel/app/views/articles/article.html.erb

@@ -0,0 +1,9 @@
+<article>
+  <h1 class="article__title">
+    <%= title %>
+  </h1>
+
+  <div class="article__content">
+    <%= content %>
+  </div>
+</article>

data/examples/babel/app/views/articles/articles_introduction.html.erb

@@ -0,0 +1,4 @@
+<div class="articles_introduction">
+  <%= intro %>
+</div>
+

data/examples/babel/app/views/layouts/pieces.html.erb

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= title %></title>
+
+    <style>
+      <%= File.read('build/assets/critical.css') %>
+    </style>
+
+    <script>
+      <%= File.read('build/assets/lazy.js') %>
+    </script>
+
+    <noscript>
+      <link rel="stylesheet" href="/assets/lazy.css" />
+    </noscript>
+  </head>
+  <body>
+    <div class="page">
+      <div class="page__content">
+        <%= yield %>
+      </div>
+    </div>
+
+    <script src="/assets/app.js"></script>
+  </body>
+</html>

data/examples/babel/config/pieces.yml

@@ -0,0 +1,24 @@
+_global:
+  title: 'Styleguide!'
+
+index:
+  _pieces:
+    - layouts/pieces:
+        _pieces:
+          - header:
+              _pieces:
+                - branding: {}
+          - articles/articles_introduction: { intro: '<p>Some articles' }
+          - articles/article: { title: 'Nice', content: '<p>Bob' }
+          - articles/article: { title: 'Bob', content: '<p>Some nice example content' }
+          - articles/article: { title: 'Cooob', content: '<p>Some nice example content' }
+          - articles/article: { title: 'Adele', content: '<p>Some nice example content' }
+          - articles/article: { title: 'Hehe', content: '<p>Some nice example content' }
+          - footer: {}
+
+info:
+  _pieces:
+    - layouts/pieces:
+        title: 'About this style guide'
+        _pieces:
+          - articles/article: { title: 'About this guide' }

data/examples/babel/vendor/assets/javascripts/load_css.js

@@ -0,0 +1,52 @@
+/*!
+loadCSS: load a CSS file asynchronously.
+[c]2014 @scottjehl, Filament Group, Inc.
+Licensed MIT
+*/
+
+/* exported loadCSS */
+function loadCSS( href, before, media, callback ){
+  "use strict";
+  // Arguments explained:
+  // `href` is the URL for your CSS file.
+  // `before` optionally defines the element we'll use as a reference for injecting our <link>
+  // By default, `before` uses the first <script> element in the page.
+  // However, since the order in which stylesheets are referenced matters, you might need a more specific location in your document.
+  // If so, pass a different reference element to the `before` argument and it'll insert before that instead
+  // note: `insertBefore` is used instead of `appendChild`, for safety re: http://www.paulirish.com/2011/surefire-dom-element-insertion/
+  var ss = window.document.createElement( "link" );
+  var ref = before || window.document.getElementsByTagName( "script" )[ 0 ];
+  var sheets = window.document.styleSheets;
+  ss.rel = "stylesheet";
+  ss.href = href;
+  // temporarily, set media to something non-matching to ensure it'll fetch without blocking render
+  ss.media = "only x";
+  // DEPRECATED
+  if( callback ) {
+    ss.onload = callback;
+  }
+
+  // inject link
+  ref.parentNode.insertBefore( ss, ref );
+  // This function sets the link's media back to `all` so that the stylesheet applies once it loads
+  // It is designed to poll until document.styleSheets includes the new sheet.
+  ss.onloadcssdefined = function( cb ){
+    var defined;
+    for( var i = 0; i < sheets.length; i++ ){
+      if( sheets[ i ].href && sheets[ i ].href === ss.href ){
+        defined = true;
+      }
+    }
+    if( defined ){
+      cb();
+    } else {
+      setTimeout(function() {
+        ss.onloadcssdefined( cb );
+      });
+    }
+  };
+  ss.onloadcssdefined(function() {
+    ss.media = media || "all";
+  });
+  return ss;
+}

data/examples/babel/vendor/assets/javascripts/webfontloader.js

@@ -0,0 +1,16 @@
+/* Web Font Loader v1.6.6 - (c) Adobe Systems, Google. License: Apache 2.0 */
+(function(){function aa(a,b,c){return a.call.apply(a.bind,arguments)}function ba(a,b,c){if(!a)throw Error();if(2<arguments.length){var d=Array.prototype.slice.call(arguments,2);return function(){var c=Array.prototype.slice.call(arguments);Array.prototype.unshift.apply(c,d);return a.apply(b,c)}}return function(){return a.apply(b,arguments)}}function n(a,b,c){n=Function.prototype.bind&&-1!=Function.prototype.bind.toString().indexOf("native code")?aa:ba;return n.apply(null,arguments)}var p=Date.now||function(){return+new Date};function r(a,b){this.D=a;this.m=b||a;this.F=this.m.document}r.prototype.createElement=function(a,b,c){a=this.F.createElement(a);if(b)for(var d in b)b.hasOwnProperty(d)&&("style"==d?a.style.cssText=b[d]:a.setAttribute(d,b[d]));c&&a.appendChild(this.F.createTextNode(c));return a};function s(a,b,c){a=a.F.getElementsByTagName(b)[0];a||(a=document.documentElement);a.insertBefore(c,a.lastChild)}
+function t(a,b,c){b=b||[];c=c||[];for(var d=a.className.split(/\s+/),f=0;f<b.length;f+=1){for(var e=!1,g=0;g<d.length;g+=1)if(b[f]===d[g]){e=!0;break}e||d.push(b[f])}b=[];for(f=0;f<d.length;f+=1){e=!1;for(g=0;g<c.length;g+=1)if(d[f]===c[g]){e=!0;break}e||b.push(d[f])}a.className=b.join(" ").replace(/\s+/g," ").replace(/^\s+|\s+$/,"")}function u(a,b){for(var c=a.className.split(/\s+/),d=0,f=c.length;d<f;d++)if(c[d]==b)return!0;return!1}
+function v(a){if("string"===typeof a.da)return a.da;var b=a.m.location.protocol;"about:"==b&&(b=a.D.location.protocol);return"https:"==b?"https:":"http:"}function w(a,b){var c=a.createElement("link",{rel:"stylesheet",href:b,media:"all"}),d=!1;c.onload=function(){d||(d=!0)};c.onerror=function(){d||(d=!0)};s(a,"head",c)}
+function x(a,b,c,d){var f=a.F.getElementsByTagName("head")[0];if(f){var e=a.createElement("script",{src:b}),g=!1;e.onload=e.onreadystatechange=function(){g||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(g=!0,c&&c(null),e.onload=e.onreadystatechange=null,"HEAD"==e.parentNode.tagName&&f.removeChild(e))};f.appendChild(e);setTimeout(function(){g||(g=!0,c&&c(Error("Script load timeout")))},d||5E3);return e}return null};function y(a){this.ca=a||"-"}y.prototype.d=function(a){for(var b=[],c=0;c<arguments.length;c++)b.push(arguments[c].replace(/[\W_]+/g,"").toLowerCase());return b.join(this.ca)};function A(a,b){this.V=a;this.N=4;this.H="n";var c=(b||"n4").match(/^([nio])([1-9])$/i);c&&(this.H=c[1],this.N=parseInt(c[2],10))}A.prototype.getName=function(){return this.V};function B(a){return a.H+a.N}function ca(a){var b=4,c="n",d=null;a&&((d=a.match(/(normal|oblique|italic)/i))&&d[1]&&(c=d[1].substr(0,1).toLowerCase()),(d=a.match(/([1-9]00|normal|bold)/i))&&d[1]&&(/bold/i.test(d[1])?b=7:/[1-9]00/.test(d[1])&&(b=parseInt(d[1].substr(0,1),10))));return c+b};function da(a,b){this.a=a;this.h=a.m.document.documentElement;this.J=b;this.f="wf";this.e=new y("-");this.Z=!1!==b.events;this.u=!1!==b.classes}function ea(a){a.u&&t(a.h,[a.e.d(a.f,"loading")]);C(a,"loading")}function D(a){if(a.u){var b=u(a.h,a.e.d(a.f,"active")),c=[],d=[a.e.d(a.f,"loading")];b||c.push(a.e.d(a.f,"inactive"));t(a.h,c,d)}C(a,"inactive")}function C(a,b,c){if(a.Z&&a.J[b])if(c)a.J[b](c.getName(),B(c));else a.J[b]()};function fa(){this.t={}}function ga(a,b,c){var d=[],f;for(f in b)if(b.hasOwnProperty(f)){var e=a.t[f];e&&d.push(e(b[f],c))}return d};function E(a,b){this.a=a;this.q=b;this.j=this.a.createElement("span",{"aria-hidden":"true"},this.q)}
+function G(a,b){var c=a.j,d;d=[];for(var f=b.V.split(/,\s*/),e=0;e<f.length;e++){var g=f[e].replace(/['"]/g,"");-1==g.indexOf(" ")?d.push(g):d.push("'"+g+"'")}d=d.join(",");f="normal";"o"===b.H?f="oblique":"i"===b.H&&(f="italic");c.style.cssText="display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:"+d+";"+("font-style:"+f+";font-weight:"+(b.N+"00")+";")}
+function H(a){s(a.a,"body",a.j)}E.prototype.remove=function(){var a=this.j;a.parentNode&&a.parentNode.removeChild(a)};function I(a,b,c,d,f,e,g){this.O=a;this.ba=b;this.a=c;this.g=d;this.q=g||"BESbswy";this.s={};this.M=f||3E3;this.T=e||null;this.C=this.B=this.w=this.v=null;this.v=new E(this.a,this.q);this.w=new E(this.a,this.q);this.B=new E(this.a,this.q);this.C=new E(this.a,this.q);G(this.v,new A(this.g.getName()+",serif",B(this.g)));G(this.w,new A(this.g.getName()+",sans-serif",B(this.g)));G(this.B,new A("serif",B(this.g)));G(this.C,new A("sans-serif",B(this.g)));H(this.v);H(this.w);H(this.B);H(this.C)}
+var J={ga:"serif",fa:"sans-serif"},K=null;function L(){if(null===K){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent);K=!!a&&(536>parseInt(a[1],10)||536===parseInt(a[1],10)&&11>=parseInt(a[2],10))}return K}I.prototype.start=function(){this.s.serif=this.B.j.offsetWidth;this.s["sans-serif"]=this.C.j.offsetWidth;this.ea=p();M(this)};function N(a,b,c){for(var d in J)if(J.hasOwnProperty(d)&&b===a.s[J[d]]&&c===a.s[J[d]])return!0;return!1}
+function M(a){var b=a.v.j.offsetWidth,c=a.w.j.offsetWidth,d;(d=b===a.s.serif&&c===a.s["sans-serif"])||(d=L()&&N(a,b,c));d?p()-a.ea>=a.M?L()&&N(a,b,c)&&(null===a.T||a.T.hasOwnProperty(a.g.getName()))?O(a,a.O):O(a,a.ba):ha(a):O(a,a.O)}function ha(a){setTimeout(n(function(){M(this)},a),50)}function O(a,b){setTimeout(n(function(){this.v.remove();this.w.remove();this.B.remove();this.C.remove();b(this.g)},a),0)};function P(a,b,c){this.a=a;this.o=b;this.K=0;this.X=this.S=!1;this.M=c}P.prototype.$=function(a){var b=this.o;b.u&&t(b.h,[b.e.d(b.f,a.getName(),B(a).toString(),"active")],[b.e.d(b.f,a.getName(),B(a).toString(),"loading"),b.e.d(b.f,a.getName(),B(a).toString(),"inactive")]);C(b,"fontactive",a);this.X=!0;Q(this)};
+P.prototype.aa=function(a){var b=this.o;if(b.u){var c=u(b.h,b.e.d(b.f,a.getName(),B(a).toString(),"active")),d=[],f=[b.e.d(b.f,a.getName(),B(a).toString(),"loading")];c||d.push(b.e.d(b.f,a.getName(),B(a).toString(),"inactive"));t(b.h,d,f)}C(b,"fontinactive",a);Q(this)};function Q(a){0==--a.K&&a.S&&(a.X?(a=a.o,a.u&&t(a.h,[a.e.d(a.f,"active")],[a.e.d(a.f,"loading"),a.e.d(a.f,"inactive")]),C(a,"active")):D(a.o))};function R(a){this.D=a;this.p=new fa;this.U=0;this.P=this.Q=!0}R.prototype.load=function(a){this.a=new r(this.D,a.context||this.D);this.Q=!1!==a.events;this.P=!1!==a.classes;ia(this,new da(this.a,a),a)};
+function ja(a,b,c,d,f){var e=0==--a.U;(a.P||a.Q)&&setTimeout(function(){var a=f||null,l=d||null||{};if(0===c.length&&e)D(b.o);else{b.K+=c.length;e&&(b.S=e);var h,k=[];for(h=0;h<c.length;h++){var m=c[h],z=l[m.getName()],q=b.o,F=m;q.u&&t(q.h,[q.e.d(q.f,F.getName(),B(F).toString(),"loading")]);C(q,"fontloading",F);q=null;q=new I(n(b.$,b),n(b.aa,b),b.a,m,b.M,a,z);k.push(q)}for(h=0;h<k.length;h++)k[h].start()}},0)}
+function ia(a,b,c){var d=[],f=c.timeout;ea(b);var d=ga(a.p,c,a.a),e=new P(a.a,b,f);a.U=d.length;b=0;for(c=d.length;b<c;b++)d[b].load(function(b,c,d){ja(a,e,b,c,d)})};function S(a,b,c){this.I=a?a:b+ka;this.k=[];this.L=[];this.Y=c||""}var ka="//fonts.googleapis.com/css";S.prototype.d=function(){if(0==this.k.length)throw Error("No fonts to load!");if(-1!=this.I.indexOf("kit="))return this.I;for(var a=this.k.length,b=[],c=0;c<a;c++)b.push(this.k[c].replace(/ /g,"+"));a=this.I+"?family="+b.join("%7C");0<this.L.length&&(a+="&subset="+this.L.join(","));0<this.Y.length&&(a+="&text="+encodeURIComponent(this.Y));return a};function T(a){this.k=a;this.W=[];this.G={}}
+var U={latin:"BESbswy",cyrillic:"&#1081;&#1103;&#1046;",greek:"&#945;&#946;&#931;",khmer:"&#x1780;&#x1781;&#x1782;",Hanuman:"&#x1780;&#x1781;&#x1782;"},la={thin:"1",extralight:"2","extra-light":"2",ultralight:"2","ultra-light":"2",light:"3",regular:"4",book:"4",medium:"5","semi-bold":"6",semibold:"6","demi-bold":"6",demibold:"6",bold:"7","extra-bold":"8",extrabold:"8","ultra-bold":"8",ultrabold:"8",black:"9",heavy:"9",l:"3",r:"4",b:"7"},ma={i:"i",italic:"i",n:"n",normal:"n"},na=/^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/;
+T.prototype.parse=function(){for(var a=this.k.length,b=0;b<a;b++){var c=this.k[b].split(":"),d=c[0].replace(/\+/g," "),f=["n4"];if(2<=c.length){var e;var g=c[1];e=[];if(g)for(var g=g.split(","),l=g.length,h=0;h<l;h++){var k;k=g[h];if(k.match(/^[\w-]+$/))if(k=na.exec(k.toLowerCase()),null==k)k="";else{var m;m=k[1];if(null==m||""==m)m="4";else{var z=la[m];m=z?z:isNaN(m)?"4":m.substr(0,1)}k=k[2];k=[null==k||""==k?"n":ma[k],m].join("")}else k="";k&&e.push(k)}0<e.length&&(f=e);3==c.length&&(c=c[2],e=[],
+c=c?c.split(","):e,0<c.length&&(c=U[c[0]])&&(this.G[d]=c))}this.G[d]||(c=U[d])&&(this.G[d]=c);for(c=0;c<f.length;c+=1)this.W.push(new A(d,f[c]))}};function V(a,b){this.a=a;this.c=b}var oa={Arimo:!0,Cousine:!0,Tinos:!0};V.prototype.load=function(a){for(var b=this.a,c=new S(this.c.api,v(b),this.c.text),d=this.c.families,f=d.length,e=0;e<f;e++){var g=d[e].split(":");3==g.length&&c.L.push(g.pop());var l="";2==g.length&&""!=g[1]&&(l=":");c.k.push(g.join(l))}d=new T(d);d.parse();w(b,c.d());a(d.W,d.G,oa)};function W(a,b){this.a=a;this.c=b;this.R=[]}W.prototype.A=function(a){var b=this.a;return v(this.a)+(this.c.api||"//f.fontdeck.com/s/css/js/")+(b.m.location.hostname||b.D.location.hostname)+"/"+a+".js"};
+W.prototype.load=function(a){var b=this.c.id,c=this.a.m,d=this;b?(c.__webfontfontdeckmodule__||(c.__webfontfontdeckmodule__={}),c.__webfontfontdeckmodule__[b]=function(b,c){for(var g=0,l=c.fonts.length;g<l;++g){var h=c.fonts[g];d.R.push(new A(h.name,ca("font-weight:"+h.weight+";font-style:"+h.style)))}a(d.R)},x(this.a,this.A(b),function(b){b&&a([])})):a([])};function X(a,b){this.a=a;this.c=b}X.prototype.A=function(a){return(this.c.api||"https://use.typekit.net")+"/"+a+".js"};X.prototype.load=function(a){var b=this.c.id,c=this.a.m;b?x(this.a,this.A(b),function(b){if(b)a([]);else if(c.Typekit&&c.Typekit.config&&c.Typekit.config.fn){b=c.Typekit.config.fn;for(var f=[],e=0;e<b.length;e+=2)for(var g=b[e],l=b[e+1],h=0;h<l.length;h++)f.push(new A(g,l[h]));try{c.Typekit.load({events:!1,classes:!1,async:!0})}catch(k){}a(f)}},2E3):a([])};function Y(a,b){this.a=a;this.c=b}Y.prototype.A=function(a,b){var c=v(this.a),d=(this.c.api||"fast.fonts.net/jsapi").replace(/^.*http(s?):(\/\/)?/,"");return c+"//"+d+"/"+a+".js"+(b?"?v="+b:"")};Y.prototype.load=function(a){var b=this.c.projectId,c=this.c.version;if(b){var d=this.a.m;x(this.a,this.A(b,c),function(c){if(c)a([]);else if(d["__mti_fntLst"+b]){c=d["__mti_fntLst"+b]();var e=[];if(c)for(var g=0;g<c.length;g++)e.push(new A(c[g].fontfamily));a(e)}else a([])}).id="__MonotypeAPIScript__"+b}else a([])};function pa(a,b){this.a=a;this.c=b}pa.prototype.load=function(a){var b,c,d=this.c.urls||[],f=this.c.families||[],e=this.c.testStrings||{};b=0;for(c=d.length;b<c;b++)w(this.a,d[b]);d=[];b=0;for(c=f.length;b<c;b++){var g=f[b].split(":");if(g[1])for(var l=g[1].split(","),h=0;h<l.length;h+=1)d.push(new A(g[0],l[h]));else d.push(new A(g[0]))}a(d,e)};var Z=new R(window);Z.p.t.custom=function(a,b){return new pa(b,a)};Z.p.t.fontdeck=function(a,b){return new W(b,a)};Z.p.t.monotype=function(a,b){return new Y(b,a)};Z.p.t.typekit=function(a,b){return new X(b,a)};Z.p.t.google=function(a,b){return new V(b,a)};var $={load:n(Z.load,Z)};"function"===typeof define&&define.amd?define(function(){return $}):"undefined"!==typeof module&&module.exports?module.exports=$:(window.WebFont=$,window.WebFontConfig&&Z.load(window.WebFontConfig));}());

data/examples/rails_app/config/routes.rb

@@ -1,3 +1,3 @@
 Rails.application.routes.draw do
-  mount Pieces::Rails.mount, at: '/styleguide'
+  mount Pieces::Rails.mount(at: '/styleguide')
 end

data/lib/pieces.rb

@@ -1,9 +1,18 @@
 require 'pieces/config'
 require 'pieces/configurable'
+require 'pieces/app'
+require 'pieces/route_compiler'
+require 'pieces/tilt_extension'
+require 'pieces/server'
 require 'pieces/builder'
+require 'pieces/generator'
 require 'pieces/publisher'
 require 'pieces/rails' if defined?(Rails)
 require 'pieces/version'
 
+%w(bits-n-pieces bourbon neat bitters compass sass uglifier).each do |gem|
+  begin require gem; rescue LoadError; end
+end
+
 module Pieces
 end

data/lib/pieces/app.rb

@@ -0,0 +1,50 @@
+module Pieces
+  class App
+    include Configurable
+
+    def call(env)
+      config.reload!
+      request = Rack::Request.new(env)
+
+      if route = match_route(request)
+        render_page(route)
+      else
+        render_page_not_found
+      end
+    end
+
+    private
+
+    def route_from_path(request)
+      start_index = config.mounted_at.nil? ? 1 : (config.mounted_at.length + 1)
+      path = request.path[start_index..-1]
+
+      if path == ''
+        'index'
+      else
+        path.gsub(/\.html$/, '')
+      end
+    end
+
+    def match_route(request)
+      route = route_from_path(request)
+
+      if request.get? and config.routes.keys.include?(route)
+        route
+      end
+    end
+
+    def route_compiler
+      @route_compiler ||= RouteCompiler.new(config)
+    end
+
+    def render_page(route)
+      files = route_compiler.compile({}, route, config.routes[route])
+      ['200', {'Content-Type' => 'text/html'}, files.values.map { |f| f[:contents] }]
+    end
+
+    def render_page_not_found
+      [404, {}, ['Not found']]
+    end
+  end
+end

data/lib/pieces/builder.rb

@@ -1,10 +1,6 @@
 require 'ostruct'
 require 'yaml'
 require 'sprockets'
-require 'pieces/route_compiler'
-require 'pieces/config'
-require 'pieces/server'
-require 'pieces/tilt_extension'
 
 module Pieces
   class Builder
@@ -29,9 +25,19 @@ module Pieces
       @env ||= Server.new(config).sprockets_env
     end
 
+    def manifest
+      @manifest ||= Sprockets::Manifest.new(env, 'build/assets')
+    end
+
     def build_assets(files = {})
-      files.merge('assets/pieces.css' => { type: 'css', contents: env['pieces.css'] },
-                  'assets/pieces.js' => { type: 'js', contents: env['pieces.js'] })
+      if env['manifest.js']
+        manifest.find('manifest.js').reduce(files) do |files, file|
+          files.merge("assets/#{file.logical_path}" => { type: file.content_type, contents: file })
+        end
+      else
+        files.merge('assets/pieces.css' => { type: 'text/css', contents: env['pieces.css'] },
+                    'assets/pieces.js' => { type: 'application/js', contents: env['pieces.js'] })
+      end
     end
 
     def build_routes(files = {})

data/lib/pieces/cli.rb

@@ -1,8 +1,5 @@
 require 'thor'
-require 'pieces/config'
-require 'pieces/configurable'
-require 'pieces/builder'
-require 'pieces/generator'
+require 'pieces'
 
 module Pieces
   class CLI < Thor
@@ -24,7 +21,7 @@ module Pieces
 
     desc 'server DIR', 'serve application in DIR'
     def server(path = Dir.pwd)
-      puts "Serving pieces from #{path}/build... "
+      puts "Serving pieces from #{path}... "
       Pieces::Server.start(path: path)
     end
 

data/lib/pieces/config.rb

@@ -7,7 +7,8 @@ module Pieces
     attr_accessor :env
 
     def initialize(config = {})
-      @path = config[:path] || Dir.pwd
+      @path = config.delete(:path) || Dir.pwd
+      merge!(config)
       load_config! unless config[:load] == false
     end
 
@@ -27,14 +28,14 @@ module Pieces
       end
     end
 
-    def force_polling?
-      self['_force_polling']
-    end
-
     def asset_prefix
       self['_asset_prefix']
     end
 
+    def mounted_at
+      self['_mounted_at']
+    end
+
     def reload!
       load_config!
     end

data/lib/pieces/rails.rb

@@ -1,18 +1,19 @@
 require 'pieces/rails/railtie'
-require 'pieces/server'
 
 module Pieces
   class Rails
     def self.mount(config = {})
+      mounted_at = config.delete(:at)
+
       config = Config.new(config.merge(path: config[:path] || ::Rails.root,
-                                       'force_polling' => config[:force_polling]))
-      new(config).mount
+                                       '_mounted_at' => mounted_at))
+
+      { new(config).mount => mounted_at }
     end
 
     include Configurable
 
     def mount
-      Listener.new(config).listen
       Server.new(config).app
     end
   end

data/lib/pieces/rails/install_generator.rb

@@ -17,7 +17,7 @@ module Pieces
       end
 
       def mount_styleguide
-        route "mount Pieces::Rails.new.mount, at: '/styleguide' unless Rails.env.production?"
+        route "mount Pieces::Rails.mount(at: '/styleguide') unless Rails.env.production?"
       end
 
       def gitignore

data/lib/pieces/route_compiler.rb

@@ -9,7 +9,7 @@ module Pieces
     end
 
     def compile(files, name, route)
-      files.merge("#{name}.html" => { contents: yield_pieces(route), type: 'html' })
+      files.merge("#{name}.html" => { contents: yield_pieces(route), type: 'text/html' })
     end
 
     private
@@ -33,9 +33,7 @@ module Pieces
     end
 
     def compile_piece(piece, data)
-      view_model = ViewModel.new(data['_global'].merge(data))
-      view_model.env = config.env
-      view_model.asset_prefix = config.asset_prefix
+      view_model = ViewModel.new(data['_global'].merge(data).merge(config: config))
       ::Tilt.new(piece_path(piece)).render(view_model) { yield_pieces(data) }
     end
 
@@ -46,9 +44,6 @@ module Pieces
     end
 
     class ViewModel < OpenStruct
-      attr_accessor :env
-      attr_accessor :asset_prefix
-
       begin
         require 'action_view'
         include ActionView::Context
@@ -61,6 +56,14 @@ module Pieces
         _prepare_context if respond_to?(:_prepare_context)
       end
 
+      def asset_prefix
+        config.asset_prefix
+      end
+
+      def env
+        config.env
+      end
+
       def compute_asset_path(path, options = {})
         if env.resolve!(path)
           File.join(asset_prefix || '/assets', path)

data/lib/pieces/server.rb

@@ -1,7 +1,5 @@
 require 'rack'
-require 'listen'
 require 'sprockets'
-require 'pieces/listener'
 
 module Pieces
   class Server < Rack::Server
@@ -16,16 +14,24 @@ module Pieces
       super({})
     end
 
-    def start
-      Pieces::Listener.new(config).listen
-      super
-    end
-
     def sprockets_env
       Sprockets::Environment.new(config.path).tap do |env|
         env.append_path 'app/assets/javascripts'
         env.append_path 'app/assets/stylesheets'
+        env.append_path 'vendor/assets/stylesheets'
+        env.append_path 'vendor/assets/javascripts'
+        env.append_path 'app/assets'
+        env.append_path 'app/views'
         env.append_path 'app/views'
+
+        if defined? ::Sass
+          ::Sass.load_paths.each { |path| env.append_path(path) }
+          env.css_compressor = :scss
+        end
+
+        if defined? ::Uglifier
+          env.js_compressor = :uglify
+        end
       end
     end
 
@@ -33,12 +39,13 @@ module Pieces
       urls = files_to_serve(config.path)
       build_path = "#{config.path}/build"
       assets_app = sprockets_env
+      config.env = sprockets_env
+      app = App.new(config)
 
       Rack::Builder.app do
         use Rack::Reloader
-        map('/assets') { run assets_app } unless defined? ::Rails
-        use Rack::Static, urls: [''], root: build_path, index: 'index.html'
-        run Proc.new { |env| [404, {}, ['Not found']] }
+        map('/assets') { run assets_app }
+        run app
       end
     end
 

data/lib/pieces/version.rb

@@ -1,3 +1,3 @@
 module Pieces
-  VERSION = '0.5.1'
+  VERSION = '0.6.0'
 end

data/pieces.gemspec

@@ -19,7 +19,6 @@ Gem::Specification.new do |spec|
   spec.add_dependency 'tilt'
   spec.add_dependency 'thor'
   spec.add_dependency 'rack'
-  spec.add_dependency 'listen'
   spec.add_dependency 'sprockets'
 
   spec.add_development_dependency 'bundler'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pieces
 version: !ruby/object:Gem::Version
-  version: 0.5.1
+  version: 0.6.0
 platform: ruby
 authors:
 - Luke Morton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-08-23 00:00:00.000000000 Z
+date: 2015-08-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tilt
@@ -52,20 +52,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: listen
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: sprockets
   requirement: !ruby/object:Gem::Requirement
@@ -274,12 +260,38 @@ files:
 - ".rspec"
 - ".ruby-version"
 - ".travis.yml"
-- CODE_OF_CONDUCT.md
 - Gemfile
-- LICENSE.txt
 - README.md
 - Rakefile
 - bin/pieces
+- docs/README.md
+- docs/code_of_conduct.md
+- docs/contributing.md
+- docs/license.md
+- docs/pieces.yml.md
+- examples/README.md
+- examples/babel/Gemfile
+- examples/babel/app/assets/javascripts/app.js
+- examples/babel/app/assets/javascripts/components/article.es6
+- examples/babel/app/assets/javascripts/lazy.js
+- examples/babel/app/assets/manifest.js
+- examples/babel/app/assets/stylesheets/components/articles/article.scss
+- examples/babel/app/assets/stylesheets/components/articles/articles_introduction.scss
+- examples/babel/app/assets/stylesheets/components/branding.scss
+- examples/babel/app/assets/stylesheets/components/footer.scss
+- examples/babel/app/assets/stylesheets/components/html.scss
+- examples/babel/app/assets/stylesheets/components/page.scss
+- examples/babel/app/assets/stylesheets/critical.scss
+- examples/babel/app/assets/stylesheets/lazy.scss
+- examples/babel/app/views/application/branding.html.erb
+- examples/babel/app/views/application/footer.html.erb
+- examples/babel/app/views/application/header.html.erb
+- examples/babel/app/views/articles/article.html.erb
+- examples/babel/app/views/articles/articles_introduction.html.erb
+- examples/babel/app/views/layouts/pieces.html.erb
+- examples/babel/config/pieces.yml
+- examples/babel/vendor/assets/javascripts/load_css.js
+- examples/babel/vendor/assets/javascripts/webfontloader.js
 - examples/boilerplate/.gitignore
 - examples/boilerplate/Gemfile
 - examples/boilerplate/app/assets/stylesheets/components/header.css
@@ -356,13 +368,12 @@ files:
 - examples/rails_app/public/favicon.ico
 - examples/rails_app/public/robots.txt
 - lib/pieces.rb
-- lib/pieces/backtrace_formatter.rb
+- lib/pieces/app.rb
 - lib/pieces/builder.rb
 - lib/pieces/cli.rb
 - lib/pieces/config.rb
 - lib/pieces/configurable.rb
 - lib/pieces/generator.rb
-- lib/pieces/listener.rb
 - lib/pieces/publisher.rb
 - lib/pieces/rails.rb
 - lib/pieces/rails/install_generator.rb

data/lib/pieces/backtrace_formatter.rb

@@ -1,21 +0,0 @@
-module Pieces
-  class BacktraceFormatter
-    include Configurable
-
-    def format(exception)
-      output = ["Exception<#{exception.class.name}>: #{exception.message}"]
-      output << ''
-
-      begin
-        require 'rails'
-        trace = ::Rails.backtrace_cleaner.clean(exception.backtrace)
-      rescue LoadError => e
-        trace = exception.backtrace
-          # .delete_if { |line| !line.include?(config.path) }
-          # .map { |line| line.sub("#{config.path}/", '') }
-      end
-
-      output.concat(trace.map { |line| "     #{line}" }).join("\n")
-    end
-  end
-end

data/lib/pieces/listener.rb

@@ -1,50 +0,0 @@
-require 'pieces/backtrace_formatter'
-
-module Pieces
-  class Listener
-    def self.listen(config = {})
-      new(Config.new(config)).listen
-    end
-
-    include Configurable
-
-    def initialize(config = {})
-      super
-      build_pieces
-    end
-
-    def listen
-      Listen.to(*paths, force_polling: config.force_polling?) do
-        rebuild_pieces
-      end.tap(&:start)
-    end
-
-    private
-
-    def paths
-      ["#{config.path}/config", "#{config.path}/app/views"]
-    end
-
-    def backtrace_formatter
-      @backtrace_formatter ||= Pieces::BacktraceFormatter.new(config)
-    end
-
-    def build_pieces
-      Pieces::Builder.new(config).build
-    rescue => e
-      puts backtrace_formatter.format(e)
-      exit(1)
-    end
-
-    def rebuild_pieces
-      print "\nRebuilding #{File.basename(config.path)}... "
-      config.reload!
-      Pieces::Builder.new(config).build
-      puts 'done.'
-    rescue => e
-      puts 'an error occurred.'
-      puts ''
-      puts backtrace_formatter.format(e)
-    end
-  end
-end