webpack_native 0.4.8 → 0.5.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7de7af5462dbfb7dca5f49cf88f7ff38c74839b978e2a22f9c0cbcd43fde38a2
-  data.tar.gz: 8cb00e2fe1480de8b395fbc7defc74aaf7b4a2907ed581a7e0b3b1427349734d
+  metadata.gz: 52730fd721366fee42c22883d57f87863f33028a43861aa64fc47f79cfc68108
+  data.tar.gz: e7d34f86a9c57c64dfc9156119b4a64b3506938d71f549830f75ad033dbeed55
 SHA512:
-  metadata.gz: dfdd2efc49ba5bde50842dd4a88792189408007ee8330e8f1d89217f39a14775cad8a3d7bc242962d9b41be3b3b7f42b00bcb3deb173c449b77c51ea6466131b
-  data.tar.gz: 430c6ed6d0eb694fe0c402a2ac9c871332d27c06d08e542cd387ea598176bc2d06d043d014c84598c2e300851334621eaffcb25841f7b468de1325cedc4fe1a3
+  metadata.gz: 3147c13eaeec9c101db763d906d150aa5b2ed8c752282c81880ef9971e114b37d5c22c3536bb4269e18b3c40fe6b7f38a0472ffad08b9edda1c758f78af19cc3
+  data.tar.gz: ca2555a53dc5421e867f3d39d38019facac103d6b8e2089e8f1abb2497023010e27db7d6e4c07d161714cb4e922c2a3e6dd747efb418d2f1ca62779169f4de46

data/lib/generators/webpack_native/dev_generator.rb

@@ -7,6 +7,7 @@ class WebpackNative::DevGenerator < Rails::Generators::Base
     Mutex.new.synchronize do
       Dir.chdir "#{Rails.root}/app/webpack_native" do
         Dir.mkdir('src/images') unless Dir.exist?('src/images')
+        Dir.mkdir('src/favicons') unless Dir.exist?('src/favicons')
         %x{ yarn install }
         result = %x{ npm run build:dev }
         puts "\n"

data/lib/generators/webpack_native/templates/webpack_native/src/javascripts/application.js

@@ -2,6 +2,7 @@
 import '../stylesheets/application.scss';
 // the following line requires that images folder exists
 require.context('../images', true, /\.(gif|jpeg|jpg|png|svg)$/i);
+require.context('../favicons', true);
 
 require("@rails/ujs").start();
 require("turbolinks").start();

data/lib/generators/webpack_native/templates/webpack_native/webpack.config.js

@@ -25,7 +25,7 @@ module.exports = (env, options) => {
       application: "./src/javascripts/application.js"
     },
     output: {
-      filename: devMode ? '[name].js' : '[name]-[contenthash].js',
+      filename: '[name]-[contenthash].js',
       path: path.resolve(__dirname, '../../public/webpack_native')
     },
     module: {
@@ -57,13 +57,34 @@ module.exports = (env, options) => {
           ],
         },
         {
-          test: /\.(png|jpg|gif|svg)$/i,
+          test: /\.(png|jpg|jpeg|gif|svg|ttf|woff2|woff|eot)$/i,
+          exclude: [
+            path.resolve(__dirname, "src/favicons")
+          ],
           use: [
             {
               loader: 'url-loader',
               options: {
                 limit: false,
-                name: devMode ? '[name].[ext]' : '[name]-[hash:7].[ext]'
+                name: '[name]-[hash:7].[ext]'
+              },
+            },
+            // { loader: 'image-webpack-loader' }
+          ],
+        },
+        {
+          test: /\.(png|jpg|jpeg|svg|ttf|ico|webmanifest)$/i,
+          exclude: [
+            path.resolve(__dirname, "src/images"),
+            path.resolve(__dirname, 'node_modules')
+          ],
+          use: [
+            {
+              loader: 'url-loader',
+              options: {
+                limit: false, //8192,
+                name: '[name].[ext]',
+                outputPath: '../../public'
               },
             },
             // { loader: 'image-webpack-loader' }
@@ -79,7 +100,7 @@ module.exports = (env, options) => {
       new WebpackManifestPlugin(),
       new CleanWebpackPlugin(),
       new MiniCssExtractPlugin({
-        filename: devMode ? '[name].css' : '[name]-[contenthash].css',
+        filename: '[name]-[contenthash].css',
       }),
       // In production, compress static files to .gz (using zopfli) and .br (using brotli) format
       !devMode && new CompressionPlugin({
@@ -115,6 +136,6 @@ module.exports = (env, options) => {
     //   ]
     // }
 
-  }
+  };
 
-}
+};

data/lib/webpack_native/railtie.rb

@@ -17,7 +17,8 @@ class WebpackNative::Railtie < ::Rails::Railtie
   end
 
   initializer "webpack_native_set_manifest" do
-    if Rails.env.production?
+    
+    if Rails.env.production? # on production only
 
       # create public/webpack_native if it doesn't exist:
 
@@ -39,6 +40,7 @@ class WebpackNative::Railtie < ::Rails::Railtie
       Rails.configuration.x.webpack_native.webpack_manifest_file = WebpackNative::WebpackNativeHelper.load_webpack_manifest
 
     end
+    
   end
 
   def start_webpack

data/lib/webpack_native/version.rb

@@ -1,3 +1,3 @@
 module WebpackNative
-  VERSION = "0.4.8"
+  VERSION = "0.5.5"
 end

data/lib/webpack_native/webpack_native_helper.rb

@@ -1,5 +1,5 @@
 module WebpackNative::WebpackNativeHelper
-
+  
   def webpack_stylesheet_tag(asset, **html_options)
     html_options = html_options.merge(
       href: webpack_stylesheet_path(asset),
@@ -43,6 +43,66 @@ module WebpackNative::WebpackNativeHelper
   def webpack_image_path(image, **options)
     image_path(webpack_native_lookup(image), **options)
   end
+  
+  # ====== Favicon helpers ======
+  # usage:
+  # <%= webpack_favicons('apple-touch-icon.png', 'favicon-32x32.png', 'favicon-16x16.png') %>
+  # <%= webpack_webmanifest('manifest.webmanifest') %>
+  
+  # result:
+  #<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  #<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  #<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  #<link rel="manifest" href="/site.webmanifest">
+
+  def webpack_favicons(*args)
+    tags = []
+    args.each do |favicon|
+      
+      filename = File.basename(favicon, ".*") # exclude the extension
+      ext = File.extname(favicon)
+      
+      if ext == '.webmanifest'
+        manifest = favicon
+        html_options = {
+          rel: 'manifest',
+          href: "/#{manifest}"
+        }
+        
+      else
+        mimetypes = {
+          '.png' => 'image/png',
+          '.jpg' => 'image/jpg',
+          '.jpeg' => 'image/jpeg',
+          '.webp' => 'image/webp',
+          '.tiff' => 'image/tiff',
+          '.svg' => 'image/svg+xml',
+          '.ico' => 'image/x-icon'
+        }
+        
+        html_options = {
+          rel: filename == 'apple-touch-icon' ? 'apple-touch-icon' : 'icon',
+          type: mimetypes[ext],
+          href: "/#{favicon}"
+        }
+        
+        sizes = filename[/(.+)?([0-9]{2,3}x[0-9]{2,3})(.+)?/, 2]
+        
+        sizes = '180×180' if filename == 'apple-touch-icon'
+          
+        html_options = html_options.merge({sizes: sizes}) unless sizes.nil?
+        
+      end
+       
+      tags << tag.link(html_options)
+      
+    end
+    
+    return tags.join.html_safe
+  
+  end
+  
+  # ====== End favicon helpers ======
 
   private
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: webpack_native
 version: !ruby/object:Gem::Version
-  version: 0.4.8
+  version: 0.5.5
 platform: ruby
 authors:
 - scratchoo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-17 00:00:00.000000000 Z
+date: 2021-04-01 00:00:00.000000000 Z
 dependencies: []
 description: Use vanilla webpack to manage your assets efficiently, no webpacker or
   asset pipeline anymore!