Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
4
5// API Documentation
43/**
44 * Main App component
45 * @returns {React.ReactElement}
46 */
47function App() {
113 * CurrentPhase component
114 * @param {{phase: string, onUpdate: Function}} props
115 * @returns {React.ReactElement}
116 */
117function CurrentPhase({ phase, onUpdate }) {
121  /**
122   * Handles form submission
123   * @param {React.FormEvent} e - The form event
124   */
125  const handleSubmit = (e) => {
153 * ActiveBlocks component
154 * @param {{blocks: string[], onUpdate: Function}} props
155 * @returns {React.ReactElement}
156 */
157function ActiveBlocks({ blocks, onUpdate }) {
161  /**
162   * Handles form submission
163   * @param {React.FormEvent} e - The form event
164   */
165  const handleSubmit = (e) => {
211 * TaskList component
212 * @param {{tasks: Task[], onUpdate: Function}} props
213 * @returns {React.ReactElement}
214 */
215function TaskList({ tasks, onUpdate }) {
221  /**
222   * Handles form submission
223   * @param {React.FormEvent} e - The form event
224   */
225  const handleSubmit = (e) => {
339 * StepList component
340 * @param {{steps: Step[], onUpdate: Function}} props
341 * @returns {React.ReactElement}
342 */
343function StepList({ steps, onUpdate }) {
349  /**
350   * Handles form submission
351   * @param {React.FormEvent} e - The form event
352   */
353  const handleSubmit = (e) => {
453 * ChangeList component
454 * @param {{changes: Change[]}} props
455 * @returns {React.ReactElement}
456 */
457function ChangeList({ changes }) {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useRef } from 'https://esm.sh/react@18.2.0';
3import { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';
4import Peer from 'https://esm.sh/simple-peer@9.11.1';
5

1/** @jsxImportSource https://esm.sh/react@18.2.0 **/
2import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
3
4export default (req: Request) => {

3
4const URLS = [
5  "https://esm.sh/react-dom@18.2.0/client",
6  "https://esm.sh/react-dom@18.2.0/es2022/react-dom.mjs",
7];
8const KEY = (new URL(import.meta.url)).pathname.split("/").at(-1);

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React from "https://esm.sh/react@18.2.0";
4
5function App() {
6  return (
7    <div>
8      <h1>Client rendered react</h1>
9      <p>This is all served from a single module on val.town!?</p>
10      <p>

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useMemo } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Chart } from "https://esm.sh/react-chartjs-2@5.2.0";
5import { 
6  Chart as ChartJS, 

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
4
5function generateSecureRoomCode() {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
4
5function generateSecureRoomCode() {

1/** @jsxImportSource https://esm.sh/preact */
2import { type ClassValue, clsx } from "https://esm.sh/clsx";
3import { Peer } from "https://esm.sh/peerjs@1.5.4?bundle-deps";
4import { render } from "https://esm.sh/preact";
5import { useEffect, useRef, useState } from "https://esm.sh/preact/hooks";
6
7interface NDEFRecord {