vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-10-25 07:30:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

chore(console): remove the unused /temp page (#56566)

Browse source
This commit is contained in:
Kit Langton 2026-10-17 15:24:18 -07:00 • committed by GitHub
parent 736d2fe948
commit fd7bb3bc14
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
20 changed files with 0 additions and 467 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
packages/console/app/src/asset/lander/screenshot-splash.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 130 KiB

16
packages/console/app/src/i18n/ar.ts
View file

@ -57,22 +57,6 @@ export const dict = {
"home.title": "OpenCode | وكيل برمجة بالذكاء الاصطناعي مفتوح المصدر",
"temp.title": "opencode | وكيل برمجة بالذكاء الاصطناعي مبني للطرفية",
"temp.hero.title": "وكيل البرمجة بالذكاء الاصطناعي المبني للطرفية",
"temp.zen": "opencode zen",
"temp.getStarted": "ابدأ",
"temp.feature.native.title": "واجهة طرفية أصلية",
"temp.feature.native.body": "واجهة مستخدم طرفية سريعة الاستجابة، أصلية، وقابلة للتخصيص",
"temp.feature.zen.beforeLink": "قائمة",
"temp.feature.zen.link": "منسقة من النماذج",
"temp.feature.zen.afterLink": "مقدمة من opencode",
"temp.feature.models.beforeLink": "يدعم أكثر من 75 مزود LLM من خلال",
"temp.feature.models.afterLink": "، بما في ذلك النماذج المحلية",
"temp.screenshot.caption": "واجهة OpenCode الطرفية مع سمة tokyonight",
"temp.screenshot.alt": "واجهة OpenCode الطرفية بسمة tokyonight",
"temp.logoLightAlt": "شعار opencode الفاتح",
"temp.logoDarkAlt": "شعار opencode الداكن",
"home.banner.badge": "جديد",
"home.hero.title": "وكيل برمجة بالذكاء الاصطناعي مفتوح المصدر",

16
packages/console/app/src/i18n/br.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | O agente de codificação de código aberto com IA",
"temp.title": "opencode | Agente de codificação com IA feito para o terminal",
"temp.hero.title": "O agente de codificação com IA feito para o terminal",
"temp.zen": "opencode zen",
"temp.getStarted": "Começar",
"temp.feature.native.title": "TUI Nativa",
"temp.feature.native.body": "Uma interface de terminal responsiva, nativa e personalizável",
"temp.feature.zen.beforeLink": "Uma",
"temp.feature.zen.link": "lista selecionada de modelos",
"temp.feature.zen.afterLink": "fornecida pela opencode",
"temp.feature.models.beforeLink": "Suporta mais de 75 provedores de LLM através do",
"temp.feature.models.afterLink": ", incluindo modelos locais",
"temp.screenshot.caption": "OpenCode TUI com o tema tokyonight",
"temp.screenshot.alt": "OpenCode TUI com tema tokyonight",
"temp.logoLightAlt": "logo opencode claro",
"temp.logoDarkAlt": "logo opencode escuro",
"home.banner.badge": "Novo",
"home.hero.title": "O agente de codificação de código aberto com IA",

16
packages/console/app/src/i18n/da.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | Den open source AI-kodningsagent",
"temp.title": "opencode | AI-kodningsagent bygget til terminalen",
"temp.hero.title": "AI-kodningsagenten bygget til terminalen",
"temp.zen": "opencode zen",
"temp.getStarted": "Kom i gang",
"temp.feature.native.title": "Native TUI",
"temp.feature.native.body": "En responsiv, native, tema-bar terminal-UI",
"temp.feature.zen.beforeLink": "En",
"temp.feature.zen.link": "kurateret liste over modeller",
"temp.feature.zen.afterLink": "leveret af opencode",
"temp.feature.models.beforeLink": "Understøtter 75+ LLM-udbydere gennem",
"temp.feature.models.afterLink": ", inklusive lokale modeller",
"temp.screenshot.caption": "opencode TUI med tokyonight-temaet",
"temp.screenshot.alt": "opencode TUI med tokyonight-temaet",
"temp.logoLightAlt": "opencode logo light",
"temp.logoDarkAlt": "opencode logo dark",
"home.banner.badge": "Ny",
"home.hero.title": "Den open source AI-kodningsagent",

16
packages/console/app/src/i18n/de.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | Der Open-Source AI-Coding-Agent",
"temp.title": "OpenCode | Für das Terminal gebauter AI-Coding-Agent",
"temp.hero.title": "Der für das Terminal gebaute AI-Coding-Agent",
"temp.zen": "OpenCode Zen",
"temp.getStarted": "Loslegen",
"temp.feature.native.title": "Native TUI",
"temp.feature.native.body": "Eine reaktionsschnelle, native, thematisierbare Terminal-UI",
"temp.feature.zen.beforeLink": "Eine",
"temp.feature.zen.link": "kuratierte Liste von Modellen",
"temp.feature.zen.afterLink": "bereitgestellt von OpenCode",
"temp.feature.models.beforeLink": "Unterstützt 75+ LLM-Anbieter durch",
"temp.feature.models.afterLink": ", einschließlich lokaler Modelle",
"temp.screenshot.caption": "OpenCode TUI mit dem Tokyonight-Theme",
"temp.screenshot.alt": "OpenCode TUI mit Tokyonight-Theme",
"temp.logoLightAlt": "OpenCode Logo hell",
"temp.logoDarkAlt": "OpenCode Logo dunkel",
"home.banner.badge": "Neu",
"home.hero.title": "Der Open-Source AI-Coding-Agent",

16
packages/console/app/src/i18n/en.ts
View file

@ -59,22 +59,6 @@ export const dict = {
"home.title": "OpenCode | The open source AI coding agent",
"temp.title": "opencode | AI coding agent built for the terminal",
"temp.hero.title": "The AI coding agent built for the terminal",
"temp.zen": "opencode zen",
"temp.getStarted": "Get Started",
"temp.feature.native.title": "Native TUI",
"temp.feature.native.body": "A responsive, native, themeable terminal UI",
"temp.feature.zen.beforeLink": "A",
"temp.feature.zen.link": "curated list of models",
"temp.feature.zen.afterLink": "provided by opencode",
"temp.feature.models.beforeLink": "Supports 75+ LLM providers through",
"temp.feature.models.afterLink": ", including local models",
"temp.screenshot.caption": "opencode TUI with the tokyonight theme",
"temp.screenshot.alt": "opencode TUI with tokyonight theme",
"temp.logoLightAlt": "opencode logo light",
"temp.logoDarkAlt": "opencode logo dark",
"home.banner.badge": "New",
"home.hero.title": "The open source AI coding agent",

16
packages/console/app/src/i18n/es.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | El agente de codificación IA de código abierto",
"temp.title": "opencode | Agente de codificación IA creado para la terminal",
"temp.hero.title": "El agente de codificación IA creado para la terminal",
"temp.zen": "opencode zen",
"temp.getStarted": "Empezar",
"temp.feature.native.title": "TUI Nativa",
"temp.feature.native.body": "Una interfaz de terminal responsiva, nativa y personalizable",
"temp.feature.zen.beforeLink": "Una lista",
"temp.feature.zen.link": "seleccionada de modelos",
"temp.feature.zen.afterLink": "proporcionada por opencode",
"temp.feature.models.beforeLink": "Soporta más de 75 proveedores de LLM a través de",
"temp.feature.models.afterLink": ", incluyendo modelos locales",
"temp.screenshot.caption": "opencode TUI con el tema tokyonight",
"temp.screenshot.alt": "opencode TUI con tema tokyonight",
"temp.logoLightAlt": "logo de opencode claro",
"temp.logoDarkAlt": "logo de opencode oscuro",
"home.banner.badge": "Nuevo",
"home.hero.title": "El agente de codificación IA de código abierto",

16
packages/console/app/src/i18n/fr.ts
View file

@ -57,22 +57,6 @@ export const dict = {
"home.title": "OpenCode | L'agent de code IA open source",
"temp.title": "OpenCode | Agent de code IA conçu pour le terminal",
"temp.hero.title": "L'agent de code IA conçu pour le terminal",
"temp.zen": "OpenCode Zen",
"temp.getStarted": "Commencer",
"temp.feature.native.title": "TUI Native",
"temp.feature.native.body": "Une interface terminal native, réactive et thémable",
"temp.feature.zen.beforeLink": "Une",
"temp.feature.zen.link": "liste organisée de modèles",
"temp.feature.zen.afterLink": "fournie par OpenCode",
"temp.feature.models.beforeLink": "Prend en charge plus de 75 fournisseurs LLM via",
"temp.feature.models.afterLink": ", y compris les modèles locaux",
"temp.screenshot.caption": "OpenCode TUI avec le thème tokyonight",
"temp.screenshot.alt": "OpenCode TUI avec le thème tokyonight",
"temp.logoLightAlt": "opencode logo light",
"temp.logoDarkAlt": "opencode logo dark",
"home.banner.badge": "Nouveau",
"home.hero.title": "L'agent de code IA open source",

16
packages/console/app/src/i18n/it.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | L'agente di coding IA open source",
"temp.title": "opencode | Agente di coding IA costruito per il terminale",
"temp.hero.title": "L'agente di coding IA costruito per il terminale",
"temp.zen": "opencode zen",
"temp.getStarted": "Inizia",
"temp.feature.native.title": "TUI Nativa",
"temp.feature.native.body": "Un'interfaccia terminale reattiva, nativa e personalizzabile",
"temp.feature.zen.beforeLink": "Una",
"temp.feature.zen.link": "lista curata di modelli",
"temp.feature.zen.afterLink": "fornita da opencode",
"temp.feature.models.beforeLink": "Supporta 75+ provider LLM tramite",
"temp.feature.models.afterLink": ", inclusi modelli locali",
"temp.screenshot.caption": "OpenCode TUI con il tema tokyonight",
"temp.screenshot.alt": "OpenCode TUI con tema tokyonight",
"temp.logoLightAlt": "logo chiaro di opencode",
"temp.logoDarkAlt": "logo scuro di opencode",
"home.banner.badge": "Nuovo",
"home.hero.title": "L'agente di coding IA open source",

16
packages/console/app/src/i18n/ja.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | オープンソースのAIコーディングエージェント",
"temp.title": "OpenCode | ターミナル向けに構築されたAIコーディングエージェント",
"temp.hero.title": "ターミナル向けに構築されたAIコーディングエージェント",
"temp.zen": "OpenCode Zen",
"temp.getStarted": "はじめる",
"temp.feature.native.title": "ネイティブ TUI",
"temp.feature.native.body": "レスポンシブでネイティブ、テーマ変更可能なターミナルUI",
"temp.feature.zen.beforeLink": "OpenCodeが提供する",
"temp.feature.zen.link": "厳選されたモデルリスト",
"temp.feature.zen.afterLink": "",
"temp.feature.models.beforeLink": "ローカルモデルを含む、",
"temp.feature.models.afterLink": "を通じて75以上のLLMプロバイダーをサポート",
"temp.screenshot.caption": "tokyonight テーマを使用した OpenCode TUI",
"temp.screenshot.alt": "tokyonight テーマの OpenCode TUI",
"temp.logoLightAlt": "opencodeのロゴ（ライト）",
"temp.logoDarkAlt": "opencodeのロゴ（ダーク）",
"home.banner.badge": "新着",
"home.hero.title": "オープンソースのAIコーディングエージェント",

16
packages/console/app/src/i18n/ko.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | 오픈 소스 AI 코딩 에이전트",
"temp.title": "OpenCode | 터미널을 위해 만들어진 AI 코딩 에이전트",
"temp.hero.title": "터미널을 위해 만들어진 AI 코딩 에이전트",
"temp.zen": "OpenCode Zen",
"temp.getStarted": "시작하기",
"temp.feature.native.title": "네이티브 TUI",
"temp.feature.native.body": "반응형, 네이티브, 테마 적용 가능한 터미널 UI",
"temp.feature.zen.beforeLink": "OpenCode가 제공하는",
"temp.feature.zen.link": "엄선된 모델 목록",
"temp.feature.zen.afterLink": "",
"temp.feature.models.beforeLink": "로컬 모델을 포함하여",
"temp.feature.models.afterLink": "를 통해 75개 이상의 LLM 제공자 지원",
"temp.screenshot.caption": "tokyonight 테마가 적용된 OpenCode TUI",
"temp.screenshot.alt": "tokyonight 테마가 적용된 OpenCode TUI",
"temp.logoLightAlt": "opencode 밝은 로고",
"temp.logoDarkAlt": "opencode 어두운 로고",
"home.banner.badge": "신규",
"home.hero.title": "오픈 소스 AI 코딩 에이전트",

16
packages/console/app/src/i18n/no.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | Den åpne kildekode AI-kodingsagenten",
"temp.title": "opencode | AI-kodingsagent bygget for terminalen",
"temp.hero.title": "AI-kodingsagenten bygget for terminalen",
"temp.zen": "opencode zen",
"temp.getStarted": "Kom i gang",
"temp.feature.native.title": "Native TUI",
"temp.feature.native.body": "Et responsivt, native terminal-brukergrensesnitt som kan temes",
"temp.feature.zen.beforeLink": "En",
"temp.feature.zen.link": "kuratert liste over modeller",
"temp.feature.zen.afterLink": "levert av opencode",
"temp.feature.models.beforeLink": "Støtter 75+ LLM-leverandører gjennom",
"temp.feature.models.afterLink": ", inkludert lokale modeller",
"temp.screenshot.caption": "opencode TUI med tokyonight-tema",
"temp.screenshot.alt": "opencode TUI med tokyonight-tema",
"temp.logoLightAlt": "opencode logo lys",
"temp.logoDarkAlt": "opencode logo mørk",
"home.banner.badge": "Ny",
"home.hero.title": "Den åpne kildekode AI-kodingsagenten",

16
packages/console/app/src/i18n/pl.ts
View file

@ -57,22 +57,6 @@ export const dict = {
"home.title": "OpenCode | Open source'owy agent AI do kodowania",
"temp.title": "opencode | Agent AI do kodowania zbudowany dla terminala",
"temp.hero.title": "Agent AI do kodowania zbudowany dla terminala",
"temp.zen": "opencode zen",
"temp.getStarted": "Rozpocznij",
"temp.feature.native.title": "Natywny TUI",
"temp.feature.native.body": "Responsywny, natywny, tematyczny interfejs terminala",
"temp.feature.zen.beforeLink": "A",
"temp.feature.zen.link": "wyselekcjonowana lista modeli",
"temp.feature.zen.afterLink": "dostarczana przez opencode",
"temp.feature.models.beforeLink": "Obsługuje 75+ dostawców LLM przez",
"temp.feature.models.afterLink": ", w tym modele lokalne",
"temp.screenshot.caption": "OpenCode TUI z motywem tokyonight",
"temp.screenshot.alt": "OpenCode TUI z motywem tokyonight",
"temp.logoLightAlt": "jasne logo opencode",
"temp.logoDarkAlt": "ciemne logo opencode",
"home.banner.badge": "Nowość",
"home.hero.title": "Open source'owy agent AI do kodowania",

16
packages/console/app/src/i18n/ru.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | AI-агент с открытым кодом для программирования",
"temp.title": "opencode | AI-агент для программирования в терминале",
"temp.hero.title": "AI-агент для программирования в терминале",
"temp.zen": "opencode zen",
"temp.getStarted": "Начать",
"temp.feature.native.title": "Нативный TUI",
"temp.feature.native.body": "Отзывчивый, нативный, темизируемый терминальный интерфейс",
"temp.feature.zen.beforeLink": "",
"temp.feature.zen.link": "Отобранный список моделей",
"temp.feature.zen.afterLink": "от opencode",
"temp.feature.models.beforeLink": "Поддерживает 75+ провайдеров LLM через",
"temp.feature.models.afterLink": ", включая локальные модели",
"temp.screenshot.caption": "OpenCode TUI с темой tokyonight",
"temp.screenshot.alt": "OpenCode TUI с темой tokyonight",
"temp.logoLightAlt": "светлый логотип opencode",
"temp.logoDarkAlt": "темный логотип opencode",
"home.banner.badge": "Новое",
"home.hero.title": "AI-агент с открытым кодом для программирования",

16
packages/console/app/src/i18n/th.ts
View file

@ -57,22 +57,6 @@ export const dict = {
"home.title": "OpenCode | เอเจนต์เขียนโค้ดด้วย AI แบบโอเพนซอร์ส",
"temp.title": "OpenCode | เอเจนต์เขียนโค้ด AI ที่สร้างมาเพื่อเทอร์มินัล",
"temp.hero.title": "เอเจนต์เขียนโค้ด AI ที่สร้างมาเพื่อเทอร์มินัล",
"temp.zen": "OpenCode Zen",
"temp.getStarted": "เริ่มต้นใช้งาน",
"temp.feature.native.title": "Native TUI",
"temp.feature.native.body": "UI เทอร์มินัลแบบเนทีฟที่ตอบสนองไวและปรับแต่งธีมได้",
"temp.feature.zen.beforeLink": "",
"temp.feature.zen.link": "รายการโมเดลที่คัดสรรแล้ว",
"temp.feature.zen.afterLink": "โดย OpenCode",
"temp.feature.models.beforeLink": "รองรับผู้ให้บริการ LLM กว่า 75 รายผ่าน",
"temp.feature.models.afterLink": "รวมถึงโมเดล Local",
"temp.screenshot.caption": "OpenCode TUI พร้อมธีม tokyonight",
"temp.screenshot.alt": "OpenCode TUI พร้อมธีม tokyonight",
"temp.logoLightAlt": "โลโก้ opencode แบบสว่าง",
"temp.logoDarkAlt": "โลโก้ opencode แบบมืด",
"home.banner.badge": "ใหม่",
"home.hero.title": "เอเจนต์เขียนโค้ดด้วย AI แบบโอเพนซอร์ส",

16
packages/console/app/src/i18n/tr.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | Açık kaynaklı yapay zeka kodlama ajanı",
"temp.title": "opencode | Terminal için geliştirilmiş yapay zeka kodlama ajanı",
"temp.hero.title": "Terminal için geliştirilmiş yapay zeka kodlama ajanı",
"temp.zen": "opencode zen",
"temp.getStarted": "Başlayın",
"temp.feature.native.title": "Yerel (Native) TUI",
"temp.feature.native.body": "Duyarlı, yerel, temalandırılabilir bir terminal arayüzü",
"temp.feature.zen.beforeLink": "opencode tarafından sağlanan ",
"temp.feature.zen.link": "seçkin modeller listesi",
"temp.feature.zen.afterLink": "",
"temp.feature.models.beforeLink": "Yerel modeller dahil 75+ LLM sağlayıcısını ",
"temp.feature.models.afterLink": " üzerinden destekler",
"temp.screenshot.caption": "opencode TUI ve tokyonight teması",
"temp.screenshot.alt": "tokyonight temalı opencode TUI",
"temp.logoLightAlt": "opencode açık logo",
"temp.logoDarkAlt": "opencode koyu logo",
"home.banner.badge": "Yeni",
"home.hero.title": "Açık kaynaklı yapay zeka kodlama ajanı",

16
packages/console/app/src/i18n/uk.ts
View file

@ -57,22 +57,6 @@ export const dict = {
"home.title": "OpenCode | Відкритий AI-агент для кодування",
"temp.title": "opencode | AI-агент для кодування, створений для термінала",
"temp.hero.title": "AI-агент для кодування, створений для термінала",
"temp.zen": "opencode zen",
"temp.getStarted": "Почати",
"temp.feature.native.title": "Рідний TUI",
"temp.feature.native.body": "Чуйний, рідний інтерфейс термінала з темами",
"temp.feature.zen.beforeLink": "A",
"temp.feature.zen.link": "добірка моделей",
"temp.feature.zen.afterLink": "від opencode",
"temp.feature.models.beforeLink": "Підтримує 75+ LLM-провайдерів через",
"temp.feature.models.afterLink": ", включаючи локальні моделі",
"temp.screenshot.caption": "OpenCode TUI з темою tokyonight",
"temp.screenshot.alt": "OpenCode TUI з темою tokyonight",
"temp.logoLightAlt": "світлий логотип opencode",
"temp.logoDarkAlt": "темний логотип opencode",
"home.banner.badge": "Нове",
"home.hero.title": "Відкритий AI-агент для кодування",

16
packages/console/app/src/i18n/zh.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | 开源 AI 编程代理",
"temp.title": "OpenCode | 专为终端打造的 AI 编程代理",
"temp.hero.title": "专为终端打造的 AI 编程代理",
"temp.zen": "OpenCode Zen",
"temp.getStarted": "开始使用",
"temp.feature.native.title": "原生 TUI",
"temp.feature.native.body": "响应迅速、原生的、可定制主题的终端 UI",
"temp.feature.zen.beforeLink": "由 OpenCode 提供的",
"temp.feature.zen.link": "精选模型列表",
"temp.feature.zen.afterLink": "",
"temp.feature.models.beforeLink": "通过 Models.dev 支持 75+ LLM 提供商",
"temp.feature.models.afterLink": "，包括本地模型",
"temp.screenshot.caption": "使用 Tokyonight 主题的 OpenCode TUI",
"temp.screenshot.alt": "使用 Tokyonight 主题的 OpenCode TUI",
"temp.logoLightAlt": "opencode logo 亮色",
"temp.logoDarkAlt": "opencode logo 暗色",
"home.banner.badge": "新",
"home.hero.title": "开源 AI 编程代理",

16
packages/console/app/src/i18n/zht.ts
View file

@ -58,22 +58,6 @@ export const dict = {
"home.title": "OpenCode | 開源 AI 編碼代理",
"temp.title": "OpenCode | 專為終端打造的 AI 編碼代理",
"temp.hero.title": "專為終端打造的 AI 編碼代理",
"temp.zen": "OpenCode Zen",
"temp.getStarted": "開始使用",
"temp.feature.native.title": "原生 TUI",
"temp.feature.native.body": "響應式、原生、可自訂主題的終端介面",
"temp.feature.zen.beforeLink": "",
"temp.feature.zen.link": "精選模型列表",
"temp.feature.zen.afterLink": "由 OpenCode 提供",
"temp.feature.models.beforeLink": "透過",
"temp.feature.models.afterLink": "支援 75+ 家 LLM 供應商，包括本地模型",
"temp.screenshot.caption": "使用 tokyonight 主題的 OpenCode TUI",
"temp.screenshot.alt": "使用 tokyonight 主題的 OpenCode TUI",
"temp.logoLightAlt": "opencode 淺色標誌",
"temp.logoDarkAlt": "opencode 深色標誌",
"home.banner.badge": "新",
"home.hero.title": "開源 AI 編碼代理",

179
packages/console/app/src/routes/temp.tsx
View file

@ -1,179 +0,0 @@
import "./index.css"
import { Title } from "@solidjs/meta"
import { onCleanup, onMount } from "solid-js"
import logoLight from "../asset/logo-ornate-light.svg"
import logoDark from "../asset/logo-ornate-dark.svg"
import IMG_SPLASH from "../asset/lander/screenshot-splash.png"
import { IconCopy, IconCheck } from "../component/icon"
import { useI18n } from "~/context/i18n"
import { useLanguage } from "~/context/language"
function CopyStatus() {
return (
<div data-component="copy-status">
<IconCopy data-slot="copy" />
<IconCheck data-slot="check" />
</div>
)
}
export default function Home() {
const i18n = useI18n()
const language = useLanguage()
onMount(() => {
const commands = document.querySelectorAll("[data-copy]")
for (const button of commands) {
const callback = () => {
const text = button.textContent
if (text) {
void navigator.clipboard.writeText(text)
button.setAttribute("data-copied", "")
setTimeout(() => {
button.removeAttribute("data-copied")
}, 1500)
}
}
button.addEventListener("click", callback)
onCleanup(() => {
button.removeEventListener("click", callback)
})
}
})
return (
<main data-page="home">
<Title>{i18n.t("temp.title")}</Title>
<div data-component="content">
<section data-component="top">
<img data-slot="logo light" src={logoLight} alt={i18n.t("temp.logoLightAlt")} />
<img data-slot="logo dark" src={logoDark} alt={i18n.t("temp.logoDarkAlt")} />
<h1 data-slot="title">{i18n.t("temp.hero.title")}</h1>
<div data-slot="login">
<a href="/auth">{i18n.t("temp.zen")}</a>
</div>
</section>
<section data-component="cta">
<div data-slot="left">
<a href={language.route("/docs")}>{i18n.t("temp.getStarted")}</a>
</div>
<div data-slot="center">
<a href="/auth">{i18n.t("temp.zen")}</a>
</div>
<div data-slot="right">
<button data-copy data-slot="command">
<span>
<span>curl -fsSL </span>
<span data-slot="protocol">https://</span>
<span data-slot="highlight">opencode.ai/install</span>
<span> | bash</span>
</span>
<CopyStatus />
</button>
</div>
</section>
<section data-component="features">
<ul data-slot="list">
<li>
<strong>{i18n.t("temp.feature.native.title")}</strong> {i18n.t("temp.feature.native.body")}
</li>
<li>
<strong>{i18n.t("home.what.lsp.title")}</strong> {i18n.t("home.what.lsp.body")}
</li>
<li>
<strong>{i18n.t("temp.zen")}</strong> {i18n.t("temp.feature.zen.beforeLink")}{" "}
<a href="/v2/docs/console/models/">{i18n.t("temp.feature.zen.link")}</a>{" "}
{i18n.t("temp.feature.zen.afterLink")} <label>{i18n.t("home.banner.badge")}</label>
</li>
<li>
<strong>{i18n.t("home.what.multiSession.title")}</strong> {i18n.t("home.what.multiSession.body")}
</li>
<li>
<strong>{i18n.t("home.what.shareLinks.title")}</strong> {i18n.t("home.what.shareLinks.body")}
</li>
<li>
<strong>{i18n.t("home.what.copilot.title")}</strong> {i18n.t("home.what.copilot.body")}
</li>
<li>
<strong>{i18n.t("home.what.chatgptPlus.title")}</strong> {i18n.t("home.what.chatgptPlus.body")}
</li>
<li>
<strong>{i18n.t("home.what.anyModel.title")}</strong> {i18n.t("temp.feature.models.beforeLink")}{" "}
<a href="https://models.dev">Models.dev</a>
{i18n.t("temp.feature.models.afterLink")}
</li>
</ul>
</section>
<section data-component="install">
<div data-component="method">
<h3 data-component="title">npm</h3>
<button data-copy data-slot="button">
<span>
npm install -g <strong>opencode-ai</strong>
</span>
<CopyStatus />
</button>
</div>
<div data-component="method">
<h3 data-component="title">bun</h3>
<button data-copy data-slot="button">
<span>
bun install -g <strong>opencode-ai</strong>
</span>
<CopyStatus />
</button>
</div>
<div data-component="method">
<h3 data-component="title">homebrew</h3>
<button data-copy data-slot="button">
<span>
brew install <strong>opencode</strong>
</span>
<CopyStatus />
</button>
</div>
<div data-component="method">
<h3 data-component="title">paru</h3>
<button data-copy data-slot="button">
<span>
paru -S <strong>opencode-bin</strong>
</span>
<CopyStatus />
</button>
</div>
</section>
<section data-component="screenshots">
<figure>
<figcaption>{i18n.t("temp.screenshot.caption")}</figcaption>
<a href={language.route("/docs/cli")}>
<img src={IMG_SPLASH} alt={i18n.t("temp.screenshot.alt")} />
</a>
</figure>
</section>
<footer data-component="footer">
<div data-slot="cell">
<a href="https://x.com/opencode">{i18n.t("footer.x")}</a>
</div>
<div data-slot="cell">
<a href="https://github.com/anomalyco/opencode">{i18n.t("footer.github")}</a>
</div>
<div data-slot="cell">
<a href="https://opencode.ai/discord">{i18n.t("footer.discord")}</a>
</div>
</footer>
</div>
<div data-component="legal">
<span>
©2025 <a href="https://anoma.ly">Anomaly</a>
</span>
</div>
</main>
)
}