Val Town Code SearchReturn to Val Town

4import { marked } from "https://esm.sh/marked@9.0.0";
5
6function App() {
7  const [messages, setMessages] = useState([
8    { 
9      role: 'assistant', 
10      content: '👋 Hello! I\'m an advanced AI assistant. I can help you with various tasks, answer questions, and even assist with code snippets!\n\nFeel free to explore my capabilities:\n\n```javascript\n// Try asking me about coding\nfunction exampleAIHelp() {\n  return "AI is here to assist you!";\n}\n```\n\n🚀 What would you like to know today?' 
11    }
12  ]);
49  const renderMarkdown = (content) => {
50    const markedContent = marked.parse(content, {
51      highlight: function(code, lang) {
52        return `<pre><code class="language-${lang || 'plaintext'}">${escapeHtml(code)}</code></pre>`;
53      }
164}
165
166function client() {
167  createRoot(document.getElementById("root")).render(<App />);
168}
169if (typeof document !== "undefined") { client(); }
170
171export default async function server(request: Request): Promise<Response> {
172  if (request.method === "POST" && new URL(request.url).pathname === "/chat") {
173    const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
199    ];
200
201    // Advanced Fallback Generation Function
202    function generateFallbackResponse(userInput: string): string {
203      const keywords = userInput.toLowerCase().split(/\s+/);
204      

3 * with a better experience
4 */
5export function getOpenAPISpec() {
6  return {
7    openapi: "3.0.0",

8 * @TODO - Need to implement `end_time` column for this query to work
9 */
10export function findTraces(db: DBType) {
11  const REFERENCE QUERY = `
12SELECT trace_id, MAX(end_time) as end_time

30};
31
32function InstructionsModal({ onClose }) {
33  return (
34    <div className="modal-overlay">
50}
51
52function GameOverModal({ elapsedTime, onPlayAgain }) {
53  return (
54    <div className="modal-overlay">
62}
63
64function App() {
65  const [wordlist, setWordlist] = useState([]);
66  const [currentWordIndex, setCurrentWordIndex] = useState(0);
358}
359
360function client() {
361  createRoot(document.getElementById("root")).render(<App />);
362}
366}
367
368export default async function server(request: Request): Promise<Response> {
369  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
370

13}
14
15function Tooltip({ children, content }: TooltipProps) {
16  const [isVisible, setIsVisible] = useState(false);
17  const tooltipRef = useRef<HTMLDivElement>(null);
52}
53
54function formatBytes(bytes: number, decimals = 2) {
55  if (bytes === 0) return "0 Bytes";
56  const k = 1024;
61}
62
63function copyToClipboard(text: string) {
64  navigator.clipboard.writeText(text).then(() => {
65    console.log("Text copied to clipboard");
69}
70
71function ActionMenu({ blob, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {
72  const [isOpen, setIsOpen] = useState(false);
73  const menuRef = useRef(null);
76
77  useEffect(() => {
78    function handleClickOutside(event) {
79      if (menuRef.current && !menuRef.current.contains(event.target)) {
80        event.stopPropagation();
158}
159
160function BlobItem({ blob, onSelect, isSelected, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {
161  const [isLoading, setIsLoading] = useState(false);
162  const decodedKey = decodeURIComponent(blob.key);
219}
220
221function App({ initialEmail, initialProfile }) {
222  const encodeKey = (key: string) => encodeURIComponent(key);
223  const decodeKey = (key: string) => decodeURIComponent(key);
645}
646
647function client() {
648  const initialEmail = document.getElementById("root").getAttribute("data-email");
649  const initialProfile = JSON.parse(document.getElementById("root").getAttribute("data-profile"));

42     - Value: Your SERP API key.
43
44Without this key, the val will not function correctly.
45
46---
58- Key: `mentionsDiscord`
59- Value: Your Discord webhook URL.
60Notifications will be sent using this function:
61```
62  await discordWebhook({

12const isProd = true;
13
14export async function redditAlert({ lastRunAt }: Interval) {
15  if (!SERP_API_KEY || !DISCORD_API_KEY) {
16    console.error("Missing SERP_API_KEY or Discord webhook URL. Exiting.");

42     - Value: Your SERP API key.
43
44Without this key, the val will not function correctly.
45
46---
58- Key: `mentionsDiscord`
59- Value: Your Discord webhook URL.
60Notifications will be sent using this function:
61```
62  await discordWebhook({

12const isProd = true;
13
14export async function redditAlert({ lastRunAt }: Interval) {
15  if (!SERP_API_KEY || !DISCORD_API_KEY) {
16    console.error("Missing SERP_API_KEY or Discord webhook URL. Exiting.");

16In a normal server environment, you would likely use a middleware [like this one](https://hono.dev/docs/getting-started/nodejs#serve-static-files) to serve static files. Some frameworks or deployment platforms automatically make any content inside a `public/` folder public. 
17
18However in Val Town you need to handle this yourself, and it can be suprisingly difficult to read and serve files in a Val Town Project. This template uses helper functions from [stevekrouse/utils/serve-public](https://www.val.town/x/stevekrouse/utils/branch/main/code/serve-public/README.md), which handle reading project files in a way that will work across branches and forks, automatically transpiles typescript to javascript, and assigns content-types based on the file's extension.
19
20### `index.html`
26## CRUD API Routes
27
28This app has two CRUD API routes: for reading and inserting into the messages table. They both speak JSON, which is standard. They import their functions from `/backend/database/queries.ts`. These routes are called from the React app to refresh and update data.
29
30## Errors