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() {
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 { renderToString } from "npm:react-dom/server";
3
4import React from "https://esm.sh/react";
5import { createRoot } from "https://esm.sh/react-dom/client";
6
7function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } 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, 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 } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function Popup({ isOpen, onClose, content }) {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } 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 } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import deepThinkAbout from "https://esm.town/v/rozek/GDI_deepThinkAbout";
5
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { parseSegy } from "https://esm.town/v/efoley/parseSegy";
5import { blob } from "https://esm.town/v/std/blob";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
3import {
4 createStaticHandler,
5 createStaticRouter,
6 StaticRouterProvider,
7} from "https://esm.sh/react-router-dom@6.23.0/server?deps=react@18.2.0";
8import { sqlite } from "https://esm.town/v/std/sqlite?v=6";
9import { routes } from "https://esm.town/v/stevekrouse/dateme_routes";