middleman-sculptor 0.23 → 0.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d8a076e6340fdff4df5c95ef862403a32ba4c9ed
-  data.tar.gz: 094e5c93a918bc9de06096f58caafacff9269bd5
+  metadata.gz: 45fd0f603841d316da9f2340d714617d8abbaa27
+  data.tar.gz: aafd2681e9302073fd7f8c5d3b1f0c9ecc3fc4e6
 SHA512:
-  metadata.gz: 12d5cd04fa594ded0e24c7979cbd3d2aa52d5d000ef8ec250ef355562877a11a524ee18fa4dc1807e3480081b543e971ec098727ce5e2bdd7fdc07682847d0b4
-  data.tar.gz: 891d8168ffda53b8ae98fbb54a91dd2233c52e5ddfa10774fe6ed86ca5b1cbb6c299195df492f41bf02bf24baed94c608ad55ee0836a6e20c4891bb4d229f004
+  metadata.gz: 8525b97bce54f935809577f2c6a2098a5b2d0d0e6b4e330cc03246d967e48d840e6a0d74f663ffe730db1f1095387bf255ed640eeb9fedc39084a36e2e934034
+  data.tar.gz: c072b875290dbc23615a059468befe18ad45fb42697e3c598aed3916b18b521bd75bf8df57df58f8e9cee37fd05be238773e83368800219445b5e91d7affcf7a

data/README.md

@@ -0,0 +1,242 @@
+# Middleman Sculptor
+
+[Middleman](https://middlemanapp.com/) extension for creation of interactive styleguides and code examples.
+
+## Installation
+
+    $ gem install middleman-sculptor
+
+## Usage
+
+Middleman Sculptor has an excecutable `middleman-sculptor`. It is also aliased to `sculpt`.
+
+To see the list of available commands run `sculpt help`. Sculptor extends [Middleman](https://github.com/middleman/middleman) so all Middleman commands also apply, although they currently do not appear under the `sculptor help` command.
+
+### New project
+
+To start a new project:
+
+    $ middleman-sculptor init project-name
+
+This will create a new directory `project-name` with templates for a new styleguide. It also installs Ruby and NPM dependencies.
+
+Aliases: `i` and `n`.
+
+### Configuring external Sass load paths and assets
+
+Middleman Sculptor uses [Webpack](https://webpack.github.io/) to bundle up its JavaScript. This allows writing JS in CommonJS or AMD style. Then JS is passed to Asset Pipiline to be served.
+
+To use an NPM JS Library just `npm install` it and Webpack will pick it up. To use Sass library or make images discoverable by Asset Pipeline (e.g. [Mojular GOV.UK Elements](https://github.com/mojular/govuk-elements)) add relevant paths to `Sass.load_paths` and Sprockets in `config.rb`:
+
+```ruby
+# Sass load paths
+govuk_elements_path = File.join(root, 'node_modules/mojular-govuk-elements')
+JSON.parse(IO.read("#{govuk_elements_path}/package.json"))['paths']['sass'].each do |p|
+  Sass.load_paths << File.expand_path("#{govuk_elements_path}/#{p}")
+end
+
+# Sprockets
+ready do
+  moj_images = File.join(root, 'node_modules', 'mojular-govuk-elements', 'assets', 'images')
+  sprockets.append_path moj_images
+
+  Dir.chdir(moj_images) do
+    Dir['**/*.{js,png,jpg}'].each do |asset|
+      sprockets.import_asset(asset)
+    end
+  end
+end
+```
+
+#### Project structure
+
+When Sculptor generates a new project it adds a few files and directories that are used for the styleguide UI. They are called or prefixed with the word *glyptotheque* and can be edited to customise the look and feel of the styleguide.
+
+### Existing project
+
+To update Sculptor in an existing project run `middleman-sculptor init` in the project folder. It's recommended to have the existing project in a version control system so that any conflicting local changes can be easily reapplied.
+
+
+### Running local server
+
+Bundle up JavaScript using Webpack:
+
+    $ node_modules/.bin/webpack
+
+Or install it globally `npm install -g webpack` and run using `webpack` command. You can leave it running in another terminal tab `webpack --watch`.
+
+During the development run local [Middleman server](https://middlemanapp.com/basics/development_cycle/):
+
+    $ middleman server
+
+`server` is optional and is the default command so can be omitted.
+
+*Recommended* way is to run both using [Foreman](https://github.com/ddollar/foreman) (included in Gemfile):
+
+    $ foreman start
+
+This will launch Middleman server and Webpack watch together.
+
+
+## Creating a styleguide
+
+A styleguide is a collection of html snippets called **models**. Sculptor extends Middleman with several new helpers and templates that wrap these snippets.
+
+Middleman supports a [number of templates](https://middlemanapp.com/basics/template_engine_options/) so any ERB, Haml or Slim should all work the same but it's mostly been tested with Slim.
+
+To start, create a new page anywhere in `source` directory. It should have a [Frontmatter](https://middlemanapp.com/basics/frontmatter/) with at least one property `title`.
+
+Let's say we create a new page `source/button.html.slim`
+
+```slim
+---
+title: Button
+---
+
+= model
+  button Click me
+```
+
+Now if we run `middleman server` and go to http://localhost:4567/, we'll see a menu in the left-hand side sidebar with *Button* entry. There is also a box in the main section called *Button*. They both link to our new page.
+
+<img src=docs/styleguide-index.png width=800>
+
+The Button page shows the model, and toggles to show its source and structure outline.
+
+<img src=docs/styleguide-page.png width=800>
+
+Each additional model will appear on the page and can be mixed with any other HTML. For example, documentation on usage of a particular component.
+
+NB: Due to the way Sculptor extracts models from template to make them accessible by URLs, some pages may require a server restart after they are added/renamed.
+
+
+## Adding stylesheets
+
+Sculptor uses Sass by default but other CSS preprocessors or vanilla CSS can be used.
+
+Styles can be placed in the same directory as the HTML file, or in the `assets` directory. To ensure the styles properly integrate with the assets pipeline, it's recommended to place styles in the `assets/styles` directory or anywhere within the `source` directory as long as they are in subdirectory called `styles`. Then the Sass can correctly import other stylesheets (including external dependencies) and find images.
+
+Let's create a new stylesheet for our button. Create a new file `source/styles/generic.scss` with the following contents:
+
+```scss
+button {
+  padding: 20px;
+  background: #ddd;
+  font-size: 1em;
+  border: 0;
+}
+```
+
+To include this stylesheet in the file add the `stylesheet` property to file's Frontmatter:
+
+```yaml
+---
+title: Button
+stylesheet: styles/generic
+---
+```
+
+The path is relative to the file's location. It can also include relative paths (e.g. `../another-directory/style.scss`). To use `source` directory as root start path with `/` (e.g. `/styles/generic.scss`).
+
+The property can also be called `stylesheets` and include a list of files, either comma-separated or list separated, e.g.:
+
+```yaml
+stylesheets: base, form, footer
+```
+
+```yaml
+stylesheets:
+  - base
+  - form
+  - footer
+```
+
+## Adding JavaScript
+
+Similarly to styles, JS files can be injected.
+
+```yaml
+javascript: js/button.js
+```
+
+## Models
+
+Each page can contain any number of *models*, the extracts of HTML that are rendered on HTML page several treatments:
+
+- The snippet is rendered on HTML page in a special container  
+  <img src=docs/styleguide-model.png width=400>  
+
+- It has an **Outline** toggle that shows the structure of the HTML snippet
+  <img src=docs/styleguide-outline.png width=400>  
+
+- It has an **HTML Source** toggle that shows the HTML snippet code
+  <img src=docs/styleguide-html.png width=400>  
+
+There are two types of models: **inline** and **iframe**.
+
+### Inline models
+
+Good for rendering isolated components which styles are scoped in components selector and don't affect the rest of the page.
+
+This is a standard model helper. It renders its contents and styles directly in the page.
+
+[Slim Template Language](https://github.com/slim-template/slim) also parses standard HTML which makes it great for quickly generating pages. Although currently Slim minifies rendered HTML. Slim also allows [embedding of other languages](https://github.com/slim-template/slim#embedded-engines-markdown-). I recommend embedding your code in `erb:`
+
+```slim
+= model
+  erb:
+    <h1 class="page-title">Sculptor</h1>
+```
+
+This way the white spaces are preserved.
+
+### iframe models
+
+When the embedded styles or JS need to be encapsulated, use iframe model. It will render its contents in the iframe and resize appropriately.
+
+The first parameter is required and used to generate a file for each model which is used as iframe source.
+
+This model also adds an **isolate** button which links to those individual files, allowing you to view each component on its own without any of Sculptor's UI.
+
+```slim
+= model 'title',
+  iframe: true
+  erb:
+    <h1 class="page-title">Sculptor</h1>
+```
+
+Or using an alias:
+
+```slim
+= imodel 'title'
+  erb:
+    <h1 class="page-title">Sculptor</h1>
+```
+
+### Remote grab
+
+Model can also have a remote source.
+
+```slim
+= imodel 'bbc',
+  url: 'http://www.bbc.co.uk/',
+  css: '#h4weather'
+```
+
+- `url` points to any public webpage (JS is not loaded)  
+- `css` grabs only the specified CSS selector. If multiple elements match, they are all returned. To pick a specific element within multiple returned, select it by the 0-index (separate selector from index by at least 1 space): `css: 'h2 #2'`
+
+It's also possible to include remote CSS and JS.
+
+```yaml
+---
+stylesheet: http://static.bbci.co.uk/h4weather/0.82.2/style/h4weather.css
+javascript: http://code.jquery.com/jquery-2.1.4.min.js
+---
+```
+
+---
+
+### Examples
+
+- [Playground for GOV.UK elements](http://ministryofjustice.github.io/bower-playground/)

data/bin/middleman-sculptor

@@ -2,6 +2,7 @@
 
 $LOAD_PATH << File.expand_path('../lib', __FILE__)
 
-require 'middleman-sculptor'
+require "middleman-core/load_paths"
+require 'middleman-sculptor/cli'
 
 Middleman::Sculptor::Cli::Base.start

data/bin/sculpt

@@ -2,6 +2,7 @@
 
 $LOAD_PATH << File.expand_path('../lib', __FILE__)
 
-require 'middleman-sculptor'
+require "middleman-core/load_paths"
+require 'middleman-sculptor/cli'
 
 Middleman::Sculptor::Cli::Base.start

data/lib/middleman-sculptor.rb

@@ -4,12 +4,6 @@ require 'middleman-sculptor/cli'
 require 'middleman-sculptor/resource_patch'
 require 'middleman-sculptor/sprockets_patch'
 
-begin
-  require "middleman-sculptor/template"
-rescue LoadError
-  # v4
-end
-
 ::Middleman::Extensions.register(:sculptor) do
   require 'middleman-sculptor/extension'
   ::Middleman::SculptorExtension

data/lib/middleman-sculptor/cli.rb

@@ -1,56 +1,29 @@
-require 'middleman-core/cli'
-
-require 'middleman-sculptor/cli/version'
-require 'middleman-sculptor/cli/init'
-
-module Middleman::Sculptor::Cli
-  class Base < Thor
-    @@middleman_classes = []
-
-    def self.exit_on_failure?
-      true
-    end
-
-    def self.add_middleman_task(klass)
-      klass.namespace "sculptor_#{klass.namespace}"
-      @@middleman_classes << klass
-    end
-
-    add_middleman_task Middleman::Cli::Init
-    # add_middleman_task Middleman::Cli::Server
+require 'thor'
+require 'middleman-core/version'
+require 'middleman-sculptor/version'
+begin
+  # v4
+  require 'middleman-cli'
+  $template_name = 'tyom/middleman-templates-sculptor#wip'
+rescue LoadError
+  require 'middleman-core/cli'
+  require 'middleman-sculptor/template'
+  $template_name = :sculptor
+end
 
-    def help(meth=nil, subcommand=false)
-      if meth && !self.respond_to?(meth)
-        klass, task = Thor::Util.find_class_and_task_by_namespace("sculptor_#{meth}:#{meth}")
-        klass.start(['-h', task].compact, shell: shell)
-      else
-        list = []
-        sculptor_classes = Thor::Util.thor_classes_in(Middleman::Sculptor::Cli)
-        classes = @@middleman_classes + sculptor_classes
-        classes.each do |thor_class|
-          list += thor_class.printable_tasks(false)
+module Middleman
+  module Sculptor
+    module Cli
+      class Base < Thor
+        desc 'version', 'Show version'
+        def version
+          say "Sculptor #{Middleman::Sculptor::VERSION} (Middleman #{Middleman::VERSION})"
         end
-        list.sort! { |a, b| a[0] <=> b[0] }
-
-        shell.say 'Tasks:'
-        shell.print_table(list, indent: 2, truncate: true)
-        shell.say
-      end
-    end
 
-    # Intercept missing methods and search subtasks for them
-    # @param [Symbol] meth
-    def method_missing(meth, *args)
-      meth = meth.to_s
-      meth = self.class.map[meth] if self.class.map.key?(meth)
-
-      klass, task = Thor::Util.find_class_and_task_by_namespace("sculptor_#{meth}:#{meth}")
-
-      if klass.nil?
-        raise Thor::Error, "Command '#{meth}' not found. Try 'middleman-sculptor help' for a list of commands."
-      else
-        args.unshift(task) if task
-        klass.start(args, shell: shell)
+        desc 'init', 'Initialize new Sculptor project'
+        def init(target='.')
+          invoke ::Middleman::Cli::Init, [:init, target], template: $template_name
+        end
       end
     end
   end

data/lib/middleman-sculptor/template.rb

@@ -19,18 +19,16 @@ module Middleman
         template 'config.tt', File.join(location, 'config.rb')
         copy_file '.gitignore', File.join(location, '.gitignore')
         copy_file '.editorconfig', File.join(location, '.editorconfig')
-        copy_file '.bowerrc', File.join(location, '.bowerrc')
-        copy_file 'bower.json', File.join(location, 'bower.json')
+        copy_file 'Procfile', File.join(location, 'Procfile')
+        copy_file 'package.json', File.join(location, 'package.json')
+        copy_file 'webpack.config.js', File.join(location, 'webpack.config.js')
 
         directory 'source', File.join(location, 'source')
         directory 'data', File.join(location, 'data')
       end
 
-      def handle_bower
-        # Install Bower if necessary
-        run("command -v bower >/dev/null 2>&1 || npm install -g bower")
-        # Install dependencies
-        run("cd #{location}; bower install")
+      def run_npm
+        run("cd #{location}; npm install")
       end
     end
   end

data/lib/middleman-sculptor/template/.gitignore

@@ -1,2 +1,4 @@
-bower_components
+bower_components/
+node_modules/
 build/
+*.bundle.js

data/lib/middleman-sculptor/template/Gemfile.tt

@@ -1,12 +1,13 @@
 # If you have OpenSSL installed, we recommend updating
 # the following line to use "https"
-source 'http://rubygems.org'
+source 'https://rubygems.org'
 
 gem 'middleman', '~> <%= Middleman::VERSION %>'
 gem 'middleman-sculptor', '~> <%= Middleman::Sculptor::VERSION %>'
-gem 'middleman-livereload', '~> 3.4.2'
-gem 'middleman-deploy', '~> 1.0.0'
+gem 'middleman-livereload'
+gem 'middleman-deploy'
 gem 'middleman-autoprefixer'
 gem 'middleman-syntax'
 gem 'bourbon'
 gem 'breakpoint'
+gem 'foreman'

data/lib/middleman-sculptor/template/Procfile

@@ -0,0 +1,2 @@
+web: middleman server
+webpack: node_modules/.bin/webpack --watch

data/lib/middleman-sculptor/template/config.tt

@@ -65,43 +65,12 @@ activate :autoprefixer
 # helpers do
 # end
 
-<% if options[:css_dir] -%>
-set :css_dir, '<%= options[:css_dir] -%>'
-<% else -%>
-# Change the CSS directory
-# set :css_dir, "alternative_css_directory"
-<% end -%>
-<% if options[:js_dir] -%>
-set :js_dir, '<%= options[:js_dir] -%>'
-<% else -%>
-# Change the JS directory
-# set :js_dir, "alternative_js_directory"
-<% end -%>
-<% if options[:images_dir] -%>
-set :images_dir, '<%= options[:images_dir] -%>'
-<% else -%>
-# Change the images directory
-# set :images_dir, "alternative_image_directory"
-<% end -%>
+set :css_dir, 'assets/styles'
+set :js_dir, 'assets/scripts'
+set :images_dir, 'assets/images'
 
 set :relative_links, true
 
-bowerrc_dir = JSON.parse(IO.read("#{root}/.bowerrc"))['directory']
-
-# Compass configuration
-compass_config do |config|
-  config.sass_options = {
-    quiet: true
-  }
-  # For Style Guide CSS sources
-  # config.output_style = :expanded
-end
-
-# Sprockets
-ready do
-  sprockets.append_path(File.join(root, bowerrc_dir))
-end
-
 Slim::Engine.disable_option_validator!
 Slim::Engine.set_options pretty: true
 Slim::Engine.set_options attr_list_delims: { '(' => ')', '[' => ']' }

data/lib/middleman-sculptor/template/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "glyptotheque",
+  "private": true,
+  "dependencies": {
+    "angular": "^1.4.7",
+    "iframe-resizer": "^3.4.2",
+    "lodash": "^3.10.1",
+    "mousetrap": "^1.5.3",
+    "store": "^1.3.17"
+  },
+  "devDependencies": {
+    "expose-loader": "^0.7.0",
+    "webpack": "^1.12.2"
+  }
+}

data/lib/middleman-sculptor/template/source/{assets/scripts/glyptotheque/directives.js → glyptotheque/app.js}

@@ -1,4 +1,8 @@
-angular.module('directives', [])
+var angular = require('angular');
+var Mousetrap = require('mousetrap');
+var iFrameResize = require('iframe-resizer').iframeResizer;
+
+angular.module('glyptotheque', [])
 
   .directive('glyptoModel', function($compile, $http, $templateCache) {
     return {
@@ -116,12 +120,17 @@ angular.module('directives', [])
 
         $scope.$watch('navIsHidden', function() {
           if(iframe.contentWindow.parentIFrame) {
-            // compensata for nav transition
+            // compensate for nav transition
             setTimeout(function() {
               iframe.contentWindow.parentIFrame.size();
-            }, 400)
+            }, 400);
           }
         });
       }
     };
   });
+
+iFrameResize({
+  enablePublicMethods: true,
+  heightCalculationMethod: 'lowestElement'
+});

data/lib/middleman-sculptor/template/source/{assets/styles/glyptotheque → glyptotheque/styles}/_base.scss

@@ -6,10 +6,13 @@
   }
 }
 
+html {
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+
 body {
   padding: 0;
   margin: 0;
-  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
   min-height: 100%;
 }
 

data/lib/middleman-sculptor/template/source/{assets/styles/glyptotheque → glyptotheque/styles}/_model.scss

@@ -1,4 +1,4 @@
-@import 'pygments/github';
+@import 'pygments/github.css';
 
 .glypto-model {
   $_transition: 400ms ease-out 700ms;

data/lib/middleman-sculptor/template/source/glyptotheque/styles/main.scss

@@ -0,0 +1,10 @@
+@import 'bourbon';
+@import 'breakpoint';
+
+@import '$variables';
+@import 'base';
+@import 'nav';
+@import 'model';
+@import 'model-utils';
+@import 'html-outline';
+@import 'codehilite';

data/lib/middleman-sculptor/template/source/layouts/glyptotheque.slim

@@ -1,7 +1,8 @@
 - content_for :page_title,  page_title
 - content_for :ng_app,      'glyptotheque'
-- content_for :stylesheets, stylesheet_link_tag('glyptotheque')
+- content_for :stylesheets, stylesheet_link_tag('/glyptotheque/styles/main')
 - content_for :body_class,  "section-#{get_section_of_resource(current_page).slug}"
+- content_for :javascripts,  javascript_include_tag('glyptotheque/scripts/glyptotheque.bundle')
 
 = wrap_layout :layout do
   - if resource_tree('/').any?

data/lib/middleman-sculptor/template/source/layouts/isolated.slim

@@ -19,7 +19,7 @@ html
   body class="#{yield_content(:body_class)}"
     = current_model.html
 
-    = javascript_include_tag  'iframe-js'
+    = javascript_include_tag  'glyptotheque/scripts/iframe-content-window.bundle'
     = yield_content :javascripts
     - if current_resource.metadata.options.iframe
       = include_javascripts(current_model[:javascript] || current_page.data.javascripts || current_page.data.javascript)

data/lib/middleman-sculptor/template/source/layouts/layout.slim

@@ -5,13 +5,11 @@ html ng-app=(yield_content(:ng_app))
     title = yield_content :page_title
     meta name='viewport' content='width=device-width'
     = stylesheet_link_tag '//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css'
-    - content_for :stylesheets,  stylesheet_link_tag('app')
     = yield_content :stylesheets
-    = javascript_include_tag 'head-js'
+    = javascript_include_tag 'glyptotheque/scripts/store.bundle'
 
   body class="#{yield_content(:body_class)}"
     = yield
 
     = yield_content :javascripts
-    = javascript_include_tag  'app'
     = yield_content :post_body

data/lib/middleman-sculptor/template/webpack.config.js

@@ -0,0 +1,33 @@
+var webpack = require("webpack");
+
+module.exports = {
+  entry: {
+    'iframe-content-window': 'iframeContentWindow',
+    glyptotheque: './source/glyptotheque/app.js',
+    main: './source/assets/scripts/main.js',
+    store: 'store',
+  },
+  output: {
+    path: './source/glyptotheque/scripts',
+    filename: '[name].bundle.js'
+  },
+  module: {
+    loaders: [
+      { include: /\.json$/, loaders: ['json-loader'] },
+      { include: /store\.js$/, loader: 'expose?store' }
+    ]
+  },
+  resolve: {
+    alias: {
+      'iframeContentWindow': './node_modules/iframe-resizer/js/iframeResizer.contentWindow.min.js'
+    },
+    modulesDirectories: [
+      'node_modules',
+      'node_modules/mojular/node_modules'
+    ],
+    extensions: ['', '.json', '.js']
+  },
+  plugins: [
+    new webpack.optimize.DedupePlugin()
+  ]
+};

data/lib/middleman-sculptor/version.rb

@@ -1,5 +1,5 @@
 module Middleman
   module Sculptor
-    VERSION = "0.23"
+    VERSION = '0.24'
   end
 end

data/middleman-sculptor.gemspec

@@ -20,10 +20,10 @@ Gem::Specification.new do |s|
   s.require_paths = ['lib']
   s.required_ruby_version = '>= 1.9.3'
 
-  s.add_dependency 'middleman-core', '~> 3.3'
+  s.add_dependency 'middleman-core', '~> 3.4'
   s.add_dependency 'middleman-sprockets', '~> 3.4'
   s.add_dependency 'rest-client', '>= 1.7.3'
-  s.add_dependency "nokogiri", [">= 1.6", "< 2.0"]
+  s.add_dependency 'nokogiri', ['>= 1.6', '< 2.0']
   s.add_dependency 'oj', '~> 2.10.2'
   s.add_dependency 'slim', '>= 3.0'
   s.add_dependency 'pry'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: middleman-sculptor
 version: !ruby/object:Gem::Version
-  version: '0.23'
+  version: '0.24'
 platform: ruby
 authors:
 - Tyom Semonov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-07-20 00:00:00.000000000 Z
+date: 2015-10-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: middleman-core
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.4'
 - !ruby/object:Gem::Dependency
   name: middleman-sprockets
   requirement: !ruby/object:Gem::Requirement
@@ -127,13 +127,17 @@ files:
 - ".gitignore"
 - Gemfile
 - LICENCE.md
+- README.md
 - Rakefile
 - bin/middleman-sculptor
 - bin/sculpt
+- docs/styleguide-html.png
+- docs/styleguide-index.png
+- docs/styleguide-model.png
+- docs/styleguide-outline.png
+- docs/styleguide-page.png
 - lib/middleman-sculptor.rb
 - lib/middleman-sculptor/cli.rb
-- lib/middleman-sculptor/cli/init.rb
-- lib/middleman-sculptor/cli/version.rb
 - lib/middleman-sculptor/extension.rb
 - lib/middleman-sculptor/hash_dot_syntax.rb
 - lib/middleman-sculptor/helpers/model.rb
@@ -142,45 +146,41 @@ files:
 - lib/middleman-sculptor/resource_patch.rb
 - lib/middleman-sculptor/sprockets_patch.rb
 - lib/middleman-sculptor/template.rb
-- lib/middleman-sculptor/template/.bowerrc
 - lib/middleman-sculptor/template/.editorconfig
 - lib/middleman-sculptor/template/.gitignore
 - lib/middleman-sculptor/template/Gemfile.tt
-- lib/middleman-sculptor/template/bower.json
+- lib/middleman-sculptor/template/Procfile
 - lib/middleman-sculptor/template/config.tt
 - lib/middleman-sculptor/template/data/.gitkeep
+- lib/middleman-sculptor/template/package.json
 - lib/middleman-sculptor/template/source/assets/images/.gitkeep
-- lib/middleman-sculptor/template/source/assets/scripts/app.js
-- lib/middleman-sculptor/template/source/assets/scripts/glyptotheque.js
-- lib/middleman-sculptor/template/source/assets/scripts/glyptotheque/controllers.js
-- lib/middleman-sculptor/template/source/assets/scripts/glyptotheque/directives.js
-- lib/middleman-sculptor/template/source/assets/scripts/glyptotheque/services.js
-- lib/middleman-sculptor/template/source/assets/scripts/head-js.js
-- lib/middleman-sculptor/template/source/assets/scripts/iframe-js.js
-- lib/middleman-sculptor/template/source/assets/styles/app.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_$variables.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_base.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_codehilite.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_html-outline.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_model-utils.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_model.scss
-- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_nav.scss
-- lib/middleman-sculptor/template/source/assets/styles/pygments/borland.css
-- lib/middleman-sculptor/template/source/assets/styles/pygments/colorful.css
-- lib/middleman-sculptor/template/source/assets/styles/pygments/github.css
-- lib/middleman-sculptor/template/source/assets/styles/pygments/trac.css
+- lib/middleman-sculptor/template/source/assets/scripts/main.js
+- lib/middleman-sculptor/template/source/assets/styles/main.scss
 - lib/middleman-sculptor/template/source/glyptotheque/_model-outline-element.slim
 - lib/middleman-sculptor/template/source/glyptotheque/_model-outline.slim
 - lib/middleman-sculptor/template/source/glyptotheque/_model-utils.slim
 - lib/middleman-sculptor/template/source/glyptotheque/_model.slim
 - lib/middleman-sculptor/template/source/glyptotheque/_nav.slim
+- lib/middleman-sculptor/template/source/glyptotheque/app.js
 - lib/middleman-sculptor/template/source/glyptotheque/directory-index.html.slim
 - lib/middleman-sculptor/template/source/glyptotheque/site-index.html.slim
 - lib/middleman-sculptor/template/source/glyptotheque/sitemap.json.erb
+- lib/middleman-sculptor/template/source/glyptotheque/styles/_$variables.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/_base.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/_codehilite.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/_html-outline.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/_model-utils.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/_model.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/_nav.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/main.scss
+- lib/middleman-sculptor/template/source/glyptotheque/styles/pygments/borland.css
+- lib/middleman-sculptor/template/source/glyptotheque/styles/pygments/colorful.css
+- lib/middleman-sculptor/template/source/glyptotheque/styles/pygments/github.css
+- lib/middleman-sculptor/template/source/glyptotheque/styles/pygments/trac.css
 - lib/middleman-sculptor/template/source/layouts/glyptotheque.slim
 - lib/middleman-sculptor/template/source/layouts/isolated.slim
 - lib/middleman-sculptor/template/source/layouts/layout.slim
+- lib/middleman-sculptor/template/webpack.config.js
 - lib/middleman-sculptor/version.rb
 - lib/middleman_extension.rb
 - middleman-sculptor.gemspec

data/lib/middleman-sculptor/cli/init.rb

@@ -1,15 +0,0 @@
-require 'middleman-core/cli'
-
-module Middleman::Cli
-  class Init < Thor
-    def init(name='.')
-      key = :sculptor
-      unless ::Middleman::Templates.registered.key?(key)
-        raise Thor::Error, "Unknown project template '#{key}'"
-      end
-
-      thor_group = ::Middleman::Templates.registered[key]
-      thor_group.new([name], options).invoke_all
-    end
-  end
-end

data/lib/middleman-sculptor/cli/version.rb

@@ -1,12 +0,0 @@
-require 'middleman-sculptor/version'
-
-module Middleman::Sculptor::Cli
-  class Version < Thor
-    namespace :sculptor_version
-
-    desc 'version', 'Show version'
-    def version
-      say "Sculptor #{Middleman::Sculptor::VERSION} (Middleman #{Middleman::VERSION})"
-    end
-  end
-end

data/lib/middleman-sculptor/template/.bowerrc

@@ -1,3 +0,0 @@
-{
-  "directory" : "bower_components"
-}

data/lib/middleman-sculptor/template/bower.json

@@ -1,12 +0,0 @@
-{
-  "name": "sculptor",
-  "version": "0.0.1",
-  "private": "true",
-  "dependencies": {
-    "angular": "~1.2.16",
-    "lodash": "*",
-    "mousetrap": "~1.4.6",
-    "store": "~2.1.6",
-    "iframe-resizer": "~2.8.6"
-  }
-}

data/lib/middleman-sculptor/template/source/assets/scripts/app.js

@@ -1,6 +0,0 @@
-//= require angular
-//= require lodash
-//= require iframe-resizer/js/iframeResizer.min
-//= require mousetrap/mousetrap.min
-
-//= require glyptotheque

data/lib/middleman-sculptor/template/source/assets/scripts/glyptotheque.js

@@ -1,8 +0,0 @@
-//= require_tree ./glyptotheque
-
-angular.module('glyptotheque', ['directives', 'controllers', 'services']);
-
-iFrameResize({
-  enablePublicMethods: true,
-  heightCalculationMethod: 'lowestElement'
-});

data/lib/middleman-sculptor/template/source/assets/scripts/glyptotheque/controllers.js

@@ -1 +0,0 @@
-angular.module('controllers', []);

data/lib/middleman-sculptor/template/source/assets/scripts/glyptotheque/services.js

@@ -1 +0,0 @@
-angular.module('services', []);

data/lib/middleman-sculptor/template/source/assets/scripts/head-js.js

@@ -1 +0,0 @@
-//= require store

data/lib/middleman-sculptor/template/source/assets/scripts/iframe-js.js

@@ -1 +0,0 @@
-//= require iframe-resizer/js/iframeResizer.contentWindow.min

data/lib/middleman-sculptor/template/source/assets/styles/glyptotheque.scss

@@ -1,10 +0,0 @@
-@import 'bourbon';
-@import 'breakpoint';
-
-@import 'glyptotheque/$variables';
-@import 'glyptotheque/base';
-@import 'glyptotheque/nav';
-@import 'glyptotheque/model';
-@import 'glyptotheque/model-utils';
-@import 'glyptotheque/html-outline';
-@import 'glyptotheque/codehilite';