1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/create-project";
1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/create-branch";
1import { useChat } from "@ai-sdk/react";
2import React, { useCallback, useMemo, useRef, useState } from "react";
3import { playBellSound } from "../utils/soundEffects.ts";
4
105 }, [stop, pendingMessageId, soundEnabled]);
106
107 React.useEffect(() => {
108 customStopRef.current = handleStop;
109 }, [handleStop]);
110
111 React.useEffect(() => {
112 (window as any).customStopRef = customStopRef;
113 }, []);
114
115 React.useEffect(() => {
116 if (error && LIMIT_RE.test(error)) {
117 setOverLimit(true);
1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/project-branches";
1- [ ] Give it a tool to make an HTTP request to its own endpoint to test things!
2- [x] Get React Router working on the client & move off localstorage for storing page state
3- [ ] When it hits the max number of steps, detect that and give the user a button (or instructions on how) to get it to continue (neverstew mentioned this)
4- [x] Make it look good
165- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser
166- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites
167- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`
168- Ensure all React dependencies and sub-dependencies are pinned to the same version
169- **Styling:** Default to using TailwindCSS via `<script src="https://cdn.twind.style" crossorigin></script>` unless otherwise specified
170- Val Town does not accept incoming websocket connections. Use polling, long polling, or server-sent events.
251 - Always run table creation before querying
252
2533. **React Configuration:**
254 - All React dependencies must be pinned to 18.2.0
255 - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files
256 - Rendering issues often come from mismatched React versions
257
2584. **File Handling:**
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useEffect, useState } from "react";
3import { isProdBranch } from "../../shared/is-prod-branch.ts";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { Link } from "react-router";
3import { useProjects } from "../hooks/useProjects.tsx";
4import { Loading } from "./Loading.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useEffect, useRef, useState } from "react";
3import { RefreshIcon } from "./icons.tsx";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3export function NotFoundRoute () {
