webpack_native 0.3.8 → 0.4.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 106764bed850e280fc8124549ee48e5e0d2cf044a9e2b9ad4c7c256cb82fb808
-  data.tar.gz: '0045587649638eeac8007613792e9d9142ca368028fd7fef8bec93560ea1fd57'
+  metadata.gz: 7de7af5462dbfb7dca5f49cf88f7ff38c74839b978e2a22f9c0cbcd43fde38a2
+  data.tar.gz: 8cb00e2fe1480de8b395fbc7defc74aaf7b4a2907ed581a7e0b3b1427349734d
 SHA512:
-  metadata.gz: 20199e5da455d3591df950a003730d397705cbc45d14d8978bc454514a3ac9edbceaae76471d38f1f6e3980d29ec825752f1dc56e7a159d8379b38d8982edd84
-  data.tar.gz: 512655098fb41be3ad09ce54261fa6186ae4456d5d6379dc04856ed9c6253d7abc796ef2ff21c7731cc3a3ab2e638fe5ad1ebca9ef170dc7953ef6783bc0c2ce
+  metadata.gz: dfdd2efc49ba5bde50842dd4a88792189408007ee8330e8f1d89217f39a14775cad8a3d7bc242962d9b41be3b3b7f42b00bcb3deb173c449b77c51ea6466131b
+  data.tar.gz: 430c6ed6d0eb694fe0c402a2ac9c871332d27c06d08e542cd387ea598176bc2d06d043d014c84598c2e300851334621eaffcb25841f7b468de1325cedc4fe1a3

data/lib/generators/webpack_native/install_generator.rb

@@ -19,9 +19,9 @@ class WebpackNative::InstallGenerator < Rails::Generators::Base
   def inject_stylesheets_and_javascript_tags
     application_layout = "#{Rails.root}/app/views/layouts/application.html.erb"
 
-    stylesheets_tag = "<%= webpack_stylesheet_url 'application', media: 'all', 'data-turbolinks-track': 'reload' %>"
+    stylesheets_tag = "<%= webpack_stylesheet_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>"
 
-    javascripts_tag = "<%= webpack_javascript_url 'application', 'data-turbolinks-track': 'reload' %>"
+    javascripts_tag = "<%= webpack_javascript_tag 'application', 'data-turbolinks-track': 'reload' %>"
 
     inject_into_file application_layout, "\n\t\t#{stylesheets_tag}\n\t\t#{javascripts_tag}\n", :before => '</head>'
   end

data/lib/generators/webpack_native/templates/webpack_native/package.json

@@ -15,7 +15,9 @@
     "@babel/preset-env": "^7.11.5",
     "autoprefixer": "^10.0.0",
     "babel-loader": "^8.1.0",
+    "@gfx/zopfli": "^1.0.15",
     "clean-webpack-plugin": "^3.0.0",
+    "compression-webpack-plugin": "^6.0.3",
     "css-loader": "^4.3.0",
     "file-loader": "^6.1.0",
     "mini-css-extract-plugin": "^0.11.2",

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

@@ -3,6 +3,8 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const TerserJSPlugin = require('terser-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const CompressionPlugin = require('compression-webpack-plugin');
+const zopfli = require('@gfx/zopfli');
 const WebpackManifestPlugin = require('webpack-manifest-plugin');
 const webpack = require('webpack');
 
@@ -12,7 +14,7 @@ module.exports = (env, options) => {
 
   return {
 
-    devtool: "cheap-module-eval-source-map",
+    devtool: devMode ? "cheap-module-eval-source-map" : undefined,
     optimization: {
       minimizer: [
         new TerserJSPlugin({}),
@@ -60,7 +62,7 @@ module.exports = (env, options) => {
             {
               loader: 'url-loader',
               options: {
-                limit: 8192,
+                limit: false,
                 name: devMode ? '[name].[ext]' : '[name]-[hash:7].[ext]'
               },
             },
@@ -78,8 +80,32 @@ module.exports = (env, options) => {
       new CleanWebpackPlugin(),
       new MiniCssExtractPlugin({
         filename: devMode ? '[name].css' : '[name]-[contenthash].css',
+      }),
+      // In production, compress static files to .gz (using zopfli) and .br (using brotli) format
+      !devMode && new CompressionPlugin({
+        filename: '[path][base].gz[query]',
+        compressionOptions: {
+          numiterations: 15
+        },
+        algorithm(input, compressionOptions, callback) {
+          return zopfli.gzip(input, compressionOptions, callback);
+        },
+        test: /\.(js|css|html|svg|ico|eot|ttf|otf|map)$/,
+        threshold: 10240,
+        minRatio: 0.8,
+        deleteOriginalAssets: false
+      }),
+      !devMode && new CompressionPlugin({
+        filename: '[path][base].br',
+        algorithm: 'brotliCompress',
+        test: /\.(js|css|html|svg|ico|eot|ttf|otf|map)$/,
+        compressionOptions: {
+          level: 11,
+        },
+        threshold: 10240,
+        minRatio: 0.8,
       })
-    ],
+    ].filter(Boolean), // filter(Boolean) to prevent false values when it's devMode
     // resolve: {
     //   alias: {},
     //   modules: [

data/lib/webpack_native/railtie.rb

@@ -1,5 +1,6 @@
 require 'rails'
 require "open3"
+require "fileutils"
 
 class WebpackNative::Railtie < ::Rails::Railtie
 
@@ -7,16 +8,36 @@ class WebpackNative::Railtie < ::Rails::Railtie
     WebpackNative.logger = ActiveSupport::Logger.new(STDOUT)
   end
 
+  # Zeitwerk raise an error: set_autoloads_in_dir': wrong constant name Path-dirname inferred by Module from directory (Zeitwerk::NameError) ---> app/webpack_native/node_modules/path-dirname
+  # to prevent Zeitwerk from eager loading webpack_native folder we use this:
+  initializer "zeitwerk_prevent_loading_webpack_native" do
+    if Rails.autoloaders.zeitwerk_enabled?
+      Rails.autoloaders.main.ignore(Rails.root.join('app/webpack_native'))
+    end
+  end
+
   initializer "webpack_native_set_manifest" do
     if Rails.env.production?
-      manifest_path = "#{Rails.root}/public/webpack_native/manifest.json"
+
+      # create public/webpack_native if it doesn't exist:
+
+      webpack_native_folder = "#{Rails.root}/public/webpack_native"
+
+      unless File.directory?(webpack_native_folder)
+        FileUtils.mkdir_p(webpack_native_folder)
+      end
+
       # create manifest.json file if it doesn't exist with an empty json {} to prevent raising error in WebpackNativeHelper.load_webpack_manifest if a restart of a service happen (i.e delayed_job restart) that causes rails to load
-      if !File.file?(manifest_path)
-        #FileUtils.touch
+
+      manifest_path = "#{Rails.root}/public/webpack_native/manifest.json"
+
+      unless File.file?(manifest_path)
+        FileUtils.touch manifest_path
         File.write manifest_path, "{}"
       end
       require_relative 'webpack_native_helper'
       Rails.configuration.x.webpack_native.webpack_manifest_file = WebpackNative::WebpackNativeHelper.load_webpack_manifest
+
     end
   end
 

data/lib/webpack_native/version.rb

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

data/lib/webpack_native/webpack_native_helper.rb

@@ -1,28 +1,55 @@
 module WebpackNative::WebpackNativeHelper
 
-  def webpack_stylesheet_url(asset, **html_options)
+  def webpack_stylesheet_tag(asset, **html_options)
     html_options = html_options.merge(
-      href: "/webpack_native/#{webpack_manifest_file.fetch("#{asset}.css")}",
+      href: webpack_stylesheet_path(asset),
       rel: "stylesheet"
     )
     tag.link(html_options).html_safe
   end
 
-  def webpack_javascript_url(asset, **html_options)
+  def webpack_stylesheet_path(asset, **options)
+    path_to_asset(webpack_native_lookup("#{asset.gsub('.css', '')}.css"), options)
+  end
+
+  def webpack_stylesheet_url(asset, **options)
+    url_to_asset(webpack_native_lookup("#{asset.gsub('.css', '')}.css"), options)
+  end
+
+  def webpack_javascript_tag(asset, **html_options)
     html_options = html_options.merge(
       type: "text/javascript",
-      src: "/webpack_native/#{webpack_manifest_file.fetch("#{asset}.js")}"
+      src: webpack_javascript_path(asset)
     )
     content_tag("script".freeze, nil, html_options).html_safe
     # or tag.script(html_options).html_safe
   end
 
-  def webpack_image_url(file_name, **options)
-    image_tag("/webpack_native/#{file_name}", **options)
+  def webpack_javascript_url(asset, **options)
+    url_to_asset(webpack_native_lookup("#{asset.gsub('.js', '')}.js"), options)
+  end
+  def webpack_javascript_path(asset, **options)
+    path_to_asset(webpack_native_lookup("#{asset.gsub('.js', '')}.js"), options)
+  end
+
+  def webpack_image_tag(image, **options)
+    image_tag(webpack_native_lookup(image), **options)
+  end
+
+  def webpack_image_url(image, **options)
+    image_url(webpack_native_lookup(image), **options)
+  end
+
+  def webpack_image_path(image, **options)
+    image_path(webpack_native_lookup(image), **options)
   end
 
   private
 
+    def webpack_native_lookup(file)
+      "/webpack_native/#{webpack_manifest_file.fetch("#{file}")}"
+    end
+
     def webpack_manifest_file
       # in production, webpack_manifest_file is initialized in railtie.rb file to load one time only, while in development we call load_webpack_manifest on each new request
 

metadata

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