8import _ from "npm:lodash@4";
9
10async function main(req: Request): Promise<Response> {
11 const { readable, writable } = new TransformStream();
12 const writer = writable.getWriter();
20 <script>
21 // Scroll to the bottom of the page when the page changes.
22 (new MutationObserver(function (mutationsList, observer) {
23 window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: "instant" });
24 })).observe(document, { childList: true, characterData: true, subtree: true });
47 Your response should start with \`\`\`ts and end with \`\`\`, so full code fences.
48 There should be no comments like "more content here", it should be complete and directly runnable.
49 The val should have an "export default async function main". The val should return a valid HTML website.
50 Prefer using Tailwind. Put frontend functions in a <script> tag, using dangerouslySetInnerHTML. Don't use Hono. Don't use Response.redirect.
51 `.replace("\n", " "),
52 },
6};
7
8export default async function(req: Request): Promise<Response> {
9 let key = new URL(req.url).pathname;
10 let url = await blob.getJSON(genKey(key));
5import { renderToString } from "npm:react-dom/server";
6
7function StatusRow({ rows }: { rows: any[] }) {
8 return (
9 <div className="w-full flex flex-col space-y-2">
28}
29
30function StatusSection({ url, rows }) {
31 const sectionRows = rows.filter(row => row[0] === url);
32 const percentUp = Math.round((sectionRows.filter(row => row[1]).length / sectionRows.length) * 100);
44}
45
46export default async function(req: Request): Promise<Response> {
47 const { rows } = await sqlite.execute(
48 "select url, ok, duration, timestamp from uptime order by timestamp desc limit 200",
1export function extractValInfo(url: string | URL) {
2 const { pathname, search } = new URL(url);
3 const [author, filename] = pathname.split("/").slice(-2);
42const urnIcon = "⚱️";
43
44function App() {
45 const [tributeCount, setTributeCount] = useState(0);
46 const [eulogyMessage, setEulogyMessage] = useState("");
113 const end = Date.now() + (5 * 1000);
114
115 (function frame() {
116 confetti({
117 particleCount: 20,
143 const defaults = { startVelocity: 15, spread: 360, ticks: 60, zIndex: 0 };
144
145 function randomInRange(min: number, max: number) {
146 return Math.random() * (max - min) + min;
147 }
148
149 const interval = setInterval(function() {
150 const timeLeft = animationEnd - Date.now();
151
176 const animationEnd = Date.now() + duration;
177
178 function randomInRange(min: number, max: number) {
179 return Math.random() * (max - min) + min;
180 }
181
182 (function frame() {
183 const timeLeft = animationEnd - Date.now();
184
211 };
212
213 function fire(particleRatio: number, opts: any) {
214 confetti(Object.assign({}, defaults, opts, {
215 particleCount: Math.floor(count * particleRatio),
253 const smokeColors = ["#a0a0a0", "#b0b0b0", "#c0c0c0", "#d0d0d0"];
254
255 function randomInRange(min: number, max: number) {
256 return Math.random() * (max - min) + min;
257 }
258
259 (function frame() {
260 const timeLeft = animationEnd - Date.now();
261
482}
483
484function client() {
485 createRoot(document.getElementById("root")).render(<App />);
486}
488if (typeof document !== "undefined") { client(); }
489
490export default async function server(request: Request): Promise<Response> {
491 return new Response(
492 `
29];
30
31function App() {
32 const [clickCount, setClickCount] = useState(0);
33 const [splashMessage, setSplashMessage] = useState("");
89 const end = Date.now() + (5 * 1000);
90
91 (function frame() {
92 confetti({
93 particleCount: 50,
117 const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 };
118
119 function randomInRange(min: number, max: number) {
120 return Math.random() * (max - min) + min;
121 }
122
123 const interval = setInterval(function() {
124 const timeLeft = animationEnd - Date.now();
125
150 const animationEnd = Date.now() + duration;
151
152 function randomInRange(min: number, max: number) {
153 return Math.random() * (max - min) + min;
154 }
155
156 (function frame() {
157 const timeLeft = animationEnd - Date.now();
158
186 };
187
188 function fire(particleRatio: number, opts: any) {
189 confetti(Object.assign({}, defaults, opts, {
190 particleCount: Math.floor(count * particleRatio),
440}
441
442function client() {
443 createRoot(document.getElementById("root")).render(<App />);
444}
446if (typeof document !== "undefined") { client(); }
447
448export default async function server(request: Request): Promise<Response> {
449 return new Response(
450 `
33- [x] fix wonky sidebar separator height problem (thanks to @stevekrouse)
34- [x] make result tables scrollable
35- [x] add export to CSV, and JSON (CSV and JSON helper functions written in [this val](https://www.val.town/v/nbbaier/sqliteExportHelpers). Thanks to @pomdtr for merging the initial version!)
36- [x] add listener for cmd+enter to submit query
6import type { Engine } from "https://esm.sh/tsparticles-engine";
7
8function App() {
9 const [isAnimationPaused, setIsAnimationPaused] = useState(false);
10 const [particleColor, setParticleColor] = useState("#ffffff");
143}
144
145function client() {
146 createRoot(document.getElementById("root")).render(<App />);
147}
149if (typeof document !== "undefined") { client(); }
150
151export default async function server(request: Request): Promise<Response> {
152 return new Response(`
153 <html>
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
6 const containerRef = useRef<HTMLDivElement>(null);
7 const textRef = useRef<HTMLHeadingElement>(null);
15 const distance = 30;
16
17 function setShadow(e: MouseEvent) {
18 const width = container.offsetWidth;
19 const height = container.offsetHeight;
68}
69
70function client() {
71 createRoot(document.getElementById("root")!).render(<App />);
72}
74if (typeof document !== "undefined") { client(); }
75
76export default async function server(request: Request): Promise<Response> {
77 return new Response(
78 `
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function ExcalidrawCanvas({ name, url, onRemove, onRename, onUrlChange }) {
6 return (
7 <div className="excalidraw-canvas">
35}
36
37function Card({ title, url, svgUrl }) {
38 const [svg, setSvg] = useState("");
39
61}
62
63function Console({ canvases }) {
64 return (
65 <div className="console">
70}
71
72function App() {
73 const [canvases, setCanvases] = useState([
74 {
166}
167
168function client() {
169 createRoot(document.getElementById("root")).render(<App />);
170}
174}
175
176export default async function server(request: Request): Promise<Response> {
177 return new Response(
178 `
