docs(registry): update install commands to jalco/ namespace (#5)

docs(registry): update install commands to use jalco/ namespace

Now an official shadcn registry. Install commands change from:
  npx shadcn@latest add https://ui.justinlevine.me/r/code-line.json
to:
  npx shadcn@latest add jalco/code-line

Updated: install-command component, component-docs-page, prompts,
installation page, ai-copy-button docs, and README.

Co-authored-by: Justin Levine <20596508+justinlevinedotme@users.noreply.github.com>

Author: jal-co

README.md

@@ -22,7 +22,7 @@ Components are polished, composable, and built for React and Tailwind CSS. Insta
 ## Install
 
 ```bash
-npx shadcn@latest add https://ui.justinlevine.me/r/[component].json
+npx shadcn@latest add jalco/[component]
 ```
 
 Browse all components at [ui.justinlevine.me/docs](https://ui.justinlevine.me/docs).

app/docs/components/ai-copy-button/page.tsx

@@ -18,7 +18,7 @@ const sampleContent = `# Getting Started with jalco ui
 Install the registry component you need:
 
 \`\`\`bash
-npx shadcn@latest add https://ui.justinlevine.me/r/ai-copy-button.json
+npx shadcn@latest add jalco/ai-copy-button
 \`\`\`
 
 Then import and use it in your project.`

app/docs/installation/page.tsx

@@ -83,7 +83,7 @@ export default async function InstallationPage() {
           CLI to add any component from the registry:
         </p>
         <CodeLine
-          code="npx shadcn@latest add https://ui.justinlevine.me/r/github-stars-button.json"
+          code="npx shadcn@latest add jalco/github-stars-button"
           language="bash"
         />
         <p className="text-sm text-muted-foreground">This will:</p>
@@ -112,16 +112,19 @@ export default async function InstallationPage() {
       </section>
 
       <section className="flex flex-col gap-4">
-        <h2 className="text-xl font-semibold tracking-tight">Registry URL</h2>
+        <h2 className="text-xl font-semibold tracking-tight">Registry</h2>
         <p className="text-sm text-muted-foreground">
-          The base registry URL is:
+          jalco ui is listed in the official shadcn registry. All components use
+          the{" "}
+          <code className="rounded bg-muted px-1 py-0.5 text-xs">jalco</code>{" "}
+          namespace:
         </p>
-        <CodeLine code="https://ui.justinlevine.me/r/" language="bash" />
+        <CodeLine code="npx shadcn@latest add jalco/{component-name}" language="bash" />
         <p className="text-sm text-muted-foreground">
-          Individual component payloads are available at:
+          You can also install directly from the registry URL:
         </p>
         <CodeLine
-          code="https://ui.justinlevine.me/r/{component-name}.json"
+          code="npx shadcn@latest add https://ui.justinlevine.me/r/{component-name}.json"
           language="bash"
         />
       </section>

components/docs/component-docs-page.tsx

@@ -50,7 +50,7 @@ export async function ComponentDocsPage({
 
   const pageSummary = `# ${title}\n\n${description}${
     registryName
-      ? `\n\n## Install\n\nnpx shadcn@latest add https://ui.justinlevine.me/r/${registryName}.json`
+      ? `\n\n## Install\n\nnpx shadcn@latest add jalco/${registryName}`
       : ""
   }`
 

components/docs/install-command.tsx

@@ -14,7 +14,7 @@ interface InstallCommandProps {
  * Uses statically bundled SVG icons — no build-time API calls.
  */
 export function InstallCommand({ name, className }: InstallCommandProps) {
-  const npmCommand = `npx shadcn@latest add https://ui.justinlevine.me/r/${name}.json`
+  const npmCommand = `npx shadcn@latest add jalco/${name}`
 
   return (
     <CodeBlockCommand

lib/prompts.ts

@@ -148,7 +148,7 @@ export function generateInstallationPrompt(): string {
     "## How to install a component",
     "",
     "```bash",
-    "npx shadcn@latest add https://ui.justinlevine.me/r/{component-name}.json",
+    "npx shadcn@latest add jalco/{component-name}",
     "```",
     "",
     "Replace `{component-name}` with the component name from the list below.",