Feat: add cli (#4)

* feat: add cli

* fix: formatting

Author: marthendalnunes

apps/www/__registry__/index.tsx

@@ -8,14 +8,14 @@ export const Index: Record<string, any> = {
     "address": {
       name: "address",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["toast"],
       component: React.lazy(() => import("@/registry/default/buidl/address")),
       files: ["registry/default/buidl/address.tsx"],
     },
     "balance": {
       name: "balance",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/balance")),
       files: ["registry/default/buidl/balance.tsx"],
     },
@@ -29,77 +29,77 @@ export const Index: Record<string, any> = {
     "block-number": {
       name: "block-number",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/block-number")),
       files: ["registry/default/buidl/block-number.tsx"],
     },
     "nonce": {
       name: "nonce",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/nonce")),
       files: ["registry/default/buidl/nonce.tsx"],
     },
     "transaction": {
       name: "transaction",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/transaction")),
       files: ["registry/default/buidl/transaction.tsx"],
     },
     "transaction-status": {
       name: "transaction-status",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/transaction-status")),
       files: ["registry/default/buidl/transaction-status.tsx"],
     },
-    "sign-message-button": {
-      name: "sign-message-button",
-      type: "components:buidl",
-      registryDependencies: undefined,
-      component: React.lazy(() => import("@/registry/default/buidl/sign-message-button")),
-      files: ["registry/default/buidl/sign-message-button.tsx"],
-    },
     "fee-data": {
       name: "fee-data",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/fee-data")),
       files: ["registry/default/buidl/fee-data.tsx"],
     },
+    "sign-message-button": {
+      name: "sign-message-button",
+      type: "components:buidl",
+      registryDependencies: ["button","error-message"],
+      component: React.lazy(() => import("@/registry/default/buidl/sign-message-button")),
+      files: ["registry/default/buidl/sign-message-button.tsx"],
+    },
     "blockie": {
       name: "blockie",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton"],
       component: React.lazy(() => import("@/registry/default/buidl/blockie")),
       files: ["registry/default/buidl/blockie.tsx"],
     },
     "ens-avatar": {
       name: "ens-avatar",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["blockie","skeleton"],
       component: React.lazy(() => import("@/registry/default/buidl/ens-avatar")),
       files: ["registry/default/buidl/ens-avatar.tsx"],
     },
     "ens-name": {
       name: "ens-name",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["address","skeleton"],
       component: React.lazy(() => import("@/registry/default/buidl/ens-name")),
       files: ["registry/default/buidl/ens-name.tsx"],
     },
     "ens-address": {
       name: "ens-address",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["address","skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/ens-address")),
       files: ["registry/default/buidl/ens-address.tsx"],
     },
     "image-ipfs": {
       name: "image-ipfs",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/image-ipfs")),
       files: ["registry/default/buidl/image-ipfs.tsx"],
     },
@@ -120,35 +120,35 @@ export const Index: Record<string, any> = {
     "wallet-connect": {
       name: "wallet-connect",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["button","dialog"],
       component: React.lazy(() => import("@/registry/default/buidl/wallet-connect")),
       files: ["registry/default/buidl/wallet-connect.tsx"],
     },
     "wallet-disconnect": {
       name: "wallet-disconnect",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["button"],
       component: React.lazy(() => import("@/registry/default/buidl/wallet-disconnect")),
       files: ["registry/default/buidl/wallet-disconnect.tsx"],
     },
     "erc20-balance": {
       name: "erc20-balance",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc20/erc20-balance")),
       files: ["registry/default/buidl/erc20/erc20-balance.tsx"],
     },
     "erc20-decimals": {
       name: "erc20-decimals",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc20/erc20-decimals")),
       files: ["registry/default/buidl/erc20/erc20-decimals.tsx"],
     },
     "erc20-name": {
       name: "erc20-name",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc20/erc20-name")),
       files: ["registry/default/buidl/erc20/erc20-name.tsx"],
     },
@@ -169,56 +169,56 @@ export const Index: Record<string, any> = {
     "erc20-symbol": {
       name: "erc20-symbol",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc20/erc20-symbol")),
       files: ["registry/default/buidl/erc20/erc20-symbol.tsx"],
     },
     "erc20-total-supply": {
       name: "erc20-total-supply",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc20/erc20-total-supply")),
       files: ["registry/default/buidl/erc20/erc20-total-supply.tsx"],
     },
     "erc721-name": {
       name: "erc721-name",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc721/erc721-name")),
       files: ["registry/default/buidl/erc721/erc721-name.tsx"],
     },
     "erc721-symbol": {
       name: "erc721-symbol",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc721/erc721-symbol")),
       files: ["registry/default/buidl/erc721/erc721-symbol.tsx"],
     },
     "erc721-owner-of": {
       name: "erc721-owner-of",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc721/erc721-owner-of")),
       files: ["registry/default/buidl/erc721/erc721-owner-of.tsx"],
     },
     "erc721-total-supply": {
       name: "erc721-total-supply",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc721/erc721-total-supply")),
       files: ["registry/default/buidl/erc721/erc721-total-supply.tsx"],
     },
     "erc721-token-uri": {
       name: "erc721-token-uri",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc721/erc721-token-uri")),
       files: ["registry/default/buidl/erc721/erc721-token-uri.tsx"],
     },
     "erc721-metadata": {
       name: "erc721-metadata",
       type: "components:buidl",
-      registryDependencies: undefined,
+      registryDependencies: ["skeleton","error-message"],
       component: React.lazy(() => import("@/registry/default/buidl/erc721/erc721-metadata")),
       files: ["registry/default/buidl/erc721/erc721-metadata.tsx"],
     },
@@ -229,6 +229,34 @@ export const Index: Record<string, any> = {
       component: React.lazy(() => import("@/registry/default/buidl/error-message")),
       files: ["registry/default/buidl/error-message.tsx"],
     },
+    "button": {
+      name: "button",
+      type: "components:ui",
+      registryDependencies: undefined,
+      component: React.lazy(() => import("@/registry/default/ui/button")),
+      files: ["registry/default/ui/button.tsx"],
+    },
+    "dialog": {
+      name: "dialog",
+      type: "components:ui",
+      registryDependencies: undefined,
+      component: React.lazy(() => import("@/registry/default/ui/dialog")),
+      files: ["registry/default/ui/dialog.tsx"],
+    },
+    "toast": {
+      name: "toast",
+      type: "components:ui",
+      registryDependencies: undefined,
+      component: React.lazy(() => import("@/registry/default/ui/toast")),
+      files: ["registry/default/ui/toast.tsx","registry/default/ui/use-toast.ts","registry/default/ui/toaster.tsx"],
+    },
+    "skeleton": {
+      name: "skeleton",
+      type: "components:ui",
+      registryDependencies: undefined,
+      component: React.lazy(() => import("@/registry/default/ui/skeleton")),
+      files: ["registry/default/ui/skeleton.tsx"],
+    },
     "nonce-demo": {
       name: "nonce-demo",
       type: "components:example",

apps/www/content/docs/components/sign-message-button.mdx

@@ -36,6 +36,10 @@ wagmi:
 
 <Steps>
 
+<Step>Install the following components:</Step>
+
+- [ErrorMessage](/docs/components/error-message)
+
 <Step>Install the following shadcn/ui components:</Step>
 
 - [Button](https://ui.shadcn.com/docs/components/button)