forgecss 0.1.0 → 0.1.2

package/cli.js

@@ -0,0 +1,61 @@
+#!/usr/bin/env node
+
+import fs from 'fs';
+import path from "node:path";
+import { pathToFileURL } from "node:url";
+import { program } from "commander";
+import ForgeCSS from './index.js';
+import chokidar from "chokidar";
+
+program.option("--config", "Path to forgecss config file", process.cwd() + "/forgecss.config.js");
+program.option("--watch", "Enable watch mode", false);
+program.option("--verbose", "Enable watch mode", false);
+program.parse();
+
+const options = program.opts();
+let config = null;
+
+if (!fs.existsSync(options.config)) {
+  throw new Error(`forgecss: Config file not found at ${options.config}. Check the --config option.`);
+}
+
+async function loadConfig(configPath) {
+  const abs = path.resolve(configPath);
+  const fileUrl = pathToFileURL(abs).href;
+
+  const mod = await import(fileUrl);
+  return mod.default ?? mod; // support both default and named export
+}
+async function runForgeCSS() {
+  if (!config) {
+    config = await loadConfig(options.config);
+    if (options.watch) {
+      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)){ 
+            return true;
+          }
+          return false;
+        }
+      });
+      watcher.on("change", async (filePath) => {
+        if (options.verbose) {
+          console.log(`forgecss: Detected change in ${filePath}`);
+        }
+        runForgeCSS();
+      });
+      if (options.verbose) {
+        console.log("forgecss: Watch mode enabled. Listening for file changes...");
+      }
+    }
+  }
+  ForgeCSS(config).parse();
+}
+
+runForgeCSS();
+

package/fx.d.ts

@@ -0,0 +1 @@
+export default function fx(classes: string): string;

package/fx.js

@@ -0,0 +1,3 @@
+import forgeCSSExpressionTransformer from "./client/fx.js";
+
+export default forgeCSSExpressionTransformer;

package/index.js

@@ -2,9 +2,6 @@ import getAllFiles from "./lib/getAllFiles.js";
 import { extractStyles } from "./lib/styles.js";
 import { extractDeclarations } from "./lib/processFile.js";
 import { generateOutputCSS } from "./lib/generator.js";
-import forgeCSSExpressionTransformer from './client/fx.js';
-
-export const fx = forgeCSSExpressionTransformer;
 
 const DEFAULT_OPTIONS = {
   styles: {

package/lib/generator.js

@@ -1,7 +1,6 @@
 import { writeFile } from "fs/promises";
-const OUTPUT = "forgecss-media-queries.css";
 import { getDeclarations } from "./processFile.js";
-import { createMediaStyle, extractStyles } from "./styles.js";
+import { createMediaStyle } from "./styles.js";
 
 export async function generateOutputCSS(config) {
   const cache = {};
@@ -20,7 +19,7 @@ export async function generateOutputCSS(config) {
     .join("\n");
   await writeFile(
     config.output,
-    `${result}`,
+    `/* ForgeCSS autogenerated file */\n${result}`,
     "utf-8"
   );
 }

package/lib/processFile.js

@@ -3,7 +3,7 @@ import { readFile } from "fs/promises";
 import { fromHtml } from "hast-util-from-html";
 import { visit } from "unist-util-visit";
 
-const FUNC_NAME = 'mq';
+const FUNC_NAME = 'fx';
 const DECLARATIONS = {};
 
 const { parse } = swc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forgecss",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "description": "ForgeCSS turns strings into fully generated responsive CSS using a custom DSL.",
   "author": "Krasimir Tsonev",
@@ -24,6 +24,8 @@
   "dependencies": {
     "@swc/cli": "^0.7.7",
     "@swc/core": "1.12.1",
+    "chokidar": "^4.0.3",
+    "commander": "^14.0.2",
     "hast-util-from-html": "^2.0.3",
     "postcss": "^8.5.6",
     "postcss-safe-parser": "^7.0.1",
@@ -31,5 +33,8 @@
   },
   "devDependencies": {
     "esbuild": "^0.27.1"
+  },
+  "bin": {
+    "forgecss": "./cli.js"
   }
 }