dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: rename blocks to artifacts (#793)

Browse source
This commit is contained in:
Jeremy 2025-02-13 08:25:57 -08:00 • committed by GitHub
parent 01f589b603
commit 81f909ac3a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
41 changed files with 473 additions and 473 deletions
Download patch file Download diff file Expand all files Collapse all files

33
components/code-block.tsx
View file

@ -1,11 +1,5 @@
'use client';
import { useCallback, useState } from 'react';
import { CodeIcon, LoaderIcon, PlayIcon, PythonIcon } from './icons';
import { Button } from './ui/button';
import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
import { cn } from '@/lib/utils';
interface CodeBlockProps {
node: any;
inline: boolean;
@ -20,30 +14,15 @@ export function CodeBlock({
children,
...props
}: CodeBlockProps) {
const [output, setOutput] = useState<string | null>(null);
const [pyodide, setPyodide] = useState<any>(null);
const match = /language-(\w+)/.exec(className || '');
const isPython = match && match[1] === 'python';
const codeContent = String(children).replace(/\n$/, '');
const [tab, setTab] = useState<'code' | 'run'>('code');
if (!inline) {
return (
<div className="not-prose flex flex-col">
{tab === 'code' && (
<pre
{...props}
className={`text-sm w-full overflow-x-auto dark:bg-zinc-900 p-4 border border-zinc-200 dark:border-zinc-700 rounded-xl dark:text-zinc-50 text-zinc-900`}
>
<code className="whitespace-pre-wrap break-words">{children}</code>
</pre>
)}
{tab === 'run' && output && (
<div className="text-sm w-full overflow-x-auto bg-zinc-800 dark:bg-zinc-900 p-4 border border-zinc-200 dark:border-zinc-700 border-t-0 rounded-b-xl text-zinc-50">
<code>{output}</code>
</div>
)}
<pre
{...props}
className={`text-sm w-full overflow-x-auto dark:bg-zinc-900 p-4 border border-zinc-200 dark:border-zinc-700 rounded-xl dark:text-zinc-50 text-zinc-900`}
>
<code className="whitespace-pre-wrap break-words">{children}</code>
</pre>
</div>
);
} else {