Avoid serving legacy JS bundles, T-23391

Author: ronilaukkarinen

.github/workflows/js.yml

@@ -25,7 +25,6 @@ jobs:
         rm package.json
         wget https://raw.githubusercontent.com/digitoimistodude/devpackages/master/package.json
         sed -i 's/PROJECTNAME/air-light/g' package.json
-        npm i airbnb-browser-shims@^3.3.0 --save
         npm i moveto@^1.8.2 --save
         npm i reframe.js@^4.0.0 --save
         npm i

CHANGELOG.md

@@ -8,6 +8,11 @@
 * Delete redundant _box-with-shadow.scss, T-24776
 * Delete obsolete aspect-ratio mixin, T-24777
 * Add parts folder, T-24778
+* Force minimal selection of formatting in tinymce WYSIWYG editor, T-19418
+* Rewrite allowed_blocks, make it possible to use single blocks, T-17645
+* Fix: Mobile navigation is wrongly offset with WP admin bar, T-25557
+* Remove obsolete airbnb-browser-shims, T-23391
+* Avoid serving legacy JS bundles, T-23391
 
 ### 9.4.8: 2025-02-03
 

README.md

@@ -218,10 +218,6 @@ All .js files in `/js/src/*` is built to production bundles in `/js/prod/` folde
 
 If you want to add a piece of custom JS, create a file under `/js/src/modules/` and import or require it in `/js/src/front-end.js`. If you need a admin-specific JS, add a `/js/src/admin.js` and then enqueue `/js/dist/admin.js` with `enqueue_admin_scripts`
 
-#### Linter
-
-We use [Airbnb](https://github.com/airbnb/javascript) es-lint presets spiced up with our own flavors.
-
 ### Extra building blocks
 
 #### Sticky navigation

gulp/webpack.config.dev.js

@@ -12,11 +12,12 @@ module.exports = {
         loader: 'babel-loader',
         options: {
           presets: [
-            ['airbnb', {
+            ['@babel/preset-env', {
+              modules: false,
+              useBuiltIns: 'usage',
+              corejs: 3,
               targets: {
-                chrome: 50,
-                ie: 11,
-                firefox: 45
+                esmodules: true
               }
             }]
           ]

gulp/webpack.config.prod.js

@@ -5,25 +5,18 @@ module.exports = {
       (compiler) => {
         const TerserPlugin = require('terser-webpack-plugin');
         new TerserPlugin({
-        terserOptions: {
-          // ecma: 6,
-          parse: {},
-          compress: {},
-          mangle: true, // Note `mangle.properties` is `false` by default.
-          module: false,
-          toplevel: false,
-          nameCache: null,
-          ie8: false,
-          keep_fnames: false,
-          safari10: false,
-          format: {
-            comments: false,
+          extractComments: false,
+          terserOptions: {
+            compress: {},
+            mangle: true,
+            module: false,
+            format: {
+              comments: false,
+            },
           },
-        },
-        extractComments: false,
-      }).apply(compiler);
-    },
-  ]
+        }).apply(compiler);
+      },
+    ]
   },
   externals: {
     jquery: 'jQuery' // Available and loaded through WordPress.
@@ -37,11 +30,12 @@ module.exports = {
         loader: 'babel-loader',
         options: {
           presets: [
-            ['airbnb', {
+            ['@babel/preset-env', {
+              modules: false,
+              useBuiltIns: 'usage',
+              corejs: 3,
               targets: {
-                chrome: 50,
-                ie: 11,
-                firefox: 45
+                esmodules: true
               }
             }]
           ]