1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function WallpaperGenerator() {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function WallpaperGenerator() {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useCallback, useState } from "https://esm.sh/react@18.2.0";
4
5type PieceType = "king" | "queen" | "rook" | "bishop" | "knight" | "pawn";
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) => {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { blob } from "https://esm.town/v/std/blob?v=10";
5
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3import { getWeather } from "https://esm.town/v/stevekrouse/getWeather";
4import { TiWeatherCloudy, TiWeatherDownpour, TiWeatherNight, TiWeatherPartlySunny, TiWeatherShower, TiWeatherSnow, TiWeatherStormy, TiWeatherSunny, TiWeatherWindy, TiWeatherWindyCloudy } from "npm:react-icons/ti";
5import { SiAccuweather, SiTheweatherchannel } from "npm:react-icons/si";
6
7const locations = ["Brooklyn, NY", "London, UK", "Tokyo, Japan", "Sydney, Australia", "Moscow, Russia"];
8
9export const reactExample = async () => {
10 const weatherReports = await Promise.all(locations.map(location => getWeather(location)));
11
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useRef } from "https://esm.sh/react@18.2.0";
3import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
4import { jsPDF } from "https://esm.sh/jspdf@2.5.1";
5
151 const root = document.getElementById('root');
152 if (root) {
153 import("https://esm.sh/react-dom@18.2.0/client").then(({ createRoot }) => {
154 createRoot(root).render(<ImageToPDFConverter />);
155 });
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useRef } from "https://esm.sh/react@18.2.0";
3import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
4import { jsPDF } from "https://esm.sh/jspdf@2.5.1";
5
151 const root = document.getElementById('root');
152 if (root) {
153 import("https://esm.sh/react-dom@18.2.0/client").then(({ createRoot }) => {
154 createRoot(root).render(<ImageToPDFConverter />);
155 });
6
7Versions 0-17 of this val were done with Hono and server-rendering.
8Versions 18+ were generated with Townie and use client-side React.
9
10To use this val, fork it to your account.
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { Hono } from "https://esm.sh/hono";
3import { debounce } from "https://esm.sh/lodash-es";
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
5import { useDropzone } from "https://esm.sh/react-dropzone?deps=react@18.2.0,react-dom@18.2.0";
6import React, { ReactNode, useCallback, useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
7import { lastlogin } from "https://esm.town/v/stevekrouse/lastlogin_safe";
8import { LoginWithGoogleButton } from "https://esm.town/v/stevekrouse/LoginWithGoogleButton";
9
10interface TooltipProps {
11 children: ReactNode;
12 content: string;
13}
