Val Town Code SearchReturn to Val Town

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);

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

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useEffect, useContext } from "https://esm.sh/react@18.2.0?dev";
3import { Link, useNavigate } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
4import { useLocalStorage } from "https://esm.sh/react-use?dev&deps=react@18.2.0&react-dom@18.2.0";
5import { useAuth } from "../hooks/useAuth.tsx";
6import { Circle, Volume2Icon, VolumeOffIcon } from "./icons.tsx";

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
3import { TownieIcon } from "./components/icons.tsx";
4

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

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useState, useEffect, useContext } from "https://esm.sh/react@18.2.0?dev";
3import { useParams } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
4
5import { AppContext } from "./App.tsx";

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

react-router-ssr-starterhttp.tsx5 matches

@jxnblk•Updated 6 days ago

1/** @jsxImportSource https://esm.sh/react@19 */
2import * as React from "https://esm.sh/react@19";
3import ReactDOMServer from "https://esm.sh/react-dom@19/server";
4import {
5  StaticRouter,
6  Routes,
7  Route,
8} from "https://esm.sh/react-router";
9import App from "./App.tsx";
10
14  const url = new URL(req.url);
15  
16  let html = await ReactDOMServer.renderToReadableStream(
17    <StaticRouter location={url}>
18      <App />

react-router-ssr-starterclient.tsx5 matches

@jxnblk•Updated 6 days ago

1/** @jsxImportSource https://esm.sh/react@19 */
2import React from "https://esm.sh/react@19";
3import ReactDOM from "https://esm.sh/react-dom@19/client";
4import { BrowserRouter } from "https://esm.sh/react-router";
5import App from "./App.tsx";
6
7console.log("client");
8
9ReactDOM.hydrateRoot(
10  document, 
11  <BrowserRouter>