diff --git a/docs/docs/examples/0001-react-js-ai-assistant.mdx b/docs/docs/examples/0001-react-js-ai-assistant.mdx index bf896cce..ed7b07cc 100644 --- a/docs/docs/examples/0001-react-js-ai-assistant.mdx +++ b/docs/docs/examples/0001-react-js-ai-assistant.mdx @@ -10,8 +10,6 @@ import personas from './0001-react-js-ai-assistant/personas'; # NLUX With React ---- - The following example shows how to use **`` React JS component** to build a simple AI assistant.
It uses `NLUX`'s demo API, which connects to **the OpenAI GPT-4o** model.
You can check the file `adapter.ts` to see we connect to the API and stream content as it's being generated. diff --git a/docs/docs/examples/0002-next-js-ai-assistant.mdx b/docs/docs/examples/0002-next-js-ai-assistant.mdx index 5f5abbe4..c68dae73 100644 --- a/docs/docs/examples/0002-next-js-ai-assistant.mdx +++ b/docs/docs/examples/0002-next-js-ai-assistant.mdx @@ -5,14 +5,13 @@ sidebar_label: 'NLUX With Next.js' import Link from '@docusaurus/Link'; # NLUX With Next.js ---- NLUX has been designed to easily integrate with Next.js
Code example is available at: -| [github.com/**nlkitai/demos**/tree/latest/**next-js**](https://github.com/nlkitai/demos/tree/latest/next-js/nlux-with-app-router) +| [github.com/**nlkitai/nlux** -> examples/next-js-demos/**nlux-with-app-router**](https://github.com/nlkitai/nlux/tree/latest/examples/next-js-demos/nlux-with-app-router) -The examples shows: +The example shows: * Next.js Route Handler to fetch the AI response * NLUX UI to handle the UI interactions diff --git a/docs/docs/examples/0003-vercel-ai-generative-ui.mdx b/docs/docs/examples/0003-vercel-ai-generative-ui.mdx index 9547b415..f49b6bca 100644 --- a/docs/docs/examples/0003-vercel-ai-generative-ui.mdx +++ b/docs/docs/examples/0003-vercel-ai-generative-ui.mdx @@ -5,14 +5,13 @@ sidebar_label: 'Generative UI With Vercel AI' import Link from '@docusaurus/Link'; # Generative UI With NLUX, Next.js, And Vercel AI ---- -NLUX has been designed to easily integrate with Next.js
+NLUX has been designed to easily integrate with Next.js and Vercel AI.
Code example is available at: | [github.com/**nlkitai/nlux** -> examples/next-js-demos/**generative-ui-vercel-ai-sdk**](https://github.com/nlkitai/nlux/tree/latest/examples/next-js-demos/generative-ui-vercel-ai-sdk) -The examples shows: +The example shows: * AI UI generation using Vercel AI SDK. * Server-Side rendering with Next.js Server Components. diff --git a/docs/docs/examples/0004-langchain-langserve-adapter.mdx b/docs/docs/examples/0004-langchain-langserve-adapter.mdx index 9e9960cc..b1264e65 100644 --- a/docs/docs/examples/0004-langchain-langserve-adapter.mdx +++ b/docs/docs/examples/0004-langchain-langserve-adapter.mdx @@ -9,8 +9,6 @@ import personas from './0004-langchain-langserve-adapter/personas'; # LangChain LangServe Adapter ---- - [LangChain](https://www.langchain.com/) is a new and popular framework for building services powered by Large Language Models. It enables applications that are context-aware. It also provides a library called [LangServe](https://python.langchain.com/docs/langserve) to create standardized APIs that can be used to @@ -34,4 +32,4 @@ which contains Python LangServe API code. --- -Learn More About NLUX LangChain Adapter \ No newline at end of file +Learn More About NLUX LangChain Adapter diff --git a/docs/docs/examples/0005-ai-chat-api-and-events.mdx b/docs/docs/examples/0005-ai-chat-api-and-events.mdx index d0e08050..d36e6662 100644 --- a/docs/docs/examples/0005-ai-chat-api-and-events.mdx +++ b/docs/docs/examples/0005-ai-chat-api-and-events.mdx @@ -10,8 +10,6 @@ import lastMessage from './0005-ai-chat-api-and-events/lastMessage'; # API And Events ---- - This example shows how to use the AI Chat API along with events to submit a message programmatically, and use the response outside the AI Chat component. diff --git a/docs/docs/examples/0006-custom-response-renderers.mdx b/docs/docs/examples/0006-custom-response-renderers.mdx index b4d716f1..b3217d2f 100644 --- a/docs/docs/examples/0006-custom-response-renderers.mdx +++ b/docs/docs/examples/0006-custom-response-renderers.mdx @@ -18,8 +18,6 @@ import style2 from './0006-custom-response-renderers/_b-batched-data/style'; The examples in this page show how to create custom message renderer for streamed and batched data. ---- - ## Renderers For Streamed Data Data is streamed to the custom component as it's being generated. @@ -35,8 +33,6 @@ Data is streamed to the custom component as it's being generated. simulatedPrompt={'Write a poem about the ocean.'} /> ---- - ## Renderers For Batched Data The data is batched and sent to the custom component all at once.
diff --git a/docs/docs/examples/0007-edit-sent-messages.mdx b/docs/docs/examples/0007-edit-sent-messages.mdx index bb77f760..306ff3e5 100644 --- a/docs/docs/examples/0007-edit-sent-messages.mdx +++ b/docs/docs/examples/0007-edit-sent-messages.mdx @@ -9,8 +9,6 @@ import setup from './0007-edit-sent-messages/setup'; # Editing Sent Messages ---- - This example shows how to edit a previously sent message in the chat interface. Steps: diff --git a/docs/docs/examples/0008-assistant-persona.mdx b/docs/docs/examples/0008-assistant-persona.mdx index f553cb66..d0929ef5 100644 --- a/docs/docs/examples/0008-assistant-persona.mdx +++ b/docs/docs/examples/0008-assistant-persona.mdx @@ -15,8 +15,6 @@ import personas2 from './0008-assistant-persona/_b-personas-with-jsx/personas'; # Assistant And User Personas ---- - With `NLUX`, you can optionally define **a assistant persona** and **a user persona**.
Here are some examples of how you can configure the assistant persona. @@ -32,8 +30,6 @@ Here are some examples of how you can configure the assistant persona. simulatedPrompt={'What\'s the funniest magic spell that Harry Potter learned at Hog-Warts School of Witchcraft and Wizardry?'} /> ---- - ## JSX As Avatar The formatted markdown is streamed and displayed to the user as it is being generated by the LLM. diff --git a/docs/docs/examples/0014-ui-overrides.mdx b/docs/docs/examples/0014-ui-overrides.mdx index 6595973d..f30d77d2 100644 --- a/docs/docs/examples/0014-ui-overrides.mdx +++ b/docs/docs/examples/0014-ui-overrides.mdx @@ -11,8 +11,6 @@ import personas from './0014-ui-overrides/loader-overrides/personas'; # UI Overrides ---- - In this example, we demonstrate how to override certain UI elements in the `NLUX` chat interface using JSX syntax. ## Loader Component Overrides @@ -31,4 +29,4 @@ In this example, we override the default `NLUX` loader component with a custom l --- -Reference Documentation for UI Overrides \ No newline at end of file +Reference Documentation for UI Overrides diff --git a/docs/docs/examples/0015-theme-customization.mdx b/docs/docs/examples/0015-theme-customization.mdx index 7d5c480e..477c140a 100644 --- a/docs/docs/examples/0015-theme-customization.mdx +++ b/docs/docs/examples/0015-theme-customization.mdx @@ -11,8 +11,6 @@ import themeVariables from './0015-theme-customization/example-custom-button-col # Theme Customization ---- - `NLUX` comes with 2 themes: `nova` and `unstyled`. In the example below, we style the `unstyled` theme by changing the following details: @@ -37,4 +35,4 @@ In the example below, we style the `unstyled` theme by changing the following de --- -Learn More Theme Customization \ No newline at end of file +Learn More Theme Customization diff --git a/docs/docs/examples/0016-syntax-highlighter.mdx b/docs/docs/examples/0016-syntax-highlighter.mdx index 5531db55..c55d470f 100644 --- a/docs/docs/examples/0016-syntax-highlighter.mdx +++ b/docs/docs/examples/0016-syntax-highlighter.mdx @@ -4,8 +4,6 @@ import send from './0016-syntax-highlighter/send'; # Syntax Highlighter ---- - In this example, we will use the `@nlux/highlighter` package to add syntax highlighting to code generated by OpenAI and rendered in the conversational UI.