[5.0] Drop es5 js files

administrator/templates/atum/joomla.asset.json

@@ -45,26 +45,13 @@
         "template.active.language"
       ]
     },
-    {
-      "name": "template.atum-es5",
-      "description": "The file containing the javascript for this template.",
-      "type": "script",
-      "uri": "media/templates/administrator/atum/js/template-es5.min.js",
-      "dependencies": [
-        "core"
-      ],
-      "attributes": {
-        "nomodule": true,
-        "defer": true
-      }
-    },
     {
       "name": "template.atum",
       "description": "The file containing the javascript for this template.",
       "type": "script",
       "uri": "media/templates/administrator/atum/js/template.min.js",
       "dependencies": [
-        "template.atum-es5"
+        "core"
       ],
       "attributes": {
         "type": "module"

build/build-modules-js/init/minify-vendor.es6.js

@@ -7,7 +7,6 @@ const RootPath = process.cwd();
 
 const folders = [
   'media/vendor/accessibility/js',
-  'media/vendor/chosen/js',
   'media/vendor/codemirror',
   'media/vendor/debugbar',
   'media/vendor/diff/js',

build/build-modules-js/init/patches.es6.js

@@ -13,18 +13,8 @@ const RootPath = process.cwd();
 module.exports.patchPackages = async (options) => {
   const mediaVendorPath = join(RootPath, 'media/vendor');
 
-  // Joomla's hack to expose the chosen base classes so we can extend it ourselves
-  // (it was better than the many hacks we had before. But I'm still ashamed of myself).
-  let dest = join(mediaVendorPath, 'chosen');
-  const chosenPath = `${dest}/${options.settings.vendors['chosen-js'].js['chosen.jquery.js']}`;
-  let ChosenJs = await readFile(chosenPath, { encoding: 'utf8' });
-  ChosenJs = ChosenJs.replace('}).call(this);', `  document.AbstractChosen = AbstractChosen;
-  document.Chosen = Chosen;
-}).call(this);`);
-  await writeFile(chosenPath, ChosenJs, { encoding: 'utf8', mode: 0o644 });
-
   // Append initialising code to the end of the Short-and-Sweet javascript
-  dest = join(mediaVendorPath, 'short-and-sweet');
+  const dest = join(mediaVendorPath, 'short-and-sweet');
   const shortandsweetPath = `${dest}/${options.settings.vendors['short-and-sweet'].js['dist/short-and-sweet.min.js']}`;
   let ShortandsweetJs = await readFile(shortandsweetPath, { encoding: 'utf8' });
   ShortandsweetJs = ShortandsweetJs.concat(`

build/build-modules-js/javascript/build-bootstrap-js.es6.js

@@ -8,7 +8,6 @@ const rollup = require('rollup');
 const { nodeResolve } = require('@rollup/plugin-node-resolve');
 const replace = require('@rollup/plugin-replace');
 const { babel } = require('@rollup/plugin-babel');
-const commonjs = require('@rollup/plugin-commonjs');
 const bsVersion = require('../../../package.json').dependencies.bootstrap.replace(/^\^|~/, '');
 
 const tasks = [];
@@ -47,22 +46,18 @@ const build = async () => {
             {
               targets: {
                 browsers: [
-                  '> 1%',
-                  'not ie 11',
-                  'not op_mini all',
+                  /** https://caniuse.com/es6-module */
+                  'chrome 61',
+                  'safari 11',
+                  'edge 16',
+                  'Firefox 60',
                 ],
               },
             },
           ],
         ],
       }),
     ],
-    external: [
-      './base-component.js',
-      ...domImports.map((file) => `./dom/${file}`),
-      ...domImports.map((file) => `./${file}`),
-      ...utilImports.map((file) => `./util/${file}`),
-    ],
     manualChunks: {
       alert: ['build/media_source/vendor/bootstrap/js/alert.es6.js'],
       button: ['build/media_source/vendor/bootstrap/js/button.es6.js'],
@@ -95,55 +90,6 @@ const build = async () => {
   await bundle.close();
 };
 
-const buildLegacy = async () => {
-  // eslint-disable-next-line no-console
-  console.log('Building Legacy...');
-
-  const bundle = await rollup.rollup({
-    input: resolve(inputFolder, 'index.es6.js'),
-    plugins: [
-      commonjs(),
-      nodeResolve(),
-      replace({
-        preventAssignment: true,
-        'process.env.NODE_ENV': '\'production\'',
-      }),
-      babel({
-        exclude: 'node_modules/core-js/**',
-        babelHelpers: 'bundled',
-        babelrc: false,
-        presets: [
-          [
-            '@babel/preset-env',
-            {
-              corejs: '3.8',
-              useBuiltIns: 'usage',
-              targets: {
-                chrome: '58',
-                ie: '11',
-              },
-              loose: true,
-              bugfixes: true,
-              modules: false,
-            },
-          ],
-        ],
-      }),
-    ],
-    external: [],
-  });
-
-  await bundle.write({
-    format: 'iife',
-    sourcemap: false,
-    name: 'bootstrap',
-    file: resolve(outputFolder, 'bootstrap-es5.js'),
-  });
-
-  // closes the bundle
-  await bundle.close();
-};
-
 module.exports.bootstrapJs = async () => {
   rimraf.sync(resolve(outputFolder));
 
@@ -160,23 +106,7 @@ module.exports.bootstrapJs = async () => {
     tasks.push(createMinified(file));
   });
 
-  return Promise.all(tasks).then(async () => {
-    // eslint-disable-next-line no-console
-    console.log('✅ ES6 components ready');
-
-    try {
-      await buildLegacy(inputFolder, 'index.es6.js');
-      const es5File = await readFile(resolve(outputFolder, 'bootstrap-es5.js'), { encoding: 'utf8' });
-      const mini = await minify(es5File, { sourceMap: false, format: { comments: false } });
-      await writeFile(resolve(outputFolder, 'bootstrap-es5.min.js'), mini.code, { encoding: 'utf8', mode: 0o644 });
-      // eslint-disable-next-line no-console
-      console.log('✅ Legacy done!');
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error(error);
-      process.exit(1);
-    }
-  }).catch((er) => {
+  return Promise.all(tasks).catch((er) => {
     // eslint-disable-next-line no-console
     console.log(er);
     process.exit(1);

build/build-modules-js/javascript/build-com_media-js.es6.js

@@ -5,66 +5,10 @@ const { nodeResolve } = require('@rollup/plugin-node-resolve');
 const replace = require('@rollup/plugin-replace');
 const { babel } = require('@rollup/plugin-babel');
 const VuePlugin = require('rollup-plugin-vue');
-const commonjs = require('@rollup/plugin-commonjs');
 const { minifyJsCode } = require('./minify.es6.js');
 
 const inputJS = 'administrator/components/com_media/resources/scripts/mediamanager.es6.js';
 
-const buildLegacy = async (file) => {
-  // eslint-disable-next-line no-console
-  console.log('Building Legacy Media Manager...');
-
-  const bundle = await rollup.rollup({
-    input: file,
-    plugins: [
-      nodeResolve(),
-      commonjs(),
-      babel({
-        exclude: 'node_modules/core-js/**',
-        babelHelpers: 'bundled',
-        babelrc: false,
-        presets: [
-          [
-            '@babel/preset-env',
-            {
-              corejs: '3.8',
-              useBuiltIns: 'usage',
-              targets: {
-                ie: '11',
-              },
-              loose: true,
-              bugfixes: true,
-              modules: false,
-              ignoreBrowserslistConfig: true,
-            },
-          ],
-        ],
-      }),
-    ],
-    external: [],
-  });
-
-  await bundle.write({
-    format: 'iife',
-    sourcemap: false,
-    name: 'JoomlaMediaManager',
-    file: 'media/com_media/js/media-manager-es5.js',
-  })
-    .then((value) => minifyJsCode(value.output[0].code))
-    .then((content) => {
-      // eslint-disable-next-line no-console
-      console.log('✅ Legacy Media Manager ready');
-      return writeFile(resolve('media/com_media/js/media-manager-es5.min.js'), content.code, { encoding: 'utf8', mode: 0o644 });
-    })
-    .catch((error) => {
-      // eslint-disable-next-line no-console
-      console.error(error);
-    });
-
-  // closes the bundle
-  await bundle.close();
-};
-
 module.exports.mediaManager = async () => {
   // eslint-disable-next-line no-console
   console.log('Building Media Manager ES Module...');
@@ -95,9 +39,11 @@ module.exports.mediaManager = async () => {
             {
               targets: {
                 browsers: [
-                  '> 1%',
-                  'not ie 11',
-                  'not op_mini all',
+                  /** https://caniuse.com/es6-module */
+                  'chrome 61',
+                  'safari 11',
+                  'edge 16',
+                  'Firefox 60',
                 ],
               },
               loose: true,
@@ -122,7 +68,6 @@ module.exports.mediaManager = async () => {
 
       return writeFile(resolve('media/com_media/js/media-manager.min.js'), content.code, { encoding: 'utf8', mode: 0o644 });
     })
-    .then(() => buildLegacy(resolve('media/com_media/js/media-manager.js')))
     .catch((error) => {
       // eslint-disable-next-line no-console
       console.error(error);
@@ -164,9 +109,11 @@ module.exports.watchMediaManager = async () => {
             {
               targets: {
                 browsers: [
-                  '> 1%',
-                  'not ie 11',
-                  'not op_mini all',
+                  /** https://caniuse.com/es6-module */
+                  'chrome 61',
+                  'safari 11',
+                  'edge 16',
+                  'Firefox 60',
                 ],
               },
               loose: true,

build/build-modules-js/javascript/compile-to-es2017.es6.js

@@ -10,7 +10,7 @@ const { babel } = require('@rollup/plugin-babel');
 const Postcss = require('postcss');
 const { renderSync } = require('sass-embedded');
 const { minifyJsCode } = require('./minify.es6.js');
-const { handleESMToLegacy } = require('./compile-to-es5.es6.js');
+// const { handleESMToLegacy } = require('./compile-to-es5.es6.js');
 
 const getWcMinifiedCss = async (file) => {
   let scssFileExists = false;
@@ -72,9 +72,11 @@ module.exports.handleESMFile = async (file) => {
             {
               targets: {
                 browsers: [
-                  '> 1%',
-                  'not ie 11',
-                  'not op_mini all',
+                  /** https://caniuse.com/es6-module */
+                  'chrome 61',
+                  'safari 11',
+                  'edge 16',
+                  'Firefox 60',
                 ],
               },
               bugfixes: true,
@@ -99,7 +101,7 @@ module.exports.handleESMFile = async (file) => {
 
       return writeFile(resolve(`${newPath}.min.js`), content.code, { encoding: 'utf8', mode: 0o644 });
     })
-    .then(() => handleESMToLegacy(resolve(`${newPath}.js`)))
+    // .then(() => handleESMToLegacy(resolve(`${newPath}.js`)))
     .catch((error) => {
       // eslint-disable-next-line no-console
       console.error(error);