Val Town Code SearchReturn to Val Town

5import { Form, hydrate } from "https://esm.town/v/stevekrouse/ssr_react_mini?v=75";
6
7export async function loader(req: Request) {
8  const { sqlite } = await import("https://esm.town/v/std/sqlite?v=4");
9  const [, { columns, rows }] = await sqlite.batch([
20}
21
22export async function action(req: Request) {
23  const { sqlite } = await import("https://esm.town/v/std/sqlite?v=4");
24  const formData = await req.formData();
47}
48
49export function Component({ initialTodos, initialLogs }) {
50  const [todos, setTodos] = useState(initialTodos);
51  const [logs, setLogs] = useState(initialLogs);
54  useEffect(() => addLog(`Client rendered`), []);
55
56  function addTodo() {
57    setTodos([...todos, { text: newTodo }]);
58    setNewTodo("");
64  }
65
66  function toggleTodo(e) {
67    const formData = new FormData(e.target);
68    const id = parseInt(formData.get("id") as string);
71  }
72
73  function deleteTodo(e) {
74    const formData = new FormData(e.target);
75    const id = parseInt(formData.get("id") as string);

236};
237
238function AnalogueScheduleClock({
239  schedule = defaultSchedule,
240  todoList = defaultTodoList,
340}
341
342function App() {
343  return <AnalogueScheduleClock />;
344}
345
346function client() {
347  const rootElement = document.getElementById("root");
348  if (rootElement) {
357}
358
359export default async function server(request: Request): Promise<Response> {
360  return new Response(
361    `

199}
200
201function createCampsiteAPI(options?: RequestOptions): CampsiteAPI {
202	return new CampsiteAPI(options?.apiKey);
203}
204
205export async function getPost(postId: string, options?: RequestOptions) {
206	const api = createCampsiteAPI(options);
207	return api.getPost(postId);
208}
209
210export async function createPost(
211	data: CreatePostRequest,
212	options?: RequestOptions
216}
217
218export async function createComment(
219	data: CreateCommentRequest,
220	options?: RequestOptions
224}
225
226export async function createMessage(
227	data: CreateMessageRequest,
228	options?: RequestOptions
232}
233
234export async function listChannels(
235	params?: ListChannelsRequest,
236	options?: RequestOptions

7  "flex h-screen w-screen items-center justify-center overflow-hidden font-mono text-sm text-gray-800 touch-none";
8
9function InstantCursorsProvider(props: { children: JSX.Element }) {
10  const db = init({
11    appId: "25280469-70aa-4c6e-9d47-be46e0bca539", // ADD YOUR APP ID HERE
29}
30
31function App() {
32  return (
33    <div className="flex h-screen w-screen items-center justify-center bg-gray-100">
40}
41
42function client() {
43  createRoot(document.getElementById("root")).render(
44    <InstantCursorsProvider>
52}
53
54export default async function server(request: Request): Promise<Response> {
55  return new Response(
56    `

4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function InstantCursors() {
7  const db = init<
8    {},
32}
33
34function App() {
35  return (
36    <div className="min-h-screen bg-red-100 flex items-center justify-center">
43}
44
45function client() {
46  createRoot(document.getElementById("root")).render(<App />);
47}
49if (typeof document !== "undefined") { client(); }
50
51export default async function server(request: Request): Promise<Response> {
52  return new Response(
53    `

1export default async function(req: Request): Promise<Response> {
2  // Setup CORS Headers
3  const headers = new Headers();

1export default async function(req: Request): Promise<Response> {
2  // Setup CORS Headers
3  const headers = new Headers();

1export default async function(req: Request): Promise<Response> {
2  return Response.json({ data: true });
3}

2import { easyAQI } from "https://esm.town/v/stevekrouse/easyAQI?v=5";
3
4export async function aqi(interval: Interval) {
5  const location = "downtown brooklyn"; // <-- change to place, city, or zip code
6  const data = await easyAQI({ location });

37  "rounded-lg bg-white p-3 text-3xl shadow-lg transition duration-200 ease-in-out hover:-translate-y-1 hover:shadow-xl";
38
39function animateEmoji(
40  config: { emoji: string; directionAngle: number; rotationAngle: number },
41  target: HTMLDivElement | null,
80}
81
82function style(el: HTMLElement, styles: Partial<CSSStyleDeclaration>) {
83  Object.assign(el.style, styles);
84}
85
86function InstantTopics() {
87  const db = init({
88    appId: "25280469-70aa-4c6e-9d47-be46e0bca539", // Replace with your actual InstantDB app ID
140}
141
142function App() {
143  return <InstantTopics />;
144}
145
146function client() {
147  createRoot(document.getElementById("root")!).render(<App />);
148}
152}
153
154export default async function server(request: Request): Promise<Response> {
155  return new Response(
156    `