v0.0.28

README.md

@@ -20,6 +20,9 @@
 ### Contents
 
 - [Introduction](#introduction)
+- [Features](#features)
+- [Installation](#installation)
+- [Usage](#usage)
 - [Colophon](#colophon)
 
 <br clear="both"/>
@@ -42,6 +45,14 @@
 
 `pack.gl` is an advanced package builder designed to enhance the efficiency and organization of software development projects. It offers an intuitive interface and robust features tailored for managing and building a wide range of software packages.
 
+`pack.gl` stands as a cutting-edge package builder, meticulously crafted to revolutionize the efficiency and organization of software development projects. It emerges as a powerful tool in the realm of package management, offering a seamless and user-friendly interface coupled with a suite of robust features. Designed to cater to the diverse needs of modern software development, `pack.gl` simplifies and streamlines the process of managing and constructing various types of software packages.
+
+At its core, `pack.gl` is engineered to address the complexities and challenges faced in the contemporary software development landscape. Whether it's handling dependencies, optimizing package size, or ensuring compatibility across different environments, `pack.gl` offers a comprehensive solution. Its intuitive design makes it accessible for beginners, yet its powerful and flexible feature set meets the demands of even the most experienced developers.
+
+Key to its design philosophy is the adaptability to various development workflows, making it an ideal companion for a range of projects from small-scale personal endeavors to large, complex enterprise applications. `pack.gl` stands not just as a tool but as a partner in the software development journey, enhancing productivity, reducing overhead, and bringing clarity and ease to the package management process.
+
+In essence, `pack.gl` is more than a package builder; it's a catalyst for innovation and efficiency, empowering developers to focus on what they do best — creating remarkable software solutions.
+
 ## Features
 
 - **Streamlined Integration**: Easily integrates with various software development workflows.

VERSION

@@ -1 +1 @@
-0.0.26
+0.0.28

dist/README.md

@@ -20,6 +20,9 @@
 ### Contents
 
 - [Introduction](#introduction)
+- [Features](#features)
+- [Installation](#installation)
+- [Usage](#usage)
 - [Colophon](#colophon)
 
 <br clear="both"/>
@@ -42,6 +45,14 @@
 
 `pack.gl` is an advanced package builder designed to enhance the efficiency and organization of software development projects. It offers an intuitive interface and robust features tailored for managing and building a wide range of software packages.
 
+`pack.gl` stands as a cutting-edge package builder, meticulously crafted to revolutionize the efficiency and organization of software development projects. It emerges as a powerful tool in the realm of package management, offering a seamless and user-friendly interface coupled with a suite of robust features. Designed to cater to the diverse needs of modern software development, `pack.gl` simplifies and streamlines the process of managing and constructing various types of software packages.
+
+At its core, `pack.gl` is engineered to address the complexities and challenges faced in the contemporary software development landscape. Whether it's handling dependencies, optimizing package size, or ensuring compatibility across different environments, `pack.gl` offers a comprehensive solution. Its intuitive design makes it accessible for beginners, yet its powerful and flexible feature set meets the demands of even the most experienced developers.
+
+Key to its design philosophy is the adaptability to various development workflows, making it an ideal companion for a range of projects from small-scale personal endeavors to large, complex enterprise applications. `pack.gl` stands not just as a tool but as a partner in the software development journey, enhancing productivity, reducing overhead, and bringing clarity and ease to the package management process.
+
+In essence, `pack.gl` is more than a package builder; it's a catalyst for innovation and efficiency, empowering developers to focus on what they do best — creating remarkable software solutions.
+
 ## Features
 
 - **Streamlined Integration**: Easily integrates with various software development workflows.

dist/js/class/DirectoryCleaner.js

@@ -43,30 +43,6 @@ class DirectoryCleaner {
         }
     }
 }
-// class DirectoryCleaner {
-//     /**
-//      * Recursively deletes all contents of the directory asynchronously.
-//      * @param dirPath The path to the directory to clean.
-//      */
-//      public async cleanDirectory(dirPath: string): Promise<void> {
-//         try {
-//             const files = await fsPromises.readdir(dirPath);
-//             for (const file of files) {
-//                 const curPath = path.join(dirPath, file);
-//                 const stat = await fsPromises.lstat(curPath);
-//                 if (stat.isDirectory()) {
-//                     await this.cleanDirectory(curPath);
-//                 } else {
-//                     await fsPromises.unlink(curPath);
-//                 }
-//             }
-//             await fsPromises.rmdir(dirPath);
-//         } catch (error) {
-//             console.error(`Error cleaning directory ${dirPath}: ${error}`);
-//             throw error;  // Rethrow the error for further handling if necessary
-//         }
-//     }
-// }
 // ============================================================================
 // Export
 // ============================================================================

dist/js/class/JavaScriptMinifier.js

@@ -52,7 +52,6 @@ class JavaScriptMinifier {
             // Read the input file
             const inputCode = await fs_1.promises.readFile(inputPath, 'utf8');
             // Minify the file using Terser
-            // const result = await minify(inputCode, options);
             const result = await (0, terser_1.minify)(inputCode, this.config);
             // If minification is successful, write the output
             if (result.code) {

dist/js/class/SvgPackager.js

@@ -98,31 +98,6 @@ class SvgPackager {
             throw error;
         }
     }
-    // public async processSvgFiles(directory: string, outputDirectory: string): Promise<void> {
-    //     try {
-    //         console.log(`Processing directory: ${directory}`);
-    //         const svgFiles = await this.findSvgFiles(directory);
-    //         for (const file of svgFiles) {
-    //             const iconName = this.sanitizeFileName(path.basename(file, '.svg'));
-    //             console.log(`Processing file: ${file}`);
-    //             const svgContent = await this.readSvgFile(file);
-    //             const optimizedSvg = await this.optimizeSvg(svgContent);
-    //             await this.writeFiles(iconName, optimizedSvg, outputDirectory);
-    //         }
-    //         console.log(`Successfully processed ${svgFiles.length} SVG files.`);
-    //     } catch (error) {
-    //         console.error('Error processing SVG files:', error);
-    //         throw error;
-    //     }
-    // }
-    // private async findSvgFiles(directory: string): Promise<string[]> {
-    //     return new Promise((resolve, reject) => {
-    //         glob(`${directory}/**/*.svg`, (err, files) => {
-    //             if (err) reject(err);
-    //             else resolve(files);
-    //         });
-    //     });
-    // }
     /**
      * Reads the content of an SVG file.
      * @param filePath The path to the SVG file.

dist/js/config/package.config.js

@@ -22,10 +22,10 @@ const packageConfig = {
     license: "Apache-2.0",
     homepage: "https://www.scape.agency",
     type: "module",
-    main: "js/index",
-    // main: "js/index.js",
-    types: "js/index",
-    // types: "js/index.d.ts",
+    // main: "js/index",
+    main: "js/index.js",
+    // types: "js/index",
+    types: "js/index.d.ts",
     // "module": "dist/js/unit.gl.js",
     // "style": "dist/css/unit.gl.css",
     // "sass": "src/scss/index.scss",

dist/js/function/clean_directory.js

@@ -1,13 +1,32 @@
 "use strict";
+// config/fantasticon.config.ts
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright 2023 Scape Agency BV
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+// http://www.apache.org/licenses/LICENSE-2.0
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+// ============================================================================
+// Import
+// ============================================================================
 var DirectoryCleaner_js_1 = __importDefault(require("../class/DirectoryCleaner.js"));
 var StylizedLogger_js_1 = __importDefault(require("../class/StylizedLogger.js"));
-// import CONFIG from '../path/to/config.js'; // Assuming CONFIG is imported from a config file
+// ============================================================================
+// Constants
+// ============================================================================
 const directoryCleaner = new DirectoryCleaner_js_1.default();
 const logger = new StylizedLogger_js_1.default();
+// ============================================================================
+// Functions
+// ============================================================================
 /**
  * Cleans a specified directory and logs the process.
  * @param directoryPath - The path of the directory to clean.

dist/package.json

@@ -1,11 +1,16 @@
 {
   "name": "pack.gl",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "Package Builder.",
   "keywords": [
     "pack.gl",
     "pack",
+    "package",
     "packager",
+    "build",
+    "builder",
+    "compile",
+    "compiler",
     "framework",
     "web"
   ],
@@ -26,9 +31,11 @@
   "dependencies": {
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
+    "@types/jsdom": "^21.1.6",
     "@types/nunjucks": "^3.2.6",
     "@types/svg-sprite": "^0.0.38",
     "autoprefixer": "^10.4.15",
+    "cssnano": "^6.0.3",
     "del": "^7.1.0",
     "fantasticon": "^2.0.0",
     "fs-extra": "^11.2.0",

dist/ts/class/DirectoryCleaner.ts

@@ -51,37 +51,6 @@ class DirectoryCleaner {
 }
 
 
-// class DirectoryCleaner {
-
-//     /**
-//      * Recursively deletes all contents of the directory asynchronously.
-//      * @param dirPath The path to the directory to clean.
-//      */
-//      public async cleanDirectory(dirPath: string): Promise<void> {
-//         try {
-//             const files = await fsPromises.readdir(dirPath);
-
-//             for (const file of files) {
-//                 const curPath = path.join(dirPath, file);
-//                 const stat = await fsPromises.lstat(curPath);
-
-//                 if (stat.isDirectory()) {
-//                     await this.cleanDirectory(curPath);
-//                 } else {
-//                     await fsPromises.unlink(curPath);
-//                 }
-//             }
-
-//             await fsPromises.rmdir(dirPath);
-//         } catch (error) {
-//             console.error(`Error cleaning directory ${dirPath}: ${error}`);
-//             throw error;  // Rethrow the error for further handling if necessary
-//         }
-//     }
-
-// }
-
-
 // ============================================================================
 // Export
 // ============================================================================

dist/ts/class/FontGenerator.ts

@@ -35,7 +35,6 @@ class FontGenerator {
 
         const config = {
 
-
             // RunnerMandatoryOptions
             inputDir: sourceDirectory, // (required)
             outputDir: outputDiectory, // (required)
@@ -59,7 +58,6 @@ class FontGenerator {
             ],
 
 
-
             formatOptions: {
             // woff: {
             //   // Woff Extended Metadata Block - see https://www.w3.org/TR/WOFF/#Metadata

dist/ts/class/JavaScriptMinifier.ts

@@ -72,7 +72,6 @@ import terserConfig from "../config/terser.config.js"
             // Read the input file
             const inputCode = await fs.readFile(inputPath, 'utf8');
             // Minify the file using Terser
-            // const result = await minify(inputCode, options);
             const result = await minify(inputCode, this.config);
             // If minification is successful, write the output
             if (result.code) {