Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { Link } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
3import { useProjects } from "../hooks/useProjects.tsx";
4import { Loading } from "./Loading.tsx";

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useLocalStorage } from "https://esm.sh/react-use?dev&deps=react@18.2.0&react-dom@18.2.0";
3import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0?dev";
4import { RefreshIcon } from "./icons.tsx";
5
39  }, [messages, running, currentEndpoint, customPath]);
40
41  const handleEndpointChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
42    setSelectedEndpointIndex(Number(e.target.value));
43  };
44
45  const handlePathChange = (e: React.ChangeEvent<HTMLInputElement>) => {
46    setCustomPath(e.target.value);
47  };

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useRef, useEffect, useState } from "https://esm.sh/react@18.2.0?dev";
3import { RefreshIcon } from "./icons.tsx";
4

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2
3export function NotFoundRoute () {

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useState } from "https://esm.sh/react@18.2.0?dev";
3import { useNavigate } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
4import { useCreateProject } from "../hooks/useCreateProject.tsx";
5

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useEffect, useState } from "https://esm.sh/react@18.2.0?dev";
3
4const formatTime = (ms: number): string => {

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import ReactMarkdown from "https://esm.sh/react-markdown?dev&deps=react@18.2.0&react-dom@18.2.0";
3
4import { Loading } from "./Loading.tsx";
102function TextPart ({ part }) {
103  return (
104    <ReactMarkdown>
105      {part.text}
106    </ReactMarkdown>
107  );
108}
227      {message.parts.map((part, i) => part.type === "text" ? (
228        <div key={i} className="user-message">
229          <ReactMarkdown>
230            {part.text}
231          </ReactMarkdown>
232        </div>
233      ) : (

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2
3export function Loading () {

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { Outlet } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
3import { Header } from "./Header.tsx";
4

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useRef, useState, useEffect } from "https://esm.sh/react@18.2.0?dev";
3import { PlusIcon, ArrowUpIcon, Square, XIcon } from "./icons.tsx";
4import { processFiles } from "../utils/images.ts";
15} : {
16  value: string;
17  onChange: (e: React.KeyboardEvent<HTMLInputElement>) => void;
18  onSubmit: (event: any) => void;
19  onCancel: () => void;
97  setImages: (images: (string|null)[]) => void;
98  running: boolean;
99  children: React.ReactNode;
100}) {
101  const dragging = useImageDrop({ images, setImages, running });
122  const [dragging, setDragging] = useState<boolean>(false);
123
124  const onDragEnter = (e: React.DragEvent) => {
125    e.preventDefault();
126    if (!e.dataTransfer?.types.includes('Files')) return;
128  }
129
130  const onDragLeave = (e:React.DragEvent) => {
131    e.preventDefault();
132    if (!e.relatedTarget) {
135  }
136
137  const onDragOver = (e:React.DragEvent) => {
138    e.preventDefault();
139  }
140
141  const onDrop = (e:React.DragEvent) => {
142    e.preventDefault();
143    setDragging(false);