run-llama/chat-ui
1
0
Fork 0
mirror of https://github.com/run-llama/chat-ui.git synced 2026-07-01 21:24:01 -04:00
Code Issues 13 Packages Projects Releases 10 Wiki Activity

add build process

Browse Source
This commit is contained in:
Thuc Pham
2024-10-18 15:56:00 +07:00
parent 3bf6e05a0c
commit c67741fc2a
3 changed files with 79 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+18 -13
View File
@@ -14,18 +14,6 @@ To install the package, run the following command in your project directory:
npm install @llamaindex/chat-ui
```
or if you're using yarn:
```sh
yarn add @llamaindex/chat-ui
```
or if you're using pnpm:
```sh
pnpm add @llamaindex/chat-ui
```
## Features
- Pre-built chat components (e.g., message bubbles, input fields)
@@ -37,7 +25,24 @@ pnpm add @llamaindex/chat-ui
Here's a basic example of how to use the chat components:
```jsx
```tsx
import '@llamaindex/chat-ui/styles.css' // import style in root layout
import './globals.css' // your custom theme
export default function RootLayout({
children,
}: {
children: React.ReactNode
}): JSX.Element {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
</html>
)
}
```
```tsx
import React from 'react'
import { ChatSection, ChatMessages, ChatInput } from '@llamaindex/chat-ui'
packages/chat-ui/package.json
+52 -46
View File
@@ -1,48 +1,54 @@
{
"name": "@llamaindex/chat-ui",
"version": "0.0.0",
"sideEffects": [
"**/*.css"
],
"files": [
"dist"
],
"exports": {
"./styles.css": "./dist/index.css",
".": "./src/index.tsx"
},
"license": "MIT",
"scripts": {
"build": "tailwindcss -i ./src/styles.css -o ./dist/index.css",
"lint": "eslint src/",
"dev": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch",
"type-check": "tsc --noEmit"
},
"peerDependencies": {
"react": "^18.2.0"
},
"devDependencies": {
"@llamaindex/eslint-config": "workspace:*",
"@llamaindex/tailwind-config": "workspace:*",
"@llamaindex/typescript-config": "workspace:*",
"@types/react": "^18.2.61",
"autoprefixer": "^10.4.18",
"postcss": "^8.4.35",
"tailwindcss": "^3.4.1",
"typescript": "^5.3.3"
},
"dependencies": {
"@llamaindex/pdf-viewer": "^1.1.3",
"@radix-ui/react-collapsible": "^1.0.3",
"@radix-ui/react-hover-card": "^1.0.7",
"@radix-ui/react-icons": "^1.3.0",
"@radix-ui/react-select": "^2.1.1",
"@radix-ui/react-slot": "^1.0.2",
"@radix-ui/react-tabs": "^1.1.0",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"lucide-react": "^0.453.0",
"tailwind-merge": "^2.1.0",
"vaul": "^0.9.1"
}
"name": "@llamaindex/chat-ui",
"version": "0.0.1",
"sideEffects": [
"**/*.css"
],
"files": [
"dist",
"src"
],
"exports": {
"./styles.css": "./dist/index.css",
".": "./dist/index.js",
"./card": "./dist/test/card.js"
},
"license": "MIT",
"scripts": {
"build": "pnpm run build:css && pnpm run build:js",
"build:css": "tailwindcss -i ./src/styles.css -o ./dist/index.css",
"build:js": "tsc --project tsconfig.build.json --outDir dist",
"lint": "eslint src/",
"dev": "pnpm run build:js --watch & pnpm run build:css --watch",
"type-check": "tsc --noEmit",
"clean": "rimraf dist",
"prepack": "pnpm run clean && pnpm run build"
},
"peerDependencies": {
"react": "^18.2.0"
},
"devDependencies": {
"@llamaindex/eslint-config": "workspace:*",
"@llamaindex/tailwind-config": "workspace:*",
"@llamaindex/typescript-config": "workspace:*",
"@types/react": "^18.2.61",
"autoprefixer": "^10.4.18",
"postcss": "^8.4.35",
"tailwindcss": "^3.4.1",
"typescript": "^5.3.3"
},
"dependencies": {
"@llamaindex/pdf-viewer": "^1.1.3",
"@radix-ui/react-collapsible": "^1.0.3",
"@radix-ui/react-hover-card": "^1.0.7",
"@radix-ui/react-icons": "^1.3.0",
"@radix-ui/react-select": "^2.1.1",
"@radix-ui/react-slot": "^1.0.2",
"@radix-ui/react-tabs": "^1.1.0",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"lucide-react": "^0.453.0",
"tailwind-merge": "^2.1.0",
"vaul": "^0.9.1"
}
}
packages/chat-ui/tsconfig.build.json
+9
View File
@@ -0,0 +1,9 @@
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "dist",
"rootDir": "src"
},
"include": ["src"],
"exclude": ["src/**/*.spec.ts", "src/**/*.spec.tsx"]
}