jekyll-kw-sri 0.0.5 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 21baed53f8e36155187629181d0d0db471bb7e8c5002e7121998d6a2e8009a0b
-  data.tar.gz: fcce7592fcaa7901d35c418ee53f36e84747924ab3f5600749a185d8719a610d
+  metadata.gz: c7902eadb45a7e5c28e0cb825b28b5248562e4588f120fbd1c8a492980af2263
+  data.tar.gz: 4c6dd43a581261a40f70febc28a461fc96a8126bcf3e9cb6d69f3371b4e1567f
 SHA512:
-  metadata.gz: 6c50c84167e0febc7402d51df4bc66c040fb048899e9e58024847439319202fbcf89e59f8c7a9771b44f0b8f01fab290a76614728b0a094dc4a498b19c415062
-  data.tar.gz: e29ed92a20699f71a692141c25faf0b6eb79cab9e8c20d96cf4b18981a092d149211c9f80fdb493930c4d85203d979b324bcc77aa2cfbc27f7231420b2aaaa88
+  metadata.gz: 47d65b93ea5e06d7d697a039564479059e31d28c1b5029cea17ae986401b37420da5035042e31316d97d6ce4ca3feb37d98c1da8981930169ada34510f4a1b12
+  data.tar.gz: e36bc6e08b94ac4a315805ef6244ae19de00fdd987d113da9bf30c43a006e895295f236cd33a93d1efff11191310646d02655d095910a248ea541dc2cfe840a5

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 n13.org
+
+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

@@ -1,14 +1,70 @@
 # jekyll-kw-sri
 
+![CI](https://github.com/n13org/jekyll-kw-sri/workflows/CI/badge.svg)
+![Coverage](https://github.com/n13org/jekyll-kw-sri/workflows/Coverage/badge.svg)
+![RuboCop](https://github.com/n13org/jekyll-kw-sri/workflows/RuboCop/badge.svg)
+
+[![Maintainability](https://api.codeclimate.com/v1/badges/a82f10c3cd9fea769a0b/maintainability)](https://codeclimate.com/github/n13org/jekyll-kw-sri/maintainability)
+[![Test Coverage](https://api.codeclimate.com/v1/badges/a82f10c3cd9fea769a0b/test_coverage)](https://codeclimate.com/github/n13org/jekyll-kw-sri/test_coverage)
+
 [![Gem Version](https://badge.fury.io/rb/jekyll-kw-sri.svg)](https://badge.fury.io/rb/jekyll-kw-sri)
 
-A plugin for jekyll to calculate [Subresource Integrity][Wikipedia SRI] (SRI) hashes for CSS (even SCSS and SASS) and JS files during build time.
+A plugin for [jekyll][Jekyll Website] to calculate [Subresource Integrity][Wikipedia SRI] (SRI) hashes for CSS (even SCSS and SASS) and JS files during build time.
 
 > **Subresource Integrity** (SRI) is a security feature that enables browsers to verify that resources they fetch (for example, from a CDN) are delivered without unexpected manipulation. It works by allowing you to provide a cryptographic hash that a fetched resource must match.
 
 from [Mozilla docs][Mozilla Subresource Integrity]
 
-## Configuration
+## 🔥 Usage 
+
+### Usage for version `>= v0.1.0`
+
+Use the [Jekyll Includes] `kw-integrity-css.html` for css, scss and sass; and the `kw-integrity-js.html` for js. 
+
+> For static, non-rendered `css` files the hash values have to me calculated and stored in a file. See `Action Items / Shell commands` section about SRI! All the hash-files should be stored in `./_includes/integrity` so they can easy used.
+
+The markdown syntax shows the include file with one paramter "the filename". 
+
+```markdown
+{% include kw-integrity-css.html file='style.scss' %}
+```
+
+The rendered html will use the default path, the css file and the calculated hash.
+
+```html
+<link rel="stylesheet" href="/assets/css/style.css" integrity="sha384-cl6CK1yzEvoM3Sw3dL8YAm/P2VpQiD+mAFVkkb6Bh+23PP1ow2gXXGw4WnQlzO0B" crossorigin="anonymous">
+```
+
+The markdown syntax shows the include file with all paramters. All parameter can be omit. The **default values** are file = "main.scss", path = "assets/css/" and hash = "sha384".
+
+```markdown
+{% include kw-integrity-css.html file='style.scss' path='my/folder/to/css/' hash='sha512' %}
+```
+
+### Usage for version `< v0.1.0`
+
+Use the [custom tag][Jekyll Liquid] `sri_scss_hash`. 
+
+> This approach was inspired by [vcsjones.dev Blog] and [vcsjones.dev GitHub].
+
+The `html` inside the post or page markdown file, shows a usage of a `scss` file which will be compiled to a `css`. The hash of the integrity will be generated during the build time. 
+
+```html
+<link rel="stylesheet" href="{{ '/assets/css/kargware.css' | relative_url }}" integrity="{% sri_scss_hash /assets/css/kargware.scss %}" crossorigin="anonymous">
+```
+
+The result of the html inside the markdown is the `href` and the `integrity`.
+
+```html
+<link rel="stylesheet" href="/assets/css/kargware.css" integrity="sha384-cl6CK1yzEvoM3Sw3dL8YAm/P2VpQiD+mAFVkkb6Bh+23PP1ow2gXXGw4WnQlzO0B" crossorigin="anonymous">
+```
+
+## Changelog
+
+* 0.1.0 Add html include files to use them with  `{% include kw-integrity-css.html %}` or `{% include kw-integrity-js.html %}`
+* 0.0.x Add the custom tag `{% sri_scss_hash %}`
+
+## ⚙️ Configuration
 
 Add `kw-sri` section to `_config.yml` configure the plugin globally. If you want to use defauls you can ommit the config-section.
 
@@ -27,7 +83,7 @@ kw-sri:
 | hash_type                | Which kind of integrity hash                      | sha256, **sha384**, sha512 |
 | write_source_mapping_url | Add the map-file like to the css                  | false, **true**            |              
 
-## Action Items / Shell commands
+## 🚀 Action Items / Shell commands
 
 Run linting and tests
 
@@ -65,7 +121,7 @@ calc-integrity-files:
 	done
 ```
 
-## Notes / Hints
+## 📝 Notes / Hints
 
 ### Appraisal - Gemfile Generator
 
@@ -118,7 +174,7 @@ converter = if defined? site.find_converter_instance
             end
 ```
 
-## Setup Steps
+### Setup Steps
 
 ```sh
 bundle init
@@ -133,5 +189,26 @@ bundle add redcarpet
 bundle add shoulda
 ```
 
+## 👋 Big Thanks to my inspiration sources
+
+* `SRI with Jekyll` [vcsjones.dev Blog] and [vcsjones.dev GitHub]
+* [GitHub Project jekyll/jekyll]
+* [GitHub Project Shopify/liquid]
+* [Medium wrap-your-assets-in-a-gem]
+* `Use jekyll filter scssify` [andreaverlicchi blog scssify]
+* [Blog How to create customizable Liquid tags in Jekyll]
+* [Ruby Module Digest]
+
+[Jekyll Website]: https://jekyllrb.com/
+[Jekyll Liquid]: https://jekyllrb.com/docs/liquid/
+[Jekyll Includes]: https://jekyllrb.com/docs/includes/
 [Wikipedia SRI]: https://en.wikipedia.org/wiki/Subresource_Integrity
-[Mozilla Subresource Integrity]: https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity
+[Mozilla Subresource Integrity]: https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity
+[vcsjones.dev Blog]: https://vcsjones.dev/2016/11/02/sri-with-jekyll/
+[vcsjones.dev GitHub]: https://github.com/vcsjones/vcsjones.dev/tree/main
+[GitHub Project jekyll/jekyll]: https://github.com/jekyll/jekyll
+[GitHub Project Shopify/liquid]: https://github.com/Shopify/liquid
+[andreaverlicchi blog scssify]: https://www.andreaverlicchi.eu/critical-css-jekyll-sass-github-pages/
+[Ruby Module Digest]: https://ruby-doc.com/stdlib/libdoc/digest/rdoc/Digest.html
+[Blog How to create customizable Liquid tags in Jekyll]: https://blog.sverrirs.com/2016/04/custom-jekyll-tags.html
+[Medium wrap-your-assets-in-a-gem]: https://medium.com/@paulfarino/wrap-your-assets-in-a-gem-3ad7ecf5b075

data/_includes/kw-integrity-css.html

@@ -0,0 +1,42 @@
+{% assign para_file = include.file | default: "main.scss" %}
+{% assign para_path = include.path | default: "assets/css/" %}
+{% assign para_hash = include.hash | default: "sha384" %}
+
+{% assign filename_no_path = para_file | split: "/" | last %}
+{% assign source_file = "/" | append: para_path | append: para_file %}
+{% assign source_file_ex = para_file | split: "." | last %}
+{% assign path_no_filename = para_file | remove: filename_no_path %}
+{% assign target_file_ex = para_file | replace: ".scss", ".css" %}
+{% assign target_file = para_path | append: target_file_ex %}
+{% assign integrity_file = "/integrity/" | append: para_file | append: "." | append: para_hash %}
+
+{% comment %}{% raw %}
+<!-- DEBUG BEGINN
+{{ para_file }}
+{{ para_path }}
+{{ para_hash }}
+{{ filename_no_path }}   
+{{ source_file }} 
+{{ source_file_ex }}    
+{{ path_no_filename }}
+{{ target_file }}
+{{ integrity_file }}
+DEBUG END -->
+{% endraw %}{% endcomment %}
+
+{% case source_file_ex %}
+  {% when "css" %}
+<link rel="stylesheet" href="{{ target_file }}" integrity="{{ para_hash }}-{% include {{ integrity_file }} %}" crossorigin="anonymous">
+  {% when "scss" %}
+<link rel="stylesheet" href="{{ target_file }}" integrity="{% sri_scss_hash {{ source_file }} %}" crossorigin="anonymous">
+  {% else %}
+<link rel="stylesheet" href="{{ target_file }}">
+{% endcase %}
+
+{% comment %}{% raw %}
+
+<!-- Trailing Slash Handling ? -->
+{% assign trainling_slash = para_path | slice: -1, 1 %}
+{% if trainling_slash = "/" %}
+
+{% endraw %}{% endcomment %}

data/_includes/kw-integrity-js.html

@@ -0,0 +1,18 @@
+{% assign para_file = include.file | default: "script.js" %}
+{% assign para_path = include.path | default: "assets/js/" %}
+{% assign para_hash = include.hash | default: "sha384" %}
+
+{% assign target_file = para_path | append: para_file %}
+{% assign integrity_file = "/integrity/" | append: para_file | append: "." | append: para_hash %}
+
+{% comment %}{% raw %}
+<!-- DEBUG BEGINN
+{{ para_file }}
+{{ para_path }}
+{{ para_hash }}
+{{ target_file }}
+{{ integrity_file }}
+DEBUG END -->
+{% endraw %}{% endcomment %}
+
+<script src="{{ target_file }}" integrity="{{ para_hash }}-{% include {{ integrity_file }} %}" crossorigin="anonymous"></script>

data/lib/jekyll-kw-sri.rb

@@ -9,10 +9,6 @@ module Jekyll
   module KargWare
     # jekyll-kw-sri custom tag
     class SriScssHashTag < Jekyll::Tags::IncludeRelativeTag
-      # class SriScssHashTag < Liquid::Tag
-
-      # alias super_render render
-
       def initialize(tag_name, input, tokens)
         super
 
@@ -20,10 +16,6 @@ module Jekyll
         # File.exists? is file?
       end
 
-      # def syntax_example
-      #     "{% #{@tag_name} css/main.scss %}"
-      # end
-
       def render(context)
         cache_compiled_scss(@file, context, lambda {
           if context.nil? || context.registers[:site].nil?
@@ -55,13 +47,6 @@ module Jekyll
       end
 
       def cache_compiled_scss(path, _context, compute)
-        # @@cached_scss ||= {}
-        # if @@cached_scss.key?(path)
-        #   @@cached_scss[path]
-        # else
-        #   @@cached_scss[path] = compute.call
-        # end
-
         @cached_scss ||= {}
         if @cached_scss.key?(path)
           @cached_scss[path]
@@ -69,6 +54,11 @@ module Jekyll
           @cached_scss[path] = compute.call
         end
       end
+
+      # Register the sccs file as include folder
+      def tag_includes_dirs(context)
+        [context.registers[:site].source].freeze
+      end
     end
   end
 end

data/lib/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module JekyllKwSri
-  VERSION = '0.0.5'
+  VERSION = '0.1.3'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-kw-sri
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.1.3
 platform: ruby
 authors:
 - Nicolas Karg
@@ -9,22 +9,22 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-12 00:00:00.000000000 Z
+date: 2020-11-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.8'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.8'
 description: Jekyll plugin which calculate the integrity hash of CSS (SCSS, SASS)
   and JS.
 email: rubygems.org@n13.org
@@ -32,7 +32,10 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- LICENSE
 - README.md
+- _includes/kw-integrity-css.html
+- _includes/kw-integrity-js.html
 - lib/jekyll-kw-sri.rb
 - lib/jekyll-kw-sri/configuration.rb
 - lib/jekyll-kw-sri/parser.rb
@@ -40,7 +43,9 @@ files:
 homepage: https://github.com/n13org/jekyll-kw-sri
 licenses:
 - MIT
-metadata: {}
+metadata:
+  bug_tracker_uri: https://github.com/n13org/jekyll-kw-sri/issues
+  source_code_uri: https://github.com/n13org/jekyll-kw-sri/
 post_install_message: 
 rdoc_options: []
 require_paths:
@@ -49,7 +54,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '2.7'
+      version: '2.4'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="