Merge pull request #64 from jakobhoeg/feat/shared-package

chore: add sharedd ui package

Author: jakobhoeg

.github/workflows/build-and-release.yml

@@ -5,8 +5,9 @@ on:
     branches:
       - master
     paths:
-      - 'apps/www/public/registry/index.json'
-      - 'packages/cli/**'
+      - "apps/www/public/registry/index.json"
+      - "packages/cli/**"
+      - "packages/ui/**"
 
 permissions:
   contents: write
@@ -26,8 +27,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          registry-url: 'https://registry.npmjs.org'
+          node-version: "20"
+          registry-url: "https://registry.npmjs.org"
 
       - name: Install dependencies
         run: npm ci
@@ -42,4 +43,4 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: npx semantic-release
-        working-directory: packages/cli
+        working-directory: packages/cli

apps/docs/components/preview/chat-bubble-ai-layout-example.tsx

@@ -4,11 +4,11 @@ import {
   ChatBubbleAvatar,
   ChatBubbleMessage,
   ChatBubbleAction,
-} from "../../components/ui/chat/chat-bubble";
-import { ChatMessageList } from "../../components/ui/chat/chat-message-list";
+} from "@shadcn-chat/ui";
+import { ChatMessageList } from "@shadcn-chat/ui";
 
-export const ChatBubbleAILayoutExampleCode = `import { ChatBubble, ChatBubbleAvatar, ChatBubbleMessage, ChatBubbleAction } from '@/components/ui/chat/chat-bubble'
-import { ChatMessageList } from '@/components/ui/chat/chat-message-list'
+export const ChatBubbleAILayoutExampleCode = `import { ChatBubble, ChatBubbleAvatar, ChatBubbleMessage, ChatBubbleAction } from '@shadcn-chat/ui'
+import { ChatMessageList } from '@shadcn-chat/ui'
 
 const messages = [
   {
@@ -94,7 +94,7 @@ export default function ChatBubbleAILayoutExample() {
                       icon={<Icon className="size-3" />}
                       onClick={() =>
                         console.log(
-                          "Action " + type + " clicked for message " + index,
+                          "Action " + type + " clicked for message " + index
                         )
                       }
                     />

apps/docs/components/preview/chat-bubble-example.tsx

@@ -6,11 +6,11 @@ import {
   ChatBubbleMessage,
   ChatBubbleAction,
   ChatBubbleActionWrapper,
-} from "../../components/ui/chat/chat-bubble";
-import { ChatMessageList } from "../../components/ui/chat/chat-message-list";
+} from "@shadcn-chat/ui";
+import { ChatMessageList } from "@shadcn-chat/ui";
 
-export const ChatBubbleExampleCode = `import { ChatBubble, ChatBubbleAvatar, ChatBubbleMessage, ChatBubbleAction, ChatBubbleActionWrapper } from '@/components/ui/chat/chat-bubble'
-import { ChatMessageList } from '@/components/ui/chat/chat-message-list'
+export const ChatBubbleExampleCode = `import { ChatBubble, ChatBubbleAvatar, ChatBubbleMessage, ChatBubbleAction, ChatBubbleActionWrapper } from '@shadcn-chat/ui'
+import { ChatMessageList } from '@shadcn-chat/ui'
 
 const messages = [
   {
@@ -105,7 +105,7 @@ export default function ChatBubbleExample() {
                   icon={<Icon className="size-4" />}
                   onClick={() =>
                     console.log(
-                      "Action " + type + " clicked for message " + index,
+                      "Action " + type + " clicked for message " + index
                     )
                   }
                 />

apps/docs/components/preview/chat-bubble-preview.tsx

@@ -4,8 +4,8 @@ import {
   ChatBubbleMessage,
   ChatBubbleAction,
   ChatBubbleActionWrapper,
-} from "../../components/ui/chat/chat-bubble";
-import { ChatMessageList } from "../../components/ui/chat/chat-message-list";
+} from "@shadcn-chat/ui";
+import { ChatMessageList } from "@shadcn-chat/ui";
 
 export const ChatBubblePreviewCode = `// Wrap with ChatMessageList
 <ChatMessageList>

apps/docs/components/preview/chat-input-example.tsx

@@ -1,8 +1,8 @@
 import { CornerDownLeft, Mic, Paperclip } from "lucide-react";
 import { Button } from "../ui/button";
-import { ChatInput } from "../ui/chat/chat-input";
+import { ChatInput } from "@shadcn-chat/ui";
 
-export const ChatInputExampleCode = `import { ChatInput } from "@/components/ui/chat/chat-input"
+export const ChatInputExampleCode = `import { ChatInput } from "@shadcn-chat/ui"
 
 <form
     className="relative rounded-lg border bg-background focus-within:ring-1 focus-within:ring-ring p-1"

apps/docs/components/preview/chat-input-preview.tsx

@@ -1,8 +1,8 @@
 import { CornerDownLeft, Mic, Paperclip } from "lucide-react";
 import { Button } from "../ui/button";
-import { ChatInput } from "../ui/chat/chat-input";
+import { ChatInput } from "@shadcn-chat/ui";
 
-export const ChatInputPreviewCode = `import { ChatInput } from "@/components/ui/chat/chat-input"
+export const ChatInputPreviewCode = `import { ChatInput } from "@shadcn-chat/ui"
 
 <ChatInput
   placeholder="Type your message here..."

apps/docs/components/preview/expandable-chat-preview.tsx

@@ -3,15 +3,15 @@ import {
   ExpandableChatBody,
   ExpandableChatFooter,
   ExpandableChatHeader,
-} from "../ui/chat/expandable-chat";
-import { ChatMessageList } from "../ui/chat/chat-message-list";
+} from "@shadcn-chat/ui";
+import { ChatMessageList } from "@shadcn-chat/ui";
 import { Button } from "../ui/button";
 import {
   ChatBubble,
   ChatBubbleAvatar,
   ChatBubbleMessage,
-} from "../ui/chat/chat-bubble";
-import { ChatInput } from "../ui/chat/chat-input";
+} from "@shadcn-chat/ui";
+import { ChatInput } from "@shadcn-chat/ui";
 import { Send } from "lucide-react";
 
 export const ExpandableChatPreviewCode = `<ExpandableChat