harivansh-afk/sandbox-agent
1
0
Fork 0
mirror of https://github.com/harivansh-afk/sandbox-agent.git synced 2026-04-17 04:02:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore(site): update GetStarted section with syntax highlighting and README sync

Browse source
This commit is contained in:
Nicholas Kissel 2026-01-27 22:39:22 -08:00
parent f9ef97048c
commit 046ef71433
1 changed files with 34 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

50
frontend/packages/website/src/components/GetStarted.tsx
View file

@ -86,7 +86,7 @@ function SdkCodeHighlighted() {
); );
} }
const sandboxCommand = `curl -sSL https://sandboxagent.dev/install | sh`; const sandboxCommand = `curl -fsSL https://releases.rivet.dev/sandbox-agent/latest/install.sh | sh`;
const sourceCommands = `git clone https://github.com/rivet-dev/sandbox-agent const sourceCommands = `git clone https://github.com/rivet-dev/sandbox-agent
cd sandbox-agent cd sandbox-agent
@ -123,7 +123,7 @@ export function GetStarted() {
</div> </div>
<p className="relative z-10 mb-4 text-sm leading-relaxed text-zinc-400"> <p className="relative z-10 mb-4 text-sm leading-relaxed text-zinc-400">
Import the SDK directly into your Node.js or browser application. Full type safety and streaming support. Import the TypeScript SDK directly into your Node or browser application. Full type safety and streaming support.
</p> </p>
<div className="relative z-10 mt-auto"> <div className="relative z-10 mt-auto">
@ -158,15 +158,21 @@ export function GetStarted() {
</p> </p>
<div className="relative z-10 mt-auto"> <div className="relative z-10 mt-auto">
<div className="overflow-hidden rounded-lg border border-white/5 bg-black/50"> <div className="overflow-hidden rounded-lg border border-white/5 bg-black/50 p-3">
<div className="flex items-center justify-between border-b border-white/5 bg-white/5 px-3 py-2"> <div className="flex items-start justify-between gap-2">
<span className="text-[10px] font-medium text-zinc-500">terminal</span> <pre className="font-mono text-[11px] leading-relaxed overflow-x-auto">
<code>
<span className="text-zinc-500">$ </span>
<span className="text-zinc-300">curl -fsSL \</span>
{"\n"}
<span className="text-zinc-300">{" "}</span>
<span className="text-green-400">https://releases.rivet.dev/sandbox-agent/latest/install.sh</span>
<span className="text-zinc-300"> | </span>
<span className="text-blue-400">sh</span>
</code>
</pre>
<CopyButton text={sandboxCommand} /> <CopyButton text={sandboxCommand} />
</div> </div>
<div className="p-3 font-mono text-[11px] text-zinc-300">
<span className="text-zinc-500">$ </span>
<span className="text-green-400">{sandboxCommand}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -182,7 +188,7 @@ export function GetStarted() {
<GitBranch className="h-5 w-5" /> <GitBranch className="h-5 w-5" />
</div> </div>
<div> <div>
<h3 className="text-lg font-semibold text-white">Build from Source</h3> <h3 className="text-lg font-semibold text-white">Open Source</h3>
<p className="text-xs text-zinc-500">Full control</p> <p className="text-xs text-zinc-500">Full control</p>
</div> </div>
</div> </div>
@ -192,14 +198,26 @@ export function GetStarted() {
</p> </p>
<div className="relative z-10 mt-auto"> <div className="relative z-10 mt-auto">
<div className="overflow-hidden rounded-lg border border-white/5 bg-black/50"> <div className="overflow-hidden rounded-lg border border-white/5 bg-black/50 p-3">
<div className="flex items-center justify-between border-b border-white/5 bg-white/5 px-3 py-2"> <div className="flex items-start justify-between gap-2">
<span className="text-[10px] font-medium text-zinc-500">terminal</span> <pre className="font-mono text-[11px] leading-relaxed overflow-x-auto">
<code>
<span className="text-zinc-500">$ </span>
<span className="text-blue-400">git clone</span>
<span className="text-zinc-300"> </span>
<span className="text-green-400">https://github.com/rivet-dev/sandbox-agent</span>
{"\n"}
<span className="text-zinc-500">$ </span>
<span className="text-blue-400">cd</span>
<span className="text-zinc-300"> sandbox-agent</span>
{"\n"}
<span className="text-zinc-500">$ </span>
<span className="text-blue-400">cargo run</span>
<span className="text-zinc-300"> -p sandbox-agent --release</span>
</code>
</pre>
<CopyButton text={sourceCommands} /> <CopyButton text={sourceCommands} />
</div> </div>
<pre className="overflow-x-auto p-3 font-mono text-[11px] leading-relaxed text-zinc-300">
<code>{sourceCommands}</code>
</pre>
</div> </div>
</div> </div>
</div> </div>