forgecss 0.1.2 → 0.1.3

package/cli.js

@@ -26,18 +26,16 @@ async function loadConfig(configPath) {
   const mod = await import(fileUrl);
   return mod.default ?? mod; // support both default and named export
 }
-async function runForgeCSS() {
+async function runForgeCSS(lookAtPath = null) {
   if (!config) {
+    // The very first run
     config = await loadConfig(options.config);
     if (options.watch) {
-      const watcher = chokidar.watch([
-        config.styles.sourceDir,
-        config.ui.sourceDir
-      ], {
+      const watcher = chokidar.watch([config.styles.sourceDir, config.ui.sourceDir], {
         persistent: true,
         ignoreInitial: true,
         ignored: (p, stats) => {
-          if (path.resolve(p) === path.resolve(config.output)){ 
+          if (path.resolve(p) === path.resolve(config.output)) {
             return true;
           }
           return false;
@@ -47,14 +45,14 @@ async function runForgeCSS() {
         if (options.verbose) {
           console.log(`forgecss: Detected change in ${filePath}`);
         }
-        runForgeCSS();
+        runForgeCSS(filePath);
       });
       if (options.verbose) {
         console.log("forgecss: Watch mode enabled. Listening for file changes...");
       }
     }
   }
-  ForgeCSS(config).parse();
+  ForgeCSS(config).parse(lookAtPath);
 }
 
 runForgeCSS();

package/index.d.ts

@@ -19,5 +19,5 @@ export type ForgeCSSOptions = {
 };
 
 export default function forgecss(options?: ForgeCSSOptions): {
-  parse: () => Promise<void>;
+  parse: (filePathToSpecificFile?: string) => Promise<void>;
 };

package/index.js

@@ -1,6 +1,6 @@
 import getAllFiles from "./lib/getAllFiles.js";
 import { extractStyles } from "./lib/styles.js";
-import { extractDeclarations } from "./lib/processFile.js";
+import { deleteDeclarations, extractDeclarations, getDeclarations } from "./lib/processFile.js";
 import { generateOutputCSS } from "./lib/generator.js";
 
 const DEFAULT_OPTIONS = {
@@ -38,21 +38,34 @@ export default function forgecss(options = { styles: {}, ui: {}, mapping: {}, ou
   }
 
   return {
-    async parse() {
+    async parse(lookAtPath = null) {
       // fetching the styles
       try {
-        let files = await getAllFiles(config.styles.sourceDir, config.styles.match);
-        for (let file of files) {
-          await extractStyles(file);
+        if (lookAtPath) {
+          if (config.styles.match.includes(lookAtPath.split('.').pop().toLowerCase())) {
+            await extractStyles(lookAtPath);
+          }
+        } else {
+          let files = await getAllFiles(config.styles.sourceDir, config.styles.match);
+          for (let file of files) {
+            await extractStyles(file);
+          }
         }
       } catch (err) {
         console.error(`forgecss: error extracting styles: ${err}`);
       }
       // fetching the declarations
       try {
-        let files = await getAllFiles(config.ui.sourceDir, config.ui.match);
-        for (let file of files) {
-          await extractDeclarations(file);
+        if (lookAtPath) {
+          if (config.ui.match.includes(lookAtPath.split('.').pop().toLowerCase())) {
+            deleteDeclarations(lookAtPath);
+            await extractDeclarations(lookAtPath);
+          }
+        } else {
+          let files = await getAllFiles(config.ui.sourceDir, config.ui.match);
+          for (let file of files) {
+            await extractDeclarations(file);
+          }
         }
       } catch(err) {
         console.error(`forgecss: error extracting declarations: ${err}`);

package/lib/processFile.js

@@ -55,6 +55,11 @@ export async function extractDeclarations(filePath) {
     console.error(`forgecss: error processing file ${filePath}: ${err}`);
   }
 }
+export function deleteDeclarations(filePath) {
+  if (DECLARATIONS[filePath]) {
+    delete DECLARATIONS[filePath];
+  }
+}
 function pushToDeclarations(filePath, classesString = "") {
   if (classesString) {
     classesString.split(" ").forEach((part) => {
@@ -71,7 +76,6 @@ function pushToDeclarations(filePath, classesString = "") {
     });
   }
 }
-
 function traverseNode(node, visitors, stack = []) {
   if (!node || typeof node.type !== "string") {
     return;
@@ -108,7 +112,6 @@ function traverseNode(node, visitors, stack = []) {
     }
   }
 }
-
 export function getDeclarations() {
   return DECLARATIONS;
 }

package/lib/styles.js

@@ -2,23 +2,23 @@ import { readFile } from "fs/promises";
 import postcss from "postcss";
 import safeParser from "postcss-safe-parser";
 
-const STYLES = [];
+const STYLES = {};
 
 export async function extractStyles(filePath) {
   const content = await readFile(filePath, 'utf-8');
-  STYLES.push(postcss.parse(content, { parser: safeParser }));
+  STYLES[filePath] = postcss.parse(content, { parser: safeParser });
 }
 export function getStylesByClassName(selector) {
   const decls = [];
-  for (let root of STYLES) {
-    root.walkRules((rule) => {
+  Object.keys(STYLES).forEach((filePath) => {
+    STYLES[filePath].walkRules((rule) => {
       if (rule.selectors && rule.selectors.includes(`.${selector}`)) {
         rule.walkDecls((d) => {
           decls.push({ prop: d.prop, value: d.value, important: d.important });
         });
       }
     });
-  }
+  });
   return decls;
 }
 export function createMediaStyle(config, label, selectors, cache) {
@@ -39,7 +39,7 @@ export function createMediaStyle(config, label, selectors, cache) {
   const mq = cache[label].mq;
   selectors.forEach((selector) => {
     const prefixedSelector = `.${label}_${selector}`;
-    if (cache[label].classes[prefixedSelector]) return;
+    if (cache[label].classes[prefixedSelector]) { return; }
     cache[label].classes[prefixedSelector] = true;
     const rule = postcss.rule({ selector: prefixedSelector });
     const decls = getStylesByClassName(selector);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forgecss",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "type": "module",
   "description": "ForgeCSS turns strings into fully generated responsive CSS using a custom DSL.",
   "author": "Krasimir Tsonev",