import React, { useState } from "react"; import { callAI } from "call-ai"; import { useFireproof } from "use-fireproof"; import { useViewer } from "use-vibes"; import { useVibe } from "use-vibes"; const FEATURES = [ "tilemaps", "physics joints", "particle effects", "networking", "GUI nodes", "spine animation", "sound DSP", "collision objects", "shaders", "factories", "camera zoom", "live update", "input bindings", "render scripts", "atlas texture packing", "go.animate", ]; function pickFeatures() { const shuffled = [...FEATURES].sort(() => Math.random() - 0.5); return shuffled.slice(0, 3); } export default function App() { const { useLiveQuery, database } = useFireproof("pitchMachine"); const { can, me, ready } = useVibe("pitchMachine"); const { ViewerTag } = useViewer(); const [isLoading, setIsLoading] = useState(false); const [errorMsg, setErrorMsg] = useState(""); const { docs: pitches } = useLiveQuery("createdAt", { descending: true }); async function generatePitch() { const features = pickFeatures(); setIsLoading(true); setErrorMsg(""); try { const prompt = `Invent a short, funny game jam pitch that plausibly mashes together these Defold engine features: ${features.join( ", " )}. Give a punchy silly title (max 6 words) and a two-sentence description explaining how the features combine into a game. Answer as an overexcited game jam hype-person.`; const response = await callAI(prompt, { schema: { properties: { title: { type: "string", description: "Punchy silly pitch title, max 6 words" }, description: { type: "string", description: "Two sentence description of the game" }, }, }, }); const data = JSON.parse(response); await database.put({ type: "pitch", title: data.title, description: data.description, features, favorites: [], createdAt: Date.now(), authorHandle: me?.userHandle, }); } catch (err) { if (err?.reason === "refusal") { setErrorMsg( err.explanation ? `The hype-person balked: ${err.explanation}` : "The hype-person balked at that combo. Try generating again." ); } else { setErrorMsg("Something went sideways generating that pitch. Try again."); } } finally { setIsLoading(false); } } function toggleFavorite(doc) { const handle = me?.userHandle; if (!handle) return; const favorites = doc.favorites || []; const already = favorites.includes(handle); const next = already ? favorites.filter((h) => h !== handle) : [...favorites, handle]; database.put({ ...doc, favorites: next }); } const createVerdict = can.create({ type: "pitch", authorHandle: me?.userHandle }); const c = { bg: "bg-[var(--background)]", surface: "bg-[var(--surface)]", overlay: "bg-[var(--surface-overlay)]", ink: "text-[var(--text-primary)]", sub: "text-[var(--text-secondary)]", border: "border-[var(--border)]", accent: "bg-[var(--primary)]", accentText: "text-[var(--primary)]", error: "text-[var(--error)]", }; return (

{!ready ? (

Checking...

) : createVerdict.ok ? ( ) : (

{createVerdict.reason ? "You'll need to join in before pitching a game — sign in to get started." : "Pitching is unavailable right now."}

)} {errorMsg &&

{errorMsg}

}

The pitch feed

{pitches.length === 0 ? (

No pitches yet.

Tap "Generate a silly pitch" above and let the engine features collide.

) : (

{doc.title}

{doc.description}

Features: {(doc.features || []).join(" + ")}

{doc.authorHandle ? ( ) : ( "an anonymous jammer" )}

{new Date(doc.createdAt).toLocaleString()}

{idx < pitches.length - 1 &&
}

)}

); }

The pitch feed

{doc.title}