uglify-js-minify-css-allfiles 1.3.3 → 2.0.1

package/.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+    "cSpell.words": [
+        "allfile",
+        "allfiles",
+        "comporessor",
+        "corejs",
+        "esmodules",
+        "minifycss",
+        "oinochoe",
+        "uglifyjs",
+        "yeongmin"
+    ]
+}

package/CHANGELOG.md

@@ -1,19 +1,85 @@
 # Changelog
 
-## v 1.3.2 (2023-05-28)
-
--   feature: [Add new `CHANGELOG.md`](/CHANGELOG.md)
--   fix & etc:
-    -   fix
-        -   bug fixed(1.1.7) - Solved cleancss first line delete error. - 2020/08/21
-        -   bug fixed(1.1.3) - ... 2020/08/15
-    -   etc
-        -   When CSS Warnings is exist, not minify any code. - 2022/04/13
-        -   UglifyJS Updated removing 'console.info, console.warn, console.error'. - 2021/11/12
-        -   UglifyJS Updated working without 'console.log' not console.error, info etc. - 2021/03/17
-        -   UglifyJS Updated and you can uglify JavaScript files even ES6 sentences! - 2020/11/03
-        -   Moving DevDependencies to Dependencies for this production. - 2020/08/26
-        -   Solved cleancss commentary issue because of changed CSS options. - 2020/08/21
-        -   Add command line execution with 2 parameters.
-        -   Add the exceptFolder parameter. - 2020/08/20
-        -   You can use relative path.
+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.0.0] - 2024-08-19
+
+### Added
+
+-   New logging system for better error tracking and debugging
+-   Optional Babel integration for advanced JavaScript transpilation
+-   Support for ES modules, allowing use of `import` statements in your projects
+
+### Changed
+
+-   Switched from CommonJS (`require`) to ES modules (`import`) for better compatibility with modern JavaScript
+-   Improved error handling and reporting, providing clearer messages for troubleshooting
+-   Enhanced CLI interface with more user-friendly options and feedback
+
+### Improved
+
+-   Significantly faster processing of large directories with many files
+-   More robust handling of different file types and encodings
+-   Better preservation of source maps in minified files
+
+### Breaking Changes
+
+-   Minimum Node.js version requirement increased to v14.0.0
+-   Configuration file format changed (see migration guide for details)
+-   Some CLI options have been renamed for clarity (see documentation for new option names)
+
+## [1.3.2] - 2023-05-28
+
+### Added
+
+-   New `CHANGELOG.md` file
+
+### Changed
+
+-   When CSS warnings exist, no code is minified (2022-04-13)
+-   Updated UglifyJS to remove 'console.info, console.warn, console.error' (2021-11-12)
+-   Updated UglifyJS to work without 'console.log' but keep console.error, info, etc. (2021-03-17)
+
+### Fixed
+
+-   Bug fix (v1.1.7): Solved CleanCSS first line delete error (2020-08-21)
+-   Bug fix (v1.1.3): [Description missing] (2020-08-15)
+
+## [1.3.1] - 2020-11-03
+
+### Changed
+
+-   Updated UglifyJS to support minification of JavaScript files with ES6 syntax
+
+## [1.3.0] - 2020-08-26
+
+### Changed
+
+-   Moved DevDependencies to Dependencies for production use
+
+## [1.2.0] - 2020-08-21
+
+### Fixed
+
+-   Solved CleanCSS commentary issue due to changed CSS options
+
+### Added
+
+-   Support for command line execution with 2 parameters
+
+## [1.1.0] - 2020-08-20
+
+### Added
+
+-   New `exceptFolder` parameter to exclude specific folders from minification
+-   Support for using relative paths
+
+[2.0.0]: https://github.com/oinochoe/uglify-js-minify-css-allfiles/compare/v1.3.2...v2.0.0
+[1.3.2]: https://github.com/oinochoe/uglify-js-minify-css-allfiles/compare/v1.3.1...v1.3.2
+[1.3.1]: https://github.com/oinochoe/uglify-js-minify-css-allfiles/compare/v1.3.0...v1.3.1
+[1.3.0]: https://github.com/oinochoe/uglify-js-minify-css-allfiles/compare/v1.2.0...v1.3.0
+[1.2.0]: https://github.com/oinochoe/uglify-js-minify-css-allfiles/compare/v1.1.0...v1.2.0
+[1.1.0]: https://github.com/oinochoe/uglify-js-minify-css-allfiles/compare/releases/tag/v1.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 NOEL <copstyle86@gmail.com>
+Copyright (c) 2024 NOEL <copstyle86@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/README.md

@@ -13,7 +13,9 @@
 
 # uglify-js-minify-css-allfiles
 
-uglify-js-minify-css-allfiles helps hide the code you don't want to see, obfuscate the code in the deployment environment through a simple CLI in the build environment, and make it less recognizable to others. you can do this easily via `demo.js` file in `node_modules/uglify-js-minify-css-allfiles`. you are able to minify all files in a specific folder.
+A powerful tool to minify and obfuscate JavaScript and CSS files in your project.  
+It helps protect your code in deployment environments and makes it less recognizable to others, all through a simple CLI interface.  
+You can easily minify all files in a specific folder, with the option to exclude certain directories.
 
 [![NPM](https://nodei.co/npm/uglify-js-minify-css-allfiles.png?downloads=true&stars=true)](https://www.npmjs.com/package/uglify-js-minify-css-allfiles)
 
@@ -22,11 +24,11 @@ uglify-js-minify-css-allfiles helps hide the code you don't want to see, obfusca
 ## Table of Contents
 
 -   [Installation](#installation)
--   [Examples](#examples)
+-   [Usage](#usage)
+-   [Parameters](#parameters)
+-   [BabelOptions](#babeloptions)
 -   [Changelog](#changelog)
 -   [License](#license)
-<!-- -   [API](#api)
-    -   [`Methods`](#methods) -->
 
 ## Installation
 
@@ -36,43 +38,66 @@ Install with `npm`:
 $ npm i uglify-js-minify-css-allfiles
 ```
 
-## Examples
+## Usage
 
-```js
-// index.js
-const minifyAll = require('uglify-js-minify-css-allfiles');
+1. Basic usage (no Babel):
 
-/**
- * @param1 - Type the folder name you want to change all files inside.
- * @param2 - Type the folder name you never want to change all files inside.
- * @functions - minifyAll(minifyFolder, noMinifyFolder)
- */
+    ```js
+    import minifyAll from 'uglify-js-minify-css-allfiles';
 
-// Example 1
-minifyAll('../test/', 'lib');
+    await minifyAll('./src/', 'node_modules');
+    ```
 
-// Example 2
-minifyAll(process.argv.slice(2)[0], process.argv.slice(2)[1]);
-```
+2. Using Babel with default settings:
 
-<!--
-## API
+    ```js
+    import minifyAll from 'uglify-js-minify-css-allfiles';
 
-### `Methods`
+    await minifyAll('./src/', 'node_modules', { useBabel: true });
+    ```
 
-Create a new progress bar. It's necessary to wait for the [`ready` event](https://github.com/electron/electron/blob/master/docs/api/app.md#event-ready) to be emitted by [Electron's BrowserWindow](https://github.com/electron/electron/blob/master/docs/api/browser-window.md), since the progress bar is displayed within it. Optionally, you can pass the electron app as a second parameter (parameter `electronApp`) when creating the progress bar. Check the sample code on this page for detailed examples on how to set properties to `options`.
+3. Using custom Babel presets:
 
-You can define most of the characteristics of the progress bar using the `options` parameter. Below is a list of properties that you can set for the `options` parameter.
+    ```js
+    import minifyAll from 'uglify-js-minify-css-allfiles';
 
-| Option name  | Type                 | Default value      | Description                                                                                                                                                                                                            |
-| ------------ | -------------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| debug        | <code>boolean</code> | <code>false</code> | Specifies whether debugging should be enabled. If set to `true`, the browser's DevTools panel will automatically open when the progress bar is created. This can be helpful when debugging and/or dealing with issues. |
-| abortOnError | <code>boolean</code> | <code>false</code> | Specifies whether the progress bar should automatically abort and close if an error occurs internally.                                                                                                                 | -->
+    await minifyAll('./src/', 'node_modules', {
+        presets: [
+            [
+                '@babel/preset-env',
+                {
+                    targets: {
+                        esmodules: false, // Target ES2015
+                    },
+                },
+            ],
+        ],
+    });
+    ```
 
----
+## Parameters
+
+The `minifyAll` function accepts the following parameters:
+
+| Parameter       | Type           | Default | Description                                                                                  |
+| --------------- | -------------- | ------- | -------------------------------------------------------------------------------------------- |
+| `contentPath`   | string         | -       | The path to the directory containing the files to be minified. This is a required parameter. |
+| `excludeFolder` | string         | `''`    | The name of a folder to exclude from minification. Leave empty to include all folders.       |
+| `babelOptions`  | object or null | `null`  | An object containing Babel options or a flag to use default Babel settings.                  |
+
+## BabelOptions
+
+The `babelOptions` parameter can have the following properties:
+
+| Property   | Type    | Default | Description                                                                                   |
+| ---------- | ------- | ------- | --------------------------------------------------------------------------------------------- |
+| `useBabel` | boolean | `false` | If set to `true`, enables Babel transformation with default presets targeting ES2015.         |
+| `presets`  | array   | -       | Custom Babel presets to use for transformation. If provided, overrides the `useBabel` option. |
 
 ## Changelog
 
+See CHANGELOG.md for details on each release.
+
 [Changelog](/CHANGELOG.md)
 
 ## License

package/demo.js

@@ -1,4 +1,18 @@
-const minifyAll = require('./minify.js');
-minifyAll('./test/lib');
+import minifyAll from './dist/module.js';
+
+minifyAll('./test/', 'lib', { useBabel: true });
+
+// minifyAll('./test/', 'lib', {
+//     presets: [
+//         [
+//             '@babel/preset-env',
+//             {
+//                 targets: {
+//                     esmodules: false, // Target ES2015
+//                 },
+//             },
+//         ],
+//     ],
+// });
 // console.log(process.argv.slice(2)[0], process.argv.slice(2)[1]);
 // minifyAll(process.argv.slice(2)[0], process.argv.slice(2)[1]);

package/dist/module.js

@@ -1,89 +1,139 @@
 /**
- * uglify-js and minify-css allFiles
+ * uglify-js and minify-css for all files
  * Released under the terms of MIT license
  *
- * Copyright (C) 2020 yeongmin
+ * Copyright (C) 2024 yeongmin
  */
 
-const fs = require('fs');
-const path = require('path');
-const uglifyJS = require('uglify-js');
-const cleanCSS = require('clean-css');
-const DIRECTORY = {
-    JAVASCRIPT: '.js',
-    STYLESHEET: '.css',
-};
-const CSSOPTIONS = {
-    level: { 1: { all: false } },
-};
-let errorFilesNumber = 0;
-let errorFileObjects = [];
+import { promises as fs } from 'fs';
+import path from 'path';
+import Logger from './modules/logger.js';
+import { getAllFiles, writeFile } from './modules/fileHandler.js';
+import { minifyJS, minifyCSS } from './modules/minifier.js';
+import babelCore from '@babel/core';
 
-// getFiles..
-const getAllFiles = (pathDir, callback) => {
-    let files = fs.readdirSync(pathDir) || [];
-    files.forEach((name) => {
-        let filePath = path.join(pathDir, name);
-        let fileState = fs.statSync(filePath);
-        if (fileState.isFile()) {
-            callback(filePath, fileState);
-        } else if (fileState.isDirectory()) {
-            getAllFiles(filePath, callback);
-        }
-    });
-};
+const FILE_HANDLERS = {
+    '.js': async (filePath, content, logger, babelOptions) => {
+        try {
+            // Transform the code using Babel with preset-env
+            let transformed = content;
 
-// minify All Files..
-module.exports = async function minifyAll(contentsPath, exceptFolder) {
-    let CONTENTSDIR = contentsPath || '';
-    let EXCEPTIONFOLDER = exceptFolder || '';
-    let result = '';
-    getAllFiles(CONTENTSDIR, (paths) => {
-        let code = fs.readFileSync(paths, 'utf-8');
-        if (EXCEPTIONFOLDER !== '' && paths.includes(EXCEPTIONFOLDER)) return;
-        if (paths.substr(-3) === DIRECTORY.JAVASCRIPT) {
-            result = uglifyJS.minify(code, {
-                compress: {
-                    pure_funcs: ['console.log', 'console.error', 'console.warn', 'console.info'],
-                },
-            }).code;
-            writeFiles(paths, result);
-        } else if (paths.substr(-4) === DIRECTORY.STYLESHEET) {
-            new cleanCSS(CSSOPTIONS).minify(code, function (error, output) {
-                if (0 < output.warnings.length) {
-                    console.error('CSS FILE ERROR!', output.warnings);
-                    writeFiles(paths, null);
-                    return;
-                } else {
-                    result = new cleanCSS(CSSOPTIONS).minify(code).styles;
-                    writeFiles(paths, result);
-                }
-            });
-        }
-    });
+            // Convert code to Babel when Babel option is provided
+            if (babelOptions) {
+                transformed = babelCore.transformSync(content, babelOptions).code;
+            }
 
-    // writeFiles..
-    function writeFiles(file, value) {
-        // exception..
-        if (typeof value == 'undefined' || value === '' || value === null) {
-            console.error(
-                '************error file ㅜㅜㅜㅜ***********\n' +
-                    file +
-                    '\n **********ㅗㅗㅗㅗㅗ error file********',
-            );
-            errorFilesNumber += 1;
-            errorFileObjects.push(file);
-            return;
+            const result = minifyJS(transformed);
+            await writeFile(filePath, result, logger);
+        } catch (error) {
+            await logger.logError(filePath, `Babel transformation failed: ${error.message}`);
+        }
+    },
+    '.css': async (filePath, content, logger) => {
+        const output = await minifyCSS(content);
+        if (output.warnings.length > 0) {
+            await logger.logError(filePath, `CSS warnings: ${output.warnings.join(', ')}`);
+            await writeFile(filePath, null, logger);
         } else {
-            console.info(file);
-            fs.writeFile(file, value, 'utf-8', function (error) {
-                if (error) return console.error(error);
-            });
+            await writeFile(filePath, output.styles, logger);
         }
+    },
+};
+
+/**
+ * Processes a single file based on its extension.
+ * @async
+ * @param {string} filePath - The path of the file to process.
+ * @param {Logger} logger - The logger instance.
+ * @param {Object} [babelOptions=null] - Babel options for converting JavaScript files.
+ * @returns {Promise<void>}
+ */
+async function processFile(filePath, logger, babelOptions = null) {
+    const fileContent = await fs.readFile(filePath, 'utf-8');
+    const fileExtension = path.extname(filePath);
+    const handler = FILE_HANDLERS[fileExtension];
+
+    if (handler) {
+        await handler(filePath, fileContent, logger, babelOptions);
+    } else {
+        logger.logInfo(`지원되지 않는 파일 형식 건너뜀: ${filePath}`);
     }
+}
+
+/**
+ * Resolves Babel options based on the provided configuration.
+ *
+ * @param {Object|null} options - The Babel options object or null.
+ * @returns {Object|null} The resolved Babel options or null if no valid options are provided.
+ */
+function resolveBabelOptions(options) {
+    if (!options) return null;
 
-    if (0 < errorFileObjects.length) {
-        console.info('file change ended... \nerrorFilesNumber : ' + errorFilesNumber);
-        console.info('*******errorFileObjects******* : ' + errorFileObjects);
+    if (options.useBabel) {
+        return {
+            presets: [
+                [
+                    '@babel/preset-env',
+                    {
+                        targets: {
+                            esmodules: false, // Target ES2015
+                        },
+                    },
+                ],
+            ],
+        };
     }
-};
+
+    return options.presets ? options : null;
+}
+
+/**
+ * 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 {string} [excludeFolder=''] - The name of a folder to exclude from minification.
+ * @param {Object} [babelOptions=null] - Babel options for converting JavaScript files.
+ * @returns {Promise<void>} A promise that resolves when all files have been processed.
+ * @throws {Error} If there's an issue reading or writing files.
+ *
+ * @example
+ * // Minify all files in './test/' directory, excluding 'lib' folder
+ * import minifyAll from './main.js';
+ * await minifyAll('./test/', 'lib');
+ *
+ * @example
+ * // Minify all files in a directory specified as a command line argument
+ * import minifyAll from './main.js';
+ * await minifyAll(process.argv[2], process.argv[3]);
+ *
+ * @example
+ * // Add babel options for converting JavaScript files.
+ * minifyAll('./test/', 'lib', {
+ *     presets: [
+ *         [
+ *             '@babel/preset-env',
+ *             {
+ *                 targets: {
+ *                     esmodules: false, // Target ES2015
+ *                 },
+ *             },
+ *         ],
+ *     ],
+ * });
+ */
+export default async function minifyAll(contentPath, excludeFolder = '', babelOptions = null) {
+    const logger = new Logger();
+    await logger.initialize();
+
+    const rootDir = contentPath || '';
+    const finalBabelOptions = resolveBabelOptions(babelOptions);
+
+    await getAllFiles(rootDir, async (filePath) => {
+        if (excludeFolder && filePath.includes(excludeFolder)) return;
+        await processFile(filePath, logger, finalBabelOptions);
+    });
+
+    await logger.summarize();
+}

package/dist/modules/fileHandler.js

@@ -0,0 +1,51 @@
+/**
+ * File handling module for minification process.
+ * @module fileHandler
+ */
+
+import { promises as fs } from 'fs';
+import path from 'path';
+
+/**
+ * Recursively gets all files in a directory and its subdirectories.
+ *
+ * @async
+ * @param {string} dirPath - The path to the directory to search.
+ * @param {Function} callback - The callback function to execute for each file.
+ * @returns {Promise<void>}
+ */
+export async function getAllFiles(dirPath, callback) {
+    const files = await fs.readdir(dirPath);
+    for (const file of files) {
+        const filePath = path.join(dirPath, file);
+        const fileStat = await fs.stat(filePath);
+        if (fileStat.isFile()) {
+            await callback(filePath, fileStat);
+        } else if (fileStat.isDirectory()) {
+            await getAllFiles(filePath, callback);
+        }
+    }
+}
+
+/**
+ * Writes content to a file.
+ *
+ * @async
+ * @param {string} filePath - The path of the file to write.
+ * @param {string} content - The content to write to the file.
+ * @param {Object} logger - The logger object for logging operations.
+ * @returns {Promise<void>}
+ */
+export async function writeFile(filePath, content, logger) {
+    if (typeof content === 'undefined' || content === '' || content === null) {
+        await logger.logError(filePath, 'Invalid or empty content');
+        return;
+    }
+
+    logger.logInfo(`Writing file: ${filePath}`);
+    try {
+        await fs.writeFile(filePath, content, 'utf-8');
+    } catch (error) {
+        await logger.logError(filePath, `Write failed: ${error.message}`);
+    }
+}

package/dist/modules/logger.js

@@ -0,0 +1,115 @@
+/**
+ * Logger module for handling log operations.
+ * @module logger
+ */
+
+import fs from 'fs/promises';
+import path from 'path';
+
+/**
+ * Get current formatted time string
+ * @returns {string} Formatted time string
+ */
+function getCurrentTime() {
+    const now = new Date();
+    return now.toLocaleString('en-US', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+        hour12: false,
+    });
+}
+
+/**
+ * Logger class for handling log operations.
+ * @class
+ */
+class Logger {
+    /**
+     * Create a Logger instance.
+     * @param {string} [logDir='logs'] - The directory to store log files.
+     */
+    constructor(logDir = 'logs') {
+        this.logDir = logDir;
+        this.errorCount = 0;
+        this.errorFiles = [];
+    }
+
+    /**
+     * Initialize the logger by creating the log directory.
+     * @async
+     * @returns {Promise<void>}
+     */
+    async initialize() {
+        try {
+            await fs.mkdir(this.logDir, { recursive: true });
+        } catch (error) {
+            console.error(`Failed to create log directory: ${error.message}`);
+        }
+    }
+
+    /**
+     * Log an error message and write it to the error log file.
+     * @async
+     * @param {string} filePath - The path of the file where the error occurred.
+     * @param {string} reason - The reason for the error.
+     * @returns {Promise<void>}
+     */
+    async logError(filePath, reason) {
+        const logMessage = `
+=============== File Error ===============
+Time: ${getCurrentTime()}
+File: ${filePath}
+Reason: ${reason}
+==========================================
+`;
+
+        console.error(logMessage);
+        this.errorCount++;
+        this.errorFiles.push(filePath);
+
+        try {
+            await fs.appendFile(path.join(this.logDir, 'error.log'), logMessage);
+        } catch (error) {
+            console.error(`Failed to write to error log: ${error.message}`);
+        }
+    }
+
+    /**
+     * Log an informational message to the console.
+     * @param {string} message - The message to log.
+     */
+    logInfo(message) {
+        console.info(`[${getCurrentTime()}] ${message}`);
+    }
+
+    /**
+     * Generate and log a summary of the processing results.
+     * @async
+     * @returns {Promise<void>}
+     */
+    async summarize() {
+        const summary = `
+=============== Processing Summary ===============
+Time: ${getCurrentTime()}
+Total files processed: ${this.errorCount + this.errorFiles.length}
+Files with errors: ${this.errorCount}
+Error files:
+${this.errorFiles.map((file, index) => `  ${index + 1}. ${file}`).join('\n')}
+==================================================
+`;
+
+        console.info(summary);
+
+        try {
+            await fs.appendFile(path.join(this.logDir, 'summary.log'), summary);
+        } catch (error) {
+            console.error(`Failed to write to summary log: ${error.message}`);
+        }
+    }
+}
+
+export default Logger;