middleman-sculptor 0.3

data/lib/middleman-sculptor/resource_patch.rb

@@ -0,0 +1,49 @@
+require 'middleman-core/sitemap/resource'
+# This method is patched to make Middleman output the correct path
+# when rendering multiple pages via proxy
+module Middleman
+  module Sitemap
+    class Resource
+      # Render this resource
+      # @return [String]
+      def render(opts={}, locs={}, &block)
+        return app.template_data_for_file(source_file) unless template?
+
+        relative_source = Pathname(source_file).relative_path_from(Pathname(app.root))
+
+        instrument 'render.resource', path: relative_source, destination_path: destination_path  do
+          md   = metadata.dup
+          opts = md[:options].deep_merge(opts)
+
+          # Pass "renderer_options" hash from frontmatter along to renderer
+          if md[:page]['renderer_options']
+            opts[:renderer_options] = {}
+            md[:page]['renderer_options'].each do |k, v|
+              opts[:renderer_options][k.to_sym] = v
+            end
+          end
+
+          locs = md[:locals].deep_merge(locs)
+
+          # Forward remaining data to helpers
+          app.data.store('page', md[:page]) if md.key?(:page)
+
+          blocks = Array(md[:blocks]).dup
+          blocks << block if block_given?
+
+          # PATCH
+          # reset app.current_path to current resource on each render
+          # so that a prerendered resource has the correct mappings to original resource
+          app.current_path = destination_path
+
+          # Certain output file types don't use layouts
+          unless opts.key?(:layout)
+            opts[:layout] = false if %w(.js .json .css .txt).include?(ext)
+          end
+
+          app.render_template(source_file, locs, opts, blocks)
+        end
+      end
+    end
+  end
+end

data/lib/middleman-sculptor/sprockets_patch.rb

@@ -0,0 +1,48 @@
+require 'middleman-sprockets/extension'
+
+module Middleman
+  class SprocketsExtension < Extension
+    def after_configuration
+      ::Tilt.register ::Sprockets::EjsTemplate, 'ejs'
+      ::Tilt.register ::Sprockets::EcoTemplate, 'eco'
+      ::Tilt.register ::Sprockets::JstProcessor, 'jst'
+
+      if app.respond_to?(:template_extensions)
+        app.template_extensions :jst => :js, :eco => :js, :ejs => :js
+      end
+
+      if app.config.defines_setting?(:debug_assets) && !options.setting(:debug_assets).value_set?
+        options[:debug_assets] = app.config[:debug_assets]
+      end
+
+      config_environment = @environment
+      debug_assets = !app.build? && options[:debug_assets]
+      @environment = ::Middleman::Sprockets::Environment.new(app, :debug_assets => debug_assets)
+      config_environment.apply_to_environment(@environment)
+
+      append_paths_from_gems
+      import_images_and_fonts_from_gems
+
+      # Setup Sprockets Sass options
+      if app.config.defines_setting?(:sass)
+        app.config[:sass].each { |k, v| ::Sprockets::Sass.options[k] = v }
+      end
+
+      # Intercept requests to /javascripts and /stylesheets and pass to sprockets
+      our_sprockets = self.environment
+
+      [app.config[:js_dir], app.config[:css_dir], app.config[:images_dir], app.config[:fonts_dir]].each do |dir|
+        app.map("/#{dir}") { run our_sprockets }
+      end
+
+      # PATCH: Pass any `scripts` directory in `source` through Sprockets
+      Dir.glob("#{app.root}/**/scripts").each do |dir|
+        relative_dir = (dir.split('/') - (app.root.split('/') << app.source)).join('/')
+        if app.config[:js_dir] != relative_dir
+          our_sprockets.append_path(dir) # Append custom JS path into our sprockets path
+          app.map("/#{relative_dir}") { run our_sprockets }
+        end
+      end
+    end
+  end
+end

data/lib/middleman-sculptor/template.rb

@@ -0,0 +1,39 @@
+require 'middleman-core/templates'
+
+module Middleman
+  module Sculptor
+    class Template < Middleman::Templates::Base
+      class_option 'css_dir', default: 'assets/styles'
+      class_option 'js_dir', default: 'assets/scripts'
+      class_option 'images_dir', default: 'assets/images'
+
+      def self.source_root
+        File.join(File.dirname(__FILE__), 'template')
+      end
+
+      def self.gemfile_template
+        'Gemfile.tt'
+      end
+
+      def build_scaffold
+        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')
+
+        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")
+      end
+    end
+  end
+end
+
+Middleman::Templates.register(:sculptor, Middleman::Sculptor::Template)

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

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

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

@@ -0,0 +1,10 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

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

@@ -0,0 +1,2 @@
+bower_components
+build/

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

@@ -0,0 +1,11 @@
+# If you have OpenSSL installed, we recommend updating
+# the following line to use "https"
+source 'http://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-autoprefixer'
+gem 'middleman-syntax'
+gem 'bourbon'

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

@@ -0,0 +1,12 @@
+{
+  "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/config.tt

@@ -0,0 +1,149 @@
+###################
+# Page options, layouts, aliases and proxies
+###################
+
+# With alternative layout
+page '/**',     layout: 'glyptotheque'
+# With no layout
+page "/glyptotheque/*", layout: false, directory_index: false
+page '*.css',   layout: false
+page '*.js',    layout: false
+page '*.json',  layout: false
+
+# Proxy default site index to Glyptotheque index template
+proxy 'index.html', 'glyptotheque/site-index.html'
+proxy 'sitemap.json', 'glyptotheque/sitemap.json'
+
+ready do
+  last_dir = nil
+  # Prerender resources to populate models
+  resources = resources_for('/', exclude_indexes: true, allow_hidden: true).each do |r|
+    r.render
+  end
+
+  # Create mappings for isolated component pages (iframe embeddable)
+  resources.each do |r|
+    # Create virtual index files
+    dir = File.dirname(r.path)
+    index_exists = !!sitemap.find_resource_by_path("#{dir}/index.html")
+    if last_dir != dir && !index_exists
+      proxy "#{dir}/index.html", 'glyptotheque/directory-index.html', locals: {
+        name: dir
+      }
+      last_dir = dir
+    end
+
+    if r.metadata[:models]
+      r.metadata.models.each do |id, model|
+        proxy "#{r.path.sub(r.ext, '')}-#{id}-isolated.html",
+          r.path,
+          layout: 'isolated',
+          id: id
+      end
+    end
+  end
+end
+
+activate :sculptor
+activate :syntax, css_class: 'codehilite'
+activate :autoprefixer
+
+###################
+# Helpers
+###################
+
+# 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 :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: { '(' => ')', '[' => ']' }
+
+# Development-secific configuration
+configure :development do
+  activate :livereload, no_swf: true
+end
+
+# Build-specific configuration
+configure :build do
+  compass_config do |config|
+    config.sass_options = { :line_comments => false }
+  end
+
+  # For example, change the Compass output style for deployment
+  # activate :minify_css
+
+  # Minify Javascript on build
+  # activate :minify_javascript
+
+  # Enable cache buster
+  # activate :asset_hash
+
+  # Use relative URLs
+  activate :relative_assets
+
+  # Or use a different image path
+  # set :http_prefix, "/Content/images/"
+end
+
+###################
+# Additional tasks
+###################
+
+# Simple launcher for local evaluation build
+# Double click `build/launch.command` (Mac)
+after_build do |builder|
+  file = "#{build_dir}/launch.command"
+  open(file, 'w') do |f|
+    f << "#!/bin/bash\n"
+    f << 'cd `dirname $0` && open "http://localhost:8000" && python -m SimpleHTTPServer'
+  end
+  File.chmod(0555, file)
+end
+
+# Middleman Deploy
+activate :deploy do |deploy|
+  deploy.method = :git
+  # Optional Settings
+  # deploy.remote   = 'custom-remote' # remote name or git url, default: origin
+  # deploy.branch   = 'custom-branch' # default: gh-pages
+  # deploy.strategy = :submodule      # commit strategy: can be :force_push or :submodule, default: :force_push
+  # deploy.commit_message = 'custom-message'      # commit message (can be empty), default: Automated commit at `timestamp` by middleman-deploy `version`
+end

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

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

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

@@ -0,0 +1,8 @@
+//= 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

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

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

@@ -0,0 +1,124 @@
+angular.module('directives', [])
+
+  .directive('glyptoModel', function($compile, $http, $templateCache) {
+    return {
+      restrict: 'C',
+      scope: true
+    };
+  })
+
+  .directive('glyptoNavToggle', function() {
+    return {
+      restrict: 'C',
+      link: function($scope, $element, $attrs) {
+        $scope.$root.navIsHidden = store.get('glypto-menu-hidden');
+
+        Mousetrap.bind('command+shift+e', function() {
+          $scope.toggle();
+          $scope.$apply();
+        });
+
+        $scope.toggle = function() {
+          $scope.$root.navIsHidden = !$scope.$root.navIsHidden;
+          store.set('glypto-menu-hidden', $scope.$root.navIsHidden);
+        };
+      }
+    };
+  })
+
+  .directive('glyptoMenu', function() {
+    return {
+      restrict: 'E',
+      replace: true,
+      scope: true,
+      templateUrl: 'glyptotheque/menu.html',
+      controller: function($scope) {
+        $scope.items = window.APP_CONTEXT.sitemap;
+      },
+      link: function() {
+        // Remove nav placeholder when menu is created
+        angular.element(document.getElementById('glypto-nav-placeholder')).remove();
+      }
+    };
+  })
+
+  .directive('glyptoMenuTree', function() {
+    return {
+      restrict: 'E',
+      replace: true,
+      transclude: true,
+      scope: {
+        items: '=',
+        filter: '='
+      },
+      templateUrl: 'glyptotheque/menu-tree.html'
+    };
+  })
+
+  .directive('glyptoMenuNode', function($compile) {
+    return {
+      restrict: 'E',
+      replace: true,
+      templateUrl: 'glyptotheque/menu-node.html',
+      link: function($scope, $element, $attrs) {
+        $scope.isSelected = $scope.node.url === window.APP_CONTEXT.current_url;
+
+        if ($scope.node.children && $scope.node.children.length > 0) {
+          var childNode = $compile('<glypto-menu-tree items="node.children" filter="filter"></glypto-menu-tree>')($scope);
+          $element.append(childNode);
+        }
+      }
+    };
+  })
+
+  .directive('glyptoSearch', function() {
+    return {
+      restrict: 'A',
+      link: function($scope, $element, $attrs) {
+        var activated;
+        var placeholderText = $element.attr('placeholder');
+
+        Mousetrap.bind('/', function(evt) {
+          if(!activated) {
+            evt.preventDefault();
+          }
+          $element[0].focus();
+          $element.attr('placeholder', placeholderText.replace(/\(.*\)/, ''));
+        });
+
+        Mousetrap.bind('esc', function(evt) {
+          if(!activated) {
+            evt.preventDefault();
+          }
+          $element[0].blur();
+          $element.attr('placeholder', placeholderText);
+        });
+
+        $element.on('focus', function() {
+          activated = true;
+        });
+
+        $element.on('blur', function() {
+          activated = false;
+        });
+      }
+    };
+  })
+
+  .directive('iframe', function() {
+    return {
+      restrict: 'E',
+      link: function($scope, $element, $attrs) {
+        var iframe = $element[0];
+
+        $scope.$watch('navIsHidden', function() {
+          if(iframe.contentWindow.parentIFrame) {
+            // compensata for nav transition
+            setTimeout(function() {
+              iframe.contentWindow.parentIFrame.size();
+            }, 400)
+          }
+        });
+      }
+    };
+  });