1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { HTML5Backend } from "https://esm.sh/react-dnd-html5-backend@16.0.1";
3import { DndProvider, useDrag, useDrop } from "https://esm.sh/react-dnd@16.0.1";
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
5import React, {
6 forwardRef,
7 useCallback,
10 useRef,
11 useState,
12} from "https://esm.sh/react@18.2.0";
13
14const MODELS = ["llama3.1-8b", "llama3.1-70b"];
2
3
4console.log(globalThis.React)
11
12Uses a pinned older version of tldraw because the other ones seem to fail on a weird dependency issue. My guess is that the val.town bundler tricks don't work so good on transitive deps, but I don't really know.
13@use-gesture/react couldn't find the right import for a call to useMemo.
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4// You need to remove all instances of the word New then it'll remove the date and word count so it's easier
5// to compare the actual list of title to what I got
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5const countries = ["Kenya", "India"];
1/** @jsxImportSource https://esm.sh/react@18.2.0 **/
2// Make sure to only import from esm.sh (npm: specifier are not supported in the browser)
3
4import ReactDOM from "https://esm.sh/react-dom@18.2.0";
5import React from "https://esm.sh/react@18.2.0";
6import { Tldraw } from "https://esm.sh/tldraw@2.1.0";
7
17
18// The app will be rendered inside the root div
19const root = ReactDOM.createRoot(document.getElementById("root"));
20root.render(<App />);
1/** @jsxImportSource https://esm.sh/react */
2import Chart from "https://esm.sh/chart.js/auto";
3import React, { useEffect, useRef, useState } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6const R = 120; // Set R as a constant
2 * This app creates a webcam-based image processing application with spooky effects.
3 * It requests webcam permissions, displays the video feed, and applies visual and audio effects.
4 * We use React for the UI, the browser's MediaDevices API for webcam access,
5 * and Web Audio API for continuous audio effects.
6 */
7
8/** @jsxImportSource https://esm.sh/react */
9import React, { useEffect, useRef, useState } from "https://esm.sh/react";
10import { createRoot } from "https://esm.sh/react-dom/client";
11
12function App() {
