Val Town Code SearchReturn to Val Town

notUbernotUberHome4 matches

@vawogbemi•Updated 3 months ago

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

notUbernotUberRides5 matches

@vawogbemi•Updated 3 months ago

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

notUbernotUberNew4 matches

@vawogbemi•Updated 3 months ago

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";

notUbernotUberAccount4 matches

@vawogbemi•Updated 3 months ago

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 "https://esm.town/v/vawogbemi/notUberAccount";
31import { CLERK_PUBLISHABLE_KEY, INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/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, useEffect, useRef } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5// Color Palette
98
99  // Handle location search
100  const handleLocationSearch = async (e: React.FormEvent) => {
101    e.preventDefault();
102    

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter?deps=react@18.2.0,react-dom@18.2.0";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5function LoanCalculator() {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5function LoanCalculator() {

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 PERSONAS = [