@suryaravikumar/mdx-ui 0.0.2 → 0.0.4

package/dist/commands/init.js

@@ -4,15 +4,23 @@ import chalk from "chalk";
 import ora from "ora";
 import fs from "fs-extra";
 import path from "path";
+import { detectProjectStructure } from "../utils/detect-structure.js";
 const init = new Command().name("init").description("Initialize your project for mdx-ui").action(async () => {
   console.log(chalk.bold("\n\u2728 Welcome to mdx-ui!\n"));
   const cwd = process.cwd();
+  const structure = await detectProjectStructure(cwd);
+  console.log(
+    chalk.dim(
+      `Detected ${structure.hasSrc ? "src/" : "root-level"} project structure
+`
+    )
+  );
   const config = await prompts([
     {
       type: "text",
       name: "componentsDir",
       message: "Where should we put the components?",
-      initial: "components/mdx"
+      initial: structure.componentsDir
     },
     {
       type: "confirm",
@@ -31,7 +39,7 @@ const init = new Command().name("init").description("Initialize your project for
   try {
     const componentsPath = path.join(cwd, config.componentsDir);
     await fs.ensureDir(componentsPath);
-    const libPath = path.join(cwd, path.dirname(config.componentsDir), "lib");
+    const libPath = path.join(cwd, structure.libDir);
     await fs.ensureDir(libPath);
     const utilsContent = config.typescript ? `import { clsx, type ClassValue } from "clsx"
 import { twMerge } from "tailwind-merge"
@@ -64,7 +72,7 @@ export function cn(...inputs) {
     console.log(chalk.green(`\u2713 Created ${config.componentsDir}/`));
     console.log(
       chalk.green(
-        `\u2713 Created ${path.dirname(config.componentsDir)}/lib/utils.${config.typescript ? "ts" : "js"}`
+        `\u2713 Created ${structure.libDir}/utils.${config.typescript ? "ts" : "js"}`
       )
     );
     console.log(chalk.bold("\n\u{1F389} You're all set!\n"));

package/dist/commands/list.js

@@ -21,17 +21,20 @@ async function loadRegistry() {
   return {
     components: [
       { name: "blockquote", type: "mdx", description: "Styled quote blocks with optional citation", files: [] },
-      { name: "callout", type: "mdx", description: "Alert boxes for important information", files: [] },
-      { name: "code-block", type: "mdx", description: "Syntax highlighted code blocks", files: [] },
-      { name: "emphasis", type: "mdx", description: "Text emphasis (bold/italic)", files: [] },
-      { name: "headings", type: "mdx", description: "Headings with anchor links", files: [] },
+      { name: "callout", type: "mdx", description: "Alert boxes for important information", files: [], registryDependencies: ["utils"] },
+      { name: "code-block", type: "mdx", description: "Syntax highlighted code blocks", files: [], registryDependencies: ["utils"] },
+      { name: "emphasis", type: "mdx", description: "Text emphasis (bold/italic)", files: [], registryDependencies: ["utils"] },
+      { name: "file-tree", type: "mdx", description: "Simple string-based file/folder tree", files: [], registryDependencies: ["utils"] },
+      { name: "heading", type: "mdx", description: "Flexible heading component with variant support", files: [], registryDependencies: ["utils"] },
+      { name: "headings", type: "mdx", description: "Headings with anchor links", files: [], registryDependencies: ["utils"] },
       { name: "horizontal-rule", type: "mdx", description: "Divider lines with multiple styles", files: [] },
       { name: "image", type: "mdx", description: "Images with optional captions", files: [] },
-      { name: "inline-code", type: "mdx", description: "Inline code snippets", files: [] },
+      { name: "inline-code", type: "mdx", description: "Inline code snippets", files: [], registryDependencies: ["utils"] },
       { name: "list", type: "mdx", description: "Styled ordered and unordered lists", files: [] },
-      { name: "paragraph", type: "mdx", description: "Text paragraphs", files: [] },
-      { name: "steps", type: "mdx", description: "Numbered step-by-step guides", files: [] },
-      { name: "tabs", type: "mdx", description: "Tabbed content sections", files: [] },
+      { name: "paragraph", type: "mdx", description: "Text paragraphs", files: [], registryDependencies: ["utils"] },
+      { name: "steps", type: "mdx", description: "Numbered step-by-step guides", files: [], registryDependencies: ["utils"] },
+      { name: "tabs", type: "mdx", description: "Tabbed content sections", files: [], registryDependencies: ["utils"] },
+      { name: "tree", type: "mdx", description: "Interactive file/folder tree structure", files: [], registryDependencies: ["utils"] },
       { name: "utils", type: "utility", description: "Utility functions (cn)", files: [] }
     ]
   };

package/dist/index.js

@@ -1,12 +1,16 @@
 #!/usr/bin/env node
 import { Command } from "commander";
+import { readFileSync } from "fs";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
 import { add } from "./commands/add.js";
 import { init } from "./commands/init.js";
 import { list } from "./commands/list.js";
-const packageJson = {
-  name: "mdx-ui",
-  version: "0.0.1"
-};
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const packageJson = JSON.parse(
+  readFileSync(join(__dirname, "..", "package.json"), "utf-8")
+);
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
 async function main() {

package/dist/utils/detect-structure.d.ts

@@ -0,0 +1,8 @@
+interface ProjectStructure {
+    hasSrc: boolean;
+    componentsDir: string;
+    libDir: string;
+}
+declare function detectProjectStructure(cwd?: string): Promise<ProjectStructure>;
+
+export { type ProjectStructure, detectProjectStructure };

package/dist/utils/detect-structure.js

@@ -0,0 +1,20 @@
+import fs from "fs-extra";
+import path from "path";
+async function detectProjectStructure(cwd = process.cwd()) {
+  const srcExists = await fs.pathExists(path.join(cwd, "src"));
+  if (srcExists) {
+    return {
+      hasSrc: true,
+      componentsDir: "src/components/mdx-ui",
+      libDir: "src/lib"
+    };
+  }
+  return {
+    hasSrc: false,
+    componentsDir: "components/mdx-ui",
+    libDir: "lib"
+  };
+}
+export {
+  detectProjectStructure
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@suryaravikumar/mdx-ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Add MDX components to your project",
   "license": "MIT",
   "type": "module",