@atlashub/smartstack-cli 1.5.0 → 1.5.2

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.
Files changed (159) hide show
  1. package/.documentation/agents.html +920 -916
  2. package/.documentation/apex.html +1022 -1018
  3. package/.documentation/business-analyse.html +1505 -1501
  4. package/.documentation/commands.html +684 -680
  5. package/.documentation/css/styles.css +2168 -2168
  6. package/.documentation/efcore.html +2509 -2505
  7. package/.documentation/gitflow.html +2622 -2618
  8. package/.documentation/hooks.html +417 -413
  9. package/.documentation/index.html +327 -323
  10. package/.documentation/init.html +565 -0
  11. package/.documentation/installation.html +548 -462
  12. package/.documentation/js/app.js +794 -794
  13. package/.documentation/ralph-loop.html +534 -530
  14. package/.documentation/test-web.html +517 -513
  15. package/config/default-config.json +86 -86
  16. package/config/settings.json +53 -53
  17. package/config/settings.local.example.json +16 -16
  18. package/dist/index.js +18 -8
  19. package/dist/index.js.map +1 -1
  20. package/package.json +88 -88
  21. package/templates/agents/action.md +36 -36
  22. package/templates/agents/efcore/conflicts.md +84 -84
  23. package/templates/agents/efcore/db-deploy.md +51 -51
  24. package/templates/agents/efcore/db-reset.md +59 -59
  25. package/templates/agents/efcore/db-seed.md +56 -56
  26. package/templates/agents/efcore/db-status.md +64 -64
  27. package/templates/agents/efcore/migration.md +85 -85
  28. package/templates/agents/efcore/rebase-snapshot.md +62 -62
  29. package/templates/agents/efcore/scan.md +90 -90
  30. package/templates/agents/efcore/squash.md +67 -67
  31. package/templates/agents/explore-codebase.md +65 -65
  32. package/templates/agents/explore-docs.md +97 -97
  33. package/templates/agents/fix-grammar.md +49 -49
  34. package/templates/agents/gitflow/abort.md +45 -45
  35. package/templates/agents/gitflow/cleanup.md +85 -85
  36. package/templates/agents/gitflow/commit.md +40 -40
  37. package/templates/agents/gitflow/exec.md +48 -48
  38. package/templates/agents/gitflow/finish.md +92 -92
  39. package/templates/agents/gitflow/init.md +139 -139
  40. package/templates/agents/gitflow/merge.md +62 -62
  41. package/templates/agents/gitflow/plan.md +42 -42
  42. package/templates/agents/gitflow/pr.md +78 -78
  43. package/templates/agents/gitflow/review.md +49 -49
  44. package/templates/agents/gitflow/start.md +61 -61
  45. package/templates/agents/gitflow/status.md +32 -32
  46. package/templates/agents/snipper.md +36 -36
  47. package/templates/agents/websearch.md +46 -46
  48. package/templates/commands/_resources/formatting-guide.md +124 -124
  49. package/templates/commands/ai-prompt.md +315 -315
  50. package/templates/commands/apex/1-analyze.md +100 -100
  51. package/templates/commands/apex/2-plan.md +145 -145
  52. package/templates/commands/apex/3-execute.md +171 -171
  53. package/templates/commands/apex/4-examine.md +116 -116
  54. package/templates/commands/apex/5-tasks.md +209 -209
  55. package/templates/commands/apex.md +76 -76
  56. package/templates/commands/application/create.md +362 -362
  57. package/templates/commands/application/templates-backend.md +463 -463
  58. package/templates/commands/application/templates-frontend.md +517 -517
  59. package/templates/commands/application/templates-i18n.md +478 -478
  60. package/templates/commands/application/templates-seed.md +362 -362
  61. package/templates/commands/application.md +303 -303
  62. package/templates/commands/business-analyse/0-orchestrate.md +640 -640
  63. package/templates/commands/business-analyse/1-init.md +269 -269
  64. package/templates/commands/business-analyse/2-discover.md +520 -520
  65. package/templates/commands/business-analyse/3-analyse.md +408 -408
  66. package/templates/commands/business-analyse/4-specify.md +598 -598
  67. package/templates/commands/business-analyse/5-validate.md +326 -326
  68. package/templates/commands/business-analyse/6-handoff.md +746 -746
  69. package/templates/commands/business-analyse/7-doc-html.md +602 -602
  70. package/templates/commands/business-analyse/bug.md +325 -325
  71. package/templates/commands/business-analyse/change-request.md +368 -368
  72. package/templates/commands/business-analyse/hotfix.md +200 -200
  73. package/templates/commands/business-analyse.md +640 -640
  74. package/templates/commands/controller/create.md +216 -216
  75. package/templates/commands/controller/postman-templates.md +528 -528
  76. package/templates/commands/controller/templates.md +600 -600
  77. package/templates/commands/controller.md +337 -337
  78. package/templates/commands/create/agent.md +138 -138
  79. package/templates/commands/create/command.md +166 -166
  80. package/templates/commands/create/hook.md +234 -234
  81. package/templates/commands/create/plugin.md +329 -329
  82. package/templates/commands/create/project.md +507 -507
  83. package/templates/commands/create/skill.md +199 -199
  84. package/templates/commands/create.md +220 -220
  85. package/templates/commands/debug.md +95 -95
  86. package/templates/commands/documentation/module.md +202 -202
  87. package/templates/commands/documentation/templates.md +432 -432
  88. package/templates/commands/documentation.md +190 -190
  89. package/templates/commands/efcore/_env-check.md +153 -153
  90. package/templates/commands/efcore/conflicts.md +186 -186
  91. package/templates/commands/efcore/db-deploy.md +193 -193
  92. package/templates/commands/efcore/db-reset.md +426 -426
  93. package/templates/commands/efcore/db-seed.md +326 -326
  94. package/templates/commands/efcore/db-status.md +226 -226
  95. package/templates/commands/efcore/migration.md +400 -400
  96. package/templates/commands/efcore/rebase-snapshot.md +264 -264
  97. package/templates/commands/efcore/scan.md +198 -198
  98. package/templates/commands/efcore/squash.md +298 -298
  99. package/templates/commands/efcore.md +224 -224
  100. package/templates/commands/epct.md +69 -69
  101. package/templates/commands/explain.md +186 -186
  102. package/templates/commands/explore.md +45 -45
  103. package/templates/commands/feature-full.md +267 -267
  104. package/templates/commands/gitflow/1-init.md +1038 -1038
  105. package/templates/commands/gitflow/10-start.md +768 -768
  106. package/templates/commands/gitflow/11-finish.md +457 -457
  107. package/templates/commands/gitflow/12-cleanup.md +276 -276
  108. package/templates/commands/gitflow/13-sync.md +216 -216
  109. package/templates/commands/gitflow/14-rebase.md +251 -251
  110. package/templates/commands/gitflow/2-status.md +277 -277
  111. package/templates/commands/gitflow/3-commit.md +344 -344
  112. package/templates/commands/gitflow/4-plan.md +145 -145
  113. package/templates/commands/gitflow/5-exec.md +147 -147
  114. package/templates/commands/gitflow/6-abort.md +344 -344
  115. package/templates/commands/gitflow/7-pull-request.md +453 -355
  116. package/templates/commands/gitflow/8-review.md +240 -176
  117. package/templates/commands/gitflow/9-merge.md +451 -365
  118. package/templates/commands/gitflow.md +128 -128
  119. package/templates/commands/implement.md +663 -663
  120. package/templates/commands/init.md +567 -562
  121. package/templates/commands/mcp-integration.md +330 -330
  122. package/templates/commands/notification.md +129 -129
  123. package/templates/commands/oneshot.md +57 -57
  124. package/templates/commands/quick-search.md +72 -72
  125. package/templates/commands/ralph-loop/cancel-ralph.md +18 -18
  126. package/templates/commands/ralph-loop/help.md +126 -126
  127. package/templates/commands/ralph-loop/ralph-loop.md +18 -18
  128. package/templates/commands/review.md +106 -106
  129. package/templates/commands/utils/test-web-config.md +160 -160
  130. package/templates/commands/utils/test-web.md +151 -151
  131. package/templates/commands/validate.md +233 -233
  132. package/templates/commands/workflow.md +193 -193
  133. package/templates/gitflow/config.json +138 -138
  134. package/templates/hooks/ef-migration-check.md +139 -139
  135. package/templates/hooks/hooks.json +25 -25
  136. package/templates/hooks/stop-hook.sh +177 -177
  137. package/templates/skills/ai-prompt/SKILL.md +778 -778
  138. package/templates/skills/application/SKILL.md +563 -563
  139. package/templates/skills/application/templates-backend.md +450 -450
  140. package/templates/skills/application/templates-frontend.md +531 -531
  141. package/templates/skills/application/templates-i18n.md +520 -520
  142. package/templates/skills/application/templates-seed.md +647 -647
  143. package/templates/skills/business-analyse/SKILL.md +191 -191
  144. package/templates/skills/business-analyse/questionnaire.md +283 -283
  145. package/templates/skills/business-analyse/templates-frd.md +477 -477
  146. package/templates/skills/business-analyse/templates-react.md +580 -580
  147. package/templates/skills/controller/SKILL.md +240 -240
  148. package/templates/skills/controller/postman-templates.md +614 -614
  149. package/templates/skills/controller/templates.md +1468 -1468
  150. package/templates/skills/documentation/SKILL.md +133 -133
  151. package/templates/skills/documentation/templates.md +476 -476
  152. package/templates/skills/feature-full/SKILL.md +838 -838
  153. package/templates/skills/notification/SKILL.md +555 -555
  154. package/templates/skills/ui-components/SKILL.md +870 -870
  155. package/templates/skills/workflow/SKILL.md +582 -582
  156. package/templates/test-web/api-health.json +38 -38
  157. package/templates/test-web/minimal.json +19 -19
  158. package/templates/test-web/npm-package.json +46 -46
  159. package/templates/test-web/seo-check.json +54 -54
@@ -1,513 +1,517 @@
1
- <!DOCTYPE html>
2
- <html lang="fr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Test Web - SmartStack CLI</title>
7
- <link rel="stylesheet" href="css/styles.css">
8
- </head>
9
- <body>
10
- <div class="app-container">
11
- <!-- Global Header (single unified element) -->
12
- <header class="global-header">
13
- <div class="logo">SS</div>
14
- <span class="site-title">SmartStack CLI</span>
15
- <span class="version-badge">v1.4.0</span>
16
- <div class="header-divider"></div>
17
- <span class="page-title">Test Web</span>
18
- <nav class="breadcrumb">
19
- <a href="index.html">
20
- <span data-lang="fr">Accueil</span>
21
- <span data-lang="en">Home</span>
22
- </a>
23
- <span class="breadcrumb-separator">&#8250;</span>
24
- <span data-lang="fr">Outils</span>
25
- <span data-lang="en">Tools</span>
26
- <span class="breadcrumb-separator">&#8250;</span>
27
- <span class="breadcrumb-current">Test Web</span>
28
- </nav>
29
- <!-- Language Select -->
30
- <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
31
- <option value="fr">🇫🇷 FR</option>
32
- <option value="en">🇬🇧 EN</option>
33
- </select>
34
- <!-- Search -->
35
- <div class="header-search">
36
- <div class="search-input-wrapper">
37
- <span class="search-icon">&#128269;</span>
38
- <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
39
- <span class="search-shortcut">Ctrl+K</span>
40
- </div>
41
- <div id="search-results" class="search-results"></div>
42
- </div>
43
- </header>
44
-
45
- <!-- App Body -->
46
- <div class="app-body">
47
- <!-- Sidebar -->
48
- <aside class="sidebar">
49
- <button class="sidebar-toggle" title="Toggle sidebar">
50
- <span class="toggle-icon-collapse">&#171;</span>
51
- <span class="toggle-icon-expand">&#187;</span>
52
- </button>
53
-
54
- <nav class="sidebar-nav">
55
- <div class="nav-section">
56
- <div class="nav-section-title">
57
- <span data-lang="fr">Demarrage</span>
58
- <span data-lang="en">Getting Started</span>
59
- </div>
60
- <a href="index.html" class="nav-item">
61
- <span class="icon">&#127968;</span>
62
- <span class="nav-text" data-lang="fr">Accueil</span>
63
- <span class="nav-text" data-lang="en">Home</span>
64
- </a>
65
- <a href="installation.html" class="nav-item">
66
- <span class="icon">&#128230;</span>
67
- <span class="nav-text">Installation</span>
68
- </a>
69
- </div>
70
-
71
- <div class="nav-section">
72
- <div class="nav-section-title">Workflows</div>
73
- <a href="gitflow.html" class="nav-item">
74
- <span class="icon">&#128256;</span>
75
- <span class="nav-text">GitFlow</span>
76
- </a>
77
- <a href="efcore.html" class="nav-item">
78
- <span class="icon">&#128452;</span>
79
- <span class="nav-text">EF Core</span>
80
- </a>
81
- <a href="apex.html" class="nav-item">
82
- <span class="icon">&#127919;</span>
83
- <span class="nav-text">APEX</span>
84
- </a>
85
- <a href="business-analyse.html" class="nav-item">
86
- <span class="icon">&#128202;</span>
87
- <span class="nav-text">Business Analyse</span>
88
- </a>
89
- <a href="ralph-loop.html" class="nav-item">
90
- <span class="icon">&#128260;</span>
91
- <span class="nav-text">Ralph Loop</span>
92
- </a>
93
- </div>
94
-
95
- <div class="nav-section">
96
- <div class="nav-section-title">
97
- <span data-lang="fr">Outils</span>
98
- <span data-lang="en">Tools</span>
99
- </div>
100
- <a href="agents.html" class="nav-item">
101
- <span class="icon">&#129302;</span>
102
- <span class="nav-text">Agents</span>
103
- </a>
104
- <a href="commands.html" class="nav-item">
105
- <span class="icon">&#9889;</span>
106
- <span class="nav-text" data-lang="fr">Commandes</span>
107
- <span class="nav-text" data-lang="en">Commands</span>
108
- </a>
109
- <a href="hooks.html" class="nav-item">
110
- <span class="icon">&#128279;</span>
111
- <span class="nav-text">Hooks</span>
112
- </a>
113
- <a href="test-web.html" class="nav-item active">
114
- <span class="icon">&#127760;</span>
115
- <span class="nav-text">Test Web</span>
116
- </a>
117
- </div>
118
- </nav>
119
-
120
- </aside>
121
-
122
- <!-- Main Content -->
123
- <main class="main-content">
124
- <div class="content content-wide">
125
- <!-- Introduction -->
126
- <section id="introduction">
127
- <h2>Introduction</h2>
128
- <p data-lang="fr">
129
- La commande <code>/test-web</code> permet de tester l'accessibilite et le contenu des ressources web de votre projet. Elle supporte plusieurs modes : fetch rapide, tests E2E avec Chrome, et generation de rapports.
130
- </p>
131
- <p data-lang="en">
132
- The <code>/test-web</code> command tests the accessibility and content of your project's web resources. It supports multiple modes: quick fetch, E2E tests with Chrome, and report generation.
133
- </p>
134
- </section>
135
-
136
- <!-- Modes -->
137
- <section id="modes">
138
- <h2>
139
- <span data-lang="fr">Modes d'execution</span>
140
- <span data-lang="en">Execution Modes</span>
141
- </h2>
142
-
143
- <div class="card-grid">
144
- <div class="card">
145
- <div class="card-header">
146
- <div class="card-icon" style="background: var(--success);">&#9889;</div>
147
- <div>
148
- <div class="card-title">--quick</div>
149
- <div class="card-subtitle">WebFetch</div>
150
- </div>
151
- </div>
152
- <div class="card-body">
153
- <p data-lang="fr">Test rapide HTTP 200 + verification du contenu texte.</p>
154
- <p data-lang="en">Quick HTTP 200 test + text content verification.</p>
155
- </div>
156
- </div>
157
-
158
- <div class="card">
159
- <div class="card-header">
160
- <div class="card-icon" style="background: var(--primary);">&#128187;</div>
161
- <div>
162
- <div class="card-title">--chrome</div>
163
- <div class="card-subtitle">E2E</div>
164
- </div>
165
- </div>
166
- <div class="card-body">
167
- <p data-lang="fr">Tests E2E complets avec Claude for Chrome.</p>
168
- <p data-lang="en">Full E2E tests with Claude for Chrome.</p>
169
- </div>
170
- </div>
171
-
172
- <div class="card">
173
- <div class="card-header">
174
- <div class="card-icon" style="background: var(--warning);">&#128196;</div>
175
- <div>
176
- <div class="card-title">--report</div>
177
- <div class="card-subtitle">Markdown</div>
178
- </div>
179
- </div>
180
- <div class="card-body">
181
- <p data-lang="fr">Genere un rapport detaille dans reports/.</p>
182
- <p data-lang="en">Generates a detailed report in reports/.</p>
183
- </div>
184
- </div>
185
- </div>
186
- </section>
187
-
188
- <!-- Usage -->
189
- <section id="usage">
190
- <h2>
191
- <span data-lang="fr">Utilisation</span>
192
- <span data-lang="en">Usage</span>
193
- </h2>
194
-
195
- <div class="command-card">
196
- <div class="command-header">
197
- <code class="command-name">/test-web</code>
198
- <span class="tag tag-command">Test</span>
199
- </div>
200
- <div class="command-body">
201
- <div class="code-block">
202
- <button class="copy-btn">Copy</button>
203
- <pre><code># Test rapide de toutes les URLs configurees
204
- /test-web --quick
205
-
206
- # Test E2E avec navigateur (requires claude --chrome)
207
- /test-web --chrome
208
-
209
- # Test d'une URL specifique
210
- /test-web https://github.com/org/repo
211
-
212
- # Generer rapport detaille
213
- /test-web --report</code></pre>
214
- </div>
215
- </div>
216
- </div>
217
- </section>
218
-
219
- <!-- Configuration -->
220
- <section id="configuration">
221
- <h2>Configuration</h2>
222
-
223
- <p data-lang="fr">Creez un fichier de configuration dans <code>.claude/test-web/config.json</code> :</p>
224
- <p data-lang="en">Create a configuration file in <code>.claude/test-web/config.json</code>:</p>
225
-
226
- <div class="code-block">
227
- <button class="copy-btn">Copy</button>
228
- <pre><code>{
229
- "version": "1.0.0",
230
- "targets": [
231
- {
232
- "name": "npm Package Page",
233
- "url": "https://www.npmjs.com/package/@scope/package-name",
234
- "type": "fetch",
235
- "expects": {
236
- "status": 200,
237
- "contains": ["package-name", "Install"]
238
- }
239
- },
240
- {
241
- "name": "npm Search",
242
- "query": "@scope/package-name npm",
243
- "type": "search",
244
- "expects": {
245
- "hasResults": true
246
- }
247
- },
248
- {
249
- "name": "GitHub Repository",
250
- "url": "https://github.com/org/repo",
251
- "type": "fetch",
252
- "expects": {
253
- "status": 200,
254
- "contains": ["README", "package.json"]
255
- }
256
- }
257
- ],
258
- "settings": {
259
- "timeout": 30000,
260
- "retries": 2,
261
- "reportPath": ".claude/test-web/reports"
262
- }
263
- }</code></pre>
264
- </div>
265
-
266
- <h3 data-lang="fr">Types de targets</h3>
267
- <h3 data-lang="en">Target Types</h3>
268
-
269
- <div class="table-container">
270
- <table>
271
- <thead>
272
- <tr>
273
- <th>Type</th>
274
- <th>
275
- <span data-lang="fr">Description</span>
276
- <span data-lang="en">Description</span>
277
- </th>
278
- <th>
279
- <span data-lang="fr">Validation</span>
280
- <span data-lang="en">Validation</span>
281
- </th>
282
- </tr>
283
- </thead>
284
- <tbody>
285
- <tr>
286
- <td><code>fetch</code></td>
287
- <td>
288
- <span data-lang="fr">Requete HTTP simple</span>
289
- <span data-lang="en">Simple HTTP request</span>
290
- </td>
291
- <td>status, contains</td>
292
- </tr>
293
- <tr>
294
- <td><code>search</code></td>
295
- <td>
296
- <span data-lang="fr">Recherche web</span>
297
- <span data-lang="en">Web search</span>
298
- </td>
299
- <td>hasResults</td>
300
- </tr>
301
- <tr>
302
- <td><code>chrome</code></td>
303
- <td>
304
- <span data-lang="fr">Test E2E navigateur</span>
305
- <span data-lang="en">Browser E2E test</span>
306
- </td>
307
- <td>actions, screenshots</td>
308
- </tr>
309
- </tbody>
310
- </table>
311
- </div>
312
- </section>
313
-
314
- <!-- Templates -->
315
- <section id="templates">
316
- <h2>
317
- <span data-lang="fr">Templates pre-configures</span>
318
- <span data-lang="en">Pre-configured Templates</span>
319
- </h2>
320
-
321
- <p data-lang="fr">Claude Tools inclut des templates de configuration pour les cas d'usage courants :</p>
322
- <p data-lang="en">Claude Tools includes configuration templates for common use cases:</p>
323
-
324
- <div class="table-container">
325
- <table>
326
- <thead>
327
- <tr>
328
- <th>Template</th>
329
- <th>
330
- <span data-lang="fr">Description</span>
331
- <span data-lang="en">Description</span>
332
- </th>
333
- </tr>
334
- </thead>
335
- <tbody>
336
- <tr>
337
- <td><code>minimal.json</code></td>
338
- <td>
339
- <span data-lang="fr">Configuration minimale de base</span>
340
- <span data-lang="en">Basic minimal configuration</span>
341
- </td>
342
- </tr>
343
- <tr>
344
- <td><code>npm-package.json</code></td>
345
- <td>
346
- <span data-lang="fr">Tests pour package npm (npm, GitHub, releases)</span>
347
- <span data-lang="en">Tests for npm package (npm, GitHub, releases)</span>
348
- </td>
349
- </tr>
350
- <tr>
351
- <td><code>api-health.json</code></td>
352
- <td>
353
- <span data-lang="fr">Tests de sante API REST</span>
354
- <span data-lang="en">REST API health tests</span>
355
- </td>
356
- </tr>
357
- <tr>
358
- <td><code>seo-check.json</code></td>
359
- <td>
360
- <span data-lang="fr">Verification SEO et indexation</span>
361
- <span data-lang="en">SEO and indexation check</span>
362
- </td>
363
- </tr>
364
- </tbody>
365
- </table>
366
- </div>
367
-
368
- <div class="code-block">
369
- <button class="copy-btn">Copy</button>
370
- <pre><code># Utiliser un template
371
- /test-web-config npm-package
372
-
373
- # Cela copie le template dans .claude/test-web/config.json</code></pre>
374
- </div>
375
- </section>
376
-
377
- <!-- Output -->
378
- <section id="output">
379
- <h2>
380
- <span data-lang="fr">Format de sortie</span>
381
- <span data-lang="en">Output Format</span>
382
- </h2>
383
-
384
- <h3 data-lang="fr">Succes</h3>
385
- <h3 data-lang="en">Success</h3>
386
-
387
- <div class="code-block">
388
- <pre><code>TEST WEB RESULTS
389
- ────────────────────────────────
390
- GitHub Repository 200 OK "README" found
391
- npm Package 200 OK "claude-tools" found
392
- Google Indexation Results Found in search
393
-
394
- Status: 3/3 PASS
395
- ────────────────────────────────</code></pre>
396
- </div>
397
-
398
- <h3 data-lang="fr">Echec</h3>
399
- <h3 data-lang="en">Failure</h3>
400
-
401
- <div class="code-block">
402
- <pre><code>TEST WEB RESULTS
403
- ────────────────────────────────
404
- GitHub Repository 200 OK "README" found
405
- npm Package 404 Package not found
406
- Google Indexation Results No relevant results
407
-
408
- Status: 1/3 PASS, 1 FAIL, 1 WARNING
409
- ────────────────────────────────</code></pre>
410
- </div>
411
- </section>
412
-
413
- <!-- Chrome Mode -->
414
- <section id="chrome">
415
- <h2>
416
- <span data-lang="fr">Mode Chrome (E2E)</span>
417
- <span data-lang="en">Chrome Mode (E2E)</span>
418
- </h2>
419
-
420
- <div class="alert alert-info">
421
- <span class="alert-icon">&#128161;</span>
422
- <div class="alert-content">
423
- <h5 data-lang="fr">Prerequis</h5>
424
- <h5 data-lang="en">Prerequisites</h5>
425
- <div class="feature-grid">
426
- <div class="feature-item">
427
- <span class="feature-icon">&#128268;</span>
428
- <span class="feature-text" data-lang="fr">Extension "Claude for Chrome" installee</span>
429
- <span class="feature-text" data-lang="en">Extension "Claude for Chrome" installed</span>
430
- </div>
431
- <div class="feature-item">
432
- <span class="feature-icon">&#127380;</span>
433
- <span class="feature-text" data-lang="fr">Plan Max/Pro/Team/Enterprise</span>
434
- <span class="feature-text" data-lang="en">Max/Pro/Team/Enterprise plan</span>
435
- </div>
436
- <div class="feature-item">
437
- <span class="feature-icon">&#9654;</span>
438
- <span class="feature-text" data-lang="fr">Claude Code lance avec : <code>claude --chrome</code></span>
439
- <span class="feature-text" data-lang="en">Claude Code launched with: <code>claude --chrome</code></span>
440
- </div>
441
- </div>
442
- </div>
443
- </div>
444
-
445
- <div class="code-block">
446
- <button class="copy-btn">Copy</button>
447
- <pre><code># 1. Lancer Claude Code avec Chrome
448
- claude --chrome
449
-
450
- # 2. Executer les tests E2E
451
- /test-web --chrome</code></pre>
452
- </div>
453
- </section>
454
-
455
- <!-- Integration -->
456
- <section id="integration">
457
- <h2>
458
- <span data-lang="fr">Integration workflows</span>
459
- <span data-lang="en">Workflow Integration</span>
460
- </h2>
461
-
462
- <p data-lang="fr">
463
- <code>/test-web</code> peut etre appele automatiquement dans d'autres workflows :
464
- </p>
465
- <p data-lang="en">
466
- <code>/test-web</code> can be called automatically in other workflows:
467
- </p>
468
-
469
- <div class="table-container">
470
- <table>
471
- <thead>
472
- <tr>
473
- <th>Workflow</th>
474
- <th>Phase</th>
475
- <th>
476
- <span data-lang="fr">Usage</span>
477
- <span data-lang="en">Usage</span>
478
- </th>
479
- </tr>
480
- </thead>
481
- <tbody>
482
- <tr>
483
- <td><strong>BA</strong></td>
484
- <td>/ba:5-verify</td>
485
- <td>
486
- <span data-lang="fr">Verification des endpoints deployes</span>
487
- <span data-lang="en">Deployed endpoints verification</span>
488
- </td>
489
- </tr>
490
- <tr>
491
- <td><strong>EPCT</strong></td>
492
- <td>Phase T (Test)</td>
493
- <td>
494
- <span data-lang="fr">Tests d'integration web</span>
495
- <span data-lang="en">Web integration tests</span>
496
- </td>
497
- </tr>
498
- </tbody>
499
- </table>
500
- </div>
501
- </section>
502
- </div>
503
- </main>
504
- </div>
505
- </div>
506
-
507
- <!-- Mobile Menu Button -->
508
- <button class="mobile-menu-btn">&#9776;</button>
509
- <div class="overlay"></div>
510
-
511
- <script src="js/app.js"></script>
512
- </body>
513
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Test Web - SmartStack CLI</title>
7
+ <link rel="stylesheet" href="css/styles.css">
8
+ </head>
9
+ <body>
10
+ <div class="app-container">
11
+ <!-- Global Header (single unified element) -->
12
+ <header class="global-header">
13
+ <div class="logo">SS</div>
14
+ <span class="site-title">SmartStack CLI</span>
15
+ <span class="version-badge">v1.5.0</span>
16
+ <div class="header-divider"></div>
17
+ <span class="page-title">Test Web</span>
18
+ <nav class="breadcrumb">
19
+ <a href="index.html">
20
+ <span data-lang="fr">Accueil</span>
21
+ <span data-lang="en">Home</span>
22
+ </a>
23
+ <span class="breadcrumb-separator">&#8250;</span>
24
+ <span data-lang="fr">Outils</span>
25
+ <span data-lang="en">Tools</span>
26
+ <span class="breadcrumb-separator">&#8250;</span>
27
+ <span class="breadcrumb-current">Test Web</span>
28
+ </nav>
29
+ <!-- Language Select -->
30
+ <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
31
+ <option value="fr">🇫🇷 FR</option>
32
+ <option value="en">🇬🇧 EN</option>
33
+ </select>
34
+ <!-- Search -->
35
+ <div class="header-search">
36
+ <div class="search-input-wrapper">
37
+ <span class="search-icon">&#128269;</span>
38
+ <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
39
+ <span class="search-shortcut">Ctrl+K</span>
40
+ </div>
41
+ <div id="search-results" class="search-results"></div>
42
+ </div>
43
+ </header>
44
+
45
+ <!-- App Body -->
46
+ <div class="app-body">
47
+ <!-- Sidebar -->
48
+ <aside class="sidebar">
49
+ <button class="sidebar-toggle" title="Toggle sidebar">
50
+ <span class="toggle-icon-collapse">&#171;</span>
51
+ <span class="toggle-icon-expand">&#187;</span>
52
+ </button>
53
+
54
+ <nav class="sidebar-nav">
55
+ <div class="nav-section">
56
+ <div class="nav-section-title">
57
+ <span data-lang="fr">Demarrage</span>
58
+ <span data-lang="en">Getting Started</span>
59
+ </div>
60
+ <a href="index.html" class="nav-item">
61
+ <span class="icon">&#127968;</span>
62
+ <span class="nav-text" data-lang="fr">Accueil</span>
63
+ <span class="nav-text" data-lang="en">Home</span>
64
+ </a>
65
+ <a href="installation.html" class="nav-item">
66
+ <span class="icon">&#128230;</span>
67
+ <span class="nav-text">Installation</span>
68
+ </a>
69
+ <a href="init.html" class="nav-item">
70
+ <span class="icon">&#128640;</span>
71
+ <span class="nav-text">Project Init</span>
72
+ </a>
73
+ </div>
74
+
75
+ <div class="nav-section">
76
+ <div class="nav-section-title">Workflows</div>
77
+ <a href="gitflow.html" class="nav-item">
78
+ <span class="icon">&#128256;</span>
79
+ <span class="nav-text">GitFlow</span>
80
+ </a>
81
+ <a href="efcore.html" class="nav-item">
82
+ <span class="icon">&#128452;</span>
83
+ <span class="nav-text">EF Core</span>
84
+ </a>
85
+ <a href="apex.html" class="nav-item">
86
+ <span class="icon">&#127919;</span>
87
+ <span class="nav-text">APEX</span>
88
+ </a>
89
+ <a href="business-analyse.html" class="nav-item">
90
+ <span class="icon">&#128202;</span>
91
+ <span class="nav-text">Business Analyse</span>
92
+ </a>
93
+ <a href="ralph-loop.html" class="nav-item">
94
+ <span class="icon">&#128260;</span>
95
+ <span class="nav-text">Ralph Loop</span>
96
+ </a>
97
+ </div>
98
+
99
+ <div class="nav-section">
100
+ <div class="nav-section-title">
101
+ <span data-lang="fr">Outils</span>
102
+ <span data-lang="en">Tools</span>
103
+ </div>
104
+ <a href="agents.html" class="nav-item">
105
+ <span class="icon">&#129302;</span>
106
+ <span class="nav-text">Agents</span>
107
+ </a>
108
+ <a href="commands.html" class="nav-item">
109
+ <span class="icon">&#9889;</span>
110
+ <span class="nav-text" data-lang="fr">Commandes</span>
111
+ <span class="nav-text" data-lang="en">Commands</span>
112
+ </a>
113
+ <a href="hooks.html" class="nav-item">
114
+ <span class="icon">&#128279;</span>
115
+ <span class="nav-text">Hooks</span>
116
+ </a>
117
+ <a href="test-web.html" class="nav-item active">
118
+ <span class="icon">&#127760;</span>
119
+ <span class="nav-text">Test Web</span>
120
+ </a>
121
+ </div>
122
+ </nav>
123
+
124
+ </aside>
125
+
126
+ <!-- Main Content -->
127
+ <main class="main-content">
128
+ <div class="content content-wide">
129
+ <!-- Introduction -->
130
+ <section id="introduction">
131
+ <h2>Introduction</h2>
132
+ <p data-lang="fr">
133
+ La commande <code>/test-web</code> permet de tester l'accessibilite et le contenu des ressources web de votre projet. Elle supporte plusieurs modes : fetch rapide, tests E2E avec Chrome, et generation de rapports.
134
+ </p>
135
+ <p data-lang="en">
136
+ The <code>/test-web</code> command tests the accessibility and content of your project's web resources. It supports multiple modes: quick fetch, E2E tests with Chrome, and report generation.
137
+ </p>
138
+ </section>
139
+
140
+ <!-- Modes -->
141
+ <section id="modes">
142
+ <h2>
143
+ <span data-lang="fr">Modes d'execution</span>
144
+ <span data-lang="en">Execution Modes</span>
145
+ </h2>
146
+
147
+ <div class="card-grid">
148
+ <div class="card">
149
+ <div class="card-header">
150
+ <div class="card-icon" style="background: var(--success);">&#9889;</div>
151
+ <div>
152
+ <div class="card-title">--quick</div>
153
+ <div class="card-subtitle">WebFetch</div>
154
+ </div>
155
+ </div>
156
+ <div class="card-body">
157
+ <p data-lang="fr">Test rapide HTTP 200 + verification du contenu texte.</p>
158
+ <p data-lang="en">Quick HTTP 200 test + text content verification.</p>
159
+ </div>
160
+ </div>
161
+
162
+ <div class="card">
163
+ <div class="card-header">
164
+ <div class="card-icon" style="background: var(--primary);">&#128187;</div>
165
+ <div>
166
+ <div class="card-title">--chrome</div>
167
+ <div class="card-subtitle">E2E</div>
168
+ </div>
169
+ </div>
170
+ <div class="card-body">
171
+ <p data-lang="fr">Tests E2E complets avec Claude for Chrome.</p>
172
+ <p data-lang="en">Full E2E tests with Claude for Chrome.</p>
173
+ </div>
174
+ </div>
175
+
176
+ <div class="card">
177
+ <div class="card-header">
178
+ <div class="card-icon" style="background: var(--warning);">&#128196;</div>
179
+ <div>
180
+ <div class="card-title">--report</div>
181
+ <div class="card-subtitle">Markdown</div>
182
+ </div>
183
+ </div>
184
+ <div class="card-body">
185
+ <p data-lang="fr">Genere un rapport detaille dans reports/.</p>
186
+ <p data-lang="en">Generates a detailed report in reports/.</p>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </section>
191
+
192
+ <!-- Usage -->
193
+ <section id="usage">
194
+ <h2>
195
+ <span data-lang="fr">Utilisation</span>
196
+ <span data-lang="en">Usage</span>
197
+ </h2>
198
+
199
+ <div class="command-card">
200
+ <div class="command-header">
201
+ <code class="command-name">/test-web</code>
202
+ <span class="tag tag-command">Test</span>
203
+ </div>
204
+ <div class="command-body">
205
+ <div class="code-block">
206
+ <button class="copy-btn">Copy</button>
207
+ <pre><code># Test rapide de toutes les URLs configurees
208
+ /test-web --quick
209
+
210
+ # Test E2E avec navigateur (requires claude --chrome)
211
+ /test-web --chrome
212
+
213
+ # Test d'une URL specifique
214
+ /test-web https://github.com/org/repo
215
+
216
+ # Generer rapport detaille
217
+ /test-web --report</code></pre>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </section>
222
+
223
+ <!-- Configuration -->
224
+ <section id="configuration">
225
+ <h2>Configuration</h2>
226
+
227
+ <p data-lang="fr">Creez un fichier de configuration dans <code>.claude/test-web/config.json</code> :</p>
228
+ <p data-lang="en">Create a configuration file in <code>.claude/test-web/config.json</code>:</p>
229
+
230
+ <div class="code-block">
231
+ <button class="copy-btn">Copy</button>
232
+ <pre><code>{
233
+ "version": "1.0.0",
234
+ "targets": [
235
+ {
236
+ "name": "npm Package Page",
237
+ "url": "https://www.npmjs.com/package/@scope/package-name",
238
+ "type": "fetch",
239
+ "expects": {
240
+ "status": 200,
241
+ "contains": ["package-name", "Install"]
242
+ }
243
+ },
244
+ {
245
+ "name": "npm Search",
246
+ "query": "@scope/package-name npm",
247
+ "type": "search",
248
+ "expects": {
249
+ "hasResults": true
250
+ }
251
+ },
252
+ {
253
+ "name": "GitHub Repository",
254
+ "url": "https://github.com/org/repo",
255
+ "type": "fetch",
256
+ "expects": {
257
+ "status": 200,
258
+ "contains": ["README", "package.json"]
259
+ }
260
+ }
261
+ ],
262
+ "settings": {
263
+ "timeout": 30000,
264
+ "retries": 2,
265
+ "reportPath": ".claude/test-web/reports"
266
+ }
267
+ }</code></pre>
268
+ </div>
269
+
270
+ <h3 data-lang="fr">Types de targets</h3>
271
+ <h3 data-lang="en">Target Types</h3>
272
+
273
+ <div class="table-container">
274
+ <table>
275
+ <thead>
276
+ <tr>
277
+ <th>Type</th>
278
+ <th>
279
+ <span data-lang="fr">Description</span>
280
+ <span data-lang="en">Description</span>
281
+ </th>
282
+ <th>
283
+ <span data-lang="fr">Validation</span>
284
+ <span data-lang="en">Validation</span>
285
+ </th>
286
+ </tr>
287
+ </thead>
288
+ <tbody>
289
+ <tr>
290
+ <td><code>fetch</code></td>
291
+ <td>
292
+ <span data-lang="fr">Requete HTTP simple</span>
293
+ <span data-lang="en">Simple HTTP request</span>
294
+ </td>
295
+ <td>status, contains</td>
296
+ </tr>
297
+ <tr>
298
+ <td><code>search</code></td>
299
+ <td>
300
+ <span data-lang="fr">Recherche web</span>
301
+ <span data-lang="en">Web search</span>
302
+ </td>
303
+ <td>hasResults</td>
304
+ </tr>
305
+ <tr>
306
+ <td><code>chrome</code></td>
307
+ <td>
308
+ <span data-lang="fr">Test E2E navigateur</span>
309
+ <span data-lang="en">Browser E2E test</span>
310
+ </td>
311
+ <td>actions, screenshots</td>
312
+ </tr>
313
+ </tbody>
314
+ </table>
315
+ </div>
316
+ </section>
317
+
318
+ <!-- Templates -->
319
+ <section id="templates">
320
+ <h2>
321
+ <span data-lang="fr">Templates pre-configures</span>
322
+ <span data-lang="en">Pre-configured Templates</span>
323
+ </h2>
324
+
325
+ <p data-lang="fr">Claude Tools inclut des templates de configuration pour les cas d'usage courants :</p>
326
+ <p data-lang="en">Claude Tools includes configuration templates for common use cases:</p>
327
+
328
+ <div class="table-container">
329
+ <table>
330
+ <thead>
331
+ <tr>
332
+ <th>Template</th>
333
+ <th>
334
+ <span data-lang="fr">Description</span>
335
+ <span data-lang="en">Description</span>
336
+ </th>
337
+ </tr>
338
+ </thead>
339
+ <tbody>
340
+ <tr>
341
+ <td><code>minimal.json</code></td>
342
+ <td>
343
+ <span data-lang="fr">Configuration minimale de base</span>
344
+ <span data-lang="en">Basic minimal configuration</span>
345
+ </td>
346
+ </tr>
347
+ <tr>
348
+ <td><code>npm-package.json</code></td>
349
+ <td>
350
+ <span data-lang="fr">Tests pour package npm (npm, GitHub, releases)</span>
351
+ <span data-lang="en">Tests for npm package (npm, GitHub, releases)</span>
352
+ </td>
353
+ </tr>
354
+ <tr>
355
+ <td><code>api-health.json</code></td>
356
+ <td>
357
+ <span data-lang="fr">Tests de sante API REST</span>
358
+ <span data-lang="en">REST API health tests</span>
359
+ </td>
360
+ </tr>
361
+ <tr>
362
+ <td><code>seo-check.json</code></td>
363
+ <td>
364
+ <span data-lang="fr">Verification SEO et indexation</span>
365
+ <span data-lang="en">SEO and indexation check</span>
366
+ </td>
367
+ </tr>
368
+ </tbody>
369
+ </table>
370
+ </div>
371
+
372
+ <div class="code-block">
373
+ <button class="copy-btn">Copy</button>
374
+ <pre><code># Utiliser un template
375
+ /test-web-config npm-package
376
+
377
+ # Cela copie le template dans .claude/test-web/config.json</code></pre>
378
+ </div>
379
+ </section>
380
+
381
+ <!-- Output -->
382
+ <section id="output">
383
+ <h2>
384
+ <span data-lang="fr">Format de sortie</span>
385
+ <span data-lang="en">Output Format</span>
386
+ </h2>
387
+
388
+ <h3 data-lang="fr">Succes</h3>
389
+ <h3 data-lang="en">Success</h3>
390
+
391
+ <div class="code-block">
392
+ <pre><code>TEST WEB RESULTS
393
+ ────────────────────────────────
394
+ GitHub Repository 200 OK "README" found
395
+ npm Package 200 OK "claude-tools" found
396
+ Google Indexation Results Found in search
397
+
398
+ Status: 3/3 PASS
399
+ ────────────────────────────────</code></pre>
400
+ </div>
401
+
402
+ <h3 data-lang="fr">Echec</h3>
403
+ <h3 data-lang="en">Failure</h3>
404
+
405
+ <div class="code-block">
406
+ <pre><code>TEST WEB RESULTS
407
+ ────────────────────────────────
408
+ GitHub Repository 200 OK "README" found
409
+ npm Package 404 Package not found
410
+ Google Indexation Results No relevant results
411
+
412
+ Status: 1/3 PASS, 1 FAIL, 1 WARNING
413
+ ────────────────────────────────</code></pre>
414
+ </div>
415
+ </section>
416
+
417
+ <!-- Chrome Mode -->
418
+ <section id="chrome">
419
+ <h2>
420
+ <span data-lang="fr">Mode Chrome (E2E)</span>
421
+ <span data-lang="en">Chrome Mode (E2E)</span>
422
+ </h2>
423
+
424
+ <div class="alert alert-info">
425
+ <span class="alert-icon">&#128161;</span>
426
+ <div class="alert-content">
427
+ <h5 data-lang="fr">Prerequis</h5>
428
+ <h5 data-lang="en">Prerequisites</h5>
429
+ <div class="feature-grid">
430
+ <div class="feature-item">
431
+ <span class="feature-icon">&#128268;</span>
432
+ <span class="feature-text" data-lang="fr">Extension "Claude for Chrome" installee</span>
433
+ <span class="feature-text" data-lang="en">Extension "Claude for Chrome" installed</span>
434
+ </div>
435
+ <div class="feature-item">
436
+ <span class="feature-icon">&#127380;</span>
437
+ <span class="feature-text" data-lang="fr">Plan Max/Pro/Team/Enterprise</span>
438
+ <span class="feature-text" data-lang="en">Max/Pro/Team/Enterprise plan</span>
439
+ </div>
440
+ <div class="feature-item">
441
+ <span class="feature-icon">&#9654;</span>
442
+ <span class="feature-text" data-lang="fr">Claude Code lance avec : <code>claude --chrome</code></span>
443
+ <span class="feature-text" data-lang="en">Claude Code launched with: <code>claude --chrome</code></span>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ </div>
448
+
449
+ <div class="code-block">
450
+ <button class="copy-btn">Copy</button>
451
+ <pre><code># 1. Lancer Claude Code avec Chrome
452
+ claude --chrome
453
+
454
+ # 2. Executer les tests E2E
455
+ /test-web --chrome</code></pre>
456
+ </div>
457
+ </section>
458
+
459
+ <!-- Integration -->
460
+ <section id="integration">
461
+ <h2>
462
+ <span data-lang="fr">Integration workflows</span>
463
+ <span data-lang="en">Workflow Integration</span>
464
+ </h2>
465
+
466
+ <p data-lang="fr">
467
+ <code>/test-web</code> peut etre appele automatiquement dans d'autres workflows :
468
+ </p>
469
+ <p data-lang="en">
470
+ <code>/test-web</code> can be called automatically in other workflows:
471
+ </p>
472
+
473
+ <div class="table-container">
474
+ <table>
475
+ <thead>
476
+ <tr>
477
+ <th>Workflow</th>
478
+ <th>Phase</th>
479
+ <th>
480
+ <span data-lang="fr">Usage</span>
481
+ <span data-lang="en">Usage</span>
482
+ </th>
483
+ </tr>
484
+ </thead>
485
+ <tbody>
486
+ <tr>
487
+ <td><strong>BA</strong></td>
488
+ <td>/ba:5-verify</td>
489
+ <td>
490
+ <span data-lang="fr">Verification des endpoints deployes</span>
491
+ <span data-lang="en">Deployed endpoints verification</span>
492
+ </td>
493
+ </tr>
494
+ <tr>
495
+ <td><strong>EPCT</strong></td>
496
+ <td>Phase T (Test)</td>
497
+ <td>
498
+ <span data-lang="fr">Tests d'integration web</span>
499
+ <span data-lang="en">Web integration tests</span>
500
+ </td>
501
+ </tr>
502
+ </tbody>
503
+ </table>
504
+ </div>
505
+ </section>
506
+ </div>
507
+ </main>
508
+ </div>
509
+ </div>
510
+
511
+ <!-- Mobile Menu Button -->
512
+ <button class="mobile-menu-btn">&#9776;</button>
513
+ <div class="overlay"></div>
514
+
515
+ <script src="js/app.js"></script>
516
+ </body>
517
+ </html>