uglify-js-minify-css-allfiles 2.6.0 → 2.7.0

package/README.md

@@ -68,6 +68,8 @@ await minifyAll('./src/', {
     modules: false,
     useBuiltIns: 'usage',
     corejs: 3,
+    useAppendTransform: true,
+    plugins: ['@babel/plugin-proposal-class-properties'],
   },
   usePostCSS: {
     browsers: ['Chrome >= 40'],
@@ -283,7 +285,9 @@ The `useBabel` object supports all @babel/preset-env options:
   forceAllTransforms: boolean,
   configPath: string,
   ignoreBrowserslistConfig: boolean,
-  shippedProposals: boolean
+  shippedProposals: boolean,
+  useAppendTransform: boolean,
+  plugins: Array<string|Array|Function>
 }
 ```
 

package/demo.js

@@ -16,6 +16,8 @@ minifyAll('./test/', {
   },
   useBabel: {
     targets: 'chrome 40',
+    useAppendTransform: false,
+    plugins: [],
   },
   useVersioning: {
     extensions: ['.png', '.jpg', '.webp', '.avif', '.svg'],

package/dist/module.js

@@ -149,6 +149,9 @@ async function updateImageReferences(filePath, versioningOptions, logger, hashMa
 
 /**
  * Resolves Babel options based on the provided configuration.
+ * Supports custom plugins through the useBabel.plugins option.
+ *
+ * @async
  * @param {boolean|BabelOptions} useBabel - The Babel options object or boolean.
  * @returns {Promise<BabelOptions|null>} - A promise that resolves to the Babel options or null if disabled.
  */
@@ -159,11 +162,34 @@ async function resolveBabelOptions(useBabel) {
     const presetEnvUrl = resolveModulePath('@babel/preset-env');
     const presetEnv = await import(presetEnvUrl);
 
-    return {
-      presets: [[presetEnv.default, typeof useBabel === 'object' ? useBabel : {}]],
+    const options = typeof useBabel === 'object' ? useBabel : {};
+    const { useAppendTransform, plugins, ...presetOptions } = options;
+
+    const babelConfig = {
+      presets: [[presetEnv.default, presetOptions]],
+      plugins: [],
     };
+
+    // Handle custom plugins if provided
+    if (plugins && Array.isArray(plugins)) {
+      babelConfig.plugins.push(...plugins);
+    }
+
+    // Add appendTransform plugin if useAppendTransform option is enabled
+    if (useAppendTransform) {
+      try {
+        const appendTransformPluginModule = await import('./plugins/append-polyfill-plugin.js');
+        const appendTransformPlugin = appendTransformPluginModule.default;
+        babelConfig.plugins.push(appendTransformPlugin);
+      } catch (pluginError) {
+        console.error('Error loading append transform plugin:', pluginError);
+        console.error(pluginError.stack);
+      }
+    }
+
+    return babelConfig;
   } catch (error) {
-    console.error('Error loading @babel/preset-env:', error);
+    console.error('Error loading @babel/preset-env or plugins:', error);
     return null;
   }
 }
@@ -283,6 +309,8 @@ async function processFile(filePath, logger, options) {
  * @property {string} [configPath] - Path to the configuration file.
  * @property {boolean} [ignoreBrowserslistConfig] - Ignores the browserslist configuration.
  * @property {boolean} [shippedProposals] - Enables support for shipped proposals.
+ * @property {boolean} [useAppendTransform] - Enables the append-to-appendChild transform plugin for compatibility with older browsers.
+ * @property {Array<string|Array|Function>} [plugins] - Additional Babel plugins to include in the transformation process.
  */
 
 /**

package/dist/plugins/append-polyfill-plugin.js

@@ -0,0 +1,67 @@
+/**
+ * Babel plugin to transform Element.append() calls to be compatible with older browsers.
+ * This plugin converts:
+ * - element.append("text") to element.appendChild(document.createTextNode("text"))
+ * - element.append(node) to element.appendChild(node)
+ * - element.append(node1, "text", node2) to a sequence of appendChild calls
+ *
+ * @param {Object} param0 - Babel plugin parameters
+ * @param {Object} param0.types - Babel types utility
+ * @returns {Object} Babel plugin object
+ */
+export default function ({ types: t }) {
+  return {
+    name: 'append-polyfill-transform',
+    visitor: {
+      CallExpression(path) {
+        const callee = path.get('callee');
+
+        // Check for element.append(...) call pattern
+        if (!callee.isMemberExpression()) return;
+        if (!callee.get('property').isIdentifier({ name: 'append' })) return;
+
+        const args = path.node.arguments;
+        const objectNode = callee.get('object').node;
+
+        // Skip if no arguments
+        if (args.length === 0) return;
+
+        // Handle single argument case
+        if (args.length === 1) {
+          const arg = args[0];
+
+          // String literal case: element.append("text")
+          if (t.isStringLiteral(arg)) {
+            path.replaceWith(
+              t.callExpression(t.memberExpression(t.cloneNode(objectNode), t.identifier('appendChild')), [
+                t.callExpression(t.memberExpression(t.identifier('document'), t.identifier('createTextNode')), [arg]),
+              ]),
+            );
+          } else {
+            // Node case: element.append(node)
+            callee.get('property').replaceWith(t.identifier('appendChild'));
+          }
+          return;
+        }
+
+        // Handle multiple arguments: element.append(node1, "text", node2)
+        const statements = args.map((arg) => {
+          // String literal case
+          if (t.isStringLiteral(arg)) {
+            return t.callExpression(t.memberExpression(t.cloneNode(objectNode), t.identifier('appendChild')), [
+              t.callExpression(t.memberExpression(t.identifier('document'), t.identifier('createTextNode')), [arg]),
+            ]);
+          } else {
+            // Node case
+            return t.callExpression(t.memberExpression(t.cloneNode(objectNode), t.identifier('appendChild')), [arg]);
+          }
+        });
+
+        if (statements.length > 0) {
+          // Combine multiple statements into a sequence expression
+          path.replaceWith(t.sequenceExpression(statements));
+        }
+      },
+    },
+  };
+}

package/minify.d.ts

@@ -56,6 +56,17 @@ declare module 'uglify-js-minify-css-allfiles' {
      * Toggles enabling support for builtin/feature proposals that have shipped in browsers.
      */
     shippedProposals?: boolean;
+
+    /**
+     * Enables the append-to-appendChild transform plugin.
+     * When true, Element.append() calls are transformed to Element.appendChild() calls for compatibility with older browsers like Chrome 35.
+     */
+    useAppendTransform?: boolean;
+
+    /**
+     * Additional Babel plugins to include in the transformation process.
+     */
+    plugins?: Array<string | Array | Function>;
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uglify-js-minify-css-allfiles",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "you will be able to minify all files as same file names which is js or css",
   "main": "minify.js",
   "type": "module",