1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from 'https://esm.sh/react@18.2.0';
3import type { User } from '../../shared/types.ts';
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from 'https://esm.sh/react@18.2.0';
3
4interface NameEntryProps {
11 const [name, setName] = useState('');
12
13 const handleSubmit = (e: React.FormEvent) => {
14 e.preventDefault();
15 if (name.trim() && !isConnecting) {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from 'https://esm.sh/react@18.2.0';
3import { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';
4import { App } from './components/App.tsx';
5
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useCallback, useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
3import { MCPClient } from "../utils/MCPClient.ts";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useCallback, useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
3import EnhancedCommandPalette from "./EnhancedCommandPalette.tsx";
4import MessageComponent from "./Message.tsx";
233 };
234
235 const handleKeyDown = (e: React.KeyboardEvent) => {
236 // Don't handle keys when command palette is managing them
237 if (showCommandPalette) {
34
35If you want more interactivity, check out this
36[React starter](https://www.val.town/x/std/reactHonoStarter).
37
38### ← favicon.svg
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
3import { MCPServerConfig } from "../../shared/types.ts";
4import useMCPClients from "../hooks/useMCPClients.tsx";
1/** @jsxImportSource https://esm.sh/react@19 */
2import fcsdk from 'https://esm.sh/@farcaster/frame-sdk'
3import { useQuery } from 'https://esm.sh/@tanstack/react-query@5'
4import { AudioLines, Mic, MicOff, LoaderCircle } from 'https://esm.sh/lucide-react@0.510.0'
5import { NavLink, Route, Routes, useNavigate, useParams } from 'https://esm.sh/react-router@7'
6import { use, useEffect, useRef, useState } from 'https://esm.sh/react@19'
7
8import { Button, Input, Section, ShareButton, Sheet } from '../components/ui.tsx'
19 usePublish, // Publish the local tracks
20 useRemoteUsers, // Retrieve the list of remote users
21} from 'https://esm.sh/agora-rtc-react'
22import AgoraRTC, { AgoraRTCProvider } from 'https://esm.sh/agora-rtc-react'
23
24const client = AgoraRTC.createClient({ mode: 'live', codec: 'vp8', role: 'host' })
1/** @jsxImportSource https://esm.sh/react */
2import { render } from 'https://deno.land/x/resvg_wasm/mod.ts'
3import { Hono } from 'npm:hono'
1/** @jsxImportSource https://esm.sh/react@19 */
2import fcsdk from 'https://esm.sh/@farcaster/frame-sdk'
3import { useQuery } from 'https://esm.sh/@tanstack/react-query@5'
4import { LoaderCircle, Mic, MicOff } from 'https://esm.sh/lucide-react@0.510.0'
5import { NavLink, Route, Routes, useNavigate, useParams } from 'https://esm.sh/react-router@7'
6import { useEffect, useRef, useState } from 'https://esm.sh/react@19'
7
8import { Button, Input, Section, ShareButton } from '../components/ui.tsx'
