Merge pull request #442 from Merit-Systems/rfs/components-regsitry

Component registry integration

Author: rsproule

packages/sdk/component-registry/app/layout.tsx

@@ -15,8 +15,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'Echo Components',
+  description: 'Echo Components Registry',
 };
 
 export default function RootLayout({

packages/sdk/component-registry/components/package-manager-tabs.tsx

@@ -4,29 +4,28 @@ import { Button } from '@/registry/echo/ui/echo-button';
 import { useState } from 'react';
 import { CopyCommand } from './copy-command';
 
-const REGISTRY_HOMEPAGE =
-  process.env.NEXT_PUBLIC_VERCEL_URL || 'http://localhost:3000';
+const REGISTRY_HOMEPAGE = 'https://www.echo-components.com/';
 
 const PACKAGE_MANAGERS = [
   {
     id: 'pnpm',
     label: 'pnpm',
-    command: `pnpm dlx shadcn@latest add https://${REGISTRY_HOMEPAGE}/`,
+    command: `pnpm dlx shadcn@latest add ${REGISTRY_HOMEPAGE}/r/`,
   },
   {
     id: 'npm',
     label: 'npm',
-    command: `npx shadcn@latest add https://${REGISTRY_HOMEPAGE}/`,
+    command: `npx shadcn@latest add ${REGISTRY_HOMEPAGE}/r/`,
   },
   {
     id: 'yarn',
     label: 'yarn',
-    command: `yarn dlx shadcn@latest add https://${REGISTRY_HOMEPAGE}/`,
+    command: `yarn dlx shadcn@latest add ${REGISTRY_HOMEPAGE}/r/`,
   },
   {
     id: 'bun',
     label: 'bun',
-    command: `bunx shadcn@latest add https://${REGISTRY_HOMEPAGE}/`,
+    command: `bunx shadcn@latest add ${REGISTRY_HOMEPAGE}/r/`,
   },
 ] as const;
 

packages/sdk/component-registry/registry.json

@@ -9,6 +9,7 @@
       "title": "Echo Account (React)",
       "description": "React variant of Echo Account",
       "registryDependencies": ["popover", "skeleton", "avatar"],
+      "dependencies": ["autonumeric"],
       "files": [
         {
           "path": "registry/echo/blocks/echo-account-button/echo-account-react.tsx",
@@ -61,6 +62,7 @@
       "title": "Echo Account (Next)",
       "description": "Next.js variant of Echo Account",
       "registryDependencies": ["popover", "skeleton", "avatar"],
+      "dependencies": ["autonumeric"],
       "files": [
         {
           "path": "registry/echo/blocks/echo-account-button/echo-account-next.tsx",