the universal sandbox runtime for agents and humans.
pocketenv.io
sandbox
openclaw
agent
claude-code
vercel-sandbox
deno-sandbox
cloudflare-sandbox
atproto
sprites
daytona
Add Nix install option to Home install tabs
+17
-11
+17
-11
apps/web/src/pages/home/Home.tsx
+17
-11
apps/web/src/pages/home/Home.tsx
···
4
4
import { useNavigate } from "@tanstack/react-router";
5
5
import dayjs from "dayjs";
6
6
7
-
type InstallTab = "bash" | "npm" | "brew";
7
+
type InstallTab = "bash" | "npm" | "brew" | "nix";
8
8
9
9
const installCommands: Record<
10
10
InstallTab,
···
17
17
},
18
18
npm: { prefix: "npm install -g ", highlight: "@pocketenv/cli" },
19
19
brew: { prefix: "brew install ", highlight: "pocketenv-io/tap/pocketenv" },
20
+
nix: {
21
+
prefix: "nix profile add ",
22
+
highlight: "github:pocketenv-io/pocketenv",
23
+
},
20
24
};
21
25
22
26
const banner = [
···
88
92
className="tabs tabs-bordered justify-center mb-0"
89
93
role="tablist"
90
94
>
91
-
{(["bash", "npm", "brew"] as InstallTab[]).map((tab) => (
92
-
<button
93
-
key={tab}
94
-
role="tab"
95
-
className={`tab font-semibold uppercase tracking-wide text-sm ${activeTab === tab ? "tab-active text-primary" : "text-purple-300 opacity-60"}`}
96
-
onClick={() => setActiveTab(tab)}
97
-
>
98
-
{tab}
99
-
</button>
100
-
))}
95
+
{(["bash", "npm", "brew", "nix"] as InstallTab[]).map(
96
+
(tab) => (
97
+
<button
98
+
key={tab}
99
+
role="tab"
100
+
className={`tab font-semibold uppercase tracking-wide text-sm ${activeTab === tab ? "tab-active text-primary" : "text-purple-300 opacity-60"}`}
101
+
onClick={() => setActiveTab(tab)}
102
+
>
103
+
{tab}
104
+
</button>
105
+
),
106
+
)}
101
107
</div>
102
108
<div className="flex items-center gap-3 bg-[#12182dad] rounded-xl px-5 py-3 mt-0">
103
109
<span className=" text-purple-300">$</span>