tools/site_i18n.py
Rama main · réplica de lectura del repositorio original.
#!/usr/bin/env python3
"""Build the public site from one copy table plus facts from the repo.
English lives in PAGES['en']. The other languages must have the same keys.
CLI names, the grok config example, and the Python version are read from
clis.toml / pyproject.toml at generate time, so the site cannot advertise a
CLI the catalogue dropped or a Python floor the package no longer claims.
`python3 tools/site_i18n.py` writes site/<lang>/index.html (English at
site/index.html) and site/i18n.lock.json.
`python3 tools/site_i18n.py --check` is what CI runs. It fails when:
- generated HTML does not match what is committed
- a translation is missing a key
- English changed and that language's string did not
- a featured CLI id is not in clis.toml
It does not machine-translate. New English still needs a person (or the
other window) to write the other languages; the check is what makes that
unskippable.
"""
from __future__ import annotations
import argparse
import hashlib
import json
import re
import tomllib
from pathlib import Path
REPO = Path(__file__).resolve().parents[1]
ROOT = REPO / "site"
LOCK = ROOT / "i18n.lock.json"
STAR = '<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><path fill="currentColor" d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25"/></svg>'
OCTO = '<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>'
CLONE = "pip install clique-panel\nclique password\nclique"
CSS_V = "11"
#: Homepage strip. Editorial order; every id must exist in clis.toml.
FEATURED = ("claude", "grok", "gemini", "codex", "antigravity", "opencode", "cursor", "cline", "shell")
SHORT_LEDE = 4
EXAMPLE_CLI = "grok"
META_KEYS = {"html_lang", "locale"}
HREFLANG = """\
<link rel="alternate" hreflang="en" href="https://useclique.dev/">
<link rel="alternate" hreflang="zh-Hans" href="https://useclique.dev/zh/">
<link rel="alternate" hreflang="ja" href="https://useclique.dev/ja/">
<link rel="alternate" hreflang="ko" href="https://useclique.dev/ko/">
<link rel="alternate" hreflang="pt-BR" href="https://useclique.dev/pt-br/">
<link rel="alternate" hreflang="de" href="https://useclique.dev/de/">
<link rel="alternate" hreflang="x-default" href="https://useclique.dev/">"""
LANGS = [
("/", "en", "English"),
("/zh/", "zh-Hans", "简体中文"),
("/ja/", "ja", "日本語"),
("/ko/", "ko", "한국어"),
("/pt-br/", "pt-BR", "Português"),
("/de/", "de", "Deutsch"),
]
def langs_html(current: str) -> str:
bits = []
for href, code, label in LANGS:
on = ' class="on"' if code == current else ""
bits.append(f'<a href="{href}"{on} lang="{code}">{label}</a>')
return " · ".join(bits)
def _sha(text: str) -> str:
return hashlib.sha256(text.encode()).hexdigest()[:16]
def _toml_value(value) -> str:
if isinstance(value, str):
return json.dumps(value)
if isinstance(value, list):
return "[" + ", ".join(_toml_value(v) for v in value) + "]"
return json.dumps(value)
def load_clis() -> dict:
data = tomllib.loads((REPO / "clique" / "config" / "clis.toml").read_text())
return data.get("cli") or {}
def python_floor() -> str:
text = (REPO / "pyproject.toml").read_text()
match = re.search(r'requires-python\s*=\s*">=([^"]+)"', text)
if not match:
raise SystemExit("pyproject.toml has no requires-python floor")
return match.group(1)
def short_label(label: str) -> str:
return label[:-4] if label.endswith(" CLI") else label
def facts() -> dict:
clis = load_clis()
missing = [cid for cid in FEATURED if cid not in clis]
if missing:
raise SystemExit(
"featured CLI id not in clis.toml: " + ", ".join(missing)
+ "\nThe homepage strip is FEATURED in tools/site_i18n.py. "
"Remove it there, or put the CLI back in the catalogue."
)
names = [short_label(clis[cid]["label"]) for cid in FEATURED]
example = clis[EXAMPLE_CLI]
snippet = [f"[cli.{EXAMPLE_CLI}]"]
for key in ("label", "command", "args", "color"):
snippet.append(f"{key:<7} = {_toml_value(example[key])}")
version = python_floor()
return {
"cli_strip": " · ".join(names),
"cli_short": ", ".join(names[:SHORT_LEDE]),
"python": f"{version}+",
"python_badge": f"{version}%2B",
"cfg_example": "\n".join(snippet),
}
def fill(text: str, values: dict) -> str:
for key, value in values.items():
text = text.replace("{" + key + "}", value)
return text
def copy_keys() -> list[str]:
return sorted(k for k in PAGES["en"] if k not in META_KEYS)
def page_path(slug: str) -> Path:
return ROOT / "index.html" if slug == "en" else ROOT / slug / "index.html"
def render(slug: str, values: dict) -> str:
t = dict(PAGES[slug])
for key in copy_keys():
t[key] = fill(t[key], values)
prefix = "" if slug == "en" else "../"
canonical = "https://useclique.dev/" if slug == "en" else f"https://useclique.dev/{slug}/"
word = "/" if slug == "en" else f"/{slug}/"
return TMPL.format(
slug=slug,
prefix=prefix,
canonical=canonical,
word_href=word,
hreflang=HREFLANG,
star=STAR,
octo=OCTO,
clone=CLONE,
clis=values["cli_strip"],
python=values["python"],
python_badge=values["python_badge"],
cfg_example=values["cfg_example"].replace("{", "{{").replace("}", "}}"),
css_v=CSS_V,
langs=langs_html(t["html_lang"]),
**t,
)
def current_lock() -> dict:
return {
key: {lang: _sha(PAGES[lang][key]) for lang in PAGES}
for key in copy_keys()
}
def translation_problems() -> list[str]:
problems = []
required = set(copy_keys()) | META_KEYS
for lang, table in PAGES.items():
missing = sorted(required - set(table))
extra = sorted(set(table) - required)
if missing:
problems.append(f"{lang}: missing {', '.join(missing)}")
if extra:
problems.append(f"{lang}: extra {', '.join(extra)}")
if not LOCK.exists():
problems.append(f"missing {LOCK.relative_to(REPO)} — run python3 tools/site_i18n.py")
return problems
previous = json.loads(LOCK.read_text())
for key in copy_keys():
was = previous.get(key) or {}
now_en = _sha(PAGES["en"][key])
if not was:
continue # a new key: the missing-key check above makes every language carry it
if was.get("en") == now_en:
continue
for lang in PAGES:
if lang == "en":
continue
if _sha(PAGES[lang][key]) == was.get(lang):
problems.append(
f"{lang}.{key}: English changed and this translation did not"
)
return problems
PAGES = {
"en": dict(
html_lang="en",
locale="en_US",
title="CLIque: a folder for every CLI on the box",
desc="Coding sessions in folders, in a browser, kept alive in tmux. Self-host is free. Paid is for people who don't want to run it themselves.",
ogdesc="A browser panel for every coding CLI on the box. Self-host is free. Paid later if you don't want to run it yourself.",
kicker="self-hosted · MIT · 24 MB · no telemetry",
h1='A <em>folder</em> for every CLI on the box.',
lede="Coding sessions in folders, in a browser, kept alive in tmux. {cli_short}, or four lines of config for the next one. Self-host is free. Paid is for people who don't want to run it themselves.",
tag="Folders, tmux, a browser.",
copy="Copy",
copied="Copied",
then="Python {python} and tmux. Nothing else. Then open <code>http://127.0.0.1:3200</code>.",
self_b="Self-host",
self="Free forever. MIT. Install it, it runs on your box, it binds loopback.",
paid_b="Don't want to self-host",
paid="Paid comes later. Sessions stay on a machine you control. We don't host a shell for you.",
f24_b="24 MB resident.",
f24="No framework, no <code>node_modules</code>, no build.",
flop_b="Loopback on purpose.",
flop="Anyone who reaches the panel has a terminal as you.",
fring_b="The ring is the status.",
fring="Spinning = working. Pulsing = waiting on you. Nothing = idle.",
cfg_h="Adding a CLI is config, never code.",
cfg_then="Reload the page. If adding one ever needs a code change, the design has failed.",
faq_h="Questions",
q1="Do I have to put it on the internet?",
a1="No. It binds loopback. Tunnel it if you need another machine. Don't hang it on the public internet. Anyone who reaches the panel has a terminal as you.",
q2="What does it cost?",
a2="Self-host is free, MIT. We'll charge later for the version you don't set up yourself. The panel still runs on your machine.",
q3="What do I need?",
a3="Python {python} and tmux. Nothing else. No Node, no Docker, no account.",
q4="How do I add another coding CLI?",
a4="Four lines in config. Reload the page. If it ever needs a code change, the design has failed.",
q5="Is there a phone app?",
a5='Yes, for Android: <a href="https://github.com/thejdubb02/clique-android">clique-android</a>. It pairs to your own panel with a short code, lists your sessions and opens a terminal. Add <a href="https://fdroid.useclique.dev/repo">fdroid.useclique.dev/repo</a> in F-Droid and it updates itself. On any other phone, the panel works in the browser.',
get_h="Install it",
coffee='<a href="https://buymeacoffee.com/jdubb">Buy me a coffee</a> if it saved you an afternoon.',
search="Search sessions…",
fold_work="Work",
fold_home="Home",
s1="auth rewrite",
s2="landing page",
s3="migrations",
s4="weekly notes",
waiting="waiting on you",
term1="I'll stop here. The session store looks right;",
term2="the middleware still lets a stale cookie through.",
term3='Want me to patch <span class="file">app/auth.py</span>, or talk it through first?',
prompt="Type a prompt, or a shell command…",
run="Run",
shot="CLIque: folders of CLI sessions on the left, a terminal on the right. A ring around each logo shows working, waiting, or idle.",
),
"zh": dict(
html_lang="zh-Hans",
locale="zh_CN",
title="CLIque: 给机器上每一套 CLI 一个文件夹",
desc="编程会话按文件夹排好，开在浏览器里，靠 tmux 一直活着。自托管免费。付费是给不想自己搭的人。",
ogdesc="浏览器里的编程会话面板。自托管免费。不想自己跑的话，以后再收费。",
kicker="自托管 · MIT · 24 MB · 无遥测",
h1="给机器上每一套 CLI 一个<em>文件夹</em>。",
lede="编程会话按文件夹排好，开在浏览器里，靠 tmux 一直活着。{cli_short}，或四行配置加上去的下一个。自托管免费。付费是给不想自己搭的人。",
tag="文件夹、tmux、浏览器。",
copy="复制",
copied="已复制",
then="需要 Python {python} 和 tmux。没了。然后打开 <code>http://127.0.0.1:3200</code>。",
self_b="自托管",
self="永远免费。MIT。安装即用，跑在你的机器上，只绑回环地址。",
paid_b="不想自托管",
paid="付费稍后。会话仍留在你控制的机器上。我们不会替你托管一个 shell。",
f24_b="常驻 24 MB。",
f24="没有框架，没有 <code>node_modules</code>，没有构建步骤。",
flop_b="故意绑回环。",
flop="谁能摸到面板，谁就有你的终端。",
fring_b="环就是状态。",
fring="转 = 在干活。闪 = 在等你。没有环 = 空闲。",
cfg_h="加一套 CLI 是配置，永远不是改代码。",
cfg_then="刷新页面。如果加一套还得改代码，设计就失败了。",
faq_h="常见问题",
q1="一定要挂到公网吗？",
a1="不用。默认只绑回环地址。要从别的机器连，自己加隧道。别直接挂公网。谁能摸到面板，谁就有你的终端。",
q2="要花钱吗？",
a2="自托管免费，MIT。稍后会收不想自己搭的那一版。面板仍跑在你的机器上。",
q3="需要什么？",
a3="Python {python} 和 tmux。没了。不要 Node，不要 Docker，不要账号。",
q4="怎么再加一套编程 CLI？",
a4="配置里四行。刷新页面。如果还得改代码，设计就失败了。",
q5="有手机 App 吗？",
a5='有，Android 版：<a href="https://github.com/thejdubb02/clique-android">clique-android</a>。用一个短码和你自己的面板配对，列出会话，打开终端。在 F-Droid 里添加 <a href="https://fdroid.useclique.dev/repo">fdroid.useclique.dev/repo</a>，之后自动更新。其他手机直接用浏览器打开面板就行。',
get_h="安装",
coffee='<a href="https://buymeacoffee.com/jdubb">请我喝杯咖啡</a>，如果它替你省了一个下午。',
search="搜索会话…",
fold_work="工作",
fold_home="个人",
s1="登录改写",
s2="落地页",
s3="迁移",
s4="每周笔记",
waiting="在等你",
term1="先停在这里。会话存储看起来没问题；",
term2="中间件还是会放过过期的 cookie。",
term3='要我改 <span class="file">app/auth.py</span>，还是先一起看一眼？',
prompt="输入提示词，或一条 shell 命令…",
run="运行",
shot="CLIque：左边是按文件夹排好的 CLI 会话，右边是终端。标志周围的环表示工作中、在等你、或空闲。",
),
"ja": dict(
html_lang="ja",
locale="ja_JP",
title="CLIque: マシン上のすべての CLI にフォルダを",
desc="コーディングセッションをフォルダに分け、ブラウザで開き、tmux で生かし続ける。セルフホストは無料。有料は自分で立てたくない人向け。",
ogdesc="ブラウザのコーディングセッションパネル。セルフホストは無料。自分で回したくなければ、有料は後から。",
kicker="セルフホスト · MIT · 24 MB · テレメトリなし",
h1='マシン上のすべての CLI に<em>フォルダ</em>を。',
lede="コーディングセッションをフォルダに分け、ブラウザで開き、tmux で生かし続ける。{cli_short}、または設定4行で足した CLI。セルフホストは無料。有料は自分で立てたくない人向け。",
tag="フォルダ、tmux、ブラウザ。",
copy="コピー",
copied="コピーしました",
then="Python {python} と tmux。それだけ。あとは <code>http://127.0.0.1:3200</code> を開きます。",
self_b="セルフホスト",
self="永久無料。MIT。インストールして、自分のマシンで動かす。ループバックにだけバインドします。",
paid_b="セルフホストしたくない",
paid="有料は後から。セッションはあなたのマシンに残ります。こちらでシェルをホストすることはありません。",
f24_b="常駐 24 MB。",
f24="フレームワークなし、<code>node_modules</code> なし、ビルドなし。",
flop_b="わざとループバック。",
flop="パネルに届く人は、あなたの端末を持っています。",
fring_b="リングが状態。",
fring="回転＝作業中。点滅＝あなた待ち。なし＝アイドル。",
cfg_h="CLI の追加は設定であり、コードではない。",
cfg_then="ページを再読み込み。追加にコード変更が要るなら、設計は失敗しています。",
faq_h="よくある質問",
q1="インターネットに出す必要はありますか？",
a1="いいえ。デフォルトはループバックだけです。別のマシンから使うならトンネルを。公開ネットに直接出さないでください。パネルに届く人は、あなたの端末を持っています。",
q2="料金は？",
a2="セルフホストは無料、MIT。自分で立てない版は後から有料になります。パネルはあなたのマシンで動きます。",
q3="必要なものは？",
a3="Python {python} と tmux。それだけ。Node も Docker もアカウントも不要です。",
q4="コーディング CLI を足すには？",
a4="設定に4行。ページを再読み込み。コード変更が要るなら、設計は失敗しています。",
q5="スマホアプリはありますか？",
a5='Android 版があります：<a href="https://github.com/thejdubb02/clique-android">clique-android</a>。短いコードで自分のパネルとペアリングし、セッション一覧とターミナルを開けます。F-Droid に <a href="https://fdroid.useclique.dev/repo">fdroid.useclique.dev/repo</a> を追加すれば自動で更新されます。ほかのスマホではブラウザでパネルがそのまま使えます。',
get_h="インストール",
coffee='午後をひとつ節約できたら、<a href="https://buymeacoffee.com/jdubb">コーヒーをおごってください</a>。',
search="セッションを検索…",
fold_work="仕事",
fold_home="個人",
s1="認証まわり",
s2="ランディング",
s3="マイグレーション",
s4="週次メモ",
waiting="あなた待ち",
term1="ここで一旦止めます。セッション保存は問題なさそう。",
term2="ミドルウェアはまだ期限切れ cookie を通します。",
term3='<span class="file">app/auth.py</span> を直しますか。それとも先に一緒に見ますか。',
prompt="プロンプトか、シェルコマンドを…",
run="実行",
shot="CLIque：左はフォルダ分けした CLI セッション、右はターミナル。ロゴのリングは作業中・待ち・アイドル。",
),
"ko": dict(
html_lang="ko",
locale="ko_KR",
title="CLIque: 머신 위 모든 CLI에 폴더를",
desc="코딩 세션을 폴더로 나누고, 브라우저에서 열고, tmux로 살려 둡니다. 셀프호스트는 무료. 유료는 직접 돌리기 싫은 사람을 위한 겁니다.",
ogdesc="브라우저 코딩 세션 패널. 셀프호스트는 무료. 직접 돌리기 싫다면 유료는 나중입니다.",
kicker="셀프호스트 · MIT · 24 MB · 텔레메트리 없음",
h1='머신 위 모든 CLI에 <em>폴더</em>를.',
lede="코딩 세션을 폴더로 나누고, 브라우저에서 열고, tmux로 살려 둡니다. {cli_short}, 또는 설정 네 줄로 더한 CLI. 셀프호스트는 무료. 유료는 직접 돌리기 싫은 사람을 위한 겁니다.",
tag="폴더, tmux, 브라우저.",
copy="복사",
copied="복사됨",
then="Python {python}와 tmux. 그게 전부입니다. 그다음 <code>http://127.0.0.1:3200</code>을 여세요.",
self_b="셀프호스트",
self="영원히 무료. MIT. 설치해서 당신 머신에서 돌립니다. 루프백에만 바인드합니다.",
paid_b="셀프호스트하기 싫다면",
paid="유료는 나중에. 세션은 당신이 통제하는 머신에 남습니다. 셸을 대신 호스팅하지 않습니다.",
f24_b="상주 24 MB.",
f24="프레임워크 없음, <code>node_modules</code> 없음, 빌드 없음.",
flop_b="일부러 루프백.",
flop="패널에 닿는 사람은 당신의 터미널을 가집니다.",
fring_b="링이 상태입니다.",
fring="회전 = 작업 중. 깜빡임 = 당신 대기. 없음 = 유휴.",
cfg_h="CLI를 더하는 일은 설정이지, 코드가 아닙니다.",
cfg_then="페이지를 새로고침하세요. 추가에 코드 변경이 필요하면 설계가 실패한 겁니다.",
faq_h="자주 묻는 질문",
q1="인터넷에 올려야 하나요?",
a1="아니요. 기본은 루프백만입니다. 다른 머신에서 쓰려면 터널을 쓰세요. 공인망에 그냥 걸지 마세요. 패널에 닿는 사람은 당신의 터미널을 가집니다.",
q2="비용은요?",
a2="셀프호스트는 무료, MIT. 직접 돌리지 않는 버전은 나중에 유료입니다. 패널은 당신 머신에서 돌아갑니다.",
q3="뭐가 필요한가요?",
a3="Python {python}와 tmux. 그게 전부입니다. Node도 Docker도 계정도 필요 없습니다.",
q4="코딩 CLI를 더하려면?",
a4="설정에 네 줄. 페이지를 새로고침. 코드 변경이 필요하면 설계가 실패한 겁니다.",
q5="휴대폰 앱이 있나요?",
a5='Android용이 있습니다: <a href="https://github.com/thejdubb02/clique-android">clique-android</a>. 짧은 코드로 내 패널과 페어링하고, 세션 목록을 보고 터미널을 엽니다. F-Droid에 <a href="https://fdroid.useclique.dev/repo">fdroid.useclique.dev/repo</a>를 추가하면 알아서 업데이트됩니다. 다른 휴대폰에서는 브라우저로 패널을 그대로 쓰면 됩니다.',
get_h="설치하기",
coffee='오후 하나를 아껴 줬다면, <a href="https://buymeacoffee.com/jdubb">커피 한 잔</a>이요.',
search="세션 검색…",
fold_work="업무",
fold_home="개인",
s1="인증 고치기",
s2="랜딩",
s3="마이그레이션",
s4="주간 노트",
waiting="당신 대기",
term1="여기까지. 세션 저장은 괜찮아 보입니다.",
term2="미들웨어는 아직 만료된 쿠키를 통과시킵니다.",
term3='<span class="file">app/auth.py</span>를 고칠까요, 아니면 먼저 같이 볼까요.',
prompt="프롬프트나 셸 명령을 입력…",
run="실행",
shot="CLIque: 왼쪽은 폴더로 나눈 CLI 세션, 오른쪽은 터미널. 로고 링은 작업 중·대기·유휴.",
),
"pt-br": dict(
html_lang="pt-BR",
locale="pt_BR",
title="CLIque: uma pasta para cada CLI na máquina",
desc="Sessões de código em pastas, no navegador, vivas no tmux. Self-host é grátis. Pago é para quem não quer rodar sozinho.",
ogdesc="Painel no navegador para cada CLI na máquina. Self-host é grátis. Pago depois se você não quiser rodar sozinho.",
kicker="self-hosted · MIT · 24 MB · sem telemetria",
h1='Uma <em>pasta</em> para cada CLI na máquina.',
lede="Sessões de código em pastas, no navegador, mantidas vivas no tmux. {cli_short}, ou qualquer CLI em quatro linhas. Self-host é grátis. Pago é para quem não quer rodar sozinho.",
tag="Pastas, tmux, um navegador.",
copy="Copiar",
copied="Copiado",
then="Python {python} e tmux. Só isso. Depois abra <code>http://127.0.0.1:3200</code>.",
self_b="Self-host",
self="Grátis para sempre. MIT. Instale, rode na sua máquina, só escuta em loopback.",
paid_b="Não quer self-host",
paid="Pago vem depois. As sessões ficam numa máquina que você controla. A gente não hospeda um shell para você.",
f24_b="24 MB residentes.",
f24="Sem framework, sem <code>node_modules</code>, sem build.",
flop_b="Loopback de propósito.",
flop="Quem alcança o painel tem um terminal como você.",
fring_b="O anel é o status.",
fring="Girando = trabalhando. Pulsando = esperando você. Nada = ocioso.",
cfg_h="Acrescentar uma CLI é config, nunca código.",
cfg_then="Recarregue a página. Se acrescentar uma exigir mudança de código, o desenho falhou.",
faq_h="Perguntas",
q1="Preciso colocar na internet?",
a1="Não. Escuta só em loopback. Ponha um túnel se quiser de outra máquina. Não pendure na internet pública. Quem alcança o painel tem um terminal como você.",
q2="Quanto custa?",
a2="Self-host é grátis, MIT. Depois cobramos a versão que você não configura. O painel continua na sua máquina.",
q3="O que eu preciso?",
a3="Python {python} e tmux. Só isso. Sem Node, sem Docker, sem conta.",
q4="Como acrescento outra CLI de código?",
a4="Quatro linhas na config. Recarregue a página. Se precisar mudar código, o desenho falhou.",
q5="Tem app para celular?",
a5='Sim, para Android: <a href="https://github.com/thejdubb02/clique-android">clique-android</a>. Ele pareia com o seu próprio painel usando um código curto, lista as sessões e abre um terminal. Adicione <a href="https://fdroid.useclique.dev/repo">fdroid.useclique.dev/repo</a> no F-Droid e ele se atualiza sozinho. Em qualquer outro celular, o painel funciona no navegador.',
get_h="Instalar",
coffee='<a href="https://buymeacoffee.com/jdubb">Pague um café</a> se isso te poupou uma tarde.',
search="Buscar sessões…",
fold_work="Trabalho",
fold_home="Pessoal",
s1="auth rewrite",
s2="landing",
s3="migrações",
s4="notas da semana",
waiting="esperando você",
term1="Paro aqui. O store da sessão parece certo;",
term2="o middleware ainda deixa passar um cookie velho.",
term3='Quer que eu corrija o <span class="file">app/auth.py</span>, ou olhamos juntos primeiro?',
prompt="Digite um prompt, ou um comando de shell…",
run="Run",
shot="CLIque: pastas de sessões CLI à esquerda, um terminal à direita. O anel no logo mostra trabalhando, esperando ou ocioso.",
),
"de": dict(
html_lang="de",
locale="de_DE",
title="CLIque: ein Ordner für jede CLI auf der Box",
desc="Coding-Sessions in Ordnern, im Browser, am Leben in tmux. Self-Host ist kostenlos. Bezahlt ist für Leute, die es nicht selbst betreiben wollen.",
ogdesc="Ein Browser-Panel für jede CLI auf der Box. Self-Host ist kostenlos. Bezahlt später, wenn du es nicht selbst betreiben willst.",
kicker="self-hosted · MIT · 24 MB · keine Telemetrie",
h1='Ein <em>Ordner</em> für jede CLI auf der Box.',
lede="Coding-Sessions in Ordnern, im Browser, am Leben gehalten in tmux. {cli_short} oder jede CLI in vier Zeilen. Self-Host ist kostenlos. Bezahlt ist für Leute, die es nicht selbst betreiben wollen.",
tag="Ordner, tmux, ein Browser.",
copy="Kopieren",
copied="Kopiert",
then="Python {python} und tmux. Sonst nichts. Dann <code>http://127.0.0.1:3200</code> öffnen.",
self_b="Self-Host",
self="Für immer kostenlos. MIT. Installieren, auf deiner Box laufen lassen, nur Loopback.",
paid_b="Kein Self-Host",
paid="Bezahlt kommt später. Sessions bleiben auf einer Maschine, die du kontrollierst. Wir hosten keine Shell für dich.",
f24_b="24 MB resident.",
f24="Kein Framework, kein <code>node_modules</code>, kein Build.",
flop_b="Loopback mit Absicht.",
flop="Wer das Panel erreicht, hat ein Terminal als du.",
fring_b="Der Ring ist der Status.",
fring="Dreht = arbeitet. Pulsiert = wartet auf dich. Nichts = idle.",
cfg_h="Eine CLI hinzufügen ist Config, nie Code.",
cfg_then="Seite neu laden. Wenn das jemals eine Codeänderung braucht, ist das Design gescheitert.",
faq_h="Fragen",
q1="Muss ich es ins Internet hängen?",
a1="Nein. Es bindet nur Loopback. Setz einen Tunnel davor, wenn du von einer anderen Maschine willst. Nicht öffentlich hängen. Wer das Panel erreicht, hat ein Terminal als du.",
q2="Was kostet es?",
a2="Self-Host ist kostenlos, MIT. Später kostet die Version, die du nicht selbst aufsetzt. Das Panel läuft weiter auf deiner Maschine.",
q3="Was brauche ich?",
a3="Python {python} und tmux. Sonst nichts. Kein Node, kein Docker, kein Konto.",
q4="Wie füge ich eine weitere Coding-CLI hinzu?",
a4="Vier Zeilen in der Config. Seite neu laden. Wenn das Code braucht, ist das Design gescheitert.",
q5="Gibt es eine Handy-App?",
a5='Ja, für Android: <a href="https://github.com/thejdubb02/clique-android">clique-android</a>. Sie koppelt sich per kurzem Code mit deinem eigenen Panel, listet die Sessions und öffnet ein Terminal. Füge <a href="https://fdroid.useclique.dev/repo">fdroid.useclique.dev/repo</a> in F-Droid hinzu, dann aktualisiert sie sich selbst. Auf jedem anderen Handy läuft das Panel im Browser.',
get_h="Installieren",
coffee='<a href="https://buymeacoffee.com/jdubb">Kauf mir einen Kaffee</a>, wenn es dir einen Nachmittag gespart hat.',
search="Sessions suchen…",
fold_work="Arbeit",
fold_home="Privat",
s1="Auth-Umbau",
s2="Landing",
s3="Migrationen",
s4="Wochennotizen",
waiting="wartet auf dich",
term1="Ich höre hier auf. Der Session-Store sieht richtig aus;",
term2="die Middleware lässt immer noch ein abgelaufenes Cookie durch.",
term3='Soll ich <span class="file">app/auth.py</span> flicken, oder schauen wir es uns erst an?',
prompt="Prompt oder Shell-Befehl…",
run="Run",
shot="CLIque: links Ordner mit CLI-Sessions, rechts ein Terminal. Der Ring ums Logo zeigt arbeitend, wartend oder idle.",
),
}
TMPL = """\
<!doctype html>
<html lang="{html_lang}">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{title}</title>
<meta name="description" content="{desc}">
<link rel="canonical" href="{canonical}">
{hreflang}
<meta property="og:locale" content="{locale}">
<meta name="theme-color" content="#0E1116">
<link rel="icon" href="{prefix}brand/mark.svg" type="image/svg+xml">
<link rel="icon" href="{prefix}brand/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="{prefix}brand/apple-touch-icon.png">
<meta property="og:title" content="{title}">
<meta property="og:description" content="{ogdesc}">
<meta property="og:image" content="https://useclique.dev/brand/social-preview.png?v=2">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta name="twitter:image" content="https://useclique.dev/brand/social-preview.png?v=2">
<meta property="og:url" content="{canonical}">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="{prefix}site.css?v={css_v}">
<div class="page">
<header>
<a class="word" href="{word_href}">
<img src="{prefix}brand/mark.svg" width="20" height="20" alt="">
CLIque
</a>
<nav>
<a class="mit" href="https://github.com/thejdubb02/clique/blob/main/LICENSE">MIT</a>
<a class="btn-gh btn-star" href="https://github.com/thejdubb02/clique" rel="noopener">
{star} Star on GitHub
</a>
<a class="btn-gh" href="https://github.com/thejdubb02/clique" rel="noopener">
{octo} View on GitHub
</a>
</nav>
</header>
<section class="hero">
<p class="kicker">{kicker}</p>
<h1>{h1}</h1>
<p class="lede">{lede}</p>
<p class="clis">{clis}</p>
<p class="tag">{tag}</p>
<div class="run">
<div class="run-head">
<span class="host">clique @ 127.0.0.1:3200</span>
<button type="button" class="copybtn" hidden data-idle="{copy}" data-done="{copied}" data-copy="{clone}">{copy}</button>
</div>
<pre><code><span class="ps">$</span> pip install clique-panel
<span class="ps">$</span> clique password
<span class="ps">$</span> clique</code></pre>
</div>
<p class="then">{then}</p>
<p class="badges">
<a href="https://github.com/thejdubb02/clique/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-5FA8F5?style=flat-square" alt="MIT"></a>
<a href="https://github.com/thejdubb02/clique#quick-start"><img src="https://img.shields.io/badge/python-{python_badge}-3776AB?style=flat-square" alt="Python {python}"></a>
<img src="https://img.shields.io/badge/tmux-required-22c55e?style=flat-square" alt="tmux">
<a href="https://github.com/thejdubb02/clique/stargazers"><img src="https://img.shields.io/github/stars/thejdubb02/clique?style=flat-square" alt="GitHub stars"></a>
<a href="https://github.com/thejdubb02/clique/graphs/contributors"><img src="https://img.shields.io/github/contributors/thejdubb02/clique?style=flat-square" alt="Contributors"></a>
<a href="https://github.com/thejdubb02/clique/commits/main"><img src="https://img.shields.io/github/commit-activity/t/thejdubb02/clique?style=flat-square" alt="Commits"></a>
</p>
</section>
<figure class="shot" aria-label="{shot}">
<div class="app">
<aside>
<div class="ah">
<img src="{prefix}brand/mark.svg" width="13" height="13" alt="">
<span>CLIque</span>
</div>
<div class="search">{search}</div>
<div class="tree">
<div class="fold">{fold_work}</div>
<div class="sess on">
<span class="cli-status wait" style="--c:#D97757"><i style="-webkit-mask-image:url({prefix}icons/claude.svg);mask-image:url({prefix}icons/claude.svg)"></i></span>
<span class="meta"><b>{s1}</b><small>~/proj/api</small></span>
</div>
<div class="sess">
<span class="cli-status work" style="--c:#E8E8E8"><i style="-webkit-mask-image:url({prefix}icons/grok.svg);mask-image:url({prefix}icons/grok.svg)"></i></span>
<span class="meta"><b>{s2}</b><small>~/proj/site</small></span>
</div>
<div class="sess">
<span class="cli-status" style="--c:#1f6feb"><i style="-webkit-mask-image:url({prefix}icons/gemini.svg);mask-image:url({prefix}icons/gemini.svg)"></i></span>
<span class="meta"><b>{s3}</b><small>~/proj/db</small></span>
</div>
<div class="fold">{fold_home}</div>
<div class="sess">
<span class="cli-status" style="--c:#10A37F"><i style="-webkit-mask-image:url({prefix}icons/codex.svg);mask-image:url({prefix}icons/codex.svg)"></i></span>
<span class="meta"><b>{s4}</b><small>~/notes</small></span>
</div>
</div>
</aside>
<div class="pane">
<div class="tabs">
<div class="tab active" style="--cli:#D97757">{s1}</div>
<div class="tab">{s2}</div>
<div class="plus">+</div>
<div class="stats">cpu 12% · mem 24 MB</div>
</div>
<div class="term">
<div class="tline dim">claude · ~/proj/api · {waiting}</div>
<div class="tline">{term1}</div>
<div class="tline">{term2}</div>
<div class="tline"></div>
<div class="tline">{term3}</div>
<div class="caret">▍</div>
</div>
<div class="bar">
<span class="field">{prompt}</span>
<span class="runbtn">{run}</span>
</div>
</div>
</div>
</figure>
<section class="tracks">
<div>
<b>{self_b}</b>
{self}
</div>
<div>
<b>{paid_b}</b>
{paid}
</div>
</section>
<section class="facts">
<div><b>{f24_b}</b> {f24}</div>
<div><b>{flop_b}</b> {flop}</div>
<div><b>{fring_b}</b> {fring}</div>
</section>
<section class="cfg">
<h2>{cfg_h}</h2>
<pre><code>{cfg_example}</code></pre>
<p class="then">{cfg_then}</p>
</section>
<section class="faq">
<h2>{faq_h}</h2>
<details>
<summary>{q1}</summary>
<p>{a1}</p>
</details>
<details>
<summary>{q2}</summary>
<p>{a2}</p>
</details>
<details>
<summary>{q3}</summary>
<p>{a3}</p>
</details>
<details>
<summary>{q4}</summary>
<p>{a4}</p>
</details>
<details>
<summary>{q5}</summary>
<p>{a5}</p>
</details>
</section>
<section class="get">
<h2>{get_h}</h2>
<div class="run">
<div class="run-head">
<span class="host">clique @ 127.0.0.1:3200</span>
<button type="button" class="copybtn" hidden data-idle="{copy}" data-done="{copied}" data-copy="{clone}">{copy}</button>
</div>
<pre><code><span class="ps">$</span> pip install clique-panel
<span class="ps">$</span> clique password
<span class="ps">$</span> clique</code></pre>
</div>
<p class="then gh-row">
<a class="btn-gh btn-star" href="https://github.com/thejdubb02/clique" rel="noopener">
{star} Star on GitHub
</a>
<a class="btn-gh" href="https://github.com/thejdubb02/clique" rel="noopener">
{octo} View on GitHub
</a>
</p>
</section>
<footer>
<p class="langs">{langs}</p>
<p><a href="https://github.com/thejdubb02/clique">github.com/thejdubb02/clique</a> · MIT · <a href="https://github.com/thejdubb02">Justin Willhite</a></p>
<p><a href="mailto:[email protected]">[email protected]</a> · {coffee}</p>
</footer>
</div>
<script>
(function () {{
document.querySelectorAll(".copybtn").forEach(function (btn) {{
if (!navigator.clipboard) return;
btn.hidden = false;
btn.addEventListener("click", function () {{
navigator.clipboard.writeText(btn.getAttribute("data-copy") || "").then(function () {{
var done = btn.getAttribute("data-done") || "Copied";
var idle = btn.getAttribute("data-idle") || "Copy";
btn.textContent = done;
setTimeout(function () {{ btn.textContent = idle; }}, 1400);
}});
}});
}});
}})();
</script>
"""
def main(argv: list[str] | None = None) -> int:
parser = argparse.ArgumentParser(description=__doc__)
parser.add_argument(
"--check", action="store_true",
help="fail if committed pages or translations are behind the repo",
)
args = parser.parse_args(argv)
values = facts()
problems = translation_problems()
rendered = {slug: render(slug, values) for slug in PAGES}
if not args.check:
if problems and LOCK.exists():
print("site copy is behind — not writing:\n")
print("\n".join(f" {p}" for p in problems))
print("\nUpdate the translations in tools/site_i18n.py, then run this again.")
return 1
for slug, html in rendered.items():
out = page_path(slug)
out.parent.mkdir(parents=True, exist_ok=True)
out.write_text(html)
print(f"wrote {out.relative_to(REPO)} ({out.stat().st_size} bytes)")
LOCK.write_text(json.dumps(current_lock(), indent=2, sort_keys=True) + "\n")
print(f"wrote {LOCK.relative_to(REPO)}")
return 0
for slug, html in rendered.items():
out = page_path(slug)
if not out.is_file():
problems.append(f"missing {out.relative_to(REPO)}")
continue
if out.read_text() != html:
problems.append(f"stale {out.relative_to(REPO)} — run python3 tools/site_i18n.py")
if problems:
print(f"site copy is behind the repo — {len(problems)}:\n")
print("\n".join(f" {p}" for p in problems))
print("\nFacts (CLI names, Python floor, the grok example) come from"
"\nclis.toml and pyproject.toml. Copy lives in tools/site_i18n.py."
"\nRegenerate with: python3 tools/site_i18n.py")
return 1
print(f"site copy matches ({len(PAGES)} languages, "
f"{len(FEATURED)} featured CLIs, Python {values['python']})")
return 0
if __name__ == "__main__":
raise SystemExit(main())