opal-webpack-loader 0.12.0 → 0.13.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cd885fbcf9cc014f09d6f42a31ad1d0b815b17d587d33808156ec79579255f86
-  data.tar.gz: 2558ff9c76e5a07d98b6f0a94f829dcd51460197ef7176ff25fed2f742af2c31
+  metadata.gz: cc5914067754fe1f6d786cc52fa6b8dd4b108e1898ddb31427924bf60829296d
+  data.tar.gz: 7a9de1f8a01a248fb2d444b5445e6414fb6cb23d2dfef935265bb59f501c46dc
 SHA512:
-  metadata.gz: '07961ad0a9c60e9de83f6caedb60c1038bd721e898b52a8eaf5e8b118b268baba5d4527764d500a1e6a8bacb2ae88543896a959fd45245e61f331dbf21809f6c'
-  data.tar.gz: 7ecd145ff65cee4b2c5f9b59a5f096736356e0283f8548ae7743bcd845e2d0400df5ed0dd8087166269622aeadf58cf1c06da8f555d52954338f0c0b1c918bb0
+  metadata.gz: 63b4a676870b612482f63b59e1fc9d66ab068d2850cb7f9ba0fba72ca5a1daa47501275b8d2f6afc269d6862bee6778114e102b0c97760568448a2096b2eee1f
+  data.tar.gz: 43754aaa9a65903c7eb481a0909e9e36c5feab93d3060903960f5dc5299696ac6683715c61f7b83733bfda0116fc4dcb015c9a37422132be2cbf2cc39a5adaa1

data/README.md

@@ -38,8 +38,8 @@ Intel® Core™ i7-7700HQ CPU @ 2.80GHz × 8, with 8 workers in around 1850ms
 ### Requirements
 - npm or yarn
 - opal-webpack-loader consists of 2 parts, the npm package and the gem, both are required and must be the same version.
-- webpack ^4.46
-- webpack-dev-server ^3.11.0
+- webpack ^5.50
+- optional webpack-dev-server ^^4.0.0-rc.0 for development configurations
 - the ES6 modules branch of opal
 
   - [PR#2266](https://github.com/opal/opal/pull/2266),

data/lib/opal-webpack-loader/templates/application.css.erb

@@ -1,4 +1,4 @@
-/* application stylesheets */
-body {
-  color: black;
-}
+/* application stylesheets */
+body {
+  color: black;
+}

data/lib/opal-webpack-loader/templates/debug.js.erb

@@ -1,149 +1,149 @@
-const path = require('path');
-const webpack = require('webpack');
-const OwlResolver = require('opal-webpack-loader/resolver'); // to resolve ruby files
-const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // to watch for added ruby files
-
-const common_config = {
-    context: path.resolve(__dirname, '<%= opal_directory %>'),
-    mode: "development",
-    optimization: {
-        removeAvailableModules: false,
-        removeEmptyChunks: false,
-        minimize: false // dont minimize for debugging
-    },
-    performance: {
-        maxAssetSize: 20000000,
-        maxEntrypointSize: 20000000
-    },
-    // use one of these below for source maps
-    devtool: 'source-map', // this works well, good compromise between accuracy and performance
-    // devtool: 'cheap-eval-source-map', // less accurate
-    // devtool: 'inline-source-map', // slowest
-    // devtool: 'inline-cheap-source-map',
-    output: {
-        // webpack-dev-server keeps the output in memory
-        filename: '[name].js',
-        path: path.resolve(__dirname, '<%= asset_output_directory %>'),
-        publicPath: 'http://localhost:3035/assets/'
-    },
-    resolve: {
-        plugins: [
-            // this makes it possible for webpack to find ruby files
-            new OwlResolver('resolve', 'resolved')
-        ],
-        alias: {
-            'react-dom': 'react-dom/profiling',
-            'schedule/tracing': 'schedule/tracing-profiling',
-        }
-    },
-    plugins: [
-        // both for hot reloading
-        new webpack.NamedModulesPlugin(),
-        new webpack.HotModuleReplacementPlugin(),
-        // watch for added files in opal dir
-        new ExtraWatchWebpackPlugin({ dirs: [ path.resolve(__dirname, '<%= opal_directory %>') ] })
-    ],
-    module: {
-        rules: [
-            {
-                // loader for .scss files
-                // test means "test for for file endings"
-                test: /\.s[ac]ss$/,
-                use: [
-                    { loader: "style-loader" },
-                    {
-                        loader: "css-loader",
-                        options: { sourceMap: true }
-                    },
-                    {
-                        loader: "sass-loader",
-                        options: {
-                            sassOptions: { includePaths: [path.resolve(__dirname, '<%= stylesheets_directory %>')] },
-                            sourceMap: true // set to false to speed up hot reloads
-                        }
-                    }
-                ]
-            },
-            {
-                // loader for .css files
-                test: /\.css$/,
-                use: [
-                    { loader: "style-loader" },
-                    {
-                        loader: "css-loader",
-                        options: { sourceMap: true }
-                    }
-                ]
-            },
-            {
-                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
-                use: [ "file-loader" ]
-            },
-            {
-                // opal-webpack-loader will compile and include ruby files in the pack
-                test: /(\.js)?\.rb$/,
-                use: [
-                    {
-                        loader: 'opal-webpack-loader',
-                        options: {
-                            sourceMap: true,
-                            hmr: true,
-                            hmrHook: '<%= hmr_hook %>'
-                        }
-                    }
-                ]
-            }
-        ]
-    },
-    // configuration for webpack-dev-server
-    devServer: {
-        <%= dev_server_before %>
-        open: false,
-        port: 3035,
-        hot: true,
-        https: false,
-        allowedHosts: 'all',
-        headers: {
-            "Access-Control-Allow-Origin": "*",
-            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
-            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
-        },
-        static: {
-            directory: path.resolve(__dirname, 'public'),
-            watch: {
-                // in case of problems with hot reloading uncomment the following two lines:
-                // aggregateTimeout: 250,
-                // poll: 50,
-            ignored: /\bnode_modules\b/
-            }
-        },
-        host: 'localhost'
-    }
-};
-
-const browser_config = {
-    target: 'web',
-    entry: {
-        application: [path.resolve(__dirname, '<%= js_entry %>')]
-    }
-};
-
-const ssr_config = {
-    target: 'node',
-    entry: {
-        application_ssr: [path.resolve(__dirname, '<%= js_ssr_entry %>')]
-    }
-};
-
-const web_worker_config = {
-    target: 'webworker',
-    entry: {
-        web_worker: [path.resolve(__dirname, '<%= js_web_worker_entry %>')]
-    }
-};
-
-const browser = Object.assign({}, common_config, browser_config);
-const ssr = Object.assign({}, common_config, ssr_config);
-const web_worker = Object.assign({}, common_config, web_worker_config);
-
-module.exports = [ <%= default_targets %> ];
+const path = require('path');
+const webpack = require('webpack');
+const OwlResolver = require('opal-webpack-loader/resolver'); // to resolve ruby files
+const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // to watch for added ruby files
+
+const common_config = {
+    context: path.resolve(__dirname, '<%= opal_directory %>'),
+    mode: "development",
+    optimization: {
+        moduleIds: 'named',
+        removeAvailableModules: false,
+        removeEmptyChunks: false,
+        minimize: false // dont minimize for debugging
+    },
+    performance: {
+        maxAssetSize: 20000000,
+        maxEntrypointSize: 20000000
+    },
+    // use one of these below for source maps
+    devtool: 'source-map', // this works well, good compromise between accuracy and performance
+    // devtool: 'cheap-eval-source-map', // less accurate
+    // devtool: 'inline-source-map', // slowest
+    // devtool: 'inline-cheap-source-map',
+    output: {
+        // webpack-dev-server keeps the output in memory
+        filename: '[name].js',
+        path: path.resolve(__dirname, '<%= asset_output_directory %>'),
+        publicPath: 'http://localhost:3035/assets/'
+    },
+    resolve: {
+        plugins: [
+            // this makes it possible for webpack to find ruby files
+            new OwlResolver('resolve', 'resolved')
+        ],
+        alias: {
+            'react-dom': 'react-dom/profiling',
+            'schedule/tracing': 'schedule/tracing-profiling',
+        }
+    },
+    plugins: [
+        // for hot reloading
+        new webpack.HotModuleReplacementPlugin(),
+        // watch for added files in opal dir
+        new ExtraWatchWebpackPlugin({ dirs: [ path.resolve(__dirname, '<%= opal_directory %>') ] })
+    ],
+    module: {
+        rules: [
+            {
+                // loader for .scss files
+                // test means "test for for file endings"
+                test: /\.s[ac]ss$/,
+                use: [
+                    { loader: "style-loader" },
+                    {
+                        loader: "css-loader",
+                        options: { sourceMap: true }
+                    },
+                    {
+                        loader: "sass-loader",
+                        options: {
+                            sassOptions: { includePaths: [path.resolve(__dirname, '<%= stylesheets_directory %>')] },
+                            sourceMap: true // set to false to speed up hot reloads
+                        }
+                    }
+                ]
+            },
+            {
+                // loader for .css files
+                test: /\.css$/,
+                use: [
+                    { loader: "style-loader" },
+                    {
+                        loader: "css-loader",
+                        options: { sourceMap: true }
+                    }
+                ]
+            },
+            {
+                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
+                use: [ "file-loader" ]
+            },
+            {
+                // opal-webpack-loader will compile and include ruby files in the pack
+                test: /(\.js)?\.rb$/,
+                use: [
+                    {
+                        loader: 'opal-webpack-loader',
+                        options: {
+                            sourceMap: true,
+                            hmr: true,
+                            hmrHook: '<%= hmr_hook %>'
+                        }
+                    }
+                ]
+            }
+        ]
+    },
+    // configuration for webpack-dev-server
+    devServer: {
+        <%= dev_server_before %>
+        open: false,
+        port: 3035,
+        hot: true,
+        https: false,
+        allowedHosts: 'all',
+        headers: {
+            "Access-Control-Allow-Origin": "*",
+            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+        },
+        static: {
+            directory: path.resolve(__dirname, 'public'),
+            watch: {
+                // in case of problems with hot reloading uncomment the following two lines:
+                // aggregateTimeout: 250,
+                // poll: 50,
+                ignored: /\bnode_modules\b/
+            }
+        },
+        host: 'localhost'
+    }
+};
+
+const browser_config = {
+    target: 'web',
+    entry: {
+        application: [path.resolve(__dirname, '<%= js_entry %>')]
+    }
+};
+
+const ssr_config = {
+    target: 'node',
+    entry: {
+        application_ssr: [path.resolve(__dirname, '<%= js_ssr_entry %>')]
+    }
+};
+
+const web_worker_config = {
+    target: 'webworker',
+    entry: {
+        web_worker: [path.resolve(__dirname, '<%= js_web_worker_entry %>')]
+    }
+};
+
+const browser = Object.assign({}, common_config, browser_config);
+const ssr = Object.assign({}, common_config, ssr_config);
+const web_worker = Object.assign({}, common_config, web_worker_config);
+
+module.exports = [ <%= default_targets %> ];

data/lib/opal-webpack-loader/templates/development.js.erb

@@ -1,134 +1,134 @@
-const path = require('path');
-const webpack = require('webpack');
-const OwlResolver = require('opal-webpack-loader/resolver'); // to resolve ruby files
-const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // to watch for added ruby files
-
-const common_config = {
-    context: path.resolve(__dirname, '<%= opal_directory %>'),
-    mode: "development",
-    optimization: {
-        removeAvailableModules: false,
-        removeEmptyChunks: false,
-        minimize: false // dont minimize in development, to speed up hot reloads
-    },
-    performance: {
-        maxAssetSize: 20000000,
-        maxEntrypointSize: 20000000
-    },
-    output: {
-        // webpack-dev-server keeps the output in memory
-        filename: '[name].js',
-        path: path.resolve(__dirname, '<%= asset_output_directory %>'),
-        publicPath: 'http://localhost:3035/assets/'
-    },
-    resolve: {
-        plugins: [
-            // this makes it possible for webpack to find ruby files
-            new OwlResolver('resolve', 'resolved')
-        ]
-    },
-    plugins: [
-        // both for hot reloading
-        new webpack.NamedModulesPlugin(),
-        new webpack.HotModuleReplacementPlugin(),
-        // watch for added files in opal dir
-        new ExtraWatchWebpackPlugin({ dirs: [ path.resolve(__dirname, '<%= opal_directory %>') ] })
-    ],
-    module: {
-        rules: [
-            {
-                // loader for .scss files
-                // test means "test for for file endings"
-                test: /\.s[ac]ss$/,
-                use: [
-                    { loader: "style-loader" },
-                    { loader: "css-loader" },
-                    {
-                        loader: "sass-loader",
-                        options: {
-                            sassOptions: { includePaths: [path.resolve(__dirname, '<%= stylesheets_directory %>')] },
-                            sourceMap: false
-                        }
-                    }
-                ]
-            },
-            {
-                // loader for .css files
-                test: /\.css$/,
-                use: [
-                    { loader: "style-loader" },
-                    { loader: "css-loader" }
-                ]
-            },
-            {
-                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
-                use: [ "file-loader" ]
-            },
-            {
-                // opal-webpack-loader will compile and include ruby files in the pack
-                test: /(\.js)?\.rb$/,
-                use: [
-                    {
-                        loader: 'opal-webpack-loader',
-                        options: {
-                            sourceMap: false,
-                            hmr: true,
-                            hmrHook: '<%= hmr_hook %>'
-                        }
-                    }
-                ]
-            }
-        ]
-    },
-    // configuration for webpack-dev-server
-    devServer: {
-        <%= dev_server_before %>
-        open: false,
-        port: 3035,
-        hot: false,
-        https: false,
-        allowedHosts: 'all',
-        headers: {
-            "Access-Control-Allow-Origin": "*",
-            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
-            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
-        },
-        static: {
-            directory: path.resolve(__dirname, 'public'),
-            watch: {
-                // in case of problems with hot reloading uncomment the following two lines:
-                // aggregateTimeout: 250,
-                // poll: 50,
-            ignored: /\bnode_modules\b/
-            }
-        },
-        host: 'localhost'
-    }
-};
-
-const browser_config = {
-    target: 'web',
-    entry: {
-        application: [path.resolve(__dirname, '<%= js_entry %>')]
-    }
-};
-
-const ssr_config = {
-    target: 'node',
-    entry: {
-        application_ssr: [path.resolve(__dirname, '<%= js_ssr_entry %>')]
-    }
-};
-
-const web_worker_config = {
-    target: 'webworker',
-    entry: {
-        web_worker: [path.resolve(__dirname, '<%= js_web_worker_entry %>')]
-    }
-};
-
-const browser = Object.assign({}, common_config, browser_config);
-const ssr = Object.assign({}, common_config, ssr_config);
-const web_worker = Object.assign({}, common_config, web_worker_config);
-
-module.exports = [ <%= default_targets %> ];
+const path = require('path');
+const webpack = require('webpack');
+const OwlResolver = require('opal-webpack-loader/resolver'); // to resolve ruby files
+const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // to watch for added ruby files
+
+const common_config = {
+    context: path.resolve(__dirname, '<%= opal_directory %>'),
+    mode: "development",
+    optimization: {
+        moduleIds: 'named',
+        removeAvailableModules: false,
+        removeEmptyChunks: false,
+        minimize: false // dont minimize in development, to speed up hot reloads
+    },
+    performance: {
+        maxAssetSize: 20000000,
+        maxEntrypointSize: 20000000
+    },
+    output: {
+        // webpack-dev-server keeps the output in memory
+        filename: '[name].js',
+        path: path.resolve(__dirname, '<%= asset_output_directory %>'),
+        publicPath: 'http://localhost:3035/assets/'
+    },
+    resolve: {
+        plugins: [
+            // this makes it possible for webpack to find ruby files
+            new OwlResolver('resolve', 'resolved')
+        ]
+    },
+    plugins: [
+        // for hot reloading
+        new webpack.HotModuleReplacementPlugin(),
+        // watch for added files in opal dir
+        new ExtraWatchWebpackPlugin({ dirs: [ path.resolve(__dirname, '<%= opal_directory %>') ] })
+    ],
+    module: {
+        rules: [
+            {
+                // loader for .scss files
+                // test means "test for for file endings"
+                test: /\.s[ac]ss$/,
+                use: [
+                    { loader: "style-loader" },
+                    { loader: "css-loader" },
+                    {
+                        loader: "sass-loader",
+                        options: {
+                            sassOptions: { includePaths: [path.resolve(__dirname, '<%= stylesheets_directory %>')] },
+                            sourceMap: false
+                        }
+                    }
+                ]
+            },
+            {
+                // loader for .css files
+                test: /\.css$/,
+                use: [
+                    { loader: "style-loader" },
+                    { loader: "css-loader" }
+                ]
+            },
+            {
+                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
+                use: [ "file-loader" ]
+            },
+            {
+                // opal-webpack-loader will compile and include ruby files in the pack
+                test: /(\.js)?\.rb$/,
+                use: [
+                    {
+                        loader: 'opal-webpack-loader',
+                        options: {
+                            sourceMap: false,
+                            hmr: true,
+                            hmrHook: '<%= hmr_hook %>'
+                        }
+                    }
+                ]
+            }
+        ]
+    },
+    // configuration for webpack-dev-server
+    devServer: {
+        <%= dev_server_before %>
+        open: false,
+        port: 3035,
+        hot: false,
+        https: false,
+        allowedHosts: 'all',
+        headers: {
+            "Access-Control-Allow-Origin": "*",
+            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+        },
+        static: {
+            directory: path.resolve(__dirname, 'public'),
+            watch: {
+                // in case of problems with hot reloading uncomment the following two lines:
+                // aggregateTimeout: 250,
+                // poll: 50,
+                ignored: /\bnode_modules\b/
+            }
+        },
+        host: 'localhost'
+    }
+};
+
+const browser_config = {
+    target: 'web',
+    entry: {
+        application: [path.resolve(__dirname, '<%= js_entry %>')]
+    }
+};
+
+const ssr_config = {
+    target: 'node',
+    entry: {
+        application_ssr: [path.resolve(__dirname, '<%= js_ssr_entry %>')]
+    }
+};
+
+const web_worker_config = {
+    target: 'webworker',
+    entry: {
+        web_worker: [path.resolve(__dirname, '<%= js_web_worker_entry %>')]
+    }
+};
+
+const browser = Object.assign({}, common_config, browser_config);
+const ssr = Object.assign({}, common_config, ssr_config);
+const web_worker = Object.assign({}, common_config, web_worker_config);
+
+module.exports = [ <%= default_targets %> ];

data/lib/opal-webpack-loader/templates/opal_loader.rb.erb

@@ -1,9 +1,7 @@
-require 'opal'
-
-# the gem opal-autoloader may be used, so its not necessary to use 'require' all the time,
-# just using 'require_tree' to bundle everything is enough:
-#
-# require 'opal-autoloader'
-# require_tree 'my_app' # for a sub directory 'my_app'
-
-
+require 'opal'
+
+# the gem opal-autoloader may be used, so its not necessary to use 'require' all the time,
+# just using 'require_tree' to bundle everything is enough:
+#
+# require 'opal-autoloader'
+# require_tree 'my_app' # for a sub directory 'my_app'

data/lib/opal-webpack-loader/templates/opal_web_worker_loader.rb.erb

@@ -1,9 +1,7 @@
-require 'opal'
-
-# the gem opal-autoloader may be used, so its not necessary to use 'require' all the time,
-# just using 'require_tree' to bundle everything is enough:
-#
-# require 'opal-autoloader'
-# require_tree 'my_app' # for a sub directory 'my_app'
-
-
+require 'opal'
+
+# the gem opal-autoloader may be used, so its not necessary to use 'require' all the time,
+# just using 'require_tree' to bundle everything is enough:
+#
+# require 'opal-autoloader'
+# require_tree 'my_app' # for a sub directory 'my_app'

data/lib/opal-webpack-loader/templates/package.json.erb

@@ -1,26 +1,25 @@
-{
-  "private": true,
-  "dependencies": {
-    "opal-webpack-loader": "^<%= owl_version %>"
-  },
-  "scripts": {
-    "debug": "<%= debug_script %>",
-    "development": "<%= development_script %>",
-    "production_build": "<%= production_script %>"
-  },
-  "devDependencies": {
-    "compression-webpack-plugin": "^5.0.2",
-    "css-loader": "^5.2.4",
-    "extra-watch-webpack-plugin": "^1.0.3",
-    "file-loader": "^6.2.0",
-    "node-sass": "^6.0.0",
-    "parallel-webpack": "^2.6.0",
-    "sass-loader": "^10.0.5",
-    "style-loader": "^2.0.0",
-    "terser-webpack-plugin": "^4.2.3",
-    "webpack": "^4.46.0",
-    "webpack-assets-manifest": "^4.0.6",
-    "webpack-cli": "^4.7.0",
-    "webpack-dev-server": "^4.0.0-rc.0"
-  }
-}
+{
+  "private": true,
+  "dependencies": {
+    "opal-webpack-loader": "^<%= owl_version %>"
+  },
+  "scripts": {
+    "debug": "<%= debug_script %>",
+    "development": "<%= development_script %>",
+    "production_build": "<%= production_script %>"
+  },
+  "devDependencies": {
+    "compression-webpack-plugin": "^8.0.1",
+    "css-loader": "^6.2.0",
+    "extra-watch-webpack-plugin": "^1.0.3",
+    "file-loader": "^6.2.0",
+    "node-sass": "^6.0.1",
+    "parallel-webpack": "^2.6.0",
+    "sass-loader": "^12.1.0",
+    "style-loader": "^3.2.1",
+    "webpack": "^5.50.0",
+    "webpack-assets-manifest": "^5.0.6",
+    "webpack-cli": "^4.7.2",
+    "webpack-dev-server": "^4.0.0-rc.0"
+  }
+}

data/lib/opal-webpack-loader/templates/production.js.erb

@@ -1,99 +1,97 @@
-const path = require('path');
-const OwlResolver = require('opal-webpack-loader/resolver');
-const CompressionPlugin = require("compression-webpack-plugin"); // for gzipping the packs
-const TerserPlugin = require('terser-webpack-plugin');
-const WebpackAssetsManifest = require('webpack-assets-manifest');
-
-const common_config = {
-    context: path.resolve(__dirname, '<%= opal_directory %>'),
-    mode: "production",
-    optimization: {
-        minimize: true, // minimize
-        minimizer: [new TerserPlugin({ parallel: true })]
-    },
-    performance: {
-        maxAssetSize: 20000000,
-        maxEntrypointSize: 20000000
-    },
-    output: {
-        filename: '[name]-[chunkhash].js', // include fingerprint in file name, so browsers get the latest
-        path: path.resolve(__dirname, '<%= asset_output_directory %>'),
-        publicPath: '/assets/'
-    },
-    resolve: {
-        plugins: [
-            new OwlResolver('resolve', 'resolved') // resolve ruby files
-        ]
-    },
-    plugins: [
-        new CompressionPlugin({ test: /^((?!application_ssr).)*$/ }), // gzip compress, exclude application_ssr.js
-        new WebpackAssetsManifest({ publicPath: true, merge: true, output: 'manifest.json' }) // generate manifest
-    ],
-    module: {
-        rules: [
-            {
-                test: /\.s[ac]ss$/,
-                use: [
-                    { loader: "style-loader" },
-                    {
-                        loader: "css-loader",
-                        options: {
-                            sourceMap: false, // set to false to speed up hot reloads
-                            minimize: true // set to false to speed up hot reloads
-                        }
-                    },
-                    {
-                        loader: "sass-loader",
-                        options: {
-                            sassOptions: { includePath: [path.resolve(__dirname, '<%= stylesheets_directory %>')] },
-                            sourceMap: false // set to false to speed up hot reloads
-                        }
-                    }
-                ]
-            },
-            {
-                // loader for .css files
-                test: /\.css$/,
-                use: [ "style-loader", "css-loader" ]
-            },
-            {
-                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
-                use: [ "file-loader" ]
-            },
-            {
-                // opal-webpack-loader will compile and include ruby files in the pack
-                test: /(\.js)?\.rb$/,
-                use: [
-                    {
-                        loader: 'opal-webpack-loader',
-                        options: {
-                            sourceMap: false,
-                            hmr: false
-                        }
-                    }
-                ]
-            }
-        ]
-    }
-};
-
-const browser_config = {
-    target: 'web',
-    entry: { application: [path.resolve(__dirname, '<%= js_entry %>')] }
-};
-
-const ssr_config = {
-    target: 'node',
-    entry: { application_ssr: [path.resolve(__dirname, '<%= js_ssr_entry %>')] }
-};
-
-const web_worker_config = {
-    target: 'webworker',
-    entry: { web_worker: [path.resolve(__dirname, '<%= js_web_worker_entry %>')] }
-};
-
-const browser = Object.assign({}, common_config, browser_config);
-const ssr = Object.assign({}, common_config, ssr_config);
-const web_worker = Object.assign({}, common_config, web_worker_config);
-
-module.exports = [ <%= default_targets %> ];
+const path = require('path');
+const OwlResolver = require('opal-webpack-loader/resolver');
+const CompressionPlugin = require("compression-webpack-plugin"); // for gzipping the packs
+const WebpackAssetsManifest = require('webpack-assets-manifest');
+
+const common_config = {
+    context: path.resolve(__dirname, '<%= opal_directory %>'),
+    mode: "production",
+    optimization: {
+        minimize: true
+    },
+    performance: {
+        maxAssetSize: 20000000,
+        maxEntrypointSize: 20000000
+    },
+    output: {
+        filename: '[name]-[chunkhash].js', // include fingerprint in file name, so browsers get the latest
+        path: path.resolve(__dirname, '<%= asset_output_directory %>'),
+        publicPath: '/assets/'
+    },
+    resolve: {
+        plugins: [
+            new OwlResolver('resolve', 'resolved') // resolve ruby files
+        ]
+    },
+    plugins: [
+        new CompressionPlugin({ test: /^((?!application_ssr).)*$/ }), // gzip compress, exclude application_ssr.js
+        new WebpackAssetsManifest({ publicPath: true, merge: true, output: 'manifest.json' }) // generate manifest
+    ],
+    module: {
+        rules: [
+            {
+                test: /\.s[ac]ss$/,
+                use: [
+                    { loader: "style-loader" },
+                    {
+                        loader: "css-loader",
+                        options: {
+                            sourceMap: false, // set to false to speed up hot reloads
+                            minimize: true // set to false to speed up hot reloads
+                        }
+                    },
+                    {
+                        loader: "sass-loader",
+                        options: {
+                            sassOptions: { includePath: [path.resolve(__dirname, '<%= stylesheets_directory %>')] },
+                            sourceMap: false // set to false to speed up hot reloads
+                        }
+                    }
+                ]
+            },
+            {
+                // loader for .css files
+                test: /\.css$/,
+                use: [ "style-loader", "css-loader" ]
+            },
+            {
+                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
+                use: [ "file-loader" ]
+            },
+            {
+                // opal-webpack-loader will compile and include ruby files in the pack
+                test: /(\.js)?\.rb$/,
+                use: [
+                    {
+                        loader: 'opal-webpack-loader',
+                        options: {
+                            sourceMap: false,
+                            hmr: false
+                        }
+                    }
+                ]
+            }
+        ]
+    }
+};
+
+const browser_config = {
+    target: 'web',
+    entry: { application: [path.resolve(__dirname, '<%= js_entry %>')] }
+};
+
+const ssr_config = {
+    target: 'node',
+    entry: { application_ssr: [path.resolve(__dirname, '<%= js_ssr_entry %>')] }
+};
+
+const web_worker_config = {
+    target: 'webworker',
+    entry: { web_worker: [path.resolve(__dirname, '<%= js_web_worker_entry %>')] }
+};
+
+const browser = Object.assign({}, common_config, browser_config);
+const ssr = Object.assign({}, common_config, ssr_config);
+const web_worker = Object.assign({}, common_config, web_worker_config);
+
+module.exports = [ <%= default_targets %> ];

data/lib/opal-webpack-loader/version.rb

@@ -1,3 +1,3 @@
 module OpalWebpackLoader
-  VERSION="0.12.0"
+  VERSION="0.13.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: opal-webpack-loader
 version: !ruby/object:Gem::Version
-  version: 0.12.0
+  version: 0.13.0
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-10 00:00:00.000000000 Z
+date: 2021-08-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -56,16 +56,16 @@ dependencies:
   name: oj
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 3.12.0
+        version: 3.13.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 3.12.0
+        version: 3.13.0
 - !ruby/object:Gem::Dependency
   name: redis
   requirement: !ruby/object:Gem::Requirement
@@ -184,14 +184,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.3.0
+        version: 5.4.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.3.0
+        version: 5.4.0
 description: "Bundle assets with webpack, resolve and compile opal ruby files\nand
   import them in the bundle, without sprockets or the webpacker gem\n(but can be used
   with both of them too). \nComes with a installer for rails and other frameworks.\n"