examples(langgraph): add markdown parser (#758)

Yonom · Sep 7, 2024 · dd77187 · dd77187
1 parent eaa726b
commit dd77187
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 22 deletions.
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -11,12 +11,12 @@
   "dependencies": {
     "@ai-sdk/openai": "^0.0.54",
     "@ai-sdk/provider": "^0.0.22",
-    "@assistant-ui/react": "workspace:^",
-    "@assistant-ui/react-ai-sdk": "workspace:^",
-    "@assistant-ui/react-langgraph": "workspace:^",
-    "@assistant-ui/react-markdown": "workspace:^",
-    "@assistant-ui/react-syntax-highlighter": "workspace:^",
-    "@assistant-ui/tsconfig": "workspace:^",
+    "@assistant-ui/react": "workspace:*",
+    "@assistant-ui/react-ai-sdk": "workspace:*",
+    "@assistant-ui/react-langgraph": "workspace:*",
+    "@assistant-ui/react-markdown": "workspace:*",
+    "@assistant-ui/react-syntax-highlighter": "workspace:*",
+    "@assistant-ui/tsconfig": "workspace:*",
     "@langchain/core": "^0.2.31",
     "@langchain/langgraph-sdk": "^0.0.8",
     "@radix-ui/react-avatar": "^1.1.0",

diff --git a/examples/with-langgraph/app/page.tsx b/examples/with-langgraph/app/page.tsx
@@ -4,6 +4,9 @@ import { Thread } from "@assistant-ui/react";
 import { PriceSnapshotTool } from "@/components/tools/price-snapshot/PriceSnapshotTool";
 import { PurchaseStockTool } from "@/components/tools/purchase-stock/PurchaseStockTool";
 import { ToolFallback } from "@/components/tools/ToolFallback";
+import { makeMarkdownText } from "@assistant-ui/react-markdown";
+
+const MarkdownText = makeMarkdownText({});
 
 export default function Home() {
   return (
@@ -22,7 +25,7 @@ export default function Home() {
             },
           ],
         }}
-        assistantMessage={{ components: { ToolFallback } }}
+        assistantMessage={{ components: { Text: MarkdownText, ToolFallback } }}
         tools={[PriceSnapshotTool, PurchaseStockTool]}
       />
     </div>

diff --git a/examples/with-langgraph/package.json b/examples/with-langgraph/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-langgraph": "workspace:*",
+    "@assistant-ui/react-markdown": "workspace:*",
     "@langchain/langgraph-sdk": "^0.0.8",
     "@radix-ui/react-slot": "^1.1.0",
     "class-variance-authority": "^0.7.0",

diff --git a/examples/with-langgraph/tailwind.config.ts b/examples/with-langgraph/tailwind.config.ts
@@ -79,6 +79,7 @@ const config = {
   plugins: [
     require("tailwindcss-animate"),
     require("@assistant-ui/react/tailwindcss")({ shadcn: true }),
+    require("@assistant-ui/react-markdown/tailwindcss"),
   ],
 } satisfies Config;
 

diff --git a/examples/with-playground/package.json b/examples/with-playground/package.json
@@ -20,7 +20,7 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@assistant-ui/tsconfig": "workspace:^",
+    "@assistant-ui/tsconfig": "workspace:*",
     "@types/node": "^22",
     "@types/react": "^18",
     "@types/react-dom": "^18",

diff --git a/packages/react-markdown/package.json b/packages/react-markdown/package.json
@@ -61,7 +61,7 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/tailwindcss-transformer": "workspace:^",
+    "@assistant-ui/tailwindcss-transformer": "workspace:*",
     "@assistant-ui/tsconfig": "workspace:*",
     "@types/node": "^22.5.2",
     "autoprefixer": "^10.4.20",

diff --git a/packages/shadcn-registry/package.json b/packages/shadcn-registry/package.json
@@ -7,7 +7,7 @@
   "devDependencies": {
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
-    "@assistant-ui/react-syntax-highlighter": "workspace:^",
+    "@assistant-ui/react-syntax-highlighter": "workspace:*",
     "@assistant-ui/tsconfig": "workspace:*",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-icons": "^1.3.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml