Fix install commands

Blazity · Oct 26, 2024 · 9c89ac0 · 9c89ac0
1 parent 807abb0
commit 9c89ac0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/apps/www/content/docs/components/chat.mdx b/apps/www/content/docs/components/chat.mdx
@@ -34,7 +34,7 @@ The Chat component provides a complete chat interface with message history, typi
 <TabsContent value="cli">
 
 ```bash
-npx shadcn@latest add http://localhost:3333/r/chat.json
+npx shadcn@latest add chat
 ```
 
 </TabsContent>

diff --git a/apps/www/lib/rehype-npm-command.ts b/apps/www/lib/rehype-npm-command.ts
@@ -1,6 +1,8 @@
 import { UnistNode, UnistTree } from "types/unist"
 import { visit } from "unist-util-visit"
 
+import { siteConfig } from "@/config/site"
+
 export function rehypeNpmCommand() {
   return (tree: UnistTree) => {
     visit(tree, (node: UnistNode) => {
@@ -50,13 +52,18 @@ export function rehypeNpmCommand() {
         !node.properties?.["__rawString__"]?.startsWith("npx create-")
       ) {
         const npmCommand = node.properties?.["__rawString__"]
-        node.properties["__npmCommand__"] = npmCommand
-        node.properties["__yarnCommand__"] = npmCommand
-        node.properties["__pnpmCommand__"] = npmCommand.replace(
+        const parts = npmCommand.split(" ")
+        const componentName = parts.pop()
+        parts.push(`${siteConfig.url}/r/${componentName}.json`)
+        const modifiedCommand = parts.join(" ")
+
+        node.properties["__npmCommand__"] = modifiedCommand
+        node.properties["__yarnCommand__"] = modifiedCommand
+        node.properties["__pnpmCommand__"] = modifiedCommand.replace(
           "npx",
           "pnpm dlx"
         )
-        node.properties["__bunCommand__"] = npmCommand.replace(
+        node.properties["__bunCommand__"] = modifiedCommand.replace(
           "npx",
           "bunx --bun"
         )