51fe28e45d
* Add cmux SSH blog post * Shorten SSH blog post, remove headings * Trim SSH blog post to 2 paragraphs * Remove first person, add feature bullet list * Clarify no port forwarding needed * Add cmux claude-teams and cmux omo blog posts * Wrap command names in code tags * Add code tags to SSH post, shorten claude-teams and omo paragraphs * Reorder blog posts: SSH first, then claude-teams and omo * Update omo post with actual oh-my-openagent details, improve titles * Add GPL blog post, fix omo title to specialist agents * Explain what the relay daemon is for in SSH post * Move drag-image to second bullet, use routes through * Rewrite SSH intro, add image upload video * Add SSH docs page, link blog posts to docs * Add omo demo video to blog post * Trim omo agent details * Lead omo paragraph with cmux omo command * Rename omo title to oh-my-openagent subagents * Add claude-teams demo video to blog post * Fix omo naming, link to docs instead of blog posts * Add demo videos to SSH blog, SSH docs, claude-teams docs, omo docs --------- Co-authored-by: Lawrence Chen <lawrencecchen@users.noreply.github.com>
119 lines
3.4 KiB
TypeScript
119 lines
3.4 KiB
TypeScript
import { useTranslations } from "next-intl";
|
|
import { getTranslations } from "next-intl/server";
|
|
import { CodeBlock } from "../../../components/code-block";
|
|
import { Callout } from "../../../components/callout";
|
|
import { Link } from "../../../../../i18n/navigation";
|
|
|
|
export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }) {
|
|
const { locale } = await params;
|
|
const t = await getTranslations({ locale, namespace: "docs.ohMyOpenCode" });
|
|
return {
|
|
title: t("metaTitle"),
|
|
description: t("metaDescription"),
|
|
};
|
|
}
|
|
|
|
export default function OhMyOpenCodePage() {
|
|
const t = useTranslations("docs.ohMyOpenCode");
|
|
|
|
return (
|
|
<>
|
|
<h1>{t("title")}</h1>
|
|
|
|
<Callout type="warn">
|
|
{t.rich("nightlyWarning", {
|
|
nightly: (chunks) => <Link href="/nightly" className="underline">{chunks}</Link>,
|
|
})}
|
|
</Callout>
|
|
|
|
<p>{t("intro")}</p>
|
|
|
|
<video
|
|
src="/blog/cmux-omo-demo.mp4"
|
|
width={1824}
|
|
height={1080}
|
|
autoPlay
|
|
loop
|
|
muted
|
|
playsInline
|
|
className="my-6 rounded-lg w-full h-auto"
|
|
/>
|
|
|
|
<h2>{t("usage")}</h2>
|
|
<CodeBlock lang="bash">{`cmux omo
|
|
cmux omo --continue
|
|
cmux omo --model claude-sonnet-4-6`}</CodeBlock>
|
|
<p>{t("usageDesc")}</p>
|
|
|
|
<h2>{t("whatYouGet")}</h2>
|
|
<p>{t("whatYouGetDesc")}</p>
|
|
<ul>
|
|
<li>{t("whatYouGet1")}</li>
|
|
<li>{t("whatYouGet2")}</li>
|
|
<li>{t("whatYouGet3")}</li>
|
|
<li>{t("whatYouGet4")}</li>
|
|
<li>{t("whatYouGet5")}</li>
|
|
</ul>
|
|
|
|
<h2>{t("firstRun")}</h2>
|
|
<p>{t("firstRunDesc")}</p>
|
|
<ol>
|
|
<li>{t("firstRunStep1")}</li>
|
|
<li>{t("firstRunStep2")}</li>
|
|
<li>{t("firstRunStep3")}</li>
|
|
<li>{t("firstRunStep4")}</li>
|
|
</ol>
|
|
<p>{t("firstRunSafe")}</p>
|
|
|
|
<h2>{t("howItWorks")}</h2>
|
|
<p>{t("howItWorksDesc")}</p>
|
|
<ul>
|
|
<li>{t("shimStep1")}</li>
|
|
<li>{t("shimStep2")}</li>
|
|
<li>{t("shimStep3")}</li>
|
|
<li>{t("shimStep4")}</li>
|
|
<li>{t("shimStep5")}</li>
|
|
</ul>
|
|
|
|
<h2>{t("directories")}</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>{t("dirPath")}</th>
|
|
<th>{t("dirPurpose")}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td><code>~/.cmuxterm/omo-bin/</code></td><td>{t("dirShim")}</td></tr>
|
|
<tr><td><code>~/.cmuxterm/omo-config/</code></td><td>{t("dirShadow")}</td></tr>
|
|
<tr><td><code>~/.cmuxterm/tmux-compat-store.json</code></td><td>{t("dirStore")}</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h2>{t("shadowConfig")}</h2>
|
|
<p>{t("shadowConfigDesc")}</p>
|
|
<ul>
|
|
<li>{t("shadowStep1")}</li>
|
|
<li>{t("shadowStep2")}</li>
|
|
<li>{t("shadowStep3")}</li>
|
|
<li>{t("shadowStep4")}</li>
|
|
</ul>
|
|
|
|
<h2>{t("envVars")}</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>{t("envVarName")}</th>
|
|
<th>{t("envVarPurpose")}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td><code>TMUX</code></td><td>{t("envTmux")}</td></tr>
|
|
<tr><td><code>TMUX_PANE</code></td><td>{t("envTmuxPane")}</td></tr>
|
|
<tr><td><code>OPENCODE_CONFIG_DIR</code></td><td>{t("envConfigDir")}</td></tr>
|
|
<tr><td><code>CMUX_SOCKET_PATH</code></td><td>{t("envSocket")}</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</>
|
|
);
|
|
}
|