jekyll_picture_tag 1.10.2 → 1.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ae8370284d1375ba3f33a17cce5aae2b5aa4a5d51dcc23623ec9e7560b7f789a
-  data.tar.gz: 9f0c81c49fcbb700e36cc7e3b3152c8a35857cee2121de3ccfac98e8cf4eaa7c
+  metadata.gz: 1fdaad2f56cc244f8bce4ffcf5689630fe71ec0b7e091d91e289a1dc7d6740d8
+  data.tar.gz: 971d590896ef6396a86c8ce6f6dd7fef46804443b4c2b76226e5e774dc5cd204
 SHA512:
-  metadata.gz: 76b323add40a8ba56004f7e51371baa5a7b1c5c611cdca526ed0757fb7b746714674ad03f3d598cb5c4532bbbdcebc08a6ae7e531fcfdf52917c5d12d70574d9
-  data.tar.gz: 5911cd5b66f9638809ff7296a9a54fad639e5b87a68c892eaed47b54fa1f615eaa2afc15a2266ce59bbd1c05779ef56d0d5e7eb00bcf6e8469673e52ea250542
+  metadata.gz: 77fa8b7e4b3db8839a988f0613b8e3b0257ff92f7e379db12bf9de1da3644acf7d6a6bfa0fb82b900fb71d2e6775d842d2187ec1e13617cf268098f98ad41e12
+  data.tar.gz: b9efeae7cff9bc5a962d9c076d735c00011ad231cbac264b232a29a6f4ec3af101d9f905a0cde61283b0b739b8d9388e92ccad7f600aacccc382c2845edbd71e

data/.rubocop.yml

@@ -1,2 +1,6 @@
 Style/FrozenStringLiteralComment:
   Enabled: false
+
+AllCops:
+  NewCops: enable
+  

data/docs/index.md

@@ -35,7 +35,7 @@ markup_presets:
   default:
     formats: [webp, original]
 ```
-
+**Note:** Order matters! `[webp, jpg]` will offer the browser webp-images first. The browser will pick the *first* format it can work with. So if the order is reversed `[jpg, webp]` it will use the jpg image before the webp.
 
 ### Here's a more complete demonstration:
 

data/docs/presets.md

@@ -295,7 +295,37 @@ width (thumbnails and icons). To use a multiplier-based srcset, set `pixel_ratio
   If you don't give a setting for a particular format it'll fall back to the `quality` setting
   above, and if you don't set _that_ it'll default to 75.
 
-* **HTML Attributes**
+* **Width & Height attributes (Anti-Loading-Jank)**
+
+  _Format:_
+
+  ```yml
+  dimension_attributes: true | false
+  ```
+
+  _Example:_
+
+  ```yml
+  dimension_attributes: true
+  ```
+
+  _Default:_ `false`
+
+  Prevent page reflow (aka jank) while images are loading, by adding `width` and `height` attributes
+  to the `<img>` tag in the correct aspect ratio.
+
+  For an explanation of why and how you want to do this, [here](https://youtu.be/4-d_SoCHeWE) is a
+  great explanation.
+
+  Caveats: 
+    * You need `width: 100%;` and `height: auto;` (or vice versa) set in CSS on the `<img>`
+      tags, or they will be stretched weirdly.
+    * This works on `<img>` tags and `<picture>` tags when offering images in multiple widths and
+      formats, but it does not work if you are using art direction (in other words, if you have
+      multiple source images). This is because these attributes can only be applied to the `<img>`
+      tag, of which there is exactly one.
+
+* **Arbitrary HTML Attributes**
 
   _Format:_
 

data/docs/releases.md

@@ -1,6 +1,11 @@
 ---
 ---
 # Release History
+* 1.11.0 July 27, 2020
+  * **Width and height attribute support!** Begone, page reflow.
+  * Cache image information between builds
+  * Change image naming format. This update will trigger all images to be regenerated, so you may
+    want to delete your generated images folder beforehand.
 * 1.10.2 July 6, 2020
   * Bugfix for fallback image files not actually getting generated
 * 1.10.1 July 2, 2020

data/docs/usage.md

@@ -3,6 +3,8 @@
 
 # How to use the Liquid Tag:
 
+This section describes how to use JPT's liquid tag; what options it takes and what kind of information you can pass through it to influence the form of the final HTML-markup.
+
 ## Format:
 
 {% raw %}
@@ -12,11 +14,22 @@
 The only required argument is the base image. Line breaks and extra spaces are fine, and you can
 use liquid variables anywhere.
 
+The `preset` determines the actual HTML code that gets written to your files;
+it is basically a recipy that takes information that you provide in the
+liquid tag and turns it into HTML markup. When the `preset` is omitted
+default settings will be used, in the simplest case resulting in an `img`-tag
+containing an srcset pointing to your newly generated image sizes. You are
+free to override the `default` preset and define your own presets, giving
+full flexibility in what JPT will write to your files. See [markup preset]({{
+site.baseurl }}/presets#markup-presets) for more information on this.
+
 ## Examples:
 
 {% raw %}
 `{% picture example.jpg %}`
 
+`{% picture {{ page.example_liquid_picture_var }} %}`
+
 `{% picture thumbnail example.jpg 1:1 --alt Example Image %}`
 
 `{% picture example.jpg 16:9 north --picture class="attribute-demo" %}`
@@ -47,7 +60,7 @@ Given in order:
 
   Select a [markup preset]({{ site.baseurl }}/presets#markup-presets), or omit to use the `default` preset. Presets
   are collections of settings that determine nearly everything about JPT's output, from the image
-  formats used to the exact format your markup will take.
+  formats used to the exact format your final HTML-markup will take.
 
 - **Base Image** (Required)
 
@@ -141,3 +154,4 @@ Given in order:
 
     `--parent` will be applied to the `<picture>` if present, otherwise the `<img>`; useful when
     using an `auto` output format.
+  **Note:** Attributes that are set in the liquid picture tag, but don't occur in the used `preset` will be ignored (e.g. adding `--picture class="cool-css"` with a preset that does not write a html `<picture>` tag).

data/jekyll_picture_tag.gemspec

@@ -38,7 +38,6 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency 'solargraph'
 
   spec.add_dependency 'addressable', '~> 2.6'
-  spec.add_dependency 'base32', '~> 0.3'
   spec.add_dependency 'mime-types', '~> 3'
   spec.add_dependency 'mini_magick', '~> 4'
   spec.add_dependency 'objective_elements', '~> 1.1.2'

data/lib/jekyll_picture_tag.rb

@@ -9,6 +9,7 @@ require_relative 'jekyll_picture_tag/srcsets'
 require_relative 'jekyll_picture_tag/utils'
 require_relative 'jekyll_picture_tag/img_uri'
 require_relative 'jekyll_picture_tag/router'
+require_relative 'jekyll_picture_tag/cache'
 
 # Title: Jekyll Picture Tag
 # Authors: Rob Wierzbowski   : @robwierzbowski

data/lib/jekyll_picture_tag/cache.rb

@@ -0,0 +1,3 @@
+require_relative 'cache/base'
+require_relative 'cache/source'
+require_relative 'cache/generated'

data/lib/jekyll_picture_tag/cache/base.rb

@@ -0,0 +1,59 @@
+require 'json'
+
+module PictureTag
+  module Cache
+    # Basic image information cache functionality
+    module Base
+      def initialize(base_name)
+        @base_name = base_name
+      end
+
+      def [](key)
+        data[key]
+      end
+
+      def []=(key, value)
+        raise ArgumentError unless template.keys.include? key
+
+        data[key] = value
+      end
+
+      # Call after updating data.
+      def write
+        FileUtils.mkdir_p(File.join(base_directory, sub_directory))
+
+        File.open(filename, 'w+') do |f|
+          f.write JSON.generate(data)
+        end
+      end
+
+      private
+
+      def data
+        @data ||= if File.exist?(filename)
+                    JSON.parse(File.read(filename)).transform_keys(&:to_sym)
+                  else
+                    template
+                  end
+      end
+
+      # /home/dave/my_blog/.jekyll-cache/jpt/(cache_dir)/assets/myimage.jpg.json
+      # ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+      def base_directory
+        File.join(PictureTag.site.cache_dir, 'jpt', cache_dir)
+      end
+
+      # /home/dave/my_blog/.jekyll-cache/jpt/(cache_dir)/assets/myimage.jpg.json
+      #                                                 ^^^^^^^^
+      def sub_directory
+        File.dirname(@base_name)
+      end
+
+      # /home/dave/my_blog/.jekyll-cache/jpt/somefolder/myimage.jpg.json
+      # ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+      def filename
+        File.join(base_directory, @base_name + '.json')
+      end
+    end
+  end
+end

data/lib/jekyll_picture_tag/cache/generated.rb

@@ -0,0 +1,20 @@
+module PictureTag
+  module Cache
+    # Caches generated image details, so we can skip expensive operations whenever
+    # possible.
+    # Stored width and height are values for the source image, after cropping.
+    class Generated
+      include Base
+
+      private
+
+      def cache_dir
+        'generated'
+      end
+
+      def template
+        { width: nil, height: nil }
+      end
+    end
+  end
+end

data/lib/jekyll_picture_tag/cache/source.rb

@@ -0,0 +1,19 @@
+module PictureTag
+  module Cache
+    # Caches source image details, so we can skip expensive operations whenever
+    # possible.
+    class Source
+      include Base
+
+      private
+
+      def template
+        { digest: nil, width: nil, height: nil }
+      end
+
+      def cache_dir
+        'source'
+      end
+    end
+  end
+end

data/lib/jekyll_picture_tag/defaults/presets.yml

@@ -8,3 +8,4 @@ link_source: false
 quality: 75
 data_sizes: true
 gravity: center
+dimension_attributes: false

data/lib/jekyll_picture_tag/generated_image.rb

@@ -1,10 +1,10 @@
 require 'mini_magick'
-require 'base32'
 
 module PictureTag
   # Represents a generated image file.
   class GeneratedImage
     attr_reader :width, :format
+
     include MiniMagick
 
     def initialize(source_file:, width:, format:, crop: nil, gravity: '')
@@ -32,7 +32,7 @@ module PictureTag
     # /home/dave/my_blog/_site/generated/somefolder/myimage-100-123abc.jpg
     #                                    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     def name
-      name_left + digest + name_right
+      @name ||= "#{@source.base_name}-#{@width}-#{id}.#{@format}"
     end
 
     # https://example.com/assets/images/myimage-100-123abc.jpg
@@ -41,75 +41,47 @@ module PictureTag
       ImgURI.new(name).to_s
     end
 
-    def cropped_source_width
-      image.width
-    end
-
-    private
+    # Post crop
+    def source_width
+      update_cache unless cache[:width]
 
-    # /home/dave/my_blog/_site/generated/somefolder/myimage-100-123abc.jpg
-    #                                    ^^^^^^^^^^^^^^^^^^^^^^^
-    def name_left
-      "#{@source.base_name}-#{@width}-"
+      cache[:width]
     end
 
-    # /home/dave/my_blog/_site/generated/somefolder/myimage-100-123abc.jpg
-    #                                                           ^^^^^^
-    def digest
-      guess_digest if !@source.digest_guess && PictureTag.fast_build?
-
-      @source.digest
-    end
+    # Post crop
+    def source_height
+      update_cache unless cache[:height]
 
-    # /home/dave/my_blog/_site/generated/somefolder/myimage-100-123abc.jpg
-    #                                                                 ^^^^
-    def name_right
-      crop_code + '.' + @format
+      cache[:height]
     end
 
-    # Hash the crop settings, so we can detect when they change.  We use a
-    # base32 encoding scheme to pack more information into fewer characters,
-    # without dealing with various filesystem naming limitations that would crop
-    # up using base64 (such as NTFS being case insensitive).
-    def crop_code
-      return '' unless @crop
+    private
 
-      Base32.encode(
-        Digest::MD5.hexdigest(@crop + @gravity)
-      )[0..2]
+    # We exclude width and format from the cache name, since it isn't specific to them.
+    def cache
+      @cache ||= Cache::Generated.new("#{@source.base_name}-#{id}")
     end
 
-    # Used for the fast build option: look for a file which matches everything
-    # we know about the destination file without calculating a digest on the
-    # source file, and if it exists we assume it's the right one.
-    def guess_digest
-      matches = dest_glob
-      return unless matches.length == 1
+    def update_cache
+      return if @source.missing
 
-      # Start and finish of the destination image's hash value
-      finish = -name_right.length
-      start = finish - 6
+      # Ensure it's generated:
+      image
 
-      # The source image keeps track of this guess, so we hand it off:
-      @source.digest_guess = matches.first[start...finish]
-    end
+      cache[:width] = @source_dimensions[:width]
+      cache[:height] = @source_dimensions[:height]
 
-    # Returns a list of images which are probably correct.
-    def dest_glob
-      query = File.join(
-        PictureTag.dest_dir,
-        name_left + '?' * 6 + name_right
-      )
-
-      Dir.glob query
+      cache.write
     end
 
-    def generate_image
-      puts 'Generating new image file: ' + name
-      process_image
-      write_image
+    # Hash all inputs and truncate, so we know when they change without getting too long.
+    # /home/dave/my_blog/_site/generated/somefolder/myimage-100-1234abcde.jpg
+    #                                                           ^^^^^^^^^
+    def id
+      @id ||= Digest::MD5.hexdigest([@source.digest, @crop, @gravity, quality].join)[0..8]
     end
 
+    # Post crop, before resizing and reformatting
     def image
       @image ||= open_image
     end
@@ -124,9 +96,21 @@ module PictureTag
         end
       end
 
+      @source_dimensions = { width: image_base.width, height: image_base.height }
+
       image_base
     end
 
+    def generate_image
+      puts 'Generating new image file: ' + name
+      process_image
+      write_image
+    end
+
+    def quality
+      PictureTag.quality(@format)
+    end
+
     def process_image
       image.combine_options do |i|
         i.resize "#{@width}x"
@@ -134,22 +118,17 @@ module PictureTag
       end
 
       image.format @format
-      image.quality PictureTag.quality(@format)
+      image.quality quality
     end
 
     def write_image
-      # Make sure destination directory exists:
-      FileUtils.mkdir_p(dest_dir) unless Dir.exist?(dest_dir)
+      FileUtils.mkdir_p(File.dirname(absolute_filename))
 
       image.write absolute_filename
 
       FileUtils.chmod(0o644, absolute_filename)
     end
 
-    def dest_dir
-      File.dirname absolute_filename
-    end
-
     def process_format(format)
       if format.casecmp('original').zero?
         @source.ext

data/lib/jekyll_picture_tag/img_uri.rb

@@ -8,6 +8,7 @@ module PictureTag
   # image. Call to_s on it to get the link.
   class ImgURI
     attr_reader :filename, :source_image
+
     def initialize(filename, source_image: false)
       @source_image = source_image
       @filename = filename

data/lib/jekyll_picture_tag/instructions/arg_splitter.rb

@@ -51,9 +51,10 @@ module PictureTag
       end
 
       def handle_special(char)
-        if char == '\\'
+        case char
+        when '\\'
           @escaped = true
-        elsif char == '"'
+        when '"'
           @in_quotes = !@in_quotes
           @word << char
         end

data/lib/jekyll_picture_tag/instructions/preset.rb

@@ -3,6 +3,7 @@ module PictureTag
     # Handles the specific tag image set to construct.
     class Preset
       attr_reader :name
+
       def initialize(name)
         @name = name
         @content = build_preset

data/lib/jekyll_picture_tag/output_formats/basic.rb

@@ -6,6 +6,10 @@ module PictureTag
     class Basic
       include ObjectiveElements
 
+      def to_s
+        wrap(base_markup).to_s
+      end
+
       # Used for both the fallback image, and for the complete markup.
       def build_base_img
         img = SingleTag.new 'img'
@@ -23,10 +27,6 @@ module PictureTag
         img
       end
 
-      def to_s
-        wrap(base_markup).to_s
-      end
-
       private
 
       # Handles various wrappers around basic markup
@@ -86,6 +86,8 @@ module PictureTag
         image
       end
 
+      # It's only a candidate, because we don't know if the fallback width
+      # setting is larger than the source file.
       def fallback_candidate
         @fallback_candidate ||= GeneratedImage.new(
           source_file: PictureTag.source_images.first,
@@ -119,7 +121,7 @@ module PictureTag
 
       def source_width
         if PictureTag.crop
-          fallback_candidate.cropped_source_width
+          fallback_candidate.source_width
         else
           source.width
         end

data/lib/jekyll_picture_tag/output_formats/img.rb

@@ -3,6 +3,8 @@ module PictureTag
     # Represents a bare <img> tag with a srcset attribute.
     # Used when <picture> is unnecessary.
     class Img < Basic
+      private
+
       def srcset
         @srcset ||= build_srcset(
           PictureTag.source_images.first, PictureTag.formats.first
@@ -17,8 +19,17 @@ module PictureTag
 
         img.attributes << PictureTag.html_attributes['parent']
 
+        add_dimensions(img, srcset)
+
         img
       end
+
+      def add_dimensions(img, srcset)
+        return unless PictureTag.preset['dimension_attributes']
+
+        img.width = srcset.width_attribute
+        img.height = srcset.height_attribute
+      end
     end
   end
 end

data/lib/jekyll_picture_tag/output_formats/picture.rb

@@ -3,7 +3,13 @@ module PictureTag
     # Represents a <picture> tag, enclosing at least 2 <source> tags and an
     # <img> tag.
     class Picture < Basic
+      private
+
       def srcsets
+        @srcsets ||= build_srcsets
+      end
+
+      def build_srcsets
         formats = PictureTag.formats
         # Source images are provided in reverse order and must be flipped:
         images = PictureTag.source_images.reverse
@@ -37,6 +43,22 @@ module PictureTag
         source
       end
 
+      def build_base_img
+        img = super
+
+        # Only add source dimensions if there is a single source image.
+        # Currently you can't use both art direction and intrinsic image sizes.
+        if PictureTag.preset['dimension_attributes'] &&
+           PictureTag.source_images.length == 1
+          img.attributes << {
+            width: srcsets.first.width_attribute,
+            height: srcsets.first.height_attribute
+          }
+        end
+
+        img
+      end
+
       def base_markup
         picture = DoubleTag.new(
           'picture',

data/lib/jekyll_picture_tag/router.rb

@@ -9,6 +9,7 @@ module PictureTag
   # gets big, I'll refactor.
   module Router
     attr_accessor :instructions, :context
+
     # Context forwarding
 
     # Global site data

data/lib/jekyll_picture_tag/source_image.rb

@@ -3,84 +3,100 @@ module PictureTag
   # advantage by storing expensive file reads and writes in instance variables,
   # to be reused by many different generated images.
   class SourceImage
-    attr_reader :name, :shortname, :missing, :media_preset
-    attr_accessor :digest_guess
+    attr_reader :shortname, :missing, :media_preset
+
     include MiniMagick
 
     def initialize(relative_filename, media_preset = nil)
+      # /home/dave/my_blog/assets/images/somefolder/myimage.jpg
+      #                                  ^^^^^^^^^^^^^^^^^^^^^^
       @shortname = relative_filename
-      @name = grab_file relative_filename
       @media_preset = media_preset
+
+      @missing = missing?
+      check_cache
+    end
+
+    def digest
+      @digest ||= cache[:digest] || ''
     end
 
     def width
-      @width ||= if @missing
-                   999_999
-                 else
-                   image.width
-                 end
+      @width ||= cache[:width] || 999_999
     end
 
-    def digest
-      @digest ||= if @missing
-                    'x' * 6
-                  elsif PictureTag.fast_build? && @digest_guess
-                    # Digest guess will be handed off to this class by the first
-                    # generated image which needs it (via attr_accessor).
-                    @digest_guess
-                  else
-                    Digest::MD5.hexdigest(File.read(@name))[0..5]
-                  end
+    def height
+      @height ||= cache[:height] || 999_999
     end
 
-    # Includes path relative to default source folder and the original filename.
+    # /home/dave/my_blog/assets/images/somefolder/myimage.jpg
+    # ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    def name
+      @name ||= File.join(PictureTag.source_dir, @shortname)
+    end
+
+    # /home/dave/my_blog/assets/images/somefolder/myimage.jpg
+    #                                  ^^^^^^^^^^^^^^^^^^
     def base_name
       @shortname.delete_suffix File.extname(@shortname)
     end
 
-    # File exention
+    # /home/dave/my_blog/assets/images/somefolder/myimage.jpg
+    #                                                     ^^^
     def ext
-      # [1..-1] will strip the leading period.
-      @ext ||= File.extname(@name)[1..-1].downcase
+      @ext ||= File.extname(name)[1..-1].downcase
     end
 
     private
 
-    def image
-      @image ||= Image.open(@name)
+    def cache
+      @cache ||= Cache::Source.new(@shortname)
     end
 
-    # Turn a relative filename into an absolute one, and make sure it exists.
-    def grab_file(source_file)
-      source_name = File.join(PictureTag.source_dir, source_file)
-
-      if File.exist? source_name
-        @missing = false
+    def missing?
+      if File.exist? name
+        false
 
       elsif PictureTag.continue_on_missing?
-        @missing = true
-        Utils.warning missing_image_warning(source_name)
+        Utils.warning(missing_image_warning)
+        true
 
       else
-        raise ArgumentError, missing_image_error(source_name)
+        raise ArgumentError, missing_image_error
       end
+    end
 
-      source_name
+    def check_cache
+      return if @missing
+      return if cache[:digest] && PictureTag.fast_build?
+
+      update_cache if source_digest != cache[:digest]
     end
 
-    def missing_image_warning(source_name)
-      <<~HEREDOC
-        Could not find #{source_name}. Your site will have broken images in it.
-        Continuing.
-      HEREDOC
+    def update_cache
+      cache[:digest] = source_digest
+      cache[:width] = image.width
+      cache[:height] = image.height
+
+      cache.write
+    end
+
+    def image
+      @image ||= Image.open(name)
+    end
+
+    def source_digest
+      @source_digest ||= Digest::MD5.hexdigest(File.read(name))
+    end
+
+    def missing_image_warning
+      "JPT Could not find #{name}. Your site will have broken images. Continuing."
     end
 
-    def missing_image_error(source_name)
+    def missing_image_error
       <<~HEREDOC
-        Jekyll Picture Tag could not find #{source_name}. You can force the
-        build to continue anyway by setting "picture: ignore_missing_images:
-        true" in "_config.yml". This setting can also accept a jekyll build
-        environment, or an array of environments.
+        Could not find #{name}. You can force the build to continue anyway by
+        setting "picture: ignore_missing_images: true" in "_config.yml".
       HEREDOC
     end
   end

data/lib/jekyll_picture_tag/srcsets/basic.rb

@@ -23,6 +23,7 @@ module PictureTag
         @format ||= files.first.format
       end
 
+      # GeneratedImage class
       def files
         @files ||= build_files
       end
@@ -51,6 +52,14 @@ module PictureTag
         "(#{PictureTag.media_presets[@media]})"
       end
 
+      def width_attribute
+        files.first.source_width.to_s
+      end
+
+      def height_attribute
+        files.first.source_height.to_s
+      end
+
       private
 
       def build_files
@@ -78,7 +87,7 @@ module PictureTag
 
       def source_width
         @source_width ||= if PictureTag.crop(@media)
-                            target_files.first.cropped_source_width
+                            target_files.first.source_width
                           else
                             @source_image.width
                           end

data/lib/jekyll_picture_tag/version.rb

@@ -1,3 +1,3 @@
 module PictureTag
-  VERSION = '1.10.2'.freeze
+  VERSION = '1.11.0'.freeze
 end

data/readme.md

@@ -43,14 +43,15 @@ https://rbuchberger.github.io/jekyll_picture_tag/releases
 
 Latest versions: 
 
-* 1.10.0 May 11, 2020
-  * **Image Cropping support!** access the power of ImageMagick's `crop` function.
-  * Don't issue a warning when `default` preset is not found.
-  * Documentation improvements
 * 1.10.1 July 2, 2020
   * Bugfix for erroneously regenerated images
 * 1.10.2 July 6, 2020
   * Bugfix for fallback image files not actually getting generated
+* 1.11.0 July 27, 2020
+  * **Width and height attribute support!** Begone, page reflow.
+  * Cache image information between builds
+  * Change image naming format. This update will trigger all images to be regenerated, so you may
+    want to delete your generated images folder beforehand.
 
 ## Help Wanted
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll_picture_tag
 version: !ruby/object:Gem::Version
-  version: 1.10.2
+  version: 1.11.0
 platform: ruby
 authors:
 - Robert Wierzbowski
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-07-06 00:00:00.000000000 Z
+date: 2020-07-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -152,20 +152,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.6'
-- !ruby/object:Gem::Dependency
-  name: base32
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.3'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.3'
 - !ruby/object:Gem::Dependency
   name: mime-types
   requirement: !ruby/object:Gem::Requirement
@@ -263,6 +249,10 @@ files:
 - jekyll_picture_tag.gemspec
 - lib/jekyll-picture-tag.rb
 - lib/jekyll_picture_tag.rb
+- lib/jekyll_picture_tag/cache.rb
+- lib/jekyll_picture_tag/cache/base.rb
+- lib/jekyll_picture_tag/cache/generated.rb
+- lib/jekyll_picture_tag/cache/source.rb
 - lib/jekyll_picture_tag/defaults/global.yml
 - lib/jekyll_picture_tag/defaults/presets.yml
 - lib/jekyll_picture_tag/generated_image.rb