1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useAuth } from "https://esm.sh/@clerk/clerk-react?bundle-deps&deps=react@18.2.0";
3import { init } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
4import React from "https://esm.sh/react@18.2.0";
5import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";
6
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import {
3 ClerkProvider,
7 useAuth,
8 useUser,
9} from "https://esm.sh/@clerk/clerk-react?bundle-deps&deps=react@18.2.0";
10import { id, init, tx } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
11import {
12 IconCar,
16 IconUser,
17 IconUserFilled,
18} from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0,react-dom@18.2.0";
19import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
20import {
21 BrowserRouter as Router,
26 useNavigate,
27 useParams,
28} from "https://esm.sh/react-router-dom?bundle-deps&deps=react@18.2.0";
29import React, { useEffect, useReducer, useState } from "https://esm.sh/react@18.2.0";
30import { Account } from "./notUberAccount";
31import { CLERK_PUBLISHABLE_KEY, INSTANTDB_APP_ID } from "./notUberConsts";
232 label: string,
233 value: string,
234 onChange: (e: React.ChangeEvent<HTMLInputElement>) => void,
235 placeholder?: string,
236 type: "text" | "phone" = "text",
237 ) => {
238 const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {
239 // Only allow + at the start and digits after
240 const input = e.target.value;
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
5// Satirical lyric templates with placeholders
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useEffect, useRef } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import * as THREE from "https://esm.sh/three@0.158.0";
5import { OrbitControls } from "https://esm.sh/three@0.158.0/examples/jsm/controls/OrbitControls";
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 * as THREE from "https://esm.sh/three@0.158.0";
5
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 App() {
8 const [isLoading, setIsLoading] = useState(false);
9
10 const handleSubmit = async (e: React.FormEvent) => {
11 e.preventDefault();
12 setIsLoading(true);
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 { marked } from "https://esm.sh/marked@4.3.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5
6const promptCategories = [
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";
4
5const PixelDigit = ({ digit }) => {
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";
4import * as THREE from "https://esm.sh/three@0.158.0";
5
