@rahul05ranjan/dhruv-cli 1.4.6 → 1.6.0
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/.github/workflows/ci.yml +18 -238
- package/.github/workflows/contribution.yml +6 -141
- package/.github/workflows/dependabot-auto-merge.yml +1 -0
- package/.github/workflows/labeler.yml +1 -0
- package/.github/workflows/security.yml +3 -0
- package/CHANGELOG.md +16 -4
- package/README.md +145 -40
- package/__tests__/cli-contract.test.ts +170 -0
- package/__tests__/core.test.ts +193 -1
- package/__tests__/diagnostics.test.ts +179 -0
- package/__tests__/file-workflows.test.ts +234 -0
- package/__tests__/interactive.test.ts +134 -0
- package/__tests__/setup.ts +1 -0
- package/__tests__/workflows.test.ts +27 -4
- package/dist/commands/generate.d.ts +6 -1
- package/dist/commands/generate.js +44 -11
- package/dist/commands/health.d.ts +4 -1
- package/dist/commands/health.js +59 -16
- package/dist/commands/init.js +18 -7
- package/dist/commands/menu.js +125 -100
- package/dist/commands/metrics.d.ts +5 -1
- package/dist/commands/metrics.js +49 -10
- package/dist/commands/optimize.js +1 -1
- package/dist/commands/review.d.ts +4 -1
- package/dist/commands/review.js +66 -9
- package/dist/commands/security-check.d.ts +4 -1
- package/dist/commands/security-check.js +100 -6
- package/dist/commands/status.js +44 -4
- package/dist/config/config.d.ts +5 -1
- package/dist/config/config.js +24 -7
- package/dist/core/ai.d.ts +11 -0
- package/dist/core/ai.js +33 -9
- package/dist/core/command-catalog.d.ts +10 -0
- package/dist/core/command-catalog.js +27 -0
- package/dist/core/command-runner.js +106 -21
- package/dist/core/logger.js +1 -0
- package/dist/core/metrics.d.ts +28 -0
- package/dist/core/metrics.js +79 -0
- package/dist/index.js +98 -24
- package/dist/utils/projectType.d.ts +7 -1
- package/dist/utils/projectType.js +91 -13
- package/docs/api/assets/highlight.css +4 -4
- package/docs/api/index.html +161 -39
- package/docs/api/media/CONTRIBUTING.md +60 -0
- package/docs/api/media/SECURITY.md +8 -0
- package/docs/api/media/dhruv-cli-preview.svg +42 -0
- package/docs/api/media/publishing-fix.md +34 -0
- package/docs/dhruv-cli-preview.svg +42 -0
- package/docs/index.html +631 -533
- package/docs/publishing-fix.md +34 -0
- package/package.json +1 -1
- package/src/commands/generate.ts +50 -11
- package/src/commands/health.ts +62 -17
- package/src/commands/init.ts +18 -7
- package/src/commands/menu.ts +54 -30
- package/src/commands/metrics.ts +53 -9
- package/src/commands/optimize.ts +1 -1
- package/src/commands/review.ts +72 -9
- package/src/commands/security-check.ts +111 -6
- package/src/commands/status.ts +43 -5
- package/src/config/config.ts +26 -7
- package/src/core/ai.ts +36 -8
- package/src/core/command-catalog.ts +37 -0
- package/src/core/command-runner.ts +108 -22
- package/src/core/logger.ts +1 -0
- package/src/core/metrics.ts +105 -0
- package/src/index.ts +97 -24
- package/src/utils/projectType.ts +85 -9
- package/tsconfig.json +1 -1
- package/.github/workflows/auto-assign.yml +0 -14
- package/.github/workflows/build-publish.yml +0 -154
- package/.github/workflows/deploy.yml +0 -336
- package/.github/workflows/monitoring.yml +0 -270
- package/PUBLISHING_FIX.md +0 -92
- package/logs/.8a99b6cf655346317fdbf29f4fffcf91131432f3-audit.json +0 -15
- package/logs/.eee104bf8fff5ecd38a6a2842df260de6470a7c3-audit.json +0 -15
package/docs/index.html
CHANGED
|
@@ -1,537 +1,635 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<meta name="theme-color" content="#0b1020" />
|
|
7
|
+
<meta
|
|
8
|
+
name="description"
|
|
9
|
+
content="Dhruv CLI is a local-first AI command center for developers, powered by Ollama."
|
|
10
|
+
/>
|
|
11
|
+
<title>Dhruv CLI — Your local AI command center</title>
|
|
12
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
13
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
14
|
+
<link
|
|
15
|
+
href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap"
|
|
16
|
+
rel="stylesheet"
|
|
17
|
+
/>
|
|
18
|
+
<style>
|
|
19
|
+
:root {
|
|
20
|
+
--ink: #e8ecf7;
|
|
21
|
+
--muted: #98a4c0;
|
|
22
|
+
--subtle: #6c7895;
|
|
23
|
+
--surface: rgba(22, 30, 53, 0.78);
|
|
24
|
+
--surface-strong: #171f35;
|
|
25
|
+
--line: rgba(146, 163, 205, 0.16);
|
|
26
|
+
--purple: #8d72ff;
|
|
27
|
+
--teal: #20d6c7;
|
|
28
|
+
--gold: #f3c969;
|
|
29
|
+
--shadow: 0 26px 80px rgba(3, 7, 18, 0.36);
|
|
30
|
+
--radius: 22px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
* { box-sizing: border-box; }
|
|
34
|
+
|
|
35
|
+
html { scroll-behavior: smooth; }
|
|
36
|
+
|
|
37
|
+
body {
|
|
38
|
+
margin: 0;
|
|
39
|
+
min-width: 320px;
|
|
40
|
+
color: var(--ink);
|
|
41
|
+
background:
|
|
42
|
+
radial-gradient(circle at 10% 0%, rgba(108, 74, 222, 0.19), transparent 32rem),
|
|
43
|
+
radial-gradient(circle at 90% 18%, rgba(32, 214, 199, 0.12), transparent 28rem),
|
|
44
|
+
#0b1020;
|
|
45
|
+
font-family: "Manrope", system-ui, sans-serif;
|
|
46
|
+
line-height: 1.6;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
body::before {
|
|
50
|
+
position: fixed;
|
|
51
|
+
inset: 0;
|
|
52
|
+
z-index: -1;
|
|
53
|
+
pointer-events: none;
|
|
54
|
+
content: "";
|
|
55
|
+
opacity: 0.26;
|
|
56
|
+
background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
|
|
57
|
+
linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
|
|
58
|
+
background-size: 72px 72px;
|
|
59
|
+
mask-image: linear-gradient(to bottom, black, transparent 75%);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
a { color: inherit; }
|
|
63
|
+
|
|
64
|
+
.shell {
|
|
65
|
+
width: min(1160px, calc(100% - 40px));
|
|
66
|
+
margin: 0 auto;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.topbar {
|
|
70
|
+
display: flex;
|
|
71
|
+
align-items: center;
|
|
72
|
+
justify-content: space-between;
|
|
73
|
+
min-height: 82px;
|
|
74
|
+
border-bottom: 1px solid var(--line);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.brand {
|
|
78
|
+
display: inline-flex;
|
|
79
|
+
align-items: center;
|
|
80
|
+
gap: 12px;
|
|
81
|
+
color: var(--ink);
|
|
82
|
+
font-weight: 800;
|
|
83
|
+
letter-spacing: -0.04em;
|
|
84
|
+
text-decoration: none;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.brand-mark {
|
|
88
|
+
display: grid;
|
|
89
|
+
width: 34px;
|
|
90
|
+
height: 34px;
|
|
91
|
+
place-items: center;
|
|
92
|
+
border: 1px solid rgba(255, 255, 255, 0.18);
|
|
93
|
+
border-radius: 11px;
|
|
94
|
+
color: #0c1222;
|
|
95
|
+
background: linear-gradient(135deg, var(--gold), #ffe9a6 48%, var(--teal));
|
|
96
|
+
box-shadow: 0 8px 22px rgba(32, 214, 199, 0.2);
|
|
97
|
+
font-size: 18px;
|
|
98
|
+
font-weight: 800;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.nav {
|
|
102
|
+
display: flex;
|
|
103
|
+
align-items: center;
|
|
104
|
+
gap: 28px;
|
|
105
|
+
color: var(--muted);
|
|
106
|
+
font-size: 14px;
|
|
107
|
+
font-weight: 600;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.nav a { text-decoration: none; transition: color 180ms ease; }
|
|
111
|
+
.nav a:hover { color: var(--ink); }
|
|
112
|
+
|
|
113
|
+
.nav .nav-cta {
|
|
114
|
+
padding: 9px 15px;
|
|
115
|
+
border: 1px solid rgba(141, 114, 255, 0.55);
|
|
116
|
+
border-radius: 999px;
|
|
117
|
+
color: var(--ink);
|
|
118
|
+
background: rgba(141, 114, 255, 0.12);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.hero {
|
|
122
|
+
display: grid;
|
|
123
|
+
grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
|
|
124
|
+
gap: clamp(36px, 7vw, 96px);
|
|
125
|
+
align-items: center;
|
|
126
|
+
padding: 96px 0 84px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.eyebrow {
|
|
130
|
+
display: inline-flex;
|
|
131
|
+
align-items: center;
|
|
132
|
+
gap: 9px;
|
|
133
|
+
margin-bottom: 22px;
|
|
134
|
+
color: var(--teal);
|
|
135
|
+
font-family: "DM Mono", monospace;
|
|
136
|
+
font-size: 12px;
|
|
137
|
+
letter-spacing: 0.12em;
|
|
138
|
+
text-transform: uppercase;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.eyebrow::before {
|
|
142
|
+
width: 7px;
|
|
143
|
+
height: 7px;
|
|
144
|
+
border-radius: 50%;
|
|
145
|
+
background: var(--teal);
|
|
146
|
+
box-shadow: 0 0 0 5px rgba(32, 214, 199, 0.12), 0 0 22px var(--teal);
|
|
147
|
+
content: "";
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
h1, h2, h3, p { margin-top: 0; }
|
|
151
|
+
|
|
152
|
+
h1 {
|
|
153
|
+
max-width: 680px;
|
|
154
|
+
margin-bottom: 22px;
|
|
155
|
+
color: #f6f8ff;
|
|
156
|
+
font-size: clamp(44px, 6vw, 78px);
|
|
157
|
+
font-weight: 800;
|
|
158
|
+
letter-spacing: -0.075em;
|
|
159
|
+
line-height: 0.98;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.gradient-text {
|
|
163
|
+
color: transparent;
|
|
164
|
+
background: linear-gradient(105deg, #f3c969 10%, #f6e1a0 48%, #20d6c7 92%);
|
|
165
|
+
-webkit-background-clip: text;
|
|
166
|
+
background-clip: text;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.hero-copy {
|
|
170
|
+
max-width: 560px;
|
|
171
|
+
margin-bottom: 32px;
|
|
172
|
+
color: var(--muted);
|
|
173
|
+
font-size: clamp(17px, 2vw, 20px);
|
|
174
|
+
line-height: 1.7;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.actions {
|
|
178
|
+
display: flex;
|
|
179
|
+
flex-wrap: wrap;
|
|
180
|
+
gap: 12px;
|
|
181
|
+
margin-bottom: 26px;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.button {
|
|
185
|
+
display: inline-flex;
|
|
186
|
+
align-items: center;
|
|
187
|
+
justify-content: center;
|
|
188
|
+
min-height: 46px;
|
|
189
|
+
padding: 0 19px;
|
|
190
|
+
border: 1px solid transparent;
|
|
191
|
+
border-radius: 12px;
|
|
192
|
+
font-size: 14px;
|
|
193
|
+
font-weight: 800;
|
|
194
|
+
text-decoration: none;
|
|
195
|
+
transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.button:hover { transform: translateY(-2px); }
|
|
199
|
+
|
|
200
|
+
.button-primary {
|
|
201
|
+
color: #0c1222;
|
|
202
|
+
background: linear-gradient(135deg, var(--gold), #ffe4a0);
|
|
203
|
+
box-shadow: 0 12px 30px rgba(243, 201, 105, 0.16);
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.button-secondary {
|
|
207
|
+
border-color: var(--line);
|
|
208
|
+
color: var(--ink);
|
|
209
|
+
background: rgba(255, 255, 255, 0.04);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.install {
|
|
213
|
+
display: flex;
|
|
214
|
+
align-items: center;
|
|
215
|
+
justify-content: space-between;
|
|
216
|
+
gap: 16px;
|
|
217
|
+
width: min(100%, 520px);
|
|
218
|
+
padding: 12px 12px 12px 16px;
|
|
219
|
+
border: 1px solid var(--line);
|
|
220
|
+
border-radius: 13px;
|
|
221
|
+
background: rgba(10, 15, 30, 0.72);
|
|
222
|
+
font-family: "DM Mono", monospace;
|
|
223
|
+
font-size: 13px;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.install code { overflow: auto; color: #dfe7ff; white-space: nowrap; }
|
|
227
|
+
.prompt { color: var(--teal); }
|
|
228
|
+
|
|
229
|
+
.copy {
|
|
230
|
+
flex: 0 0 auto;
|
|
231
|
+
padding: 8px 11px;
|
|
232
|
+
border: 1px solid rgba(32, 214, 199, 0.35);
|
|
233
|
+
border-radius: 8px;
|
|
234
|
+
color: var(--teal);
|
|
235
|
+
background: rgba(32, 214, 199, 0.08);
|
|
236
|
+
cursor: pointer;
|
|
237
|
+
font: inherit;
|
|
238
|
+
font-size: 11px;
|
|
239
|
+
font-weight: 500;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.hero-art { position: relative; }
|
|
243
|
+
|
|
244
|
+
.hero-art::before {
|
|
245
|
+
position: absolute;
|
|
246
|
+
inset: 10% -8% -8% 8%;
|
|
247
|
+
z-index: -1;
|
|
248
|
+
border-radius: 50%;
|
|
249
|
+
background: radial-gradient(circle, rgba(141, 114, 255, 0.2), transparent 65%);
|
|
250
|
+
content: "";
|
|
251
|
+
filter: blur(20px);
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.hero-art img {
|
|
255
|
+
display: block;
|
|
256
|
+
width: 100%;
|
|
257
|
+
height: auto;
|
|
258
|
+
border: 1px solid var(--line);
|
|
259
|
+
border-radius: 18px;
|
|
260
|
+
box-shadow: var(--shadow);
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.stats {
|
|
264
|
+
display: grid;
|
|
265
|
+
grid-template-columns: repeat(3, 1fr);
|
|
266
|
+
gap: 12px;
|
|
267
|
+
margin-top: 26px;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.stat {
|
|
271
|
+
padding: 14px 15px;
|
|
272
|
+
border-left: 1px solid rgba(141, 114, 255, 0.5);
|
|
273
|
+
color: var(--ink);
|
|
274
|
+
background: rgba(255, 255, 255, 0.025);
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.stat strong { display: block; font-size: 13px; }
|
|
278
|
+
.stat span { color: var(--subtle); font-size: 11px; }
|
|
279
|
+
|
|
280
|
+
.section { padding: 92px 0; border-top: 1px solid var(--line); }
|
|
281
|
+
|
|
282
|
+
.section-heading { max-width: 670px; margin-bottom: 38px; }
|
|
283
|
+
|
|
284
|
+
.section-kicker {
|
|
285
|
+
margin-bottom: 12px;
|
|
286
|
+
color: var(--purple);
|
|
287
|
+
font-family: "DM Mono", monospace;
|
|
288
|
+
font-size: 12px;
|
|
289
|
+
letter-spacing: 0.12em;
|
|
290
|
+
text-transform: uppercase;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
h2 {
|
|
294
|
+
margin-bottom: 13px;
|
|
295
|
+
color: #f6f8ff;
|
|
296
|
+
font-size: clamp(30px, 4vw, 48px);
|
|
297
|
+
letter-spacing: -0.06em;
|
|
298
|
+
line-height: 1.08;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.section-heading p { color: var(--muted); font-size: 16px; }
|
|
302
|
+
|
|
303
|
+
.feature-grid {
|
|
304
|
+
display: grid;
|
|
305
|
+
grid-template-columns: repeat(3, 1fr);
|
|
306
|
+
gap: 15px;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
.feature-card, .command-card, .guide-card {
|
|
310
|
+
border: 1px solid var(--line);
|
|
311
|
+
border-radius: var(--radius);
|
|
312
|
+
background: linear-gradient(145deg, rgba(28, 38, 66, 0.8), rgba(13, 19, 37, 0.84));
|
|
313
|
+
box-shadow: 0 18px 50px rgba(3, 7, 18, 0.13);
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
.feature-card { min-height: 226px; padding: 26px; }
|
|
317
|
+
|
|
318
|
+
.feature-icon {
|
|
319
|
+
display: grid;
|
|
320
|
+
width: 40px;
|
|
321
|
+
height: 40px;
|
|
322
|
+
margin-bottom: 24px;
|
|
323
|
+
place-items: center;
|
|
324
|
+
border: 1px solid rgba(32, 214, 199, 0.3);
|
|
325
|
+
border-radius: 12px;
|
|
326
|
+
color: var(--teal);
|
|
327
|
+
background: rgba(32, 214, 199, 0.09);
|
|
328
|
+
font-family: "DM Mono", monospace;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
h3 { margin-bottom: 8px; font-size: 18px; letter-spacing: -0.03em; }
|
|
332
|
+
.feature-card p, .guide-card p { margin-bottom: 0; color: var(--muted); font-size: 14px; }
|
|
333
|
+
|
|
334
|
+
.command-layout {
|
|
335
|
+
display: grid;
|
|
336
|
+
grid-template-columns: 0.8fr 1.2fr;
|
|
337
|
+
gap: 18px;
|
|
338
|
+
align-items: stretch;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.command-card { padding: 25px; }
|
|
342
|
+
|
|
343
|
+
.command-card h3 { color: var(--gold); }
|
|
344
|
+
|
|
345
|
+
.command-list { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
|
|
346
|
+
|
|
347
|
+
.command-list li {
|
|
348
|
+
display: flex;
|
|
349
|
+
align-items: baseline;
|
|
350
|
+
justify-content: space-between;
|
|
351
|
+
gap: 18px;
|
|
352
|
+
padding-bottom: 10px;
|
|
353
|
+
border-bottom: 1px solid var(--line);
|
|
354
|
+
color: var(--muted);
|
|
355
|
+
font-size: 13px;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.command-list code { color: var(--ink); font-family: "DM Mono", monospace; font-size: 12px; }
|
|
359
|
+
|
|
360
|
+
.code-window {
|
|
361
|
+
overflow: hidden;
|
|
362
|
+
border: 1px solid var(--line);
|
|
363
|
+
border-radius: var(--radius);
|
|
364
|
+
background: #090e1c;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
.code-window-bar {
|
|
368
|
+
display: flex;
|
|
369
|
+
align-items: center;
|
|
370
|
+
gap: 7px;
|
|
371
|
+
height: 44px;
|
|
372
|
+
padding: 0 17px;
|
|
373
|
+
border-bottom: 1px solid var(--line);
|
|
374
|
+
color: var(--subtle);
|
|
375
|
+
font-family: "DM Mono", monospace;
|
|
376
|
+
font-size: 11px;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.window-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff6b6b; }
|
|
380
|
+
.window-dot:nth-child(2) { background: #f8c15c; }
|
|
381
|
+
.window-dot:nth-child(3) { background: #4dd89a; }
|
|
382
|
+
.code-window-bar span:last-child { margin-left: 7px; }
|
|
383
|
+
|
|
384
|
+
pre {
|
|
385
|
+
overflow: auto;
|
|
386
|
+
margin: 0;
|
|
387
|
+
padding: 26px;
|
|
388
|
+
color: #c8d2ec;
|
|
389
|
+
font: 13px/2 "DM Mono", monospace;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.code-prompt { color: var(--teal); }
|
|
393
|
+
.code-command { color: #f5f7ff; }
|
|
394
|
+
.code-comment { color: #687694; }
|
|
395
|
+
.code-highlight { color: var(--gold); }
|
|
396
|
+
|
|
397
|
+
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
|
|
398
|
+
.guide-card { min-height: 190px; padding: 25px; }
|
|
399
|
+
|
|
400
|
+
.step {
|
|
401
|
+
display: inline-grid;
|
|
402
|
+
width: 30px;
|
|
403
|
+
height: 30px;
|
|
404
|
+
margin-bottom: 21px;
|
|
405
|
+
place-items: center;
|
|
406
|
+
border-radius: 9px;
|
|
407
|
+
color: #0c1222;
|
|
408
|
+
background: var(--gold);
|
|
409
|
+
font-family: "DM Mono", monospace;
|
|
410
|
+
font-size: 12px;
|
|
411
|
+
font-weight: 500;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.guide-card code { color: var(--teal); font-family: "DM Mono", monospace; font-size: 12px; }
|
|
415
|
+
|
|
416
|
+
.closing {
|
|
417
|
+
display: grid;
|
|
418
|
+
grid-template-columns: 1fr auto;
|
|
419
|
+
gap: 28px;
|
|
420
|
+
align-items: center;
|
|
421
|
+
padding: 32px;
|
|
422
|
+
border: 1px solid rgba(141, 114, 255, 0.33);
|
|
423
|
+
border-radius: var(--radius);
|
|
424
|
+
background: linear-gradient(105deg, rgba(141, 114, 255, 0.14), rgba(32, 214, 199, 0.08));
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
.closing h2 { margin-bottom: 8px; font-size: clamp(27px, 4vw, 40px); }
|
|
428
|
+
.closing p { margin-bottom: 0; color: var(--muted); }
|
|
429
|
+
|
|
430
|
+
footer {
|
|
431
|
+
display: flex;
|
|
432
|
+
justify-content: space-between;
|
|
433
|
+
gap: 20px;
|
|
434
|
+
padding: 32px 0 42px;
|
|
435
|
+
color: var(--subtle);
|
|
436
|
+
font-size: 12px;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
footer a { color: var(--muted); text-decoration: none; }
|
|
440
|
+
footer a:hover { color: var(--ink); }
|
|
441
|
+
|
|
442
|
+
@media (max-width: 900px) {
|
|
443
|
+
.hero, .command-layout { grid-template-columns: 1fr; }
|
|
444
|
+
.hero { padding-top: 70px; }
|
|
445
|
+
.hero-art { max-width: 760px; }
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
@media (max-width: 680px) {
|
|
449
|
+
.shell { width: min(100% - 28px, 1160px); }
|
|
450
|
+
.topbar { min-height: 70px; }
|
|
451
|
+
.nav { gap: 13px; font-size: 12px; }
|
|
452
|
+
.nav a:not(.nav-cta) { display: none; }
|
|
453
|
+
.hero { padding: 63px 0 60px; }
|
|
454
|
+
h1 { font-size: clamp(43px, 14vw, 64px); }
|
|
455
|
+
.stats, .feature-grid, .guide-grid { grid-template-columns: 1fr; }
|
|
456
|
+
.section { padding: 65px 0; }
|
|
457
|
+
.closing { grid-template-columns: 1fr; padding: 25px; }
|
|
458
|
+
footer { flex-direction: column; padding-bottom: 28px; }
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
@media (prefers-reduced-motion: reduce) {
|
|
462
|
+
html { scroll-behavior: auto; }
|
|
463
|
+
*, *::before, *::after { transition-duration: 0.01ms !important; }
|
|
464
|
+
}
|
|
465
|
+
</style>
|
|
466
|
+
</head>
|
|
467
|
+
<body>
|
|
468
|
+
<header class="shell topbar">
|
|
469
|
+
<a class="brand" href="#top" aria-label="Dhruv CLI home">
|
|
470
|
+
<span class="brand-mark">D</span>
|
|
471
|
+
<span>Dhruv CLI</span>
|
|
472
|
+
</a>
|
|
473
|
+
<nav class="nav" aria-label="Primary navigation">
|
|
474
|
+
<a href="#capabilities">Capabilities</a>
|
|
475
|
+
<a href="#commands">Commands</a>
|
|
476
|
+
<a href="#get-started">Get started</a>
|
|
477
|
+
<a href="./api/">API</a>
|
|
478
|
+
<a class="nav-cta" href="https://github.com/rahul05ranjan/dhruv-cli" target="_blank" rel="noreferrer">View on GitHub ↗</a>
|
|
479
|
+
</nav>
|
|
480
|
+
</header>
|
|
481
|
+
|
|
482
|
+
<main id="top">
|
|
483
|
+
<section class="shell hero">
|
|
484
|
+
<div>
|
|
485
|
+
<div class="eyebrow">Local-first · Ollama powered</div>
|
|
486
|
+
<h1>Ship smarter from <span class="gradient-text">your terminal.</span></h1>
|
|
487
|
+
<p class="hero-copy">
|
|
488
|
+
Dhruv is a focused AI command center for developers. Understand code,
|
|
489
|
+
investigate errors, improve projects, and keep your context close to home.
|
|
490
|
+
</p>
|
|
491
|
+
<div class="actions">
|
|
492
|
+
<a class="button button-primary" href="#get-started">Install Dhruv</a>
|
|
493
|
+
<a class="button button-secondary" href="https://github.com/rahul05ranjan/dhruv-cli" target="_blank" rel="noreferrer">Explore the source ↗</a>
|
|
494
|
+
</div>
|
|
495
|
+
<div class="install" aria-label="Install command">
|
|
496
|
+
<code><span class="prompt">$</span> npm install -g @rahul05ranjan/dhruv-cli</code>
|
|
497
|
+
<button class="copy" type="button" data-copy="npm install -g @rahul05ranjan/dhruv-cli">Copy</button>
|
|
498
|
+
</div>
|
|
499
|
+
<div class="stats" aria-label="Dhruv CLI highlights">
|
|
500
|
+
<div class="stat"><strong>Local by design</strong><span>Your model, your machine</span></div>
|
|
501
|
+
<div class="stat"><strong>Built for flow</strong><span>Fast, focused commands</span></div>
|
|
502
|
+
<div class="stat"><strong>Open to extend</strong><span>Plugins included</span></div>
|
|
503
|
+
</div>
|
|
380
504
|
</div>
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
<
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
505
|
+
<div class="hero-art">
|
|
506
|
+
<img src="./dhruv-cli-preview.svg" alt="Dhruv CLI reviewing a project in the terminal" />
|
|
507
|
+
</div>
|
|
508
|
+
</section>
|
|
509
|
+
|
|
510
|
+
<section class="shell section" id="capabilities">
|
|
511
|
+
<div class="section-heading">
|
|
512
|
+
<div class="section-kicker">A calm layer over complexity</div>
|
|
513
|
+
<h2>Everything useful. Nothing in the way.</h2>
|
|
514
|
+
<p>Dhruv keeps the high-value developer workflows one command away, with local models and a terminal-native experience.</p>
|
|
515
|
+
</div>
|
|
516
|
+
<div class="feature-grid">
|
|
517
|
+
<article class="feature-card">
|
|
518
|
+
<div class="feature-icon">01</div>
|
|
519
|
+
<h3>Think out loud</h3>
|
|
520
|
+
<p>Get clear explanations, practical suggestions, and structured fixes for the questions that slow you down.</p>
|
|
521
|
+
</article>
|
|
522
|
+
<article class="feature-card">
|
|
523
|
+
<div class="feature-icon">02</div>
|
|
524
|
+
<h3>Inspect with context</h3>
|
|
525
|
+
<p>Review files and directories, optimize configurations, and run security analysis close to the source.</p>
|
|
526
|
+
</article>
|
|
527
|
+
<article class="feature-card">
|
|
528
|
+
<div class="feature-icon">03</div>
|
|
529
|
+
<h3>Shape your workflow</h3>
|
|
530
|
+
<p>Use JSON output, shell completion, an interactive command palette, or add your own project plugins.</p>
|
|
531
|
+
</article>
|
|
532
|
+
</div>
|
|
533
|
+
</section>
|
|
534
|
+
|
|
535
|
+
<section class="shell section" id="commands">
|
|
536
|
+
<div class="section-heading">
|
|
537
|
+
<div class="section-kicker">The command surface</div>
|
|
538
|
+
<h2>From first question to final check.</h2>
|
|
539
|
+
<p>Short commands, useful defaults, and a workflow that follows the way developers actually work.</p>
|
|
540
|
+
</div>
|
|
541
|
+
<div class="command-layout">
|
|
542
|
+
<article class="command-card">
|
|
543
|
+
<h3>Ask & understand</h3>
|
|
544
|
+
<ul class="command-list">
|
|
545
|
+
<li><code>suggest <query></code><span>Explore an approach</span></li>
|
|
546
|
+
<li><code>explain <query></code><span>Make it clear</span></li>
|
|
547
|
+
<li><code>fix <query></code><span>Find a way forward</span></li>
|
|
548
|
+
<li><code>generate <type> <target></code><span>Make a first draft</span></li>
|
|
549
|
+
</ul>
|
|
550
|
+
</article>
|
|
551
|
+
<div class="code-window" aria-label="Dhruv CLI example">
|
|
552
|
+
<div class="code-window-bar">
|
|
553
|
+
<span class="window-dot"></span><span class="window-dot"></span><span class="window-dot"></span>
|
|
554
|
+
<span>example · local session</span>
|
|
555
|
+
</div>
|
|
556
|
+
<pre><span class="code-prompt">$</span> <span class="code-command">dhruv review src/</span>
|
|
557
|
+
|
|
558
|
+
<span class="code-highlight">◈ Reviewing project context...</span>
|
|
559
|
+
|
|
560
|
+
Code quality <span class="code-highlight">86%</span>
|
|
561
|
+
Findings 3 actionable suggestions
|
|
562
|
+
Next step Run dhruv optimize package.json
|
|
563
|
+
|
|
564
|
+
<span class="code-prompt">✓ Local model ready</span> gemma3:270m</pre>
|
|
565
|
+
</div>
|
|
566
|
+
</div>
|
|
567
|
+
</section>
|
|
568
|
+
|
|
569
|
+
<section class="shell section" id="get-started">
|
|
570
|
+
<div class="section-heading">
|
|
571
|
+
<div class="section-kicker">A three-step setup</div>
|
|
572
|
+
<h2>Be up and running in a minute.</h2>
|
|
573
|
+
<p>Bring your own local model, choose your preferences, and start asking better questions.</p>
|
|
574
|
+
</div>
|
|
575
|
+
<div class="guide-grid">
|
|
576
|
+
<article class="guide-card">
|
|
577
|
+
<span class="step">01</span>
|
|
578
|
+
<h3>Install the CLI</h3>
|
|
579
|
+
<p>Requires Node.js 18 or newer.</p>
|
|
580
|
+
<p><code>npm install -g @rahul05ranjan/dhruv-cli</code></p>
|
|
581
|
+
</article>
|
|
582
|
+
<article class="guide-card">
|
|
583
|
+
<span class="step">02</span>
|
|
584
|
+
<h3>Start Ollama</h3>
|
|
585
|
+
<p>Install Ollama, then pull a local model.</p>
|
|
586
|
+
<p><code>ollama pull gemma3:270m</code></p>
|
|
587
|
+
</article>
|
|
588
|
+
<article class="guide-card">
|
|
589
|
+
<span class="step">03</span>
|
|
590
|
+
<h3>Make it yours</h3>
|
|
591
|
+
<p>Use the setup wizard to choose your model, output, and theme.</p>
|
|
592
|
+
<p><code>dhruv init</code></p>
|
|
593
|
+
</article>
|
|
594
|
+
</div>
|
|
595
|
+
</section>
|
|
596
|
+
|
|
597
|
+
<section class="shell section" id="explore">
|
|
598
|
+
<div class="closing">
|
|
599
|
+
<div>
|
|
600
|
+
<h2>Build a sharper loop.</h2>
|
|
601
|
+
<p>Read the API reference, add a plugin, or join the project on GitHub.</p>
|
|
602
|
+
</div>
|
|
603
|
+
<div class="actions" style="margin: 0">
|
|
604
|
+
<a class="button button-primary" href="./api/">Read the API ↗</a>
|
|
605
|
+
<a class="button button-secondary" href="https://github.com/rahul05ranjan/dhruv-cli/issues" target="_blank" rel="noreferrer">Join the conversation ↗</a>
|
|
606
|
+
</div>
|
|
607
|
+
</div>
|
|
608
|
+
</section>
|
|
609
|
+
</main>
|
|
610
|
+
|
|
611
|
+
<footer class="shell">
|
|
612
|
+
<span>MIT © <span id="year">2026</span> Dhruv CLI</span>
|
|
613
|
+
<span><a href="https://www.npmjs.com/package/@rahul05ranjan/dhruv-cli" target="_blank" rel="noreferrer">npm</a> · <a href="https://github.com/rahul05ranjan/dhruv-cli" target="_blank" rel="noreferrer">GitHub</a> · <a href="./publishing-fix.md">Release notes</a></span>
|
|
614
|
+
</footer>
|
|
615
|
+
|
|
616
|
+
<script>
|
|
617
|
+
document.querySelectorAll("[data-copy]").forEach((button) => {
|
|
618
|
+
button.addEventListener("click", async () => {
|
|
619
|
+
const value = button.dataset.copy;
|
|
620
|
+
if (!value) return;
|
|
621
|
+
try {
|
|
622
|
+
await navigator.clipboard.writeText(value);
|
|
623
|
+
button.textContent = "Copied";
|
|
624
|
+
window.setTimeout(() => { button.textContent = "Copy"; }, 1400);
|
|
625
|
+
} catch {
|
|
626
|
+
button.textContent = "Select above";
|
|
627
|
+
window.setTimeout(() => { button.textContent = "Copy"; }, 1400);
|
|
628
|
+
}
|
|
629
|
+
});
|
|
494
630
|
});
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
document.getElementById('hero'),
|
|
500
|
-
document.getElementById('features'),
|
|
501
|
-
document.getElementById('installTab'),
|
|
502
|
-
document.getElementById('usageTab'),
|
|
503
|
-
document.getElementById('pluginsTab'),
|
|
504
|
-
document.getElementById('community')
|
|
505
|
-
];
|
|
506
|
-
window.addEventListener('scroll', () => {
|
|
507
|
-
let idx = 0;
|
|
508
|
-
for (let i = 0; i < sections.length; i++) {
|
|
509
|
-
if (sections[i] && sections[i].getBoundingClientRect().top < 120) idx = i;
|
|
510
|
-
}
|
|
511
|
-
navLinks.forEach(l => l.classList.remove('active'));
|
|
512
|
-
if (navLinks[idx]) navLinks[idx].classList.add('active');
|
|
513
|
-
});
|
|
514
|
-
// Theme toggle
|
|
515
|
-
const themeToggle = document.getElementById('themeToggle');
|
|
516
|
-
const themeIcon = document.getElementById('themeIcon');
|
|
517
|
-
const themeLabel = document.getElementById('themeLabel');
|
|
518
|
-
function setTheme(theme) {
|
|
519
|
-
document.documentElement.setAttribute('data-theme', theme);
|
|
520
|
-
if (theme === 'light') {
|
|
521
|
-
themeIcon.textContent = '☀️';
|
|
522
|
-
themeLabel.textContent = 'Light';
|
|
523
|
-
} else {
|
|
524
|
-
themeIcon.textContent = '🌙';
|
|
525
|
-
themeLabel.textContent = 'Dark';
|
|
526
|
-
}
|
|
527
|
-
localStorage.setItem('dhruv-theme', theme);
|
|
528
|
-
}
|
|
529
|
-
themeToggle.addEventListener('click', () => {
|
|
530
|
-
const current = document.documentElement.getAttribute('data-theme') || 'dark';
|
|
531
|
-
setTheme(current === 'dark' ? 'light' : 'dark');
|
|
532
|
-
});
|
|
533
|
-
// Load theme
|
|
534
|
-
setTheme(localStorage.getItem('dhruv-theme') || 'dark');
|
|
535
|
-
</script>
|
|
536
|
-
</body>
|
|
631
|
+
|
|
632
|
+
document.getElementById("year").textContent = String(new Date().getFullYear());
|
|
633
|
+
</script>
|
|
634
|
+
</body>
|
|
537
635
|
</html>
|