/** * Onboarding flow — guided setup for new users. */ import { Hono } from "hono"; import { Layout } from "../views/layout"; import { softAuth, requireAuth } from "../middleware/auth"; import type { AuthEnv } from "../middleware/auth"; import { eq, sql } from "drizzle-orm"; import { db } from "../db"; import { repositories, sshKeys, apiTokens, users } from "../db/schema"; const onboardingRoutes = new Hono(); onboardingRoutes.get("/getting-started", softAuth, requireAuth, async (c) => { const user = c.get("user")!; // Check what the user has done let repoCount = 0; let hasKeys = false; let hasTokens = false; try { const [repos] = await db .select({ count: sql`count(*)` }) .from(repositories) .where(eq(repositories.ownerId, user.id)); repoCount = repos?.count ?? 0; const [keys] = await db .select({ count: sql`count(*)` }) .from(sshKeys) .where(eq(sshKeys.userId, user.id)); hasKeys = (keys?.count ?? 0) > 0; const [tokens] = await db .select({ count: sql`count(*)` }) .from(apiTokens) .where(eq(apiTokens.userId, user.id)); hasTokens = (tokens?.count ?? 0) > 0; } catch { /* DB may not be ready */ } const steps = [ { label: "Create account", completed: true, active: false }, { label: "Create a repository", completed: repoCount > 0, active: repoCount === 0 }, { label: "Push your code", completed: false, active: repoCount > 0 }, { label: "Set up SSH key", completed: hasKeys, active: !hasKeys && repoCount > 0 }, { label: "Create API token", completed: hasTokens, active: !hasTokens && hasKeys }, ]; const activeStep = steps.findIndex((s) => s.active); return c.html(

Welcome to gluecron

Let's get you set up in a few steps.

{steps.map((step, i) => ( <> {i > 0 && (
)}
{step.completed ? "\u2713" : i + 1}
{step.label}
))}
{/* Step 1: Create repository */} {activeStep <= 1 && repoCount === 0 && ( Create repository )} {/* Step 2: Push code */} {repoCount > 0 && ( 
{`# Add the remote
git remote add gluecron http://localhost:3000/${user.username}/your-repo.git

# Push your code
git push -u gluecron main`}
 )} {/* Step 3: SSH key */} {!hasKeys && ( <> 
{`# Generate a key (if you don't have one)
ssh-keygen -t ed25519 -C "your@email.com"

# Copy your public key
cat ~/.ssh/id_ed25519.pub`}
Add SSH key )} {/* Step 4: API token */} {!hasTokens && ( <>

Use tokens to authenticate with the gluecron API for scripting and automation.

Create token )} {/* All done */} {repoCount > 0 && hasKeys && hasTokens && (
🎉

You're all set!

You've completed the setup. Start building something great.

)}

Need help? Check the API documentation or press ? for keyboard shortcuts.

); }); const StepCard = ({ number, title, description, active, completed, children, }: { number: number; title: string; description: string; active?: boolean; completed?: boolean; children?: any; }) => (
{completed ? "\u2713" : number}

{title}

{description}

{children}
); export default onboardingRoutes;