uglify-js-minify-css-allfiles 2.2.2 → 2.2.4

package/CHANGELOG.md

@@ -5,6 +5,25 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.2.4] - 2024-08-23
+
+### Changed
+
+- Updated `resolveBabelOptions` function to dynamically import `@babel/preset-env` using `resolveModulePath`
+- Modified `minifyAll` function to handle the new asynchronous `resolveBabelOptions`
+
+### Improved
+
+- Enhanced flexibility in loading Babel presets, allowing for better compatibility with different environments
+
+## [2.2.3] - 2024-08-23
+
+### Improved
+
+- Enhanced type definitions using JSDoc comments for better IDE support and code documentation
+- Added more specific type definitions for JSMinifyOptions and CSSMinifyOptions
+- Improved type annotations for function parameters and return types
+
 ## [2.2.2] - 2024-08-22
 
 ### Fixed

package/dist/module.js

@@ -16,27 +16,37 @@ const require = createRequire(import.meta.url);
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+/**
+ * Resolves the path of a module.
+ * @param {string} moduleName - The name of the module to resolve.
+ * @returns {string} The resolved module path as a URL.
+ */
 function resolveModulePath(moduleName) {
   const modulePath = require.resolve(moduleName, { paths: [__dirname] });
   return pathToFileURL(modulePath).href;
 }
 
+/**
+ * @typedef {Object} FileHandlerOptions
+ * @property {BabelOptions} [babelOptions] - Babel transformation options.
+ * @property {JSMinifyOptions} [jsMinifyOptions] - JavaScript minification options.
+ * @property {CSSMinifyOptions} [cssMinifyOptions] - CSS minification options.
+ */
+
+/**
+ * @callback FileHandler
+ * @param {string} filePath - The path of the file to process.
+ * @param {string} content - The content of the file.
+ * @param {Logger} logger - The logger instance.
+ * @param {FileHandlerOptions} options - Options for processing.
+ * @returns {Promise<void>}
+ */
+
 /**
  * Object containing handlers for different file types.
- * @type {Object.<string, function>}
+ * @type {Object.<string, FileHandler>}
  */
 const FILE_HANDLERS = {
-  /**
-   * Handles JavaScript file minification.
-   * @async
-   * @param {string} filePath - The path of the JavaScript file.
-   * @param {string} content - The content of the JavaScript file.
-   * @param {Logger} logger - The logger instance.
-   * @param {Object} options - Options for processing.
-   * @param {Object} [options.babelOptions] - Babel transformation options.
-   * @param {Object} [options.jsMinifyOptions] - JavaScript minification options.
-   * @returns {Promise<void>}
-   */
   '.js': async (filePath, content, logger, options) => {
     try {
       let transformed = content;
@@ -51,17 +61,6 @@ const FILE_HANDLERS = {
       await logger?.error('JavaScript minification failed', { filePath, error: error.message });
     }
   },
-
-  /**
-   * Handles CSS file minification.
-   * @async
-   * @param {string} filePath - The path of the CSS file.
-   * @param {string} content - The content of the CSS file.
-   * @param {Logger} logger - The logger instance.
-   * @param {Object} options - Options for processing.
-   * @param {Object} [options.cssMinifyOptions] - CSS minification options.
-   * @returns {Promise<void>}
-   */
   '.css': async (filePath, content, logger, options) => {
     try {
       const output = await minifyCSS(content, options.cssMinifyOptions);
@@ -80,7 +79,7 @@ const FILE_HANDLERS = {
  * @async
  * @param {string} filePath - The path of the file to process.
  * @param {Logger} logger - The logger instance.
- * @param {Object} options - Options for processing.
+ * @param {FileHandlerOptions} options - Options for processing.
  * @returns {Promise<void>}
  */
 async function processFile(filePath, logger, options) {
@@ -101,21 +100,29 @@ async function processFile(filePath, logger, options) {
 
 /**
  * Resolves Babel options based on the provided configuration.
- * @param {boolean|Object} useBabel - The Babel options object or boolean.
- * @returns {Object|null} The resolved Babel options or null if no valid options are provided.
+ * @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 no valid options are provided.
  */
-function resolveBabelOptions(useBabel) {
+async function resolveBabelOptions(useBabel) {
   if (!useBabel) return null;
-  return {
-    presets: [['@babel/preset-env', typeof useBabel === 'object' ? useBabel : {}]],
-  };
+
+  try {
+    const presetEnvUrl = resolveModulePath('@babel/preset-env');
+    const presetEnv = await import(presetEnvUrl);
+
+    return {
+      presets: [[presetEnv.default, typeof useBabel === 'object' ? useBabel : {}]],
+    };
+  } catch (error) {
+    console.error('Error loading @babel/preset-env:', error);
+    return null;
+  }
 }
 
 /**
  * Options for Babel configuration.
- *
  * @typedef {Object} BabelOptions
- * @property {string|string[]|Object<string, string>} [targets] - Specifies the target environments for the code.
+ * @property {string|string[]|Object.<string, string>} [targets] - Specifies the target environments for the code.
  * @property {'amd'|'umd'|'systemjs'|'commonjs'|'cjs'|'auto'|false} [modules] - Module format to use for the output.
  * @property {boolean} [debug] - Enables or disables debug mode.
  * @property {string[]} [include] - List of plugins or features to include.
@@ -130,7 +137,6 @@ function resolveBabelOptions(useBabel) {
 
 /**
  * Options for logging configuration.
- *
  * @typedef {Object} LogOptions
  * @property {string} [logDir] - Specifies the directory for log files.
  * @property {number} [retentionDays] - Number of days to retain log files.
@@ -141,21 +147,35 @@ function resolveBabelOptions(useBabel) {
  * @property {boolean} [logToFile] - Determines if logs should be written to a file.
  */
 
+/**
+ * Options for JavaScript minification (UglifyJS options).
+ * @typedef {Object} JSMinifyOptions
+ * @property {Object} [compress] - Compression options.
+ * @property {boolean|Object} [mangle] - Mangling options.
+ * @property {Object} [output] - Output format options.
+ */
+
+/**
+ * Options for CSS minification (Clean-CSS options).
+ * @typedef {Object} CSSMinifyOptions
+ * @property {0|1|2|Object} [level] - Optimization level.
+ * @property {string|string[]} [compatibility] - Browser compatibility options.
+ * @property {string|Object} [format] - Output formatting options.
+ */
+
 /**
  * Options for minification configuration.
  * @typedef {Object} MinifyOptions
  * @property {string} [excludeFolder=''] - Folder to exclude from minification.
- * @property {boolean|Object} [useBabel=false] - Whether to use Babel for transformation, and the options for Babel if used.
- * @property {boolean|Object} [useLog=true] - Whether to use logging, and the options for logging if used.
- * @property {Object} [jsMinifyOptions={}] - Options for JavaScript minification.
- * @property {Object} [cssMinifyOptions={}] - Options for CSS minification.
+ * @property {boolean|BabelOptions} [useBabel=false] - Whether to use Babel for transformation, and the options for Babel if used.
+ * @property {boolean|LogOptions} [useLog=true] - Whether to use logging, and the options for logging if used.
+ * @property {JSMinifyOptions} [jsMinifyOptions={}] - Options for JavaScript minification.
+ * @property {CSSMinifyOptions} [cssMinifyOptions={}] - Options for CSS minification.
  */
 
 /**
  * Minifies all JavaScript and CSS files in the specified directory and its subdirectories.
  *
- * @async
- * @function minifyAll
  * @param {string} contentPath - The path to the directory containing the files to be minified.
  * @param {MinifyOptions} [options={}] - Options for minification, Babel, and logging.
  * @returns {Promise<void>} A promise that resolves when all files have been processed.
@@ -179,7 +199,7 @@ export default async function minifyAll(contentPath, options = {}) {
   }
 
   const rootDir = path.resolve(contentPath || '');
-  const babelOptions = resolveBabelOptions(useBabel);
+  const babelOptions = await resolveBabelOptions(useBabel);
 
   const processOptions = {
     babelOptions,

package/minify.d.ts

@@ -105,6 +105,43 @@ declare module 'uglify-js-minify-css-allfiles' {
     logToFile?: boolean;
   }
 
+  /**
+   * Configuration options for JavaScript minification (UglifyJS options).
+   */
+  export interface JSMinifyOptions {
+    compress?: {
+      dead_code?: boolean;
+      drop_debugger?: boolean;
+      conditionals?: boolean;
+      evaluate?: boolean;
+      booleans?: boolean;
+      loops?: boolean;
+      unused?: boolean;
+      hoist_funs?: boolean;
+      keep_fargs?: boolean;
+      hoist_vars?: boolean;
+      if_return?: boolean;
+      join_vars?: boolean;
+      cascade?: boolean;
+      side_effects?: boolean;
+      warnings?: boolean;
+      [key: string]: any;
+    };
+    mangle?: boolean | object;
+    output?: object;
+    [key: string]: any;
+  }
+
+  /**
+   * Configuration options for CSS minification (Clean-CSS options).
+   */
+  export interface CSSMinifyOptions {
+    level?: 0 | 1 | 2 | { [key: string]: any };
+    compatibility?: string | string[];
+    format?: string | object;
+    [key: string]: any;
+  }
+
   /**
    * Configuration options for the minifyAll function.
    */
@@ -131,6 +168,18 @@ declare module 'uglify-js-minify-css-allfiles' {
      * @default true
      */
     useLog?: boolean | LogOptions;
+
+    /**
+     * Options for JavaScript minification (passed to UglifyJS).
+     * @default {}
+     */
+    jsMinifyOptions?: JSMinifyOptions;
+
+    /**
+     * Options for CSS minification (passed to CleanCSS).
+     * @default {}
+     */
+    cssMinifyOptions?: CSSMinifyOptions;
   }
 
   /**

package/package.json

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