middleman-thumbnailer 0.1.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 47a2203c0dc6dd688551ecc5957c2cf7499aa855
+  data.tar.gz: 8135751cf64e76ab698d76ee13dca9ace0a1fef5
+SHA512:
+  metadata.gz: 1469cdb717abf5f1ba12bac8545d6c2c4ee797982b487eb3a7e4c876204068611fb157f533546655f6b6f0e505c7a019c1a5054f5a9a56fecb394e6ee191ee44
+  data.tar.gz: e38ea5cbb5dd6016f6499af9d638b9af4a38c3ebe50241b59964abfce9c3b74186a305bf1353330a7ce12e68d0e87aadcfd7f198c0f2f86c04887e5b7df6232a

data/.gitignore

@@ -0,0 +1,7 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+bin/
+coverage
+tmp/

data/.travis.yml

@@ -0,0 +1,19 @@
+language: ruby
+rvm:
+  - 2.4.1
+  - 2.3.4
+  - 2.2.7
+  - 2.1.7
+  - 2.0.0-p648
+  - jruby
+matrix:
+  allow_failures:
+    - rvm: jruby
+script:
+  - bundle exec rake
+deploy:
+  provider: rubygems
+  api_key: $RUBYGEMS_API_KEY
+  gemspec: middleman-thumbnailer.gemspec
+  on:
+    tags: true

data/Dockerfile

@@ -0,0 +1,17 @@
+FROM alpine
+
+RUN apk update && apk upgrade
+RUN apk add curl wget bash ruby ruby-io-console ruby-bundler nodejs \
+        curl-dev ruby-dev build-base libffi-dev imagemagick imagemagick-dev git
+RUN npm install phantomjs-prebuilt
+
+RUN mkdir -p /src/middleman-thumbnailer/lib/middleman-thumbnailer
+WORKDIR /src/middleman-thumbnailer
+
+COPY Gemfile* /src/middleman-thumbnailer/
+COPY middleman-thumbnailer.gemspec /src/middleman-thumbnailer/
+COPY lib/middleman-thumbnailer/version.rb \
+     /src/middleman-thumbnailer/lib/middleman-thumbnailer/
+
+RUN bundle install --with development,test
+

data/Gemfile

@@ -0,0 +1,11 @@
+source "http://rubygems.org"
+
+gemspec
+
+group :development, :test do
+  gem "cucumber"
+  gem 'aruba'
+  gem "rspec"
+  gem "builder"
+  gem "erubis"
+end

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Nicholas Hemsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,42 @@
+# Middleman Thumbnailer
+
+Generate thumbnail versions of your jpeg & png images
+
+## Installation
+
+Add this line to your `Gemfile`:
+
+```ruby
+gem 'middleman-thumbnailer', '~> 0.1'
+```
+
+## Configuration
+
+To activate generating thumbnails add the following to `config.rb`:
+
+```ruby
+  activate :thumbnailer,
+    :dimensions => {
+      :small => '200x',
+      :medium => '400x300'
+    },
+    :include_data_thumbnails => true,
+    :namespace_directory => %w(gallery)
+```
+
+This activates the extension and will only process images in `source/images/gallery`.
+
+For a file called `background.png`, versions named `background-small-200x.png` and `background-medium-400x300.png` will be generated in the same directory.
+
+### Config Options
+
+ * `:include_data_thumbnails`: `Boolean` (Default: `false`) - Enables including a list all image versions generated as the `data-thumbnails`-attribute for each image when using the `thumbnail()` helper
+
+ * `:namespace_directory`: `Array` (Default: `nil`)
+   only process images found within this directory **within** `source/images`
+
+
+## Helpers
+
+ * `thumbnail(image, size, [html_options])`: returns thumbnail a image tag for `image` in `size`
+ * `thumbnail_url(image, size)`: returns the url for `image` in `size`

data/Rakefile

@@ -0,0 +1,15 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+require 'cucumber'
+require 'cucumber/rake/task'
+require 'rake/clean'
+
+RSpec::Core::RakeTask.new(:spec)
+
+Cucumber::Rake::Task.new(:cucumber, 'Run features that should pass') do |t|
+  exempt_tags = ["--tags ~@wip"]
+  t.cucumber_opts = "--color #{exempt_tags.join(" ")} --strict"
+end
+
+task :test => ["cucumber", "spec"]
+task :default => :test

data/docker-compose.yml

@@ -0,0 +1,7 @@
+version: '2'
+services:
+  test:
+    build: .
+    command: bash -c 'bundle exec rake'
+    volumes:
+      - ./:/src/middleman-thumbnailer

data/features/namespace.feature

@@ -0,0 +1,15 @@
+Feature: Namespacing
+  Scenario: Thumbnailing gets correctly namespaced
+    Given a fixture app "namespace"
+    When I run `middleman build`
+    Then the following files should exist:
+      | build/images/background.png |
+      | build/images/middleman.png |
+      | build/images/test/background-medium-x300.png |
+      | build/images/test/background-small-200x.png |
+
+    Then the following files should not exist:
+      | build/images/background-medium-x300.png |
+      | build/images/background-small-200x.png |
+      | build/images/middleman-medium-x300.png |
+      | build/images/middleman-small-200x.png |

data/features/step_definitions/server_steps.rb

@@ -0,0 +1,46 @@
+require 'rmagick'
+
+require 'middleman-thumbnailer/thumbnail-generator'
+
+Then(/^the image "(.*?)" should have width of "([0-9]*?)"$/) do |path, width|
+  full_path = File.join(expand_path('.'), path)
+  image = ::Magick::Image.read(full_path).first
+  expect(image.columns).to eq(width.to_i)
+end
+
+Then(/^the image "(.*?)" should have height of "(.*?)"$/) do |path, height|
+  full_path = File.join(expand_path('.'), path)
+  image = ::Magick::Image.read(full_path).first
+  expect(image.rows).to eq(height.to_i)
+end
+
+Then(/^I should be able to rebuild "(.*?)" and the thumbnails do not regenerate$/) do |path|
+  image_path = File.join(expand_path('.'), 'build', path)
+
+  specs =  {
+    small: '200x',
+    medium: 'x300'
+  }
+  thumbnail_paths = ::Middleman::ThumbnailGenerator.specs(image_path, specs)
+  thumbnail_path = thumbnail_paths[:small][:name]
+  current_mtime = File.mtime(thumbnail_path)
+  step %(I run `middleman build`)
+  new_mtime = File.mtime(thumbnail_path)
+  expect(new_mtime).to eq(current_mtime)
+end
+
+Then(/^I should be able to update an image "(.*?)" and the thumbnails regenerate$/) do |path|
+  source_path = File.join(expand_path('.'), 'source', path)
+  image_path = File.join(expand_path('.'), 'build', path)
+  specs =  {
+    small: '200x',
+    medium: 'x300'
+  }
+  updated_mtime = Time.now
+  file = File.new(::Middleman::ThumbnailGenerator.specs(image_path, specs)[:small][:name])
+
+  expect do
+    File.utime(updated_mtime, updated_mtime, source_path)
+    step 'I run `middleman build`'
+  end.to change(file, :mtime)
+end

data/features/support/env.rb

@@ -0,0 +1,8 @@
+PROJECT_ROOT_PATH = File.dirname(File.dirname(File.dirname(__FILE__)))
+
+ENV['TEST'] = 'true'
+ENV["AUTOLOAD_SPROCKETS"] = "true"
+require "middleman-core"
+require "middleman-core/step_definitions"
+require File.join(PROJECT_ROOT_PATH, 'lib', 'middleman-thumbnailer')
+require "erubis"

data/features/thumbnails.feature

@@ -0,0 +1,24 @@
+Feature: Thumbnails get generated for files
+  Scenario: Thumbnails get built
+    Given a successfully built app at "thumbnails"
+    Then the following files should exist:
+      | build/images/background.png |
+      | build/images/middleman.png |
+      | build/images/background-medium-x300.png |
+      | build/images/background-small-200x.png |
+      | build/images/middleman.png |
+      | build/images/middleman-medium-x300.png |
+      | build/images/middleman-small-200x.png |
+
+  Scenario: Thumbnail dimensions are correct
+    Given a successfully built app at "thumbnails"
+    Then the image "build/images/background-medium-x300.png" should have width of "300"
+    Then the image "build/images/background-small-200x.png" should have height of "200"
+
+  Scenario: Thumbnails are regenerated when files have changed
+    Given a successfully built app at "thumbnails"
+    Then I should be able to update an image "images/middleman.png" and the thumbnails regenerate
+
+  Scenario: Thumbnails do not regenerate when source files have not changed
+    Given a successfully built app at "thumbnails"
+    Then I should be able to rebuild "images/middleman.png" and the thumbnails do not regenerate

data/fixtures/namespace/config.rb

@@ -0,0 +1,77 @@
+###
+# Compass
+###
+
+# Change Compass configuration
+# compass_config do |config|
+#   config.output_style = :compact
+# end
+
+###
+# Page options, layouts, aliases and proxies
+###
+
+# Per-page layout changes:
+#
+# With no layout
+# page "/path/to/file.html", :layout => false
+#
+# With alternative layout
+# page "/path/to/file.html", :layout => :otherlayout
+#
+# A path which all have the same layout
+# with_layout :admin do
+#   page "/admin/*"
+# end
+
+# Proxy pages (http://middlemanapp.com/basics/dynamic-pages/)
+# proxy "/this-page-has-no-template.html", "/template-file.html", :locals => {
+#  :which_fake_page => "Rendering a fake page with a local variable" }
+
+###
+# Helpers
+###
+
+# Automatic image dimensions on image_tag helper
+# activate :automatic_image_sizes
+
+# Reload the browser automatically whenever files change
+# activate :livereload
+
+# Methods defined in the helpers block are available in templates
+# helpers do
+#   def some_helper
+#     "Helping"
+#   end
+# end
+
+activate :thumbnailer, 
+  :dimensions => {
+    :small => '200x',
+    :medium => 'x300'
+  },
+  :namespace_directory => %w(test)
+  
+set :css_dir, 'stylesheets'
+
+set :js_dir, 'javascripts'
+
+set :images_dir, 'images'
+
+# Build-specific configuration
+configure :build do
+  # 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

data/fixtures/namespace/source/index.html.erb

@@ -0,0 +1,10 @@
+---
+title: Welcome to Middleman
+---
+
+<div class="welcome">
+  <h1>Middleman is Watching</h1>
+  <p class="doc">
+    <%= link_to "Read Online Documentation", "http://middlemanapp.com/" %>
+  </p><!-- .doc -->
+</div><!-- .welcome -->

data/fixtures/namespace/source/javascripts/all.js

@@ -0,0 +1 @@
+//= require_tree .

data/fixtures/namespace/source/layouts/layout.erb

@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    
+    <!-- Always force latest IE rendering engine or request Chrome Frame -->
+    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+    
+    <!-- Use title if it's in the page YAML frontmatter -->
+    <title><%= current_page.data.title || "The Middleman" %></title>
+    
+    <%= stylesheet_link_tag "normalize", "all" %>
+    <%= javascript_include_tag  "all" %>
+  </head>
+  
+  <body class="<%= page_classes %>">
+    <%= yield %>
+  </body>
+</html>

data/fixtures/namespace/source/stylesheets/all.css

@@ -0,0 +1,55 @@
+@charset "utf-8";
+
+body {
+  background: #d4d4d4 url("../images/background.png");
+  text-align: center;
+  font-family: sans-serif; }
+
+h1 {
+  color: rgba(0, 0, 0, .3);
+  font-weight: bold;
+  font-size: 32px;
+  letter-spacing: -1px;
+  text-transform: uppercase;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
+  background: url("../images/middleman.png") no-repeat center 100px;
+  padding: 350px 0 10px;
+  margin: 0; }
+
+.doc {
+  font-size: 14px;
+  margin: 0; }
+  .doc:before,
+  .doc:after {
+    opacity: .2;
+    padding: 6px;
+    font-style: normal;
+    position: relative;
+    content: "•"; }
+  .doc a {
+    color: rgba(0, 0, 0, 0.3); }
+    .doc a:hover {
+      color: #666; }
+
+.welcome {
+  -webkit-animation-name: welcome;
+  -webkit-animation-duration: .9s; }
+
+@-webkit-keyframes welcome {
+  from {
+    -webkit-transform: scale(0);
+    opacity: 0;
+  }
+  50% {
+   -webkit-transform: scale(0);
+   opacity: 0;
+  }
+  82.5% {
+    -webkit-transform: scale(1.03);
+    -webkit-animation-timing-function: ease-out;
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: scale(1);
+  }
+}

data/fixtures/namespace/source/stylesheets/normalize.css

@@ -0,0 +1,375 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}