@mlut/core 1.0.0 → 2.0.0

package/dist/jit/JitEngine.d.ts

@@ -1,16 +1,17 @@
 export declare class JitEngine {
     private utils;
-    private inputFilePath;
     private inputFileDir;
     private sassModuleName;
     private inputFileCache;
-    private generationDebounce;
     private readonly defaultSassConfig;
     private readonly utilsByFile;
     private readonly utilsRegexps;
     private readonly configRegexps;
     init([inputPath, inputContent]?: [string | undefined, string | undefined]): Promise<void>;
-    putAndGenerateCss(id: string, content: string): Promise<string | undefined>;
+    putContent(id: string, content: string | undefined): void;
+    deleteContent(id: string): boolean;
+    updateSassConfig(content: string): Promise<void>;
+    generateCss(): Promise<string>;
     private extractUtils;
     private normalizeClassNameStr;
     private extractUserSassConfig;

package/dist/jit/JitEngine.js

@@ -8,11 +8,9 @@ const sass = await import('sass-embedded')
 const __dirname = new URL('.', import.meta.url).pathname;
 export class JitEngine {
     utils = new Set();
-    inputFilePath = '';
     inputFileDir = __dirname;
     sassModuleName = 'tools';
     inputFileCache = '@use "../sass/tools";';
-    generationDebounce;
     defaultSassConfig = '@use "sass:map";\n @use "../sass/tools/settings" as ml;';
     utilsByFile = new Map();
     utilsRegexps = {
@@ -28,45 +26,41 @@ export class JitEngine {
     async init([inputPath, inputContent] = ['', '']) {
         let sassConfig = this.defaultSassConfig;
         if (inputPath && inputContent) {
-            this.inputFilePath = path.join(process.cwd(), inputPath);
-            this.inputFileDir = path.dirname(this.inputFilePath);
+            this.inputFileDir = path.dirname(path.resolve(process.cwd(), inputPath));
             this.inputFileCache = inputContent;
             sassConfig = this.extractUserSassConfig(inputContent);
         }
         await this.loadUtils(sassConfig);
     }
-    async putAndGenerateCss(id, content) {
+    putContent(id, content) {
+        if (!content) {
+            return;
+        }
+        this.utilsByFile.set(id, this.extractUtils(content));
+    }
+    deleteContent(id) {
+        return this.utilsByFile.delete(id);
+    }
+    async updateSassConfig(content) {
+        this.inputFileCache = content;
+        const sassConfig = this.extractUserSassConfig(content);
+        if (sassConfig) {
+            await this.loadUtils(sassConfig);
+        }
+    }
+    async generateCss() {
         if (this.utils.size === 0) {
             logger.warn('Config with utilities is not loaded!');
             return '';
         }
-        if (id === this.inputFilePath) {
-            this.inputFileCache = content;
-            const sassConfig = this.extractUserSassConfig(content);
-            if (sassConfig) {
-                await this.loadUtils(sassConfig);
-            }
-        }
-        else if (content) {
-            this.utilsByFile.set(id, this.extractUtils(content));
-        }
-        else {
-            this.utilsByFile.delete(id);
+        if (this.utilsByFile.size === 0) {
+            logger.warn('No content to generate CSS was found!');
+            return '';
         }
-        return new Promise((resolve) => {
-            //eslint-disable-next-line
-            let timeout;
-            clearTimeout(this.generationDebounce);
-            this.generationDebounce = setTimeout(async () => {
-                clearTimeout(timeout);
-                const allUniqueUtils = [...new Set([...this.utilsByFile.values()].flat())];
-                const applyStr = `\n@include ${this.sassModuleName}.apply(${JSON.stringify(allUniqueUtils)},(),true);`;
-                // `compileStringAsync` is almost always faster than `compile` in sass-embedded
-                const css = await sass.compileStringAsync(this.inputFileCache + applyStr, { loadPaths: [this.inputFileDir, 'node_modules'] }).then(({ css }) => css, (e) => (logger.error('Sass compilation error.', e), undefined));
-                resolve(css);
-            }, 100);
-            timeout = setTimeout(() => resolve(undefined), 300);
-        });
+        const allUniqueUtils = [...new Set([...this.utilsByFile.values()].flat())];
+        const applyStr = `\n@include ${this.sassModuleName}.apply(${JSON.stringify(allUniqueUtils)},(),true);`;
+        // `compileStringAsync` is almost always faster than `compile` in sass-embedded
+        return sass.compileStringAsync(this.inputFileCache + applyStr, { loadPaths: [this.inputFileDir, 'node_modules'] }).then(({ css }) => css, (e) => (logger.error('Sass compilation error.', e), ''));
     }
     extractUtils(content) {
         const allClassNames = [];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mlut/core",
-	"version": "1.0.0",
+	"version": "2.0.0",
 	"description": "Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity",
 	"author": "mr150",
 	"type": "module",
@@ -27,10 +27,10 @@
 		"url": "https://github.com/mr150/mlut/issues"
 	},
 	"exports": {
-    ".": {
-      "default": "./dist/index.js"
-    }
-  },
+		".": {
+			"default": "./dist/index.js"
+		}
+	},
 	"scripts": {
 		"build": "rm -rf dist && tsc && cp src/sass dist/ -r"
 	},
@@ -43,6 +43,6 @@
 		"@types/node": "^20.10.5",
 		"sass-embedded": "^1.71.0",
 		"sass": "^1.71.0",
-		"typescript": "^5.3.3"
+		"typescript": "^4.8.0"
 	}
 }