clew-code 0.2.7 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +292 -299
- package/dist/main.js +2745 -2869
- package/docs/architecture.html +148 -145
- package/docs/architecture.th.html +79 -78
- package/docs/clew-code-architecture.html +1125 -0
- package/docs/commands.html +224 -223
- package/docs/commands.th.html +131 -130
- package/docs/configuration.html +147 -145
- package/docs/configuration.th.html +108 -106
- package/docs/css/styles.css +48 -42
- package/docs/daemon.html +129 -128
- package/docs/daemon.th.html +73 -72
- package/docs/features/bridge-mode.html +99 -98
- package/docs/features/bridge-mode.th.html +90 -89
- package/docs/features/evals.html +182 -181
- package/docs/features/evals.th.html +90 -89
- package/docs/features/peer.html +178 -177
- package/docs/features/searxng-search.html +151 -150
- package/docs/features/searxng-search.th.html +95 -94
- package/docs/features/sentry-setup.html +157 -156
- package/docs/features/sentry-setup.th.html +97 -96
- package/docs/index.html +299 -298
- package/docs/index.th.html +292 -290
- package/docs/installation.html +105 -103
- package/docs/installation.th.html +105 -103
- package/docs/internals/growthbook-ab-testing.html +113 -112
- package/docs/internals/growthbook-ab-testing.th.html +81 -80
- package/docs/internals/hidden-features.html +149 -147
- package/docs/internals/hidden-features.th.html +109 -107
- package/docs/js/main.js +83 -3
- package/docs/loop.html +181 -180
- package/docs/loop.th.html +227 -226
- package/docs/mcp.html +247 -246
- package/docs/mcp.th.html +207 -206
- package/docs/models.html +111 -110
- package/docs/models.th.html +61 -60
- package/docs/peer.html +236 -235
- package/docs/peer.th.html +280 -279
- package/docs/permission-model.html +102 -101
- package/docs/permission-model.th.html +67 -66
- package/docs/plugins.html +102 -101
- package/docs/plugins.th.html +79 -78
- package/docs/providers.html +126 -117
- package/docs/providers.th.html +80 -78
- package/docs/quick-start.html +93 -92
- package/docs/quick-start.th.html +40 -39
- package/docs/research-memory.html +82 -79
- package/docs/research-memory.th.html +72 -71
- package/docs/skills.html +117 -116
- package/docs/skills.th.html +90 -89
- package/docs/tools.html +170 -169
- package/docs/tools.th.html +84 -83
- package/docs/troubleshooting.html +106 -105
- package/docs/troubleshooting.th.html +85 -84
- package/package.json +164 -162
- package/docs/taste.html +0 -436
- package/docs/taste.th.html +0 -236
package/docs/providers.th.html
CHANGED
|
@@ -1,78 +1,80 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="th">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title
|
|
7
|
-
<meta name="description" content="
|
|
8
|
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
|
-
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
11
|
-
<link rel="stylesheet" href="css/styles.css">
|
|
12
|
-
<link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<header class="header"></header>
|
|
16
|
-
<div class="app"><aside class="sidebar" id="sidebar"></aside><div class="sidebar-overlay" id="sidebarOverlay"></div>
|
|
17
|
-
<div class="content-wrap"><main class="content">
|
|
18
|
-
<div class="breadcrumbs"><a href="index.th.html"
|
|
19
|
-
<h1
|
|
20
|
-
<p class="section-subtitle">Clew
|
|
21
|
-
|
|
22
|
-
<p
|
|
23
|
-
|
|
24
|
-
<h2
|
|
25
|
-
<table>
|
|
26
|
-
<tr><th
|
|
27
|
-
<tr><td>Anthropic</td><td><code>ANTHROPIC_API_KEY</code></td><td>claude-sonnet-4-7</td><td
|
|
28
|
-
<tr><td>OpenAI</td><td><code>OPENAI_API_KEY</code></td><td>gpt-5.5</td><td>GPT-5.5, GPT-5.5 Pro, GPT-5.4 Mini
|
|
29
|
-
<tr><td>Google</td><td><code>GOOGLE_API_KEY</code></td><td>gemini-3.1-flash</td><td>Gemini 3.1 Flash, Pro
|
|
30
|
-
<tr><td>DeepSeek</td><td><code>DEEPSEEK_API_KEY</code></td><td>deepseek-v4-pro</td><td>DeepSeek V4 Pro, V4 Flash
|
|
31
|
-
<tr><td>OpenRouter</td><td><code>OPENROUTER_API_KEY</code></td><td
|
|
32
|
-
<tr><td>Ollama (Local)</td><td><code>OLLAMA_API_KEY</code></td><td>llama3.3</td><td
|
|
33
|
-
<tr><td>xAI</td><td><code>XAI_API_KEY</code></td><td>grok-4-20</td><td>Grok 4.20, Grok 4
|
|
34
|
-
<tr><td>Mistral</td><td><code>MISTRAL_API_KEY</code></td><td>mistral-small-latest</td><td>Mistral Large 4, Small 4, Ministral 3 14B</td></tr>
|
|
35
|
-
<tr><td>Groq</td><td><code>GROQ_API_KEY</code></td><td
|
|
36
|
-
<tr><td>Cohere</td><td><code>COHERE_API_KEY</code></td><td>command-r-plus</td><td>Command R+ 128K context
|
|
37
|
-
<tr><td>
|
|
38
|
-
<tr><td>KiloCode</td><td><code>KILOCODE_API_KEY</code></td><td>kilo-auto/free</td><td
|
|
39
|
-
</table>
|
|
40
|
-
|
|
41
|
-
<h2
|
|
42
|
-
<p>ProviderManager
|
|
43
|
-
<ol>
|
|
44
|
-
<li
|
|
45
|
-
<li
|
|
46
|
-
<li
|
|
47
|
-
<li
|
|
48
|
-
</ol>
|
|
49
|
-
|
|
50
|
-
<h2
|
|
51
|
-
<p
|
|
52
|
-
<ul>
|
|
53
|
-
<li><strong>Content blocks</strong>
|
|
54
|
-
<li><strong>Tool calls</strong>
|
|
55
|
-
<li><strong>Streaming chunks</strong>
|
|
56
|
-
<li><strong>Errors</strong>
|
|
57
|
-
</ul>
|
|
58
|
-
|
|
59
|
-
<h2
|
|
60
|
-
<pre><code>/model #
|
|
61
|
-
/model list #
|
|
62
|
-
/model claude-sonnet-4-7 #
|
|
63
|
-
/provider-select #
|
|
64
|
-
|
|
65
|
-
<footer class="footer">
|
|
66
|
-
<span>Clew Code v0.2.
|
|
67
|
-
<div class="footer-links">
|
|
68
|
-
<a href="https://github.com/
|
|
69
|
-
<a href="https://github.com/
|
|
70
|
-
</div>
|
|
71
|
-
</footer>
|
|
72
|
-
</main>
|
|
73
|
-
<nav class="toc-sidebar"></nav>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
<script src="js/main.js"></script>
|
|
77
|
-
</body>
|
|
78
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="th">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>ผู้ให้บริà¸à¸²à¸£ — Clew</title>
|
|
7
|
+
<meta name="description" content="ข้à¸à¸¡à¸¹à¸¥à¸à¹‰à¸²à¸‡à¸à¸´à¸‡à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£ AI สำหรับ Clew — 27 ผู้ให้บริà¸à¸²à¸£à¸—ี่รà¸à¸‡à¸£à¸±à¸š พร้à¸à¸¡à¸à¸²à¸£à¸•à¸±à¹‰à¸‡à¸„่าà¹à¸¥à¸°à¸„วามสามารถ">
|
|
8
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
|
+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
11
|
+
<link rel="stylesheet" href="css/styles.css">
|
|
12
|
+
<link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<header class="header"></header>
|
|
16
|
+
<div class="app"><aside class="sidebar" id="sidebar"></aside><div class="sidebar-overlay" id="sidebarOverlay"></div>
|
|
17
|
+
<div class="content-wrap"><main class="content">
|
|
18
|
+
<div class="breadcrumbs"><a href="index.th.html">หน้าà¹à¸£à¸</a><span class="sep">/</span><span>ผู้ให้บริà¸à¸²à¸£</span></div>
|
|
19
|
+
<h1>ผู้ให้บริà¸à¸²à¸£</h1>
|
|
20
|
+
<p class="section-subtitle">Clew รà¸à¸‡à¸£à¸±à¸š <strong>27 ผู้ให้บริà¸à¸²à¸£ AI</strong> พร้à¸à¸¡à¸Šà¸±à¹‰à¸™ adapter ที่เป็นหนึ่งเดียว ตั้งค่าคีย์ API ขà¸à¸‡à¸„ุณเป็นตัวà¹à¸›à¸£à¸ªà¸ าพà¹à¸§à¸”ล้à¸à¸¡à¹à¸¥à¸°à¸ªà¸¥à¸±à¸šà¸£à¸°à¸«à¸§à¹ˆà¸²à¸‡à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¹„ด้ทันทีด้วย <code>/model</code></p>
|
|
21
|
+
|
|
22
|
+
<p>à¸à¸²à¸£à¸•à¸±à¹‰à¸‡à¸„่าผู้ให้บริà¸à¸²à¸£à¸›à¸£à¸°à¸à¸²à¸¨à¹ƒà¸™ <code>src/services/ai/providers.json</code> <strong>ProviderManager</strong> จัดà¸à¸²à¸£à¸à¸²à¸£à¹à¸à¹‰à¹„ขคีย์ API, เลืà¸à¸à¹‚มเดล, à¹à¸¥à¸°à¸ˆà¸±à¸”à¸à¸²à¸£à¸à¸²à¸£à¸•à¸±à¹‰à¸‡à¸„่าผู้ให้บริà¸à¸²à¸£</p>
|
|
23
|
+
|
|
24
|
+
<h2>ผู้ให้บริà¸à¸²à¸£à¸—ั้งหมด</h2>
|
|
25
|
+
<table>
|
|
26
|
+
<tr><th>ผู้ให้บริà¸à¸²à¸£</th><th>คีย์สภาพà¹à¸§à¸”ล้à¸à¸¡</th><th>โมเดลเริ่มต้น</th><th>หมายเหตุ</th></tr>
|
|
27
|
+
<tr><td>Anthropic</td><td><code>ANTHROPIC_API_KEY</code></td><td>claude-sonnet-4-7</td><td>รà¸à¸‡à¸£à¸±à¸š Claude พื้นเมืà¸à¸‡ พร้à¸à¸¡à¸à¸²à¸£à¹€à¸£à¸µà¸¢à¸à¹ƒà¸Šà¹‰à¹€à¸„รื่à¸à¸‡à¸¡à¸·à¸à¹à¸¥à¸°à¸à¸²à¸£à¹ƒà¸Šà¹‰à¹€à¸«à¸•à¸¸à¸œà¸¥ บริบท: 1M โทเค็น</td></tr>
|
|
28
|
+
<tr><td>OpenAI</td><td><code>OPENAI_API_KEY</code></td><td>gpt-5.5</td><td>GPT-5.5, GPT-5.5 Pro, GPT-5.4 Mini บริบท: 1M+ โทเค็น</td></tr>
|
|
29
|
+
<tr><td>Google</td><td><code>GOOGLE_API_KEY</code></td><td>gemini-3.1-flash</td><td>Gemini 3.1 Flash, Pro บริบท: สูงสุด 2M โทเค็น</td></tr>
|
|
30
|
+
<tr><td>DeepSeek</td><td><code>DEEPSEEK_API_KEY</code></td><td>deepseek-v4-pro</td><td>DeepSeek V4 Pro, V4 Flash บริบท: 1M โทเค็น สถาปัตยà¸à¸£à¸£à¸¡ MoE</td></tr>
|
|
31
|
+
<tr><td>OpenRouter</td><td><code>OPENROUTER_API_KEY</code></td><td>—</td><td>100+ โมเดลผ่าน API ที่เข้าà¸à¸±à¸š OpenAI</td></tr>
|
|
32
|
+
<tr><td>Ollama (Local)</td><td><code>OLLAMA_API_KEY</code></td><td>llama3.3</td><td>โมเดลท้à¸à¸‡à¸–ิ่นผ่านเซิร์ฟเวà¸à¸£à¹Œ Ollama ที่ <code>http://localhost:11434/v1</code></td></tr>
|
|
33
|
+
<tr><td>xAI</td><td><code>XAI_API_KEY</code></td><td>grok-4-20</td><td>Grok 4.20, Grok 4 บริบท: 128K โทเค็น</td></tr>
|
|
34
|
+
<tr><td>Mistral</td><td><code>MISTRAL_API_KEY</code></td><td>mistral-small-latest</td><td>Mistral Large 4, Small 4, Ministral 3 14B</td></tr>
|
|
35
|
+
<tr><td>Groq</td><td><code>GROQ_API_KEY</code></td><td>—</td><td>Llama 4 70B, 8B à¸à¸²à¸£à¸à¸™à¸¸à¸¡à¸²à¸™à¹€à¸£à¹‡à¸§ บริบท: 128K โทเค็น</td></tr>
|
|
36
|
+
<tr><td>Cohere</td><td><code>COHERE_API_KEY</code></td><td>command-r-plus</td><td>Command R+ 128K context ไม่มี vision</td></tr>
|
|
37
|
+
<tr><td>Clew Gateway</td><td><code>CLEW_GATEWAY_API_KEY</code></td><td>gpt-5.5</td><td>เข้าถึงผ่าน GitHub token รวมโมเดล Claude à¹à¸¥à¸° GPT</td></tr>
|
|
38
|
+
<tr><td>KiloCode</td><td><code>KILOCODE_API_KEY</code></td><td>kilo-auto/free</td><td>เà¸à¸•à¹€à¸§à¸¢à¹Œà¸—ี่มี 500+ โมเดล รวมระดับฟรี</td></tr>
|
|
39
|
+
</table>
|
|
40
|
+
|
|
41
|
+
<h2>à¸à¸²à¸£à¹€à¸¥à¸·à¸à¸à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£</h2>
|
|
42
|
+
<p>ProviderManager จัดà¸à¸²à¸£à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸—ี่ใช้งานโดย:</p>
|
|
43
|
+
<ol>
|
|
44
|
+
<li>สà¹à¸à¸™à¸•à¸±à¸§à¹à¸›à¸£à¸ªà¸ าพà¹à¸§à¸”ล้à¸à¸¡à¸ªà¸³à¸«à¸£à¸±à¸šà¸„ีย์ API ที่ตั้งค่า</li>
|
|
45
|
+
<li>โหลดข้à¸à¸¡à¸¹à¸¥à¹€à¸¡à¸•à¸²à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸ˆà¸²à¸ <code>providers.json</code></li>
|
|
46
|
+
<li>à¹à¸à¹‰à¹„ขชื่à¸à¹‚มเดลเป็นตัวระบุเฉพาะขà¸à¸‡à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£</li>
|
|
47
|
+
<li>ใช้ชั้น adapter สำหรับผู้ให้บริà¸à¸²à¸£à¸—ี่ไม่ใช่ Anthropic</li>
|
|
48
|
+
</ol>
|
|
49
|
+
|
|
50
|
+
<h2>ชั้น Adapter</h2>
|
|
51
|
+
<p>ผู้ให้บริà¸à¸²à¸£à¸—ี่ไม่ใช่ Anthropic ผ่าน adapters ที่ปรับมาตรà¸à¸²à¸™:</p>
|
|
52
|
+
<ul>
|
|
53
|
+
<li><strong>Content blocks</strong> — à¹à¸›à¸¥à¸‡à¸‚้à¸à¸„วาม, tool_use, tool_result, thinking block</li>
|
|
54
|
+
<li><strong>Tool calls</strong> — à¹à¸¢à¸à¸§à¸´à¹€à¸„ราะห์รูปà¹à¸šà¸šà¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸•à¹ˆà¸²à¸‡à¹†</li>
|
|
55
|
+
<li><strong>Streaming chunks</strong> — à¸à¸²à¸£à¸›à¸£à¸±à¸šà¸¡à¸²à¸•à¸£à¸à¸²à¸™à¸•à¹ˆà¸à¸Šà¸´à¹‰à¸™à¸ªà¸³à¸«à¸£à¸±à¸šà¸à¸²à¸£à¹à¸ªà¸”งผลà¹à¸šà¸šà¹€à¸£à¸µà¸¢à¸¥à¹„ทม์</li>
|
|
56
|
+
<li><strong>Errors</strong> — à¸à¸²à¸£à¸›à¸£à¸±à¸šà¸¡à¸²à¸•à¸£à¸à¸²à¸™à¸žà¸£à¹‰à¸à¸¡à¸à¸²à¸£à¸ˆà¸±à¸”à¸à¸²à¸£ retry/rate-limit</li>
|
|
57
|
+
</ul>
|
|
58
|
+
|
|
59
|
+
<h2>à¸à¸²à¸£à¸ªà¸¥à¸±à¸šà¸‚ณะรันไทม์</h2>
|
|
60
|
+
<pre><code>/model # ตัวเลืà¸à¸à¹‚มเดลà¹à¸šà¸šà¹‚ต้ตà¸à¸š
|
|
61
|
+
/model list # à¹à¸ªà¸”งโมเดลทั้งหมดที่มี
|
|
62
|
+
/model claude-sonnet-4-7 # สลับไปยังโมเดลที่ระบุ
|
|
63
|
+
/provider-select # à¹à¸ªà¸”งหรืà¸à¹€à¸›à¸¥à¸µà¹ˆà¸¢à¸™à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£</code></pre>
|
|
64
|
+
|
|
65
|
+
<footer class="footer">
|
|
66
|
+
<span>Clew Code v0.2.7 — โà¸à¹€à¸žà¸™à¸‹à¸à¸£à¹Œà¸ª</span>
|
|
67
|
+
<div class="footer-links">
|
|
68
|
+
<a href="https://github.com/ClewCode/ClewCode">GitHub</a>
|
|
69
|
+
<a href="https://github.com/ClewCode/ClewCode/issues">ปัà¸à¸«à¸²</a>
|
|
70
|
+
</div>
|
|
71
|
+
</footer>
|
|
72
|
+
</main>
|
|
73
|
+
<nav class="toc-sidebar"></nav>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
<script src="js/main.js"></script>
|
|
77
|
+
</body>
|
|
78
|
+
</html>
|
|
79
|
+
|
|
80
|
+
|
package/docs/quick-start.html
CHANGED
|
@@ -1,92 +1,93 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Quick Start
|
|
7
|
-
<meta name="description" content="Get started with Clew in minutes
|
|
8
|
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
|
-
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
11
|
-
<link rel="stylesheet" href="css/styles.css">
|
|
12
|
-
<link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<header class="header"></header>
|
|
16
|
-
<div class="app">
|
|
17
|
-
<aside class="sidebar" id="sidebar"></aside>
|
|
18
|
-
<div class="sidebar-overlay" id="sidebarOverlay"></div>
|
|
19
|
-
<div class="content-wrap">
|
|
20
|
-
<main class="content">
|
|
21
|
-
<div class="breadcrumbs"><a href="index.html">Home</a><span class="sep">/</span><span>Quick Start</span></div>
|
|
22
|
-
<h1>Quick Start</h1>
|
|
23
|
-
<p class="section-subtitle">From zero to AI-assisted coding in under a minute.</p>
|
|
24
|
-
|
|
25
|
-
<h2>1. Install</h2>
|
|
26
|
-
<pre><code>npm install -g clew-code
|
|
27
|
-
clew --version</code></pre>
|
|
28
|
-
<p>Make sure <a href="installation.html">Bun 1.3+</a> is installed first. The npm package does not bundle Bun.</p>
|
|
29
|
-
|
|
30
|
-
<h2>2. Set a Provider Key</h2>
|
|
31
|
-
<p>Set at least one API key as an environment variable. See <a href="providers.html">Providers</a> for all 27 options.</p>
|
|
32
|
-
<pre><code># Anthropic (recommended for best tool calling)
|
|
33
|
-
export ANTHROPIC_API_KEY=sk-ant-...
|
|
34
|
-
|
|
35
|
-
# Or DeepSeek
|
|
36
|
-
export DEEPSEEK_API_KEY=sk-...
|
|
37
|
-
|
|
38
|
-
# Or Google Gemini
|
|
39
|
-
export GOOGLE_API_KEY=...</code></pre>
|
|
40
|
-
|
|
41
|
-
<h2>3. Launch</h2>
|
|
42
|
-
<pre><code>cd /path/to/your/project
|
|
43
|
-
clew</code></pre>
|
|
44
|
-
<p>The terminal UI starts with model name, provider, and context usage in the status bar.</p>
|
|
45
|
-
|
|
46
|
-
<h2>4. First Commands</h2>
|
|
47
|
-
<pre><code>> "explain this project's structure"
|
|
48
|
-
|
|
49
|
-
> "find all the test files"
|
|
50
|
-
|
|
51
|
-
> /status # Check model, provider, API status
|
|
52
|
-
|
|
53
|
-
> /model sonnet # Switch model (alias or full ID)
|
|
54
|
-
|
|
55
|
-
> /doctor # Run environment diagnostics</code></pre>
|
|
56
|
-
|
|
57
|
-
<h2>5. Key Commands to Know</h2>
|
|
58
|
-
<table>
|
|
59
|
-
<tr><th>Command</th><th>Use</th></tr>
|
|
60
|
-
<tr><td><code>/clear</code></td><td>Clear conversation and free context</td></tr>
|
|
61
|
-
<tr><td><code>/compact</code></td><td>Compress context to save tokens</td></tr>
|
|
62
|
-
<tr><td><code>/model <name></code></td><td>Switch model or provider</td></tr>
|
|
63
|
-
<tr><td><code>/permissions</code></td><td>Manage tool permission rules</td></tr>
|
|
64
|
-
<tr><td><code>/plan</code></td><td>Toggle plan mode</td></tr>
|
|
65
|
-
<tr><td><code>/config</code></td><td>Open config panel</td></tr>
|
|
66
|
-
<tr><td><code>/help</code></td><td>Show all available commands</td></tr>
|
|
67
|
-
</table>
|
|
68
|
-
|
|
69
|
-
<h2>6. Sessions</h2>
|
|
70
|
-
<pre><code># Continue last conversation
|
|
71
|
-
clew -c
|
|
72
|
-
|
|
73
|
-
# Resume a specific session
|
|
74
|
-
clew -r
|
|
75
|
-
|
|
76
|
-
# Print mode (non-interactive, pipe-friendly)
|
|
77
|
-
clew -p "find all unused exports"
|
|
78
|
-
|
|
79
|
-
# With structured output
|
|
80
|
-
clew -p --output-format json "list all dependencies"</code></pre>
|
|
81
|
-
|
|
82
|
-
<div class="callout callout-info">
|
|
83
|
-
<strong>Tips</strong>
|
|
84
|
-
Type <code>/</code> to discover all commands. Use <code>/powerup</code> for interactive lessons. Set <code>--model sonnet</code> at startup to skip the default model.
|
|
85
|
-
</div>
|
|
86
|
-
</main>
|
|
87
|
-
<nav class="toc-sidebar"></nav>
|
|
88
|
-
</div>
|
|
89
|
-
</div>
|
|
90
|
-
<script src="js/main.js"></script>
|
|
91
|
-
</body>
|
|
92
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Quick Start — Clew</title>
|
|
7
|
+
<meta name="description" content="Get started with Clew in minutes — install, configure a provider, and run your first session.">
|
|
8
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
|
+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
11
|
+
<link rel="stylesheet" href="css/styles.css">
|
|
12
|
+
<link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<header class="header"></header>
|
|
16
|
+
<div class="app">
|
|
17
|
+
<aside class="sidebar" id="sidebar"></aside>
|
|
18
|
+
<div class="sidebar-overlay" id="sidebarOverlay"></div>
|
|
19
|
+
<div class="content-wrap">
|
|
20
|
+
<main class="content">
|
|
21
|
+
<div class="breadcrumbs"><a href="index.html">Home</a><span class="sep">/</span><span>Quick Start</span></div>
|
|
22
|
+
<h1>Quick Start</h1>
|
|
23
|
+
<p class="section-subtitle">From zero to AI-assisted coding in under a minute.</p>
|
|
24
|
+
|
|
25
|
+
<h2>1. Install</h2>
|
|
26
|
+
<pre><code>npm install -g clew-code
|
|
27
|
+
clew --version</code></pre>
|
|
28
|
+
<p>Make sure <a href="installation.html">Bun 1.3+</a> is installed first. The npm package does not bundle Bun.</p>
|
|
29
|
+
|
|
30
|
+
<h2>2. Set a Provider Key</h2>
|
|
31
|
+
<p>Set at least one API key as an environment variable. See <a href="providers.html">Providers</a> for all 27 options.</p>
|
|
32
|
+
<pre><code># Anthropic (recommended for best tool calling)
|
|
33
|
+
export ANTHROPIC_API_KEY=sk-ant-...
|
|
34
|
+
|
|
35
|
+
# Or DeepSeek
|
|
36
|
+
export DEEPSEEK_API_KEY=sk-...
|
|
37
|
+
|
|
38
|
+
# Or Google Gemini
|
|
39
|
+
export GOOGLE_API_KEY=...</code></pre>
|
|
40
|
+
|
|
41
|
+
<h2>3. Launch</h2>
|
|
42
|
+
<pre><code>cd /path/to/your/project
|
|
43
|
+
clew</code></pre>
|
|
44
|
+
<p>The terminal UI starts with model name, provider, and context usage in the status bar.</p>
|
|
45
|
+
|
|
46
|
+
<h2>4. First Commands</h2>
|
|
47
|
+
<pre><code>> "explain this project's structure"
|
|
48
|
+
|
|
49
|
+
> "find all the test files"
|
|
50
|
+
|
|
51
|
+
> /status # Check model, provider, API status
|
|
52
|
+
|
|
53
|
+
> /model sonnet # Switch model (alias or full ID)
|
|
54
|
+
|
|
55
|
+
> /doctor # Run environment diagnostics</code></pre>
|
|
56
|
+
|
|
57
|
+
<h2>5. Key Commands to Know</h2>
|
|
58
|
+
<table>
|
|
59
|
+
<tr><th>Command</th><th>Use</th></tr>
|
|
60
|
+
<tr><td><code>/clear</code></td><td>Clear conversation and free context</td></tr>
|
|
61
|
+
<tr><td><code>/compact</code></td><td>Compress context to save tokens</td></tr>
|
|
62
|
+
<tr><td><code>/model <name></code></td><td>Switch model or provider</td></tr>
|
|
63
|
+
<tr><td><code>/permissions</code></td><td>Manage tool permission rules</td></tr>
|
|
64
|
+
<tr><td><code>/plan</code></td><td>Toggle plan mode</td></tr>
|
|
65
|
+
<tr><td><code>/config</code></td><td>Open config panel</td></tr>
|
|
66
|
+
<tr><td><code>/help</code></td><td>Show all available commands</td></tr>
|
|
67
|
+
</table>
|
|
68
|
+
|
|
69
|
+
<h2>6. Sessions</h2>
|
|
70
|
+
<pre><code># Continue last conversation
|
|
71
|
+
clew -c
|
|
72
|
+
|
|
73
|
+
# Resume a specific session
|
|
74
|
+
clew -r
|
|
75
|
+
|
|
76
|
+
# Print mode (non-interactive, pipe-friendly)
|
|
77
|
+
clew -p "find all unused exports"
|
|
78
|
+
|
|
79
|
+
# With structured output
|
|
80
|
+
clew -p --output-format json "list all dependencies"</code></pre>
|
|
81
|
+
|
|
82
|
+
<div class="callout callout-info">
|
|
83
|
+
<strong>Tips</strong>
|
|
84
|
+
Type <code>/</code> to discover all commands. Use <code>/powerup</code> for interactive lessons. Set <code>--model sonnet</code> at startup to skip the default model.
|
|
85
|
+
</div>
|
|
86
|
+
</main>
|
|
87
|
+
<nav class="toc-sidebar"></nav>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
<script src="js/main.js"></script>
|
|
91
|
+
</body>
|
|
92
|
+
</html>
|
|
93
|
+
|
package/docs/quick-start.th.html
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
2
|
<html lang="th">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title
|
|
7
|
-
<meta name="description" content="
|
|
6
|
+
<title>เริ่มต้นใช้งาน — Clew</title>
|
|
7
|
+
<meta name="description" content="เริ่มต้นใช้งาน Clew ภายในไม่à¸à¸µà¹ˆà¸™à¸²à¸—ี — ติดตั้ง, ตั้งค่าผู้ให้บริà¸à¸²à¸£, à¹à¸¥à¸°à¸£à¸±à¸™à¹€à¸‹à¸ªà¸Šà¸±à¸™à¹à¸£à¸">
|
|
8
8
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
9
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
10
|
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
@@ -18,66 +18,66 @@
|
|
|
18
18
|
<div class="sidebar-overlay" id="sidebarOverlay"></div>
|
|
19
19
|
<div class="content-wrap">
|
|
20
20
|
<main class="content">
|
|
21
|
-
<div class="breadcrumbs"><a href="index.th.html"
|
|
22
|
-
<h1
|
|
23
|
-
<p class="section-subtitle"
|
|
21
|
+
<div class="breadcrumbs"><a href="index.th.html">หน้าà¹à¸£à¸</a><span class="sep">/</span><span>เริ่มต้นใช้งาน</span></div>
|
|
22
|
+
<h1>เริ่มต้นใช้งาน</h1>
|
|
23
|
+
<p class="section-subtitle">จาà¸à¸¨à¸¹à¸™à¸¢à¹Œà¸–ึงà¸à¸²à¸£à¹€à¸‚ียนโค้ดà¹à¸šà¸šà¸¡à¸µ AI ช่วยในไม่ถึงนาที</p>
|
|
24
24
|
|
|
25
|
-
<h2>1.
|
|
25
|
+
<h2>1. ติดตั้ง</h2>
|
|
26
26
|
<pre><code>npm install -g clew-code
|
|
27
27
|
clew --version</code></pre>
|
|
28
|
-
<p
|
|
28
|
+
<p>ตรวจสà¸à¸šà¹ƒà¸«à¹‰à¹à¸™à¹ˆà¹ƒà¸ˆà¸§à¹ˆà¸²à¹„ด้ติดตั้ง <a href="installation.th.html">Bun 1.3+</a> à¸à¹ˆà¸à¸™ à¹à¸žà¹‡à¸à¹€à¸à¸ˆ npm ไม่ได้รวม Bun มาด้วย</p>
|
|
29
29
|
|
|
30
|
-
<h2>2.
|
|
31
|
-
<p
|
|
32
|
-
<pre><code># Anthropic (
|
|
30
|
+
<h2>2. ตั้งค่าคีย์ผู้ให้บริà¸à¸²à¸£</h2>
|
|
31
|
+
<p>ตั้งค่าคีย์ API à¸à¸¢à¹ˆà¸²à¸‡à¸™à¹‰à¸à¸¢à¸«à¸™à¸¶à¹ˆà¸‡à¸•à¸±à¸§à¹€à¸›à¹‡à¸™à¸•à¸±à¸§à¹à¸›à¸£à¸ªà¸ าพà¹à¸§à¸”ล้à¸à¸¡ ดู <a href="providers.th.html">ผู้ให้บริà¸à¸²à¸£</a> สำหรับทั้งหมด 27 ตัวเลืà¸à¸</p>
|
|
32
|
+
<pre><code># Anthropic (à¹à¸™à¸°à¸™à¸³à¸ªà¸³à¸«à¸£à¸±à¸šà¸à¸²à¸£à¹€à¸£à¸µà¸¢à¸à¹ƒà¸Šà¹‰à¹€à¸„รื่à¸à¸‡à¸¡à¸·à¸à¸—ี่ดีที่สุด)
|
|
33
33
|
export ANTHROPIC_API_KEY=sk-ant-...
|
|
34
34
|
|
|
35
|
-
#
|
|
35
|
+
# หรืภDeepSeek
|
|
36
36
|
export DEEPSEEK_API_KEY=sk-...
|
|
37
37
|
|
|
38
|
-
#
|
|
38
|
+
# หรืภGoogle Gemini
|
|
39
39
|
export GOOGLE_API_KEY=...</code></pre>
|
|
40
40
|
|
|
41
|
-
<h2>3.
|
|
41
|
+
<h2>3. เริ่มโปรà¹à¸à¸£à¸¡</h2>
|
|
42
42
|
<pre><code>cd /path/to/your/project
|
|
43
43
|
clew</code></pre>
|
|
44
|
-
<p>UI
|
|
44
|
+
<p>UI เทà¸à¸£à¹Œà¸¡à¸´à¸™à¸±à¸¥à¸ˆà¸°à¹€à¸£à¸´à¹ˆà¸¡à¸‚ึ้นพร้à¸à¸¡à¸Šà¸·à¹ˆà¸à¹‚มเดล, ผู้ให้บริà¸à¸²à¸£, à¹à¸¥à¸°à¸à¸²à¸£à¹ƒà¸Šà¹‰à¸‡à¸²à¸™à¸šà¸£à¸´à¸šà¸—ในà¹à¸–บสถานะ</p>
|
|
45
45
|
|
|
46
|
-
<h2>4.
|
|
47
|
-
<pre><code>> "
|
|
48
|
-
> "
|
|
49
|
-
> /status #
|
|
50
|
-
> /model sonnet #
|
|
51
|
-
> /doctor #
|
|
46
|
+
<h2>4. คำสั่งà¹à¸£à¸</h2>
|
|
47
|
+
<pre><code>> "à¸à¸˜à¸´à¸šà¸²à¸¢à¹‚ครงสร้างโปรเจà¸à¸•à¹Œà¸™à¸µà¹‰"
|
|
48
|
+
> "ค้นหาไฟล์ทดสà¸à¸šà¸—ั้งหมด"
|
|
49
|
+
> /status # ตรวจสà¸à¸šà¹‚มเดล, ผู้ให้บริà¸à¸²à¸£, สถานะ API
|
|
50
|
+
> /model sonnet # สลับโมเดล
|
|
51
|
+
> /doctor # ตรวจสà¸à¸šà¸ªà¸ าพà¹à¸§à¸”ล้à¸à¸¡</code></pre>
|
|
52
52
|
|
|
53
|
-
<h2>5.
|
|
53
|
+
<h2>5. คำสั่งสำคัà¸à¸—ี่ควรรู้</h2>
|
|
54
54
|
<table>
|
|
55
|
-
<tr><th
|
|
56
|
-
<tr><td><code>/clear</code></td><td
|
|
57
|
-
<tr><td><code>/compact</code></td><td
|
|
58
|
-
<tr><td><code>/model <name></code></td><td
|
|
59
|
-
<tr><td><code>/permissions</code></td><td
|
|
60
|
-
<tr><td><code>/plan</code></td><td
|
|
61
|
-
<tr><td><code>/config</code></td><td
|
|
62
|
-
<tr><td><code>/help</code></td><td
|
|
55
|
+
<tr><th>คำสั่ง</th><th>à¸à¸²à¸£à¹ƒà¸Šà¹‰à¸‡à¸²à¸™</th></tr>
|
|
56
|
+
<tr><td><code>/clear</code></td><td>ล้างà¸à¸²à¸£à¸ªà¸™à¸—นาà¹à¸¥à¸°à¹€à¸žà¸´à¹ˆà¸¡à¸žà¸·à¹‰à¸™à¸—ี่บริบท</td></tr>
|
|
57
|
+
<tr><td><code>/compact</code></td><td>บีบà¸à¸±à¸”บริบทเพื่à¸à¸›à¸£à¸°à¸«à¸¢à¸±à¸”โทเค็น</td></tr>
|
|
58
|
+
<tr><td><code>/model <name></code></td><td>สลับโมเดลหรืà¸à¸œà¸¹à¹‰à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£</td></tr>
|
|
59
|
+
<tr><td><code>/permissions</code></td><td>จัดà¸à¸²à¸£à¸à¸Žà¸ªà¸´à¸—ธิ์เครื่à¸à¸‡à¸¡à¸·à¸</td></tr>
|
|
60
|
+
<tr><td><code>/plan</code></td><td>เปิด/ปิดโหมดวางà¹à¸œà¸™</td></tr>
|
|
61
|
+
<tr><td><code>/config</code></td><td>เปิดà¹à¸œà¸‡à¸•à¸±à¹‰à¸‡à¸„่า</td></tr>
|
|
62
|
+
<tr><td><code>/help</code></td><td>à¹à¸ªà¸”งคำสั่งทั้งหมด</td></tr>
|
|
63
63
|
</table>
|
|
64
64
|
|
|
65
|
-
<h2>6.
|
|
66
|
-
<pre><code>#
|
|
65
|
+
<h2>6. เซสชัน</h2>
|
|
66
|
+
<pre><code># ต่à¸à¸à¸²à¸£à¸ªà¸™à¸—นาล่าสุด
|
|
67
67
|
clew -c
|
|
68
68
|
|
|
69
|
-
#
|
|
69
|
+
# à¸à¸¥à¸±à¸šà¸¡à¸²à¹€à¸‹à¸ªà¸Šà¸±à¸™à¸—ี่ระบุ
|
|
70
70
|
clew -r
|
|
71
71
|
|
|
72
|
-
#
|
|
73
|
-
clew -p "
|
|
72
|
+
# โหมดพิมพ์ (ไม่โต้ตà¸à¸š, รà¸à¸‡à¸£à¸±à¸š pipe)
|
|
73
|
+
clew -p "ค้นหา unused exports ทั้งหมด"
|
|
74
74
|
|
|
75
|
-
#
|
|
76
|
-
clew -p --output-format json "
|
|
75
|
+
# พร้à¸à¸¡à¸œà¸¥à¸¥à¸±à¸žà¸˜à¹Œà¹à¸šà¸šà¸¡à¸µà¹‚ครงสร้าง
|
|
76
|
+
clew -p --output-format json "à¹à¸ªà¸”ง dependencies ทั้งหมด"</code></pre>
|
|
77
77
|
|
|
78
78
|
<div class="callout callout-info">
|
|
79
|
-
<strong
|
|
80
|
-
|
|
79
|
+
<strong>เคล็ดลับ</strong>
|
|
80
|
+
พิมพ์ <code>/</code> เพื่à¸à¸„้นหาคำสั่งทั้งหมด ใช้ <code>/powerup</code> สำหรับบทเรียนà¹à¸šà¸šà¹‚ต้ตà¸à¸š ตั้ง <code>--model sonnet</code> ตà¸à¸™à¹€à¸£à¸´à¹ˆà¸¡à¹€à¸žà¸·à¹ˆà¸à¸‚้ามโมเดลเริ่มต้น
|
|
81
81
|
</div>
|
|
82
82
|
</main>
|
|
83
83
|
<nav class="toc-sidebar"></nav>
|
|
@@ -86,3 +86,4 @@ clew -p --output-format json "แสดง dependencies ทั้งหมด"</
|
|
|
86
86
|
<script src="js/main.js"></script>
|
|
87
87
|
</body>
|
|
88
88
|
</html>
|
|
89
|
+
|