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
5type DrawingEvent = {
71 };
72
73 const startDrawing = (e: React.MouseEvent) => {
74 const canvas = canvasRef.current;
75 if (!canvas) return;
83 };
84
85 const draw = (e: React.MouseEvent) => {
86 if (!isDrawing) return;
87 const canvas = canvasRef.current;
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { init } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
3import { IconCar, IconCarFilled } from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";
4import { useNavigate } from "https://esm.sh/react-router-dom?deps=react@18.2.0";
5import React from "https://esm.sh/react@18.2.0";
6import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";
7
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { init } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
3import { IconLoader2 } from "https://esm.sh/@tabler/icons-react?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";
6import { MapComponent } from "https://esm.town/v/vawogbemi/notUberMapComponent";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { id, init, tx } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
3import {
4 IconCar,
7 IconCircleFilled,
8 IconSquareFilled,
9} from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";
10import React, { useEffect, useMemo, useState } from "https://esm.sh/react@18.2.0";
11import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";
12import { AutocompleteInput, MapComponent } from "https://esm.town/v/vawogbemi/notUberMapComponent";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { SignedIn, SignedOut, SignInButton } from "https://esm.sh/@clerk/clerk-react?bundle-deps&deps=react@18.2.0";
3import { IconCircleFilled, IconSquareFilled } from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5import { AutocompleteInput, MapComponent } from "https://esm.town/v/vawogbemi/notUberMapComponent";
6
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
