1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { quizQuestions } from "../../shared/quizData.ts";
4
5import { MessagesAnnotation, StateGraph } from "npm:@langchain/langgraph";
6import { BaseCheckpointSaver } from "npm:@langchain/langgraph-checkpoint";
7import { createReactAgent } from "npm:@langchain/langgraph/prebuilt";
8import { ChatOpenAI } from "npm:@langchain/openai";
9import { z } from "npm:zod";
219 });
220
221 return createReactAgent({
222 llm: model,
223 tools: [getWeather, rateLimitTool, proposeRuleTool, startTopicTool],
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { buildDiscordMessage, categorizeCommits, fetchAndPostCommits, fetchCommits } from "./process-commits.tsx";
3
20- Mobile-responsive design
21- Client-side validation
22- Available in both HTML and React versions
23- Admin dashboard for viewing attendees and speakers
24
25## Project Structure
26
27- `/frontend/` - React implementation
28 - `/frontend/index.html` - HTML container for React app
29 - `/frontend/index.tsx` - React entry point
30 - `/frontend/components/` - React components
31 - `/frontend/components/AdminDashboard.tsx` - Admin dashboard component
32
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3export function EventDetails() {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0?deps=react@18.2.0";
3import { EventDetails } from "./EventDetails.tsx";
4import { CancellationMessage } from "./CancellationMessage.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3export function CancellationMessage() {
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 { NavLink, Route, Routes } from "https://esm.sh/react-router@7";
5import { useEffect, useState } from "https://esm.sh/react@19";
6
7import { Example } from "./components/Example.tsx";
53 {/* <h2 className="">Features:</h2> */}
54 <div className="opacity-50">
55 <div className="">✷ Hono + React + Tailwind</div>
56 <div className="">✷ React Router + React Query</div>
57 <div className="">✷ Built-in database (blob storage)</div>
58 <div className="">✷ Farcaster mini app manifest + webhook + embed metadata</div>
1/** @jsxImportSource https://esm.sh/react@19 */
2import fcsdk from 'https://esm.sh/@farcaster/frame-sdk'
3import { useLocation } from 'https://esm.sh/react-router@7'
4import { useEffect, useState } from 'https://esm.sh/react@19'
5
6import { sendAnalyticsEvent } from '../util/supabase.ts'
1# React Hono Val Town Project Starter Template
2
3This is a starter template for a full-stack app in a Val Town Project. The app itself is a simple persistent message board.
