uglify-js-minify-css-allfiles 2.0.0 → 2.0.2

package/README.md

@@ -25,6 +25,8 @@ You can easily minify all files in a specific folder, with the option to exclude
 
 -   [Installation](#installation)
 -   [Usage](#usage)
+-   [Parameters](#parameters)
+-   [BabelOptions](#babeloptions)
 -   [Changelog](#changelog)
 -   [License](#license)
 
@@ -38,30 +40,59 @@ $ npm i uglify-js-minify-css-allfiles
 
 ## Usage
 
-Import the module in your script:
+1. Basic usage (no Babel):
 
-```js
-import minifyAll from './dist/module.js';
+    ```js
+    import minifyAll from 'uglify-js-minify-css-allfiles';
 
-/**
- * @param {string} minifyFolder - The folder containing files to minify.
- * @param {string} [excludeFolder] - The folder to exclude from minification (optional).
- */
+    await minifyAll('./src/', 'node_modules');
+    ```
 
-minifyAll(minifyFolder, excludeFolder);
-```
+2. Using Babel with default settings:
 
-Execute script:
+    ```js
+    import minifyAll from 'uglify-js-minify-css-allfiles';
 
-```js
-import minifyAll from 'uglify-js-minify-css-allfiles';
+    await minifyAll('./src/', 'node_modules', { useBabel: true });
+    ```
 
-// Example 1: Minify all files in '../test/' except those in 'lib' folder
-minifyAll('../test/', 'lib');
+3. Using custom Babel presets:
 
-// Example 2: Use command line arguments
-minifyAll(process.argv[2], process.argv[3]);
-```
+    ```js
+    import minifyAll from 'uglify-js-minify-css-allfiles';
+
+    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
 

package/demo.js

@@ -1,16 +1,18 @@
 import minifyAll from './dist/module.js';
 
-minifyAll('./test/', 'lib', {
-    presets: [
-        [
-            '@babel/preset-env',
-            {
-                targets: {
-                    esmodules: false, // Target ES2015
-                },
-            },
-        ],
-    ],
-});
+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

@@ -60,6 +60,33 @@ async function processFile(filePath, logger, babelOptions = null) {
     }
 }
 
+/**
+ * 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 (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.
  *
@@ -101,10 +128,11 @@ export default async function minifyAll(contentPath, excludeFolder = '', babelOp
     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, babelOptions);
+        await processFile(filePath, logger, finalBabelOptions);
     });
 
     await logger.summarize();

package/logs/summary.log

@@ -94,3 +94,19 @@ Files with errors: 0
 Error files:
 
 ==================================================
+
+=============== Processing Summary ===============
+Time: 08/20/2024, 10:34:11
+Total files processed: 0
+Files with errors: 0
+Error files:
+
+==================================================
+
+=============== Processing Summary ===============
+Time: 08/20/2024, 10:38:29
+Total files processed: 0
+Files with errors: 0
+Error files:
+
+==================================================

package/package.json

@@ -1,9 +1,12 @@
 {
     "name": "uglify-js-minify-css-allfiles",
-    "version": "2.0.0",
+    "version": "2.0.2",
     "description": "you will be able to minify all files as same file names which is js or css",
     "main": "minify.js",
     "type": "module",
+    "exports": {
+        ".": "./minify.js"
+    },
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1"
     },
@@ -40,9 +43,7 @@
     "dependencies": {
         "clean-css": "^4.2.4",
         "uglify-js": "^3.19.2",
-        "uglify-js-es6": "^2.8.9"
-    },
-    "devDependencies": {
+        "uglify-js-es6": "^2.8.9",
         "@babel/core": "^7.25.2",
         "@babel/preset-env": "^7.25.3"
     }

package/test/test.css

@@ -1 +1,8 @@
-.dragon{width:30px;height:50px}.dragon a{display:block;margin:30px}
+.dragon {
+    width: 30px;
+    height: 50px;
+}
+.dragon a {
+    display: block;
+    margin: 30px;
+}

package/test/test.js

@@ -1,26 +1,89 @@
-class MyPhone {
-    inst = '';
-    #brand;
-    static phoneType = 'smartphone';
-    static #counter = 0;
-    constructor(n) {
-        (this.#brand = n), MyPhone.#counter++;
+class ModernBank {
+    // Private fields
+    #balance = 0;
+    #transactionHistory = [];
+
+    // Public field
+    accountType = 'Checking';
+
+    // Static private field
+    static #bankName = 'Modern JS Bank';
+
+    // Static public field
+    static exchangeRate = 1.2;
+
+    // Static initialization block
+    static {
+        console.log(`${this.#bankName} is initializing...`);
     }
-    makeCall(n) {
-        this.#brand;
+
+    constructor(initialBalance) {
+        this.#balance = initialBalance;
+        this.#addTransaction('Initial deposit', initialBalance);
     }
-    static getPhoneCount() {
-        return MyPhone.#counter;
+
+    // Private method
+    #addTransaction(description, amount) {
+        this.#transactionHistory.push({ description, amount, date: new Date() });
     }
-    get phoneInfo() {
-        return this.#brand + ' ' + MyPhone.phoneType;
+
+    // Public method
+    deposit(amount) {
+        this.#balance += amount;
+        this.#addTransaction('Deposit', amount);
     }
-    set updateBrand(n) {
-        this.#brand = n;
+
+    // Public method with optional chaining and nullish coalescing
+    withdraw(amount, { fee, description } = {}) {
+        const totalAmount = amount + (fee ?? 0);
+        if (this.#balance >= totalAmount) {
+            this.#balance -= totalAmount;
+            this.#addTransaction(description?.trim() || 'Withdrawal', -amount);
+            if (fee) this.#addTransaction('Withdrawal fee', -fee);
+            return true;
+        }
+        return false;
+    }
+
+    // Getter
+    get balance() {
+        return this.#balance;
+    }
+
+    // Static method
+    static convertCurrency(amount) {
+        return amount * this.exchangeRate;
+    }
+
+    // Async method
+    async getTransactionHistory() {
+        // Simulating an async operation
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+        return this.#transactionHistory;
+    }
+
+    // Method using the logical assignment operator
+    updateAccountType(newType) {
+        this.accountType ||= newType;
+    }
+
+    // toString method using template literals
+    toString() {
+        return `ModernBank account (${this.accountType}) - Balance: $${this.#balance}`;
     }
 }
-let myPhone = new MyPhone('Samsung');
-myPhone.makeCall('123-456-7890'),
-    myPhone.phoneInfo,
-    (myPhone.updateBrand = 'Apple'),
-    MyPhone.getPhoneCount();
+
+// Usage example
+(async () => {
+    const account = new ModernBank(1000);
+    account.deposit(500);
+    account.withdraw(200, { fee: 5, description: 'ATM withdrawal ' });
+    account.updateAccountType('Savings');
+
+    console.log(account.toString());
+    console.log(`Balance: $${account.balance}`);
+    console.log(`$100 in foreign currency: $${ModernBank.convertCurrency(100)}`);
+
+    const history = await account.getTransactionHistory();
+    console.log('Transaction History:', history);
+})();