rtgl 0.0.1 → 0.0.3

package/cli.js

@@ -1,9 +1,30 @@
 #!/usr/bin/env node
 
-import { build, scaffold, watch } from "rettangoli-fe/cli";
+import { build, scaffold, watch, examples } from "rettangoli-fe/cli";
 import { generate, report, accept } from "rettangoli-vt/cli";
 import { copyPagesToSite } from "rettangoli-sites/cli";
 import { Command } from "commander";
+import { readFileSync, existsSync } from "fs";
+import { resolve } from "path";
+import yaml from "js-yaml";
+
+// Function to read config file
+function readConfig() {
+  const configPath = resolve(process.cwd(), "rettangoli.config.yaml");
+  
+  if (!existsSync(configPath)) {
+    return null;
+  }
+  
+  try {
+    const configContent = readFileSync(configPath, "utf8");
+    return yaml.load(configContent);
+  } catch (error) {
+    console.error("Error reading config file:", error.message);
+    return null;
+  }
+}
+
 
 const program = new Command();
 
@@ -20,7 +41,7 @@ program.addHelpText(
 Examples:
   $ rettangoli fe build
   $ rettangoli fe scaffold -c components -n Button
-  $ rettangoli fe watch -d ./src -d ./components -p 3001
+  $ rettangoli fe watch -p 3001
 `,
 );
 
@@ -29,19 +50,43 @@ const feCommand = program.command("fe").description("Frontend framework");
 feCommand
   .command("build")
   .description("Build UI components")
-  .option("-d, --dirs <dirs...>", "The directories to build", ["./example"])
-  .option("-o, --outfile <path>", "The output file", "./viz/static/main.js")
+  .option("-o, --outfile <path>", "The output file")
   .addHelpText(
     "after",
     `
 
 Examples:
   $ rettangoli fe build
-  $ rettangoli fe build --base ./my-project --outfile ./dist/bundle.js
-  $ rettangoli fe build -b ./src -o ./public/js/main.js
+  $ rettangoli fe build --outfile ./dist/bundle.js
+  $ rettangoli fe build -o ./public/js/main.js
 `,
   )
   .action((options) => {
+    const config = readConfig();
+    
+    if (!config) {
+      throw new Error("rettangoli.config.yaml not found");
+    }
+    
+    if (!config.fe?.dirs?.length) {
+      throw new Error("fe.dirs not found or empty in config");
+    }
+    
+    // Validate that directories exist
+    const missingDirs = config.fe.dirs.filter(dir => !existsSync(resolve(process.cwd(), dir)));
+    if (missingDirs.length > 0) {
+      throw new Error(`Directories do not exist: ${missingDirs.join(", ")}`);
+    }
+    
+    // Pass dirs, setup, and outfile from config
+    options.dirs = config.fe.dirs;
+    options.setup = config.fe.setup || 'setup.js';
+    
+    // Use config outfile if not specified via CLI option
+    if (!options.outfile && config.fe.outfile) {
+      options.outfile = config.fe.outfile;
+    }
+    
     build(options);
   });
 
@@ -73,7 +118,6 @@ Examples:
 feCommand
   .command("watch")
   .description("Watch for changes")
-  .option("-d, --dirs <dirs...>", "The directories to watch", ["./example"])
   .option("-p, --port <port>", "The port to use", parseInt, 3001)
   .addHelpText(
     "after",
@@ -82,14 +126,44 @@ feCommand
 Examples:
   $ rettangoli fe watch
   $ rettangoli fe watch --port 8080
-  $ rettangoli fe watch --dirs ./src ./components ./pages
-  $ rettangoli fe watch -d ./src -d ./lib -p 4000
+  $ rettangoli fe watch -p 4000
 `,
   )
   .action((options) => {
+    const config = readConfig();
+    
+    if (!config) {
+      throw new Error("rettangoli.config.yaml not found");
+    }
+    
+    if (!config.fe?.dirs?.length) {
+      throw new Error("fe.dirs not found or empty in config");
+    }
+    
+    // Validate that directories exist
+    const missingDirs = config.fe.dirs.filter(dir => !existsSync(resolve(process.cwd(), dir)));
+    if (missingDirs.length > 0) {
+      throw new Error(`Directories do not exist: ${missingDirs.join(", ")}`);
+    }
+    
+    // Pass dirs and setup from config
+    options.dirs = config.fe.dirs;
+    options.setup = config.fe.setup || 'setup.js';
     watch(options);
   });
 
+
+feCommand.command("examples")
+  .description("Generate examples")
+  .action((options) => {
+    const config = readConfig();
+    options.dirs = config.fe.dirs;
+    options.outputDir = config.fe?.examples?.outputDir || './vt/specs';
+    examples(options);
+  });
+
+
+
 const vtCommand = program
   .command("vt")
   .description("Rettangoli Visual Testing");
@@ -99,8 +173,16 @@ vtCommand
   .description("Generate visualizations")
   .option("--skip-screenshots", "Skip screenshot generation")
   .option("--screenshot-wait-time <time>", "Wait time between screenshots", "0")
-  .option("--viz-path <path>", "Path to the viz directory", "./viz")
   .action((options) => {
+    const config = readConfig();
+    
+    if (!config) {
+      throw new Error("rettangoli.config.yaml not found");
+    }
+    
+    // Use vt.path from config, default to 'vt'
+    options.vizPath = config.vt?.path || 'vt';
+    
     generate(options);
   });
 
@@ -108,14 +190,28 @@ vtCommand
   .command("report")
   .description("Create reports")
   .action(() => {
-    report();
+    const config = readConfig();
+    
+    if (!config) {
+      throw new Error("rettangoli.config.yaml not found");
+    }
+    
+    const vizPath = config.vt?.path || 'vt';
+    report({ vizPath });
   });
 
 vtCommand
   .command("accept")
   .description("Accept changes")
   .action(() => {
-    accept();
+    const config = readConfig();
+    
+    if (!config) {
+      throw new Error("rettangoli.config.yaml not found");
+    }
+    
+    const vizPath = config.vt?.path || 'vt';
+    accept({ vizPath });
   });
 
 const sitesCommand = program.command("sites").description("Rettangoli Sites");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rtgl",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "CLI tool for Rettangoli - A frontend framework and development toolkit",
   "type": "module",
   "bin": {
@@ -46,6 +46,7 @@
   },
   "dependencies": {
     "commander": "^14.0.0",
+    "js-yaml": "^4.1.0",
     "rettangoli-fe": "workspace:*",
     "rettangoli-sites": "workspace:*",
     "rettangoli-vt": "workspace:*"