[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_109":110,"_111":112},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","pchinjr","name","miata-life-crisis","path","frontend/components/App.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/pchinjr/miata-life-crisis/code/frontend/components/App.tsx","extension","id","d5b53ef4-68ed-49d3-a3e0-d193cf491a8f","App.tsx","fileId","01a03bb4-ad03-72f9-9867-7188600c45c0","parentId","01a03bb4-ad04-7558-b577-deb638acb2bb","branchId","deb63916-95c3-4389-b9d3-b76b7f2e6f65","branchVersion",18,"latest",true,"createdAt",["D",1787750565467],"version",6,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect,useState } from \"https://esm.sh/react@18.2.0\";\nimport { Finances } from \"./Finances.tsx\";\nimport { AdminFinance } from \"./AdminFinance.tsx\";\ntype Car={id:number;name:string;year:string;discipline:string;status:string;detail:string;next_ready:string;accent:string};\ntype Event={id:number;title:string;event_date:string;location:string;discipline:string;car_name?:string;capacity:number;status:string;description:string;booked:number};\ntype Data={cars:Car[];events:Event[];stats:{members:number;reservations:number;ready_cars:number}};\nconst fmt=(d:string)=>new Date(d+\"T12:00:00\").toLocaleDateString(\"en-US\",{month:\"short\",day:\"numeric\",year:\"numeric\"});\nconst accent:any={red:\"bg-[#ef3b2d]\",blue:\"bg-[#2364aa]\",amber:\"bg-[#f0a202]\",green:\"bg-[#16835a]\"};\n\nfunction Mark(){return

MLC

MIATA LIFE CRISIS

Social motorsport club

}\nfunction Header({view,go}:{view:string;go:(v:string)=>void}){const tabs=[[\"home\",\"How it works\"],[\"events\",\"Events\"],[\"fleet\",\"The fleet\"],[\"finances\",\"Open books\"],[\"join\",\"Join\"],[\"desk\",\"Club desk\"]];return

{tabs.map(([id,t])=>)}

}\n\nfunction Home({go}:{go:(v:string)=>void}){const steps=[[\"01\",\"Join the club\",\"Tell us what you want to try. Newcomers are genuinely welcome.\"],[\"02\",\"Pay quarterly dues\",\"Dues cover the real costs—not somebody's profit margin.\"],[\"03\",\"Pick an experience\",\"We match demand, car readiness, and member experience.\"],[\"04\",\"Show up & send it\",\"The car arrives prepared. You get coaching, seat time, and friends.\"]];return <>

🏁 Cars are expensive. Friends are priceless.

A little
crisis.
A lot of life.

A collectively funded fleet for people who want to drift, race, and wrench—without buying a dedicated car alone.

SHARED CARS ✦ QUARTERLY EVENTS ✦ PROFESSIONAL MAINTENANCE ✦ MORE SEAT TIME ✦ LESS GARAGE GUILT ✦ SHARED CARS ✦ QUARTERLY EVENTS

The pitch

Own the access,
not the headache.

Miata Life Crisis is social ownership for specialized motorsport. The collective maintains a small fleet centrally and deploys each car just in time for the experiences members choose.

This is not a rental counter and not an investment. It is a cost-sharing club built to make a ridiculous, joyful pastime more accessible and more social.

{steps.map(([n,t,d],i)=>

{n}

{t}

{d}

)}

ONE EVENT.
EVERY QUARTER.

{[[\"🌀\",\"Drift\",\"Car control and big stupid grins.\"],[\"🏎️\",\"GT / Track\",\"Coached pace on a real circuit.\"],[\"⛰️\",\"Off-road, soon\",\"Rallycross is on the roadmap.\"]].map(([e,t,d])=>

{e}

{t}

{d}

)}

}\n\nfunction Events({events,pick}:{events:Event[];pick:(e:Event)=>void}){return

{events.map((e,i)=>

{e.discipline}{e.status}

{e.title}

{e.description}

When{fmt(e.event_date)}

Where{e.location}

Car{e.car_name||\"Bring your stories\"}

Seats{Number(e.booked)}/{e.capacity} claimed

)}

}\nfunction Page({eyebrow,title,intro,children}:any){return

{eyebrow}

{title}

{intro}

{children}

}\nfunction Fleet({cars}:{cars:Car[]}){return

{cars.map(c=>

{c.discipline}

{c.name}

{c.year}

{c.status}

Garage note{c.detail}

Ready{c.next_ready}

)}

}\n\nfunction Join({reload}:{reload:()=>void}){const [f,setF]=useState({name:\"\",email:\"\",experience:\"\",interests:[] as string[]});const [msg,setMsg]=useState(\"\");const [busy,setBusy]=useState(false);const toggle=(x:string)=>setF({...f,interests:f.interests.includes(x)?f.interests.filter(i=>i!==x):[...f.interests,x]});async function submit(e:any){e.preventDefault();setBusy(true);const r=await fetch(\"/api/members\",{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(f)});const j=await r.json();setMsg(j.message||j.error);setBusy(false);if(r.ok)reload()}return

Membership application

Bring your curiosity.

No race résumé required. We use this to match people with a safe, satisfying first experience.

Quarterly dues

Shared transparently across actual operating costs.

One event per quarter

Additional seats open after every member has a chance.

Member voice

Vote on the calendar, fleet, and priorities.

{[[\"name\",\"Your name\",\"Paul Chin Jr.\"],[\"email\",\"Email\",\"you@example.com\"]].map(([k,l,p])=>{l}setF({...f,[k]:e.target.value})} className=\"mt-2 w-full border-2 border-[#191919] rounded-xl p-3 bg-[#f4efe4]\" placeholder={p}/>)}

What sounds fun?

{[\"Drift\",\"GT / track\",\"Autocross\",\"Off-road\",\"Garage days\"].map(x=>)}

Driving experience{msg&&

{msg}

}

This prototype does not collect payment. Dues and operating rules would be approved by founding members.

}\n\nfunction Desk({data}:{data:Data}){\n const [admin,setAdmin]=useState(null);const [state,setState]=useState(\"loading\");\n const loadAdmin=()=>fetch(\"/api/admin/dashboard\").then(async r=>{if(r.status===401){setState(\"login\");return}if(r.status===403){setState(\"forbidden\");return}if(!r.ok)throw new Error(\"Admin request failed\");setAdmin(await r.json());setState(\"ready\")}).catch(()=>setState(\"error\"));\n useEffect(()=>{loadAdmin()},[]);\n const patch=async(path:string,body:any)=>{await fetch(\"/api/admin/\"+path,{method:\"PATCH\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(body)});await loadAdmin()};\n if(state===\"loading\")return

🏁

;\n if(state===\"login\")return

Restricted to Paul

;\n if(state===\"forbidden\")return ;\n if(state===\"error\")return ;\n return

c.status===\"Ready\").length+\"/\"+admin.cars.length} label=\"cars ready\" red/>

Members

{[\"Member\",\"Interests\",\"Experience\",\"Status\"].map(x=>)}{admin.members.length?admin.members.map((m:any)=>):}

{x}
{m.name} {m.email}	{m.interests}	{m.experience}
No applications yet.

Fleet

{admin.cars.map((c:any)=>

{c.name}

{c.year} · {c.discipline}

{c.detail}

)}

Events

{admin.events.map((e:any)=>

{e.title}

{fmt(e.event_date)} · capacity {e.capacity}

patch(\"events/\"+e.id,{status:e.status,capacity:Number(x.target.value)})} className=\"w-24 border-2 border-[#191919] rounded-lg p-2\"/>

)}

Reservations

{admin.bookings.length?admin.bookings.map((b:any)=>

{b.member_name}

{b.member_email} · {b.event_title}

No reservations yet.

}

}\nfunction Stat({n,label,blue,red}:any){return

{n}

{label}

}\n\nfunction Modal({event,close,reload}:{event:Event;close:()=>void;reload:()=>void}){const [email,setEmail]=useState(\"\");const [msg,setMsg]=useState(\"\");async function submit(e:any){e.preventDefault();const r=await fetch(\"/api/events/\"+event.id+\"/join\",{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify({email})});const j=await r.json();setMsg(j.message||j.error);if(r.ok)reload()}return

e.stopPropagation()}>

{event.discipline}

{event.title}

{fmt(event.event_date)} · {event.location}

}\n\nexport function App(){const [view,setView]=useState(location.hash.slice(1)||\"home\");const [data,setData]=useState({cars:[],events:[],stats:{members:0,reservations:0,ready_cars:0}});const [pick,setPick]=useState(null);const load=()=>fetch(\"/api/dashboard\").then(r=>r.json()).then(setData);useEffect(load,[]);const go=(v:string)=>{setView(v);location.hash=v;scrollTo(0,0)};return

{view===\"home\"&&} {view===\"events\"&&} {view===\"fleet\"&&} {view===\"finances\"&&} {view===\"join\"&&} {view===\"desk\"&&}

{pick&&setPick(null)} reload={load}/>}

}","deleted",false,"label",[47,48,24],"frontend","components","39ce0c14-ff21-409b-88eb-7823ab8d5d9d",["D",1787708091556],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Socially owned motorsport experiences","imageUrl","userId","40e69d1a-3254-4858-920b-7b1449761575","pinnedFileId","01a03bb4-ad04-7558-b577-f8ab6dcd8446","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","54bae3d1-8223-41e5-b22d-81eb28a263c7","tursoName","39ce0c14ff21409b88eb7823ab8d5d9d","tursoHostname","39ce0c14ff21409b88eb7823ab8d5d9d-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789533091345],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_108":104},"org",{"_9":10,"_102":-5,"_103":104,"_59":60,"_105":106,"_107":44},"branch",{"_37":32,"_11":93,"_22":30,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":12,"_101":10},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2OaSpooJk6yZ5KFqyjtIVA4z3SH.jpeg","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_142":143,"_144":145,"_146":147,"_148":44,"_149":44,"_150":44,"_151":34,"_152":-5,"_153":-7,"_154":-7,"_155":67,"_156":44,"_157":44,"_158":-5,"_159":44,"_160":44,"_161":44,"_162":-5},"ENV",{"_113":114,"_115":116,"_117":93,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

A littlecrisis.A lot of life.

Own the access,not the headache.

{t}

{t}