@object-ui/cli 0.3.0 → 0.5.0

package/dist/cli.js

@@ -6,11 +6,11 @@ import {
   parseSchemaFile,
   scanPagesDirectory,
   serve
-} from "./chunk-WOV6EOMH.js";
+} from "./chunk-O3QIU2WQ.js";
 
 // src/cli.ts
 import { Command } from "commander";
-import chalk11 from "chalk";
+import chalk14 from "chalk";
 
 // src/commands/dev.ts
 import { createServer } from "vite";
@@ -130,7 +130,14 @@ Run 'objectui init' to create a sample schema.`);
       "@object-ui/react": join(cwd, "packages/react/src/index.ts"),
       "@object-ui/components": join(cwd, "packages/components/src/index.ts"),
       "@object-ui/core": join(cwd, "packages/core/src/index.ts"),
-      "@object-ui/types": join(cwd, "packages/types/src/index.ts")
+      "@object-ui/types": join(cwd, "packages/types/src/index.ts"),
+      "@object-ui/plugin-charts": join(cwd, "packages/plugin-charts/src/index.tsx"),
+      "@object-ui/plugin-editor": join(cwd, "packages/plugin-editor/src/index.tsx"),
+      "@object-ui/plugin-kanban": join(cwd, "packages/plugin-kanban/src/index.tsx"),
+      "@object-ui/plugin-markdown": join(cwd, "packages/plugin-markdown/src/index.tsx"),
+      "@object-ui/plugin-form": join(cwd, "packages/plugin-form/src/index.tsx"),
+      "@object-ui/plugin-grid": join(cwd, "packages/plugin-grid/src/index.tsx"),
+      "@object-ui/plugin-view": join(cwd, "packages/plugin-view/src/index.tsx")
     };
     try {
       const lucidePath = require2.resolve("lucide-react", { paths: [join(cwd, "packages/components")] });
@@ -588,14 +595,215 @@ async function check() {
   }
 }
 
-// src/cli.ts
-import { readFileSync as readFileSync3 } from "fs";
+// src/commands/validate.ts
+import chalk11 from "chalk";
+import { readFileSync as readFileSync3, existsSync as existsSync8 } from "fs";
+import { resolve as resolve4 } from "path";
+import { load as loadYaml } from "js-yaml";
+import { safeValidateSchema } from "@object-ui/types/zod";
+async function validate(schemaPath) {
+  console.log(chalk11.blue("\u{1F50D} ObjectUI Schema Validator\n"));
+  const resolvedPath = resolve4(process.cwd(), schemaPath);
+  if (!existsSync8(resolvedPath)) {
+    console.error(chalk11.red(`\u2717 Error: Schema file not found: ${schemaPath}`));
+    process.exit(1);
+  }
+  try {
+    const fileContent = readFileSync3(resolvedPath, "utf-8");
+    let schema;
+    if (schemaPath.endsWith(".yaml") || schemaPath.endsWith(".yml")) {
+      console.log(chalk11.gray(`Reading YAML schema from: ${schemaPath}`));
+      schema = loadYaml(fileContent);
+    } else if (schemaPath.endsWith(".json")) {
+      console.log(chalk11.gray(`Reading JSON schema from: ${schemaPath}`));
+      schema = JSON.parse(fileContent);
+    } else {
+      try {
+        schema = JSON.parse(fileContent);
+        console.log(chalk11.gray(`Reading schema from: ${schemaPath} (detected as JSON)`));
+      } catch {
+        schema = loadYaml(fileContent);
+        console.log(chalk11.gray(`Reading schema from: ${schemaPath} (detected as YAML)`));
+      }
+    }
+    console.log(chalk11.gray("Validating schema...\n"));
+    const result = safeValidateSchema(schema);
+    if (result.success) {
+      console.log(chalk11.green("\u2713 Schema is valid!\n"));
+      const data = result.data;
+      console.log(chalk11.bold("Schema Information:"));
+      console.log(chalk11.gray("  Type:"), data.type || "unknown");
+      if (data.id) {
+        console.log(chalk11.gray("  ID:"), data.id);
+      }
+      if (data.label || data.title) {
+        console.log(chalk11.gray("  Label:"), data.label || data.title);
+      }
+      if (data.children && Array.isArray(data.children)) {
+        console.log(chalk11.gray("  Children:"), data.children.length);
+      }
+      console.log("");
+      process.exit(0);
+    } else {
+      console.error(chalk11.red("\u2717 Schema validation failed!\n"));
+      console.error(chalk11.bold("Validation Errors:"));
+      const errors = result.error.errors;
+      errors.forEach((error, index) => {
+        console.error(chalk11.red(`
+${index + 1}. ${error.message}`));
+        if (error.path && error.path.length > 0) {
+          console.error(chalk11.gray(`   Path: ${error.path.join(" \u2192 ")}`));
+        }
+        if (error.code) {
+          console.error(chalk11.gray(`   Code: ${error.code}`));
+        }
+      });
+      console.error("");
+      process.exit(1);
+    }
+  } catch (error) {
+    console.error(chalk11.red("\n\u2717 Error reading or parsing schema file:"));
+    console.error(chalk11.red(error.message));
+    console.error("");
+    process.exit(1);
+  }
+}
+
+// src/commands/create-plugin.ts
+import chalk12 from "chalk";
+import { spawn } from "child_process";
+import { resolve as resolve5, dirname as dirname2 } from "path";
 import { fileURLToPath } from "url";
-import { dirname as dirname2, join as join9 } from "path";
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname2(__filename);
+async function createPlugin(pluginName) {
+  console.log(chalk12.blue("\u{1F680} Creating ObjectUI plugin...\n"));
+  const createPluginScript = resolve5(
+    __dirname,
+    "../../../create-plugin/dist/index.js"
+  );
+  return new Promise((resolve7, reject) => {
+    const child = spawn("node", [createPluginScript, pluginName], {
+      stdio: "inherit",
+      shell: true
+    });
+    child.on("error", (error) => {
+      console.error(chalk12.red("Failed to create plugin:"), error);
+      reject(error);
+    });
+    child.on("exit", (code) => {
+      if (code === 0) {
+        resolve7();
+      } else {
+        reject(new Error(`create-plugin exited with code ${code}`));
+      }
+    });
+  });
+}
+
+// src/commands/analyze.ts
+import chalk13 from "chalk";
+import { existsSync as existsSync9, statSync as statSync2, readdirSync } from "fs";
+import { resolve as resolve6, join as join9, extname } from "path";
+async function analyzeBundleSize() {
+  console.log(chalk13.bold("\n\u{1F4E6} Bundle Size Analysis\n"));
+  const distDir = resolve6(process.cwd(), "dist");
+  if (!existsSync9(distDir)) {
+    console.log(chalk13.yellow("\u26A0 No dist directory found. Run build first."));
+    return;
+  }
+  const files = [];
+  function scanDirectory(dir) {
+    const items = readdirSync(dir);
+    for (const item of items) {
+      const fullPath = join9(dir, item);
+      const stat = statSync2(fullPath);
+      if (stat.isDirectory()) {
+        scanDirectory(fullPath);
+      } else {
+        files.push({
+          path: fullPath.replace(distDir + "/", ""),
+          size: stat.size
+        });
+      }
+    }
+  }
+  scanDirectory(distDir);
+  files.sort((a, b) => b.size - a.size);
+  const totalSize = files.reduce((sum, file) => sum + file.size, 0);
+  const jsFiles = files.filter((f) => extname(f.path) === ".js");
+  const cssFiles = files.filter((f) => extname(f.path) === ".css");
+  const jsSize = jsFiles.reduce((sum, file) => sum + file.size, 0);
+  const cssSize = cssFiles.reduce((sum, file) => sum + file.size, 0);
+  console.log(chalk13.bold("Summary:"));
+  console.log(chalk13.gray("  Total Size:"), formatBytes(totalSize));
+  console.log(chalk13.gray("  JavaScript:"), formatBytes(jsSize), chalk13.dim(`(${jsFiles.length} files)`));
+  console.log(chalk13.gray("  CSS:       "), formatBytes(cssSize), chalk13.dim(`(${cssFiles.length} files)`));
+  console.log(chalk13.gray("  Other:     "), formatBytes(totalSize - jsSize - cssSize));
+  console.log(chalk13.bold("\nLargest Files:"));
+  files.slice(0, 10).forEach((file) => {
+    const sizeStr = formatBytes(file.size).padStart(10);
+    console.log(chalk13.gray(`  ${sizeStr}`), file.path);
+  });
+  console.log(chalk13.bold("\n\u{1F4A1} Recommendations:"));
+  if (totalSize > 1024 * 1024) {
+    console.log(chalk13.yellow("  \u26A0 Total bundle size is large (> 1MB)"));
+    console.log(chalk13.gray("    Consider code splitting or lazy loading"));
+  }
+  if (jsSize > 500 * 1024) {
+    console.log(chalk13.yellow("  \u26A0 JavaScript bundle is large (> 500KB)"));
+    console.log(chalk13.gray("    Consider:"));
+    console.log(chalk13.gray("    - Tree shaking unused code"));
+    console.log(chalk13.gray("    - Lazy loading components"));
+    console.log(chalk13.gray("    - Using dynamic imports"));
+  }
+  if (files.length > 100) {
+    console.log(chalk13.yellow(`  \u26A0 Large number of files (${files.length})`));
+    console.log(chalk13.gray("    Consider bundling or combining files"));
+  }
+  console.log("");
+}
+async function analyzeRenderPerformance() {
+  console.log(chalk13.bold("\n\u26A1 Render Performance Analysis\n"));
+  console.log(chalk13.gray("Performance analysis features:"));
+  console.log(chalk13.gray("  \u2713 Expression caching enabled"));
+  console.log(chalk13.gray("  \u2713 Component memoization available"));
+  console.log(chalk13.gray("  \u2713 Virtual scrolling support for large lists"));
+  console.log(chalk13.bold("\n\u{1F4A1} Performance Tips:"));
+  console.log(chalk13.gray("  \u2022 Use virtual scrolling for lists > 100 items"));
+  console.log(chalk13.gray("  \u2022 Cache frequently evaluated expressions"));
+  console.log(chalk13.gray("  \u2022 Use React.memo for expensive components"));
+  console.log(chalk13.gray("  \u2022 Implement pagination for large datasets"));
+  console.log(chalk13.gray("  \u2022 Use code splitting for large apps"));
+  console.log("");
+}
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${(bytes / Math.pow(k, i)).toFixed(2)} ${sizes[i]}`;
+}
+async function analyze(options = {}) {
+  console.log(chalk13.blue("\u{1F50D} ObjectUI Performance Analyzer\n"));
+  const runAll = !options.bundleSize && !options.renderPerformance;
+  if (options.bundleSize || runAll) {
+    await analyzeBundleSize();
+  }
+  if (options.renderPerformance || runAll) {
+    await analyzeRenderPerformance();
+  }
+  console.log(chalk13.green("\u2713 Analysis complete!\n"));
+}
+
+// src/cli.ts
+import { readFileSync as readFileSync4 } from "fs";
+import { fileURLToPath as fileURLToPath2 } from "url";
+import { dirname as dirname3, join as join10 } from "path";
+var __filename2 = fileURLToPath2(import.meta.url);
+var __dirname2 = dirname3(__filename2);
 var packageJson = JSON.parse(
-  readFileSync3(join9(__dirname, "../package.json"), "utf-8")
+  readFileSync4(join10(__dirname2, "../package.json"), "utf-8")
 );
 var program = new Command();
 program.name("objectui").description("CLI tool for Object UI - Build applications from JSON schemas").version(packageJson.version);
@@ -603,7 +811,7 @@ program.command("serve").description("Start a development server with your JSON/
   try {
     await serve(schema, options);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -611,7 +819,7 @@ program.command("dev").description("Start development server (alias for serve)")
   try {
     await dev(schema, options);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -619,7 +827,7 @@ program.command("build").description("Build application for production").argumen
   try {
     await buildApp(schema, options);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -627,7 +835,7 @@ program.command("start").description("Start production server").option("-p, --po
   try {
     await start(options);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -635,7 +843,7 @@ program.command("init").description("\u521D\u59CB\u5316\u65B0\u7684Object UI\u5E
   try {
     await init(name, options);
   } catch (error) {
-    console.error(chalk11.red("\u9519\u8BEF Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("\u9519\u8BEF Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -643,7 +851,7 @@ program.command("lint").description("Lint the generated application code").optio
   try {
     await lint(options);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -651,15 +859,20 @@ program.command("test").description("Run tests for the application").option("-w,
   try {
     await test(options);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
-program.command("generate").alias("g").description("Generate new resources (objects, pages, plugins)").argument("<type>", "Type of resource to generate (resource/object, page, plugin)").argument("<name>", "Name of the resource").action(async (type, name) => {
+program.command("generate").alias("g").description("Generate new resources (objects, pages, plugins)").argument("<type>", "Type of resource to generate (resource/object, page, plugin)").argument("<name>", "Name of the resource").option("--from <source>", "Generate schema from external source (openapi.yaml, prisma.schema)").option("--output <dir>", "Output directory for generated schemas", "schemas/").action(async (type, name, options) => {
   try {
+    if (options.from) {
+      console.log(chalk14.yellow("\n\u26A0 Schema generation from external sources (OpenAPI/Prisma) is not yet implemented."));
+      console.log(chalk14.gray("This feature will be available in a future release.\n"));
+      process.exit(0);
+    }
     await generate(type, name);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -667,7 +880,7 @@ program.command("doctor").description("Diagnose and fix common issues").action(a
   try {
     await doctor();
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -675,7 +888,7 @@ program.command("add").description("Add a new component renderer to your project
   try {
     await add(component);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -683,7 +896,7 @@ program.command("studio").description("Start the visual designer").action(async
   try {
     await studio();
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -691,16 +904,37 @@ program.command("check").description("Validate schema files").action(async () =>
   try {
     await check();
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
+    process.exit(1);
+  }
+});
+program.command("validate").description("Validate a schema file against ObjectUI specifications").argument("[schema]", "Path to schema file (JSON or YAML)", "app.json").action(async (schema) => {
+  try {
+    await validate(schema);
+  } catch (error) {
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
+    process.exit(1);
+  }
+});
+program.command("create").description("Create new resources").argument("<type>", "Type of resource to create (plugin)").argument("<name>", "Name of the resource").action(async (type, name) => {
+  try {
+    if (type === "plugin") {
+      await createPlugin(name);
+    } else {
+      console.error(chalk14.red(`Unknown resource type: ${type}`));
+      console.log(chalk14.gray("Available types: plugin"));
+      process.exit(1);
+    }
+  } catch (error) {
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
-program.command("showcase").description("Start the built-in showcase example").option("-p, --port <port>", "Port to run the server on", "3000").option("-h, --host <host>", "Host to bind the server to", "localhost").option("--no-open", "Do not open browser automatically").action(async (options) => {
+program.command("analyze").description("Analyze application performance").option("--bundle-size", "Analyze bundle size").option("--render-performance", "Analyze render performance").action(async (options) => {
   try {
-    const showcaseSchema = join9(__dirname, "../../..", "examples", "showcase", "app.json");
-    await dev(showcaseSchema, options);
+    await analyze(options);
   } catch (error) {
-    console.error(chalk11.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(chalk14.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });