remix-nlux
Version:
Remix IDE NLUX integration. Remix IDE is the leading IDE for building and deploying smart contracts on Ethereum. NLUX is a JavaScript and React library for building conversational AI experiences.
18 lines (14 loc) • 687 B
text/mdx
import {CodeEditor} from '@site/src/components/CodeEditor/CodeEditor';
import exampleIntroFileAiChatBot from './0006-syntax-highlighter/aiChatBot.tsx';
import exampleIntroFileStreamAdapter from './0006-syntax-highlighter/adapter.tsx';
# Syntax Highlighter
In this example, we will use the `/highlighter` package to add syntax highlighting to code generated
by OpenAI and rendered in the conversational UI.
<CodeEditor
files={{
'App.tsx': exampleIntroFileAiChatBot,
'adapter.ts': exampleIntroFileStreamAdapter,
}}
editorHeight={550}
simulatedPrompt={'Write a \'Hello World\' program in TypeScript, Python, and 2 other languages of your choice'}
/>