@neurocode-ai/web 1.18.8

package/src/content/i18n/zh-TW.json

@@ -0,0 +1,75 @@
+{
+  "app.head.titleSuffix": "為終端機打造的 AI 程式碼代理",
+  "app.header.home": "首頁",
+  "app.header.docs": "文件",
+  "app.footer.issueLink": "發現問題？提交 Issue",
+  "app.footer.discordLink": "加入我們的 Discord 社群",
+  "app.lander.hero.title": "為終端機打造的 AI 程式碼代理。",
+  "app.lander.cta.getStarted": "開始使用",
+  "app.lander.features.native_tui.title": "原生 TUI",
+  "app.lander.features.native_tui.description": "反應靈敏、原生、可自訂主題的終端機 UI。",
+  "app.lander.features.lsp_enabled.title": "LSP 已啟用",
+  "app.lander.features.lsp_enabled.description": "自動為 LLM 載入正確的 LSP。",
+  "app.lander.features.multi_session.title": "多重工作階段",
+  "app.lander.features.multi_session.description": "在同一專案上並行啟動多個代理。",
+  "app.lander.features.shareable_links.title": "可分享的連結",
+  "app.lander.features.shareable_links.description": "分享任何工作階段的連結以供參考或除錯。",
+  "app.lander.features.github_copilot.description": "使用 GitHub 登入以使用您的 Copilot 帳戶。",
+  "app.lander.features.chatgpt_plus_pro.description": "使用 OpenAI 登入以使用您的 ChatGPT Plus 或 Pro 帳戶。",
+  "app.lander.features.use_any_model.title": "使用任何模型",
+  "app.lander.features.use_any_model.prefix": "透過以下方式支援 75+ LLM 供應商",
+  "app.lander.features.use_any_model.suffix": "包括本地模型。",
+  "app.lander.images.tui.caption": "OpenCode TUI (Tokyo Night 主題)",
+  "app.lander.images.tui.alt": "OpenCode TUI (Tokyo Night 主題)",
+  "app.lander.images.vscode.caption": "OpenCode 在 VS Code 中",
+  "app.lander.images.vscode.alt": "OpenCode 在 VS Code 中",
+  "app.lander.images.github.caption": "OpenCode 在 GitHub 中",
+  "app.lander.images.github.alt": "OpenCode 在 GitHub 中",
+  "share.meta_description": "OpenCode - 為終端機打造的 AI 程式碼代理。",
+  "share.not_found": "找不到",
+  "share.link_to_message": "連結到此訊息",
+  "share.copied": "已複製！",
+  "share.copy": "複製",
+  "share.show_more": "顯示更多",
+  "share.show_less": "顯示較少",
+  "share.show_results": "顯示結果",
+  "share.hide_results": "隱藏結果",
+  "share.show_details": "顯示詳情",
+  "share.hide_details": "隱藏詳細資訊",
+  "share.show_preview": "顯示預覽",
+  "share.hide_preview": "隱藏預覽",
+  "share.show_contents": "顯示內容",
+  "share.hide_contents": "隱藏內容",
+  "share.show_output": "顯示輸出",
+  "share.hide_output": "隱藏輸出",
+  "share.error": "錯誤",
+  "share.waiting_for_messages": "等待訊息...",
+  "share.status_connected_waiting": "已連線，等待訊息...",
+  "share.status_connecting": "正在連線...",
+  "share.status_disconnected": "已斷開連線",
+  "share.status_reconnecting": "正在重新連線...",
+  "share.status_error": "錯誤",
+  "share.status_unknown": "未知",
+  "share.error_id_not_found": "找不到 ID",
+  "share.error_api_url_not_found": "找不到 API URL",
+  "share.error_connection_failed": "連線失敗",
+  "share.opencode_version": "OpenCode 版本",
+  "share.opencode_name": "opencode",
+  "share.models": "模型",
+  "share.cost": "成本",
+  "share.input_tokens": "輸入 Tokens",
+  "share.output_tokens": "輸出 Tokens",
+  "share.reasoning_tokens": "推理 Tokens",
+  "share.scroll_to_bottom": "捲動到底部",
+  "share.attachment": "附件",
+  "share.thinking": "思考中",
+  "share.thinking_pending": "思考中...",
+  "share.creating_plan": "建立計畫",
+  "share.completing_plan": "完成計畫",
+  "share.updating_plan": "更新計畫",
+  "share.match_one": "符合項目",
+  "share.match_other": "符合項目",
+  "share.result_one": "結果",
+  "share.result_other": "結果",
+  "share.debug_key": "金鑰"
+}

package/src/content.config.ts

@@ -0,0 +1,16 @@
+import { defineCollection, z } from "astro:content"
+import { docsLoader, i18nLoader } from "@astrojs/starlight/loaders"
+import { docsSchema, i18nSchema } from "@astrojs/starlight/schema"
+import en from "./content/i18n/en.json"
+
+const custom = Object.fromEntries(Object.keys(en).map((key) => [key, z.string()]))
+
+export const collections = {
+  docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
+  i18n: defineCollection({
+    loader: i18nLoader(),
+    schema: i18nSchema({
+      extend: z.object(custom).catchall(z.string()),
+    }),
+  }),
+}

package/src/i18n/locales.ts

@@ -0,0 +1,117 @@
+export const docsLocale = [
+  "ar",
+  "bs",
+  "da",
+  "de",
+  "es",
+  "fr",
+  "it",
+  "ja",
+  "ko",
+  "nb",
+  "pl",
+  "pt-br",
+  "ru",
+  "th",
+  "tr",
+  "uk",
+  "zh-cn",
+  "zh-tw",
+] as const
+
+export type DocsLocale = (typeof docsLocale)[number]
+
+export const locale = ["root", ...docsLocale] as const
+
+export type Locale = (typeof locale)[number]
+
+export const localeAlias = {
+  ar: "ar",
+  br: "pt-br",
+  bs: "bs",
+  da: "da",
+  de: "de",
+  en: "root",
+  es: "es",
+  fr: "fr",
+  it: "it",
+  ja: "ja",
+  ko: "ko",
+  nb: "nb",
+  nn: "nb",
+  no: "nb",
+  pl: "pl",
+  pt: "pt-br",
+  "pt-br": "pt-br",
+  root: "root",
+  ru: "ru",
+  th: "th",
+  tr: "tr",
+  uk: "uk",
+  zh: "zh-cn",
+  "zh-cn": "zh-cn",
+  zht: "zh-tw",
+  "zh-tw": "zh-tw",
+} as const satisfies Record<string, Locale>
+
+const starts = [
+  ["ko", "ko"],
+  ["bs", "bs"],
+  ["de", "de"],
+  ["es", "es"],
+  ["fr", "fr"],
+  ["it", "it"],
+  ["da", "da"],
+  ["ja", "ja"],
+  ["pl", "pl"],
+  ["ru", "ru"],
+  ["uk", "uk"],
+  ["ar", "ar"],
+  ["th", "th"],
+  ["tr", "tr"],
+  ["en", "root"],
+] as const
+
+function parse(input: string) {
+  let decoded = ""
+  try {
+    decoded = decodeURIComponent(input)
+  } catch {
+    return null
+  }
+
+  const value = decoded.trim().toLowerCase()
+  if (!value) return null
+  return value
+}
+
+export function exactLocale(input: string) {
+  const value = parse(input)
+  if (!value) return null
+  if (value in localeAlias) {
+    return localeAlias[value as keyof typeof localeAlias]
+  }
+
+  return null
+}
+
+export function matchLocale(input: string) {
+  const value = parse(input)
+  if (!value) return null
+
+  if (value.startsWith("zh")) {
+    if (value.includes("hant") || value.includes("-tw") || value.includes("-hk") || value.includes("-mo")) {
+      return "zh-tw"
+    }
+    return "zh-cn"
+  }
+
+  if (value in localeAlias) {
+    return localeAlias[value as keyof typeof localeAlias]
+  }
+
+  if (value.startsWith("pt")) return "pt-br"
+  if (value.startsWith("no") || value.startsWith("nb") || value.startsWith("nn")) return "nb"
+
+  return starts.find((item) => value.startsWith(item[0]))?.[1] ?? null
+}

package/src/middleware.ts

@@ -0,0 +1,94 @@
+import { defineMiddleware } from "astro:middleware"
+import { exactLocale, matchLocale } from "./i18n/locales"
+
+function docsAlias(pathname: string) {
+  const hit = /^\/docs\/([^/]+)(\/.*)?$/.exec(pathname)
+  if (!hit) return null
+
+  const value = hit[1] ?? ""
+  const tail = hit[2] ?? ""
+  const locale = exactLocale(value)
+  if (!locale) return null
+
+  const next = locale === "root" ? `/docs${tail}` : `/docs/${locale}${tail}`
+  if (next === pathname) return null
+  return {
+    path: next,
+    locale,
+  }
+}
+
+function cookie(locale: string) {
+  const value = locale === "root" ? "en" : locale
+  return `oc_locale=${encodeURIComponent(value)}; Path=/; Max-Age=31536000; SameSite=Lax`
+}
+
+function redirect(url: URL, path: string, locale?: string) {
+  const next = new URL(url.toString())
+  next.pathname = path
+  const headers = new Headers({
+    Location: next.toString(),
+  })
+  if (locale) headers.set("Set-Cookie", cookie(locale))
+  return new Response(null, {
+    status: 302,
+    headers,
+  })
+}
+
+function localeFromCookie(header: string | null) {
+  if (!header) return null
+  const raw = header
+    .split(";")
+    .map((x) => x.trim())
+    .find((x) => x.startsWith("oc_locale="))
+    ?.slice("oc_locale=".length)
+  if (!raw) return null
+  return matchLocale(raw)
+}
+
+function localeFromAcceptLanguage(header: string | null) {
+  if (!header) return "root"
+
+  const items = header
+    .split(",")
+    .map((raw) => raw.trim())
+    .filter(Boolean)
+    .map((raw) => {
+      const parts = raw.split(";").map((x) => x.trim())
+      const lang = parts[0] ?? ""
+      const q = parts
+        .slice(1)
+        .find((x) => x.startsWith("q="))
+        ?.slice(2)
+      return {
+        lang,
+        q: q ? Number.parseFloat(q) : 1,
+      }
+    })
+    .sort((a, b) => b.q - a.q)
+
+  const locale = items
+    .map((item) => item.lang)
+    .filter((lang) => lang && lang !== "*")
+    .map((lang) => matchLocale(lang))
+    .find((lang) => lang)
+
+  return locale ?? "root"
+}
+
+export const onRequest = defineMiddleware((ctx, next) => {
+  const alias = docsAlias(ctx.url.pathname)
+  if (alias) {
+    return redirect(ctx.url, alias.path, alias.locale)
+  }
+
+  if (ctx.url.pathname !== "/docs" && ctx.url.pathname !== "/docs/") return next()
+
+  const locale =
+    localeFromCookie(ctx.request.headers.get("cookie")) ??
+    localeFromAcceptLanguage(ctx.request.headers.get("accept-language"))
+  if (!locale || locale === "root") return next()
+
+  return redirect(ctx.url, `/docs/${locale}/`)
+})

package/src/pages/[...slug].md.ts

@@ -0,0 +1,34 @@
+import type { APIRoute } from "astro"
+import { getCollection } from "astro:content"
+
+function notFoundText(locals: unknown) {
+  if (typeof locals !== "object" || locals === null || !("t" in locals)) {
+    return "share.not_found"
+  }
+  const t = (locals as { t?: unknown }).t
+  if (typeof t !== "function") {
+    return "share.not_found"
+  }
+  const text = t("share.not_found")
+  if (typeof text === "string" && text.length > 0) {
+    return text
+  }
+  return "share.not_found"
+}
+
+export const GET: APIRoute = async ({ params, locals }) => {
+  const slug = params.slug || "index"
+  const docs = await getCollection("docs")
+  const doc = docs.find((d) => d.id === slug)
+  const notFound = notFoundText(locals)
+
+  if (!doc) {
+    return new Response(notFound, { status: 404, statusText: notFound })
+  }
+
+  return new Response(doc.body, {
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+    },
+  })
+}

package/src/pages/s/[id].astro

@@ -0,0 +1,164 @@
+---
+import { Base64 } from "js-base64"
+import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro"
+import type { Session } from "opencode/session/index"
+import config from "../../../config.mjs"
+import Share from "../../components/Share.tsx"
+
+const apiUrl = import.meta.env.VITE_API_URL || ""
+const ta = Astro.locals.t as ((key: string) => string) & {
+  all?: () => Record<string, string>
+}
+const all = typeof ta.all === "function" ? ta.all() : {}
+const locale = Astro.currentLocale || Astro.locals.starlightRoute.locale || "root"
+const formatLocale = locale === "root" ? "en" : locale
+const t = ta
+
+function tx(key: string) {
+  const value = all[key]
+  if (typeof value === "string") return value
+  return t(key)
+}
+
+const messages = {
+  locale: formatLocale,
+  link_to_message: tx("share.link_to_message"),
+  copied: tx("share.copied"),
+  copy: tx("share.copy"),
+  show_more: tx("share.show_more"),
+  show_less: tx("share.show_less"),
+  show_results: tx("share.show_results"),
+  hide_results: tx("share.hide_results"),
+  show_details: tx("share.show_details"),
+  hide_details: tx("share.hide_details"),
+  show_preview: tx("share.show_preview"),
+  hide_preview: tx("share.hide_preview"),
+  show_contents: tx("share.show_contents"),
+  hide_contents: tx("share.hide_contents"),
+  show_output: tx("share.show_output"),
+  hide_output: tx("share.hide_output"),
+  error: tx("share.error"),
+  waiting_for_messages: tx("share.waiting_for_messages"),
+  status_connected_waiting: tx("share.status_connected_waiting"),
+  status_connecting: tx("share.status_connecting"),
+  status_disconnected: tx("share.status_disconnected"),
+  status_reconnecting: tx("share.status_reconnecting"),
+  status_error: tx("share.status_error"),
+  status_unknown: tx("share.status_unknown"),
+  error_id_not_found: tx("share.error_id_not_found"),
+  error_api_url_not_found: tx("share.error_api_url_not_found"),
+  error_connection_failed: tx("share.error_connection_failed"),
+  opencode_version: tx("share.opencode_version"),
+  opencode_name: tx("share.opencode_name"),
+  models: tx("share.models"),
+  cost: tx("share.cost"),
+  input_tokens: tx("share.input_tokens"),
+  output_tokens: tx("share.output_tokens"),
+  reasoning_tokens: tx("share.reasoning_tokens"),
+  scroll_to_bottom: tx("share.scroll_to_bottom"),
+  attachment: tx("share.attachment"),
+  thinking: tx("share.thinking"),
+  thinking_pending: tx("share.thinking_pending"),
+  creating_plan: tx("share.creating_plan"),
+  completing_plan: tx("share.completing_plan"),
+  updating_plan: tx("share.updating_plan"),
+  match_one: tx("share.match_one"),
+  match_other: tx("share.match_other"),
+  result_one: tx("share.result_one"),
+  result_other: tx("share.result_other"),
+  debug_key: tx("share.debug_key"),
+}
+
+const id = Astro.params.id || ""
+const res = await fetch(`${apiUrl}/share_data?id=${id}`)
+const data = (await res.json()) as {
+  info?: Session.Info
+  messages: Record<string, { role?: string; modelID?: string }>
+}
+
+if (!data.info) {
+  return new Response(null, {
+    status: 404,
+    statusText: tx("share.not_found"),
+  })
+}
+
+const models: Set<string> = new Set()
+const version = data.info.version ? `v${data.info.version}` : "v0.0.1"
+
+for (const d of Object.values(data.messages)) {
+  if (d.role === "assistant" && d.modelID) {
+    models.add(d.modelID)
+  }
+}
+
+const encodedTitle = encodeURIComponent(
+  Base64.encode(
+    encodeURIComponent(data.info.title.substring(0, 700)),
+  ),
+)
+
+const modelsArray = Array.from(models)
+const modelParam =
+  modelsArray.length === 1
+    ? modelsArray[0]
+    : modelsArray.length === 2
+      ? encodeURIComponent(`${modelsArray[0]} & ${modelsArray[1]}`)
+      : encodeURIComponent(`${modelsArray[0]} & ${modelsArray.length - 1} others`)
+
+const ogImage = `${config.socialCard}/opencode-share/${encodedTitle}.png?model=${modelParam}&version=${version}&id=${id}`
+---
+<StarlightPage
+  hasSidebar={false}
+  frontmatter={{
+    title: data.info.title,
+    pagefind: false,
+    template: "splash",
+    tableOfContents: false,
+    head: [
+      {
+        tag: "meta",
+        attrs: {
+          name: "description",
+          content: tx("share.meta_description"),
+        },
+      },
+      {
+        tag: "meta",
+        attrs: {
+          name: "robots",
+          content: "noindex, nofollow, noarchive, nosnippet",
+        }
+      },
+      {
+        tag: "meta",
+        attrs: {
+          property: "og:image",
+          content: ogImage,
+        },
+      },
+      {
+        tag: "meta",
+        attrs: {
+          name: "twitter:image",
+          content: ogImage,
+        },
+      },
+    ],
+  }}
+>
+  <Share id={id} api={apiUrl} info={data.info} messages={messages} client:only="solid" />
+</StarlightPage>
+
+<style is:global>
+body > .page > .main-frame .main-pane > main > .content-panel:first-of-type {
+  display: none;
+}
+body > .page > .main-frame .main-pane > main {
+  padding: 0;
+}
+body > .page > .main-frame .main-pane > main > .content-panel + .content-panel {
+  border-top: none !important;
+  padding: 0;
+}
+</style>