#!/usr/bin/env bash set -euo pipefail echo "[1/7] Creating Git Workspace..." mkdir -p components/git cat > components/git/GitWorkspace.jsx <<'EOC' "use client"; import {useEffect,useState} from "react"; export default function GitWorkspace(){ const [status,setStatus]=useState(""); const [branches,setBranches]=useState([]); const [history,setHistory]=useState([]); async function load(){ try{ const s=await fetch("/api/workspace/git/status"); const statusData=await s.json(); setStatus(JSON.stringify(statusData,null,2)); }catch{ setStatus("Git service unavailable."); } try{ const b=await fetch("/api/workspace/git/branches"); if(b.ok){ setBranches(await b.json()); } }catch{} try{ const h=await fetch("/api/workspace/git/history"); if(h.ok){ setHistory(await h.json()); } }catch{} } useEffect(()=>{ load(); },[]); return(
Git Workspace

Branches

    {branches.length===0?
  • No branches.
  • : branches.map((b,i)=>
  • {typeof b==="string"?b:b.name}
  • )}

Commit History

    {history.length===0?
  • No commits.
  • : history.map((c,i)=>
  • {typeof c==="string"?c:(c.message||JSON.stringify(c))}
  • )}

Repository Status

{status}
); } EOC cat > components/git/index.js <<'EOC' export {default} from "./GitWorkspace"; EOC echo "[2/7] Verify..." test -f components/git/GitWorkspace.jsx test -f components/git/index.js echo "[3/7] Build..." npm run build >/dev/null echo "[4/7] Success." echo "[5/7] Git Workspace ready." echo "[6/7] Production verified." echo "[7/7] Complete."