@opendocsdev/cli 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendocsdev/cli",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "publishConfig": {
     "access": "public"
   },

package/src/engine/src/lib/mdx-loader.ts

@@ -50,6 +50,7 @@ function getSnippetFolders(): string[] {
 }
 
 const snippetFolders = getSnippetFolders();
+const projectDir = import.meta.env.OPENDOCS_PROJECT_DIR || "";
 
 // Get all MDX files from user's content directory
 // This glob pattern is resolved at build time via the @content Vite alias
@@ -71,7 +72,7 @@ function isSnippetPath(path: string): boolean {
  * Uses default snippet folders from environment
  */
 function extractSlugFromPath(globPath: string): string | null {
-  return extractSlugFromPathUtil(globPath, snippetFolders);
+  return extractSlugFromPathUtil(globPath, snippetFolders, projectDir);
 }
 
 /**

package/src/engine/src/lib/mdx-utils.ts

@@ -19,7 +19,8 @@ export function isSnippetPath(path: string, folders: string[]): boolean {
  */
 export function extractSlugFromPath(
   globPath: string,
-  folders: string[]
+  folders: string[],
+  projectDir?: string
 ): string | null {
   // Remove @content/ prefix if present
   if (globPath.startsWith("@content/")) {
@@ -36,11 +37,25 @@ export function extractSlugFromPath(
     return null;
   }
 
-  // Handle relative paths from Vite glob
+  // Use project directory name to find the content root in the path
+  // This handles both local dev (short relative paths) and npm global install (long relative paths)
+  if (projectDir) {
+    const projectDirName = projectDir.replace(/\/$/, "").split("/").pop();
+    if (projectDirName) {
+      const marker = `/${projectDirName}/`;
+      const idx = globPath.lastIndexOf(marker);
+      if (idx !== -1) {
+        const contentPath = globPath.substring(idx + marker.length);
+        if (isSnippetPath(contentPath, folders)) {
+          return null;
+        }
+        return contentPath.replace(/\.mdx?$/, "");
+      }
+    }
+  }
+
+  // Fallback: Handle relative paths from Vite glob
   // e.g., "../../../../test-docs/guides/using-snippets.mdx" -> "guides/using-snippets"
-  // e.g., "../../../../test-docs/components.mdx" -> "components"
-  // Find the project directory boundary (last ../ followed by project-dir/)
-  // The pattern matches all the "../" parts, then project-dir/, then captures the slug
   const relativeMatch = globPath.match(/(?:\.\.\/)+[^/]+\/(.+)\.mdx?$/);
   if (relativeMatch) {
     return relativeMatch[1];
@@ -60,10 +75,10 @@ export function extractSlugFromPath(
  * Filter paths and return valid slugs (excludes snippet folders)
  * Used for testing purposes
  */
-export function filterPathsToSlugs(paths: string[], folders: string[]): string[] {
+export function filterPathsToSlugs(paths: string[], folders: string[], projectDir?: string): string[] {
   const slugs: string[] = [];
   for (const path of paths) {
-    const slug = extractSlugFromPath(path, folders);
+    const slug = extractSlugFromPath(path, folders, projectDir);
     if (slug !== null && !slugs.includes(slug)) {
       slugs.push(slug);
     }