@programinglive/commiter 1.2.8 โ†’ 1.2.12

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/web/index.html CHANGED
@@ -1,508 +1,511 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <meta name="description"
8
- content="Commiter - Automated commit conventions and release management tool for JavaScript/TypeScript projects. Enforce conventional commits, generate changelogs, and automate semantic versioning.">
9
- <meta name="keywords"
10
- content="commit, conventional commits, standard-version, changelog, versioning, semantic release, git hooks, husky, commitlint">
11
- <meta name="author" content="Programming Live">
12
-
13
- <!-- Open Graph / Facebook / LinkedIn -->
14
- <meta property="og:type" content="website">
15
- <meta property="og:url" content="https://commiter.programinglive.com/">
16
- <meta property="og:title" content="Commiter - Ship Code Faster">
17
- <meta property="og:description" content="The best tool for developers to manage commits and deployments.">
18
- <meta property="og:image" content="https://commiter.programinglive.com/og-image.png">
19
-
20
- <!-- Twitter -->
21
- <meta property="twitter:card" content="summary_large_image">
22
- <meta property="twitter:url" content="https://commiter.programinglive.com/">
23
- <meta property="twitter:title" content="Commiter">
24
- <meta property="twitter:description" content="The best tool for developers to manage commits and deployments.">
25
- <meta property="twitter:image" content="https://commiter.programinglive.com/og-image.png">
26
-
27
- <link rel="icon" type="image/svg+xml" href="favicon.svg">
28
- <title>Commiter - Automated Commit Conventions & Release Management</title>
29
-
30
- <link rel="stylesheet" href="css/style.css">
31
- <link rel="preconnect" href="https://fonts.googleapis.com">
32
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
33
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
34
- rel="stylesheet">
35
- </head>
36
-
37
- <body>
38
- <!-- Navigation -->
39
- <nav class="navbar">
40
- <div class="container">
41
- <div class="nav-content">
42
- <div class="logo">
43
- <span class="logo-icon">๐Ÿš€</span>
44
- <span class="logo-text">Commiter</span>
45
- </div>
46
- <ul class="nav-links">
47
- <li><a href="#features">Features</a></li>
48
- <li><a href="#installation">Installation</a></li>
49
- <li><a href="#usage">Usage</a></li>
50
- <li><a href="#releases">Releases</a></li>
51
- <li><a href="https://github.com/programinglive/commiter" target="_blank"
52
- class="btn-github">GitHub</a></li>
53
- </ul>
54
- <button class="mobile-menu-toggle" aria-label="Toggle menu">
55
- <span></span>
56
- <span></span>
57
- <span></span>
58
- </button>
59
- </div>
60
- </div>
61
- </nav>
62
-
63
- <!-- Hero Section -->
64
- <section class="hero">
65
- <div class="container">
66
- <div class="hero-content">
67
- <div class="hero-badge">
68
- <span class="badge-dot"></span>
69
- <span>v1.2.5 - Latest Release</span>
70
- </div>
71
- <h1 class="hero-title">
72
- Ship Releases with <span class="gradient-text">Confidence</span>
73
- </h1>
74
- <p class="hero-subtitle">
75
- Commiter automates conventional commits, semantic versioning, and changelog generation.
76
- One command to bootstrap your entire release workflow.
77
- </p>
78
- <div class="hero-actions">
79
- <a href="#installation" class="btn btn-primary">
80
- Get Started
81
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
82
- <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2"
83
- stroke-linecap="round" stroke-linejoin="round" />
84
- </svg>
85
- </a>
86
- <a href="https://www.npmjs.com/package/@programinglive/commiter" target="_blank"
87
- class="btn btn-secondary">
88
- View on NPM
89
- </a>
90
- </div>
91
- <div class="hero-stats">
92
- <div class="stat-item">
93
- <div class="stat-value">1.2.5</div>
94
- <div class="stat-label">Latest Version</div>
95
- </div>
96
- <div class="stat-item">
97
- <div class="stat-value">MIT</div>
98
- <div class="stat-label">License</div>
99
- </div>
100
- <div class="stat-item">
101
- <div class="stat-value">Node 18+</div>
102
- <div class="stat-label">Compatibility</div>
103
- </div>
104
- </div>
105
- </div>
106
- <div class="hero-visual">
107
- <div class="code-window">
108
- <div class="window-header">
109
- <div class="window-dots">
110
- <span></span>
111
- <span></span>
112
- <span></span>
113
- </div>
114
- <div class="window-title">terminal</div>
115
- </div>
116
- <div class="window-content">
117
- <div class="code-line"><span class="prompt">$</span> npx @programinglive/commiter</div>
118
- <div class="code-line output">โœ“ Installing dependencies...</div>
119
- <div class="code-line output">โœ“ Configuring Husky hooks...</div>
120
- <div class="code-line output">โœ“ Setting up commitlint...</div>
121
- <div class="code-line output success">๐ŸŽ‰ Setup complete! Ready to release.</div>
122
- <div class="code-line"><span class="prompt">$</span> npm run release:patch</div>
123
- <div class="code-line output">โœ“ Running tests...</div>
124
- <div class="code-line output">โœ“ Bumping version to 1.0.1...</div>
125
- <div class="code-line output">โœ“ Updating CHANGELOG.md...</div>
126
- <div class="code-line output success">๐Ÿš€ Release v1.0.1 ready!</div>
127
- <div class="code-line cursor">_</div>
128
- </div>
129
- </div>
130
- </div>
131
- </div>
132
- </section>
133
-
134
- <!-- Features Section -->
135
- <section id="features" class="features">
136
- <div class="container">
137
- <div class="section-header">
138
- <h2 class="section-title">Everything You Need for <span class="gradient-text">Professional
139
- Releases</span></h2>
140
- <p class="section-subtitle">Commiter handles the entire release workflow so you can focus on building
141
- great software</p>
142
- </div>
143
- <div class="features-grid">
144
- <div class="feature-card">
145
- <div class="feature-icon">โœ…</div>
146
- <h3>Enforced Conventions</h3>
147
- <p>Automatically validate commit messages using Conventional Commits format with Husky and
148
- commitlint</p>
149
- </div>
150
- <div class="feature-card">
151
- <div class="feature-icon">๐ŸŽฏ</div>
152
- <h3>Semantic Versioning</h3>
153
- <p>Intelligent version bumping based on commit types - major, minor, or patch releases</p>
154
- </div>
155
- <div class="feature-card">
156
- <div class="feature-icon">๐Ÿ“</div>
157
- <h3>Auto Changelog</h3>
158
- <p>Beautiful CHANGELOG.md generation with icons for each commit type and organized sections</p>
159
- </div>
160
- <div class="feature-card">
161
- <div class="feature-icon">๐Ÿ”’</div>
162
- <h3>Git Hooks</h3>
163
- <p>Pre-commit and commit-msg validation via Husky ensures quality before code is committed</p>
164
- </div>
165
- <div class="feature-card">
166
- <div class="feature-icon">๐Ÿงช</div>
167
- <h3>Test Integration</h3>
168
- <p>Automatically runs your test suite before releasing to prevent broken releases</p>
169
- </div>
170
- <div class="feature-card">
171
- <div class="feature-icon">โšก</div>
172
- <h3>Zero Config</h3>
173
- <p>One command setup with sensible defaults. Works with npm, yarn, and pnpm out of the box</p>
174
- </div>
175
- </div>
176
- </div>
177
- </section>
178
-
179
- <!-- Installation Section -->
180
- <section id="installation" class="installation">
181
- <div class="container">
182
- <div class="section-header">
183
- <h2 class="section-title">Quick <span class="gradient-text">Installation</span></h2>
184
- <p class="section-subtitle">Get started in seconds with your preferred package manager</p>
185
- </div>
186
- <div class="install-options">
187
- <div class="install-card">
188
- <div class="install-header">
189
- <h3>Global Installation</h3>
190
- <span class="install-badge">Recommended</span>
191
- </div>
192
- <div class="code-block">
193
- <code>npm install -g @programinglive/commiter</code>
194
- <button class="copy-btn" data-copy="npm install -g @programinglive/commiter">
195
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
196
- <rect x="7" y="7" width="10" height="10" rx="2" stroke="currentColor"
197
- stroke-width="1.5" />
198
- <path d="M3 13V5C3 3.89543 3.89543 3 5 3H13" stroke="currentColor" stroke-width="1.5" />
199
- </svg>
200
- </button>
201
- </div>
202
- </div>
203
- <div class="install-card">
204
- <div class="install-header">
205
- <h3>Dev Dependency</h3>
206
- </div>
207
- <div class="code-block">
208
- <code>npm install --save-dev @programinglive/commiter</code>
209
- <button class="copy-btn" data-copy="npm install --save-dev @programinglive/commiter">
210
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
211
- <rect x="7" y="7" width="10" height="10" rx="2" stroke="currentColor"
212
- stroke-width="1.5" />
213
- <path d="M3 13V5C3 3.89543 3.89543 3 5 3H13" stroke="currentColor" stroke-width="1.5" />
214
- </svg>
215
- </button>
216
- </div>
217
- </div>
218
- <div class="install-card">
219
- <div class="install-header">
220
- <h3>No Installation (NPX)</h3>
221
- </div>
222
- <div class="code-block">
223
- <code>npx @programinglive/commiter</code>
224
- <button class="copy-btn" data-copy="npx @programinglive/commiter">
225
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
226
- <rect x="7" y="7" width="10" height="10" rx="2" stroke="currentColor"
227
- stroke-width="1.5" />
228
- <path d="M3 13V5C3 3.89543 3.89543 3 5 3H13" stroke="currentColor" stroke-width="1.5" />
229
- </svg>
230
- </button>
231
- </div>
232
- </div>
233
- </div>
234
- </div>
235
- </section>
236
-
237
- <!-- Usage Section -->
238
- <section id="usage" class="usage">
239
- <div class="container">
240
- <div class="section-header">
241
- <h2 class="section-title">Simple <span class="gradient-text">Usage</span></h2>
242
- <p class="section-subtitle">Three steps to automated releases</p>
243
- </div>
244
- <div class="usage-steps">
245
- <div class="step-card">
246
- <div class="step-number">1</div>
247
- <div class="step-content">
248
- <h3>Setup Your Project</h3>
249
- <p>Run the setup command to configure Husky, commitlint, and release scripts</p>
250
- <div class="code-block">
251
- <code>npx @programinglive/commiter</code>
252
- </div>
253
- </div>
254
- </div>
255
- <div class="step-card">
256
- <div class="step-number">2</div>
257
- <div class="step-content">
258
- <h3>Make Conventional Commits</h3>
259
- <p>Use conventional commit format for all your commits</p>
260
- <div class="code-block">
261
- <code>git commit -m "feat(auth): add JWT authentication"</code>
262
- </div>
263
- <div class="commit-types">
264
- <span class="commit-type">โœจ feat</span>
265
- <span class="commit-type">๐Ÿ› fix</span>
266
- <span class="commit-type">๐Ÿ“ docs</span>
267
- <span class="commit-type">โ™ป๏ธ refactor</span>
268
- <span class="commit-type">โšก perf</span>
269
- <span class="commit-type">โœ… test</span>
270
- </div>
271
- </div>
272
- </div>
273
- <div class="step-card">
274
- <div class="step-number">3</div>
275
- <div class="step-content">
276
- <h3>Release Your Changes</h3>
277
- <p>Run the appropriate release command based on your changes</p>
278
- <div class="code-block">
279
- <code>npm run release:patch # 1.0.0 โ†’ 1.0.1</code>
280
- </div>
281
- <div class="code-block">
282
- <code>npm run release:minor # 1.0.0 โ†’ 1.1.0</code>
283
- </div>
284
- <div class="code-block">
285
- <code>npm run release:major # 1.0.0 โ†’ 2.0.0</code>
286
- </div>
287
- </div>
288
- </div>
289
- </div>
290
- </div>
291
- </section>
292
-
293
- <!-- Commit Types Reference -->
294
- <section class="commit-reference">
295
- <div class="container">
296
- <div class="section-header">
297
- <h2 class="section-title">Commit Types <span class="gradient-text">Reference</span></h2>
298
- <p class="section-subtitle">All supported commit types with their icons and changelog sections</p>
299
- </div>
300
- <div class="reference-table">
301
- <div class="table-header">
302
- <div>Type</div>
303
- <div>Icon</div>
304
- <div>Description</div>
305
- <div>Changelog Section</div>
306
- </div>
307
- <div class="table-row">
308
- <div><code>feat</code></div>
309
- <div>โœจ</div>
310
- <div>New feature</div>
311
- <div>โœจ Features</div>
312
- </div>
313
- <div class="table-row">
314
- <div><code>fix</code></div>
315
- <div>๐Ÿ›</div>
316
- <div>Bug fix</div>
317
- <div>๐Ÿ› Bug Fixes</div>
318
- </div>
319
- <div class="table-row">
320
- <div><code>perf</code></div>
321
- <div>โšก</div>
322
- <div>Performance improvement</div>
323
- <div>โšก Performance</div>
324
- </div>
325
- <div class="table-row">
326
- <div><code>refactor</code></div>
327
- <div>โ™ป๏ธ</div>
328
- <div>Code refactoring</div>
329
- <div>โ™ป๏ธ Refactors</div>
330
- </div>
331
- <div class="table-row">
332
- <div><code>docs</code></div>
333
- <div>๐Ÿ“</div>
334
- <div>Documentation changes</div>
335
- <div>๐Ÿ“ Documentation</div>
336
- </div>
337
- <div class="table-row">
338
- <div><code>style</code></div>
339
- <div>๐Ÿ’„</div>
340
- <div>Code style changes</div>
341
- <div>๐Ÿ’„ Styles</div>
342
- </div>
343
- <div class="table-row">
344
- <div><code>test</code></div>
345
- <div>โœ…</div>
346
- <div>Test additions/changes</div>
347
- <div>โœ… Tests</div>
348
- </div>
349
- <div class="table-row">
350
- <div><code>build</code></div>
351
- <div>๐Ÿ—๏ธ</div>
352
- <div>Build system changes</div>
353
- <div>๐Ÿ—๏ธ Build System</div>
354
- </div>
355
- <div class="table-row">
356
- <div><code>ci</code></div>
357
- <div>๐Ÿ‘ท</div>
358
- <div>CI/CD changes</div>
359
- <div>๐Ÿ‘ท Continuous Integration</div>
360
- </div>
361
- <div class="table-row">
362
- <div><code>chore</code></div>
363
- <div>๐Ÿงน</div>
364
- <div>Maintenance tasks</div>
365
- <div>๐Ÿงน Chores</div>
366
- </div>
367
- <div class="table-row">
368
- <div><code>revert</code></div>
369
- <div>โช</div>
370
- <div>Revert previous commit</div>
371
- <div>โช Reverts</div>
372
- </div>
373
- </div>
374
- </div>
375
- </section>
376
-
377
- <!-- Releases Section -->
378
- <section id="releases" class="releases">
379
- <div class="container">
380
- <div class="section-header">
381
- <h2 class="section-title">Recent <span class="gradient-text">Releases</span></h2>
382
- <p class="section-subtitle">Latest updates and improvements</p>
383
- </div>
384
- <div class="releases-timeline">
385
- <!-- RELEASES_TIMELINE:START -->
386
- <div class="release-item">
387
- <div class="release-badge">Latest</div>
388
- <div class="release-version">v1.2.5</div>
389
- <div class="release-date">November 29, 2025</div>
390
- <div class="release-type">๐Ÿงน Chores</div>
391
- <p class="release-description">release: v1.2.4 ๐Ÿš€ (23e546a)</p>
392
- </div>
393
- <div class="release-item">
394
- <div class="release-version">v1.2.4</div>
395
- <div class="release-date">November 27, 2025</div>
396
- <div class="release-type">๐Ÿงน Chores</div>
397
- <p class="release-description">release: 1.2.3 (9d12f7e)</p>
398
- </div>
399
- <div class="release-item">
400
- <div class="release-version">v1.2.3</div>
401
- <div class="release-date">November 27, 2025</div>
402
- <div class="release-type">โœจ Features</div>
403
- <p class="release-description">automate website releases timeline updates from release notes (5abf788)</p>
404
- </div>
405
- <div class="release-item">
406
- <div class="release-version">v1.2.2</div>
407
- <div class="release-date">November 27, 2025</div>
408
- <div class="release-type">๐Ÿงน Chores</div>
409
- <p class="release-description">update homepage url (556b173)</p>
410
- </div>
411
- <div class="release-item">
412
- <div class="release-version">v1.2.1</div>
413
- <div class="release-date">November 26, 2025</div>
414
- <div class="release-type">๐Ÿ› Bug Fixes</div>
415
- <p class="release-description">release: improve website version update reliability (18f5ace)</p>
416
- </div>
417
- <!-- RELEASES_TIMELINE:END -->
418
- </div>
419
- <div class="releases-cta">
420
- <a href="https://github.com/programinglive/commiter/releases" target="_blank" class="btn btn-secondary">
421
- View All Releases
422
- </a>
423
- </div>
424
- </div>
425
- </section>
426
-
427
- <!-- CTA Section -->
428
- <section class="cta">
429
- <div class="container">
430
- <div class="cta-content">
431
- <h2>Ready to Automate Your Releases?</h2>
432
- <p>Join developers who trust Commiter for professional release management</p>
433
- <div class="cta-actions">
434
- <a href="#installation" class="btn btn-primary">Get Started Now</a>
435
- <a href="https://github.com/programinglive/commiter" target="_blank" class="btn btn-outline">
436
- <svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
437
- <path fill-rule="evenodd"
438
- d="M10 0C4.477 0 0 4.477 0 10c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0110 4.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C17.137 18.165 20 14.418 20 10c0-5.523-4.477-10-10-10z"
439
- clip-rule="evenodd" />
440
- </svg>
441
- Star on GitHub
442
- </a>
443
- </div>
444
- </div>
445
- </div>
446
- </section>
447
-
448
- <!-- Footer -->
449
- <footer class="footer">
450
- <div class="container">
451
- <div class="footer-content">
452
- <div class="footer-brand">
453
- <div class="logo">
454
- <span class="logo-icon">๐Ÿš€</span>
455
- <span class="logo-text">Commiter</span>
456
- </div>
457
- <p>Automated commit conventions and release management for modern development teams.</p>
458
- </div>
459
- <div class="footer-links">
460
- <div class="footer-column">
461
- <h4>Product</h4>
462
- <ul>
463
- <li><a href="#features">Features</a></li>
464
- <li><a href="#installation">Installation</a></li>
465
- <li><a href="#usage">Usage</a></li>
466
- <li><a href="#releases">Releases</a></li>
467
- </ul>
468
- </div>
469
- <div class="footer-column">
470
- <h4>Resources</h4>
471
- <ul>
472
- <li><a href="https://github.com/programinglive/commiter" target="_blank">GitHub</a></li>
473
- <li><a href="https://www.npmjs.com/package/@programinglive/commiter" target="_blank">NPM
474
- Package</a></li>
475
- <li><a href="https://github.com/programinglive/commiter/issues" target="_blank">Issues</a>
476
- </li>
477
- <li><a href="https://www.conventionalcommits.org/" target="_blank">Conventional Commits</a>
478
- </li>
479
- </ul>
480
- </div>
481
- <div class="footer-column">
482
- <h4>Community</h4>
483
- <ul>
484
- <li><a href="https://github.com/programinglive/commiter/blob/main/CONTRIBUTING.md"
485
- target="_blank">Contributing</a></li>
486
- <li><a href="https://github.com/programinglive/commiter/blob/main/CODE_OF_CONDUCT.md"
487
- target="_blank">Code of Conduct</a></li>
488
- <li><a href="https://github.com/programinglive/commiter/blob/main/LICENSE"
489
- target="_blank">License</a></li>
490
- </ul>
491
- </div>
492
- </div>
493
- </div>
494
- <div class="footer-bottom">
495
- <p>&copy; 2025 Programming Live. Released under the MIT License.</p>
496
- <div class="footer-badges">
497
- <img src="https://img.shields.io/npm/v/%40programinglive%2Fcommiter.svg" alt="npm version">
498
- <img src="https://img.shields.io/npm/dm/%40programinglive%2Fcommiter.svg" alt="npm downloads">
499
- <img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="MIT License">
500
- </div>
501
- </div>
502
- </div>
503
- </footer>
504
-
505
- <script src="js/script.js"></script>
506
- </body>
507
-
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta name="description"
8
+ content="Commiter - Automated commit conventions and release management tool for JavaScript/TypeScript projects. Enforce conventional commits, generate changelogs, and automate semantic versioning.">
9
+ <meta name="keywords"
10
+ content="commit, conventional commits, standard-version, changelog, versioning, semantic release, git hooks, husky, commitlint">
11
+ <meta name="author" content="Programming Live">
12
+
13
+ <!-- Open Graph / Facebook / LinkedIn -->
14
+ <meta property="og:type" content="website">
15
+ <meta property="og:url" content="https://commiter.programinglive.com/">
16
+ <meta property="og:title" content="Commiter - Ship Code Faster">
17
+ <meta property="og:description" content="The best tool for developers to manage commits and deployments.">
18
+ <meta property="og:image" content="https://commiter.programinglive.com/og-image.png">
19
+
20
+ <!-- Twitter -->
21
+ <meta property="twitter:card" content="summary_large_image">
22
+ <meta property="twitter:url" content="https://commiter.programinglive.com/">
23
+ <meta property="twitter:title" content="Commiter">
24
+ <meta property="twitter:description" content="The best tool for developers to manage commits and deployments.">
25
+ <meta property="twitter:image" content="https://commiter.programinglive.com/og-image.png">
26
+
27
+ <link rel="icon" type="image/svg+xml" href="favicon.svg">
28
+ <title>Commiter - Automated Commit Conventions & Release Management</title>
29
+
30
+ <link rel="stylesheet" href="css/style.css">
31
+ <link rel="preconnect" href="https://fonts.googleapis.com">
32
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
33
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
34
+ rel="stylesheet">
35
+ </head>
36
+
37
+ <body>
38
+ <!-- Navigation -->
39
+ <nav class="navbar">
40
+ <div class="container">
41
+ <div class="nav-content">
42
+ <div class="logo">
43
+ <span class="logo-icon">๐Ÿš€</span>
44
+ <span class="logo-text">Commiter</span>
45
+ </div>
46
+ <ul class="nav-links">
47
+ <li><a href="#features">Features</a></li>
48
+ <li><a href="#installation">Installation</a></li>
49
+ <li><a href="#usage">Usage</a></li>
50
+ <li><a href="#releases">Releases</a></li>
51
+ <li><a href="https://github.com/programinglive/commiter" target="_blank"
52
+ class="btn-github">GitHub</a></li>
53
+ </ul>
54
+ <button class="mobile-menu-toggle" aria-label="Toggle menu">
55
+ <span></span>
56
+ <span></span>
57
+ <span></span>
58
+ </button>
59
+ </div>
60
+ </div>
61
+ </nav>
62
+
63
+ <!-- Hero Section -->
64
+ <section class="hero">
65
+ <div class="container">
66
+ <div class="hero-content">
67
+ <div class="hero-badge">
68
+ <span class="badge-dot"></span>
69
+ <span>v1.2.5 - Latest Release</span>
70
+ </div>
71
+ <h1 class="hero-title">
72
+ Ship Releases with <span class="gradient-text">Confidence</span>
73
+ </h1>
74
+ <p class="hero-subtitle">
75
+ Commiter automates conventional commits, semantic versioning, and changelog generation.
76
+ One command to bootstrap your entire release workflow.
77
+ </p>
78
+ <div class="hero-actions">
79
+ <a href="#installation" class="btn btn-primary">
80
+ Get Started
81
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
82
+ <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2"
83
+ stroke-linecap="round" stroke-linejoin="round" />
84
+ </svg>
85
+ </a>
86
+ <a href="https://www.npmjs.com/package/@programinglive/commiter" target="_blank"
87
+ class="btn btn-secondary">
88
+ View on NPM
89
+ </a>
90
+ </div>
91
+ <div class="hero-stats">
92
+ <div class="stat-item">
93
+ <div class="stat-value">1.2.5</div>
94
+ <div class="stat-label">Latest Version</div>
95
+ </div>
96
+ <div class="stat-item">
97
+ <div class="stat-value">MIT</div>
98
+ <div class="stat-label">License</div>
99
+ </div>
100
+ <div class="stat-item">
101
+ <div class="stat-value">Node 18+</div>
102
+ <div class="stat-label">Compatibility</div>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ <div class="hero-visual">
107
+ <div class="code-window">
108
+ <div class="window-header">
109
+ <div class="window-dots">
110
+ <span></span>
111
+ <span></span>
112
+ <span></span>
113
+ </div>
114
+ <div class="window-title">terminal</div>
115
+ </div>
116
+ <div class="window-content">
117
+ <div class="code-line"><span class="prompt">$</span> npx @programinglive/commiter</div>
118
+ <div class="code-line output">โœ“ Installing dependencies...</div>
119
+ <div class="code-line output">โœ“ Configuring Husky hooks...</div>
120
+ <div class="code-line output">โœ“ Setting up commitlint...</div>
121
+ <div class="code-line output success">๐ŸŽ‰ Setup complete! Ready to release.</div>
122
+ <div class="code-line"><span class="prompt">$</span> npm run release:patch</div>
123
+ <div class="code-line output">โœ“ Running tests...</div>
124
+ <div class="code-line output">โœ“ Bumping version to 1.0.1...</div>
125
+ <div class="code-line output">โœ“ Updating CHANGELOG.md...</div>
126
+ <div class="code-line output success">๐Ÿš€ Release v1.0.1 ready!</div>
127
+ <div class="code-line cursor">_</div>
128
+ </div>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </section>
133
+
134
+ <!-- Features Section -->
135
+ <section id="features" class="features">
136
+ <div class="container">
137
+ <div class="section-header">
138
+ <h2 class="section-title">Everything You Need for <span class="gradient-text">Professional
139
+ Releases</span></h2>
140
+ <p class="section-subtitle">Commiter handles the entire release workflow so you can focus on building
141
+ great software</p>
142
+ </div>
143
+ <div class="features-grid">
144
+ <div class="feature-card">
145
+ <div class="feature-icon">โœ…</div>
146
+ <h3>Enforced Conventions</h3>
147
+ <p>Automatically validate commit messages using Conventional Commits format with Husky and
148
+ commitlint</p>
149
+ </div>
150
+ <div class="feature-card">
151
+ <div class="feature-icon">๐ŸŽฏ</div>
152
+ <h3>Semantic Versioning</h3>
153
+ <p>Intelligent version bumping based on commit types - major, minor, or patch releases</p>
154
+ </div>
155
+ <div class="feature-card">
156
+ <div class="feature-icon">๐Ÿ“</div>
157
+ <h3>Auto Changelog</h3>
158
+ <p>Beautiful CHANGELOG.md generation with icons for each commit type and organized sections</p>
159
+ </div>
160
+ <div class="feature-card">
161
+ <div class="feature-icon">๐Ÿ”’</div>
162
+ <h3>Git Hooks</h3>
163
+ <p>Pre-commit and commit-msg validation via Husky ensures quality before code is committed</p>
164
+ </div>
165
+ <div class="feature-card">
166
+ <div class="feature-icon">๐Ÿงช</div>
167
+ <h3>Test Integration</h3>
168
+ <p>Automatically runs your test suite before releasing to prevent broken releases</p>
169
+ </div>
170
+ <div class="feature-card">
171
+ <div class="feature-icon">โšก</div>
172
+ <h3>Zero Config</h3>
173
+ <p>One command setup with sensible defaults. Works with npm, yarn, and pnpm out of the box</p>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </section>
178
+
179
+ <!-- Installation Section -->
180
+ <section id="installation" class="installation">
181
+ <div class="container">
182
+ <div class="section-header">
183
+ <h2 class="section-title">Quick <span class="gradient-text">Installation</span></h2>
184
+ <p class="section-subtitle">Get started in seconds with your preferred package manager</p>
185
+ </div>
186
+ <div class="install-options">
187
+ <div class="install-card">
188
+ <div class="install-header">
189
+ <h3>Global Installation</h3>
190
+ <span class="install-badge">Recommended</span>
191
+ </div>
192
+ <div class="code-block">
193
+ <code>npm install -g @programinglive/commiter</code>
194
+ <button class="copy-btn" data-copy="npm install -g @programinglive/commiter">
195
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
196
+ <rect x="7" y="7" width="10" height="10" rx="2" stroke="currentColor"
197
+ stroke-width="1.5" />
198
+ <path d="M3 13V5C3 3.89543 3.89543 3 5 3H13" stroke="currentColor" stroke-width="1.5" />
199
+ </svg>
200
+ </button>
201
+ </div>
202
+ </div>
203
+ <div class="install-card">
204
+ <div class="install-header">
205
+ <h3>Dev Dependency</h3>
206
+ </div>
207
+ <div class="code-block">
208
+ <code>npm install --save-dev @programinglive/commiter</code>
209
+ <button class="copy-btn" data-copy="npm install --save-dev @programinglive/commiter">
210
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
211
+ <rect x="7" y="7" width="10" height="10" rx="2" stroke="currentColor"
212
+ stroke-width="1.5" />
213
+ <path d="M3 13V5C3 3.89543 3.89543 3 5 3H13" stroke="currentColor" stroke-width="1.5" />
214
+ </svg>
215
+ </button>
216
+ </div>
217
+ </div>
218
+ <div class="install-card">
219
+ <div class="install-header">
220
+ <h3>No Installation (NPX)</h3>
221
+ </div>
222
+ <div class="code-block">
223
+ <code>npx @programinglive/commiter</code>
224
+ <button class="copy-btn" data-copy="npx @programinglive/commiter">
225
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
226
+ <rect x="7" y="7" width="10" height="10" rx="2" stroke="currentColor"
227
+ stroke-width="1.5" />
228
+ <path d="M3 13V5C3 3.89543 3.89543 3 5 3H13" stroke="currentColor" stroke-width="1.5" />
229
+ </svg>
230
+ </button>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </section>
236
+
237
+ <!-- Usage Section -->
238
+ <section id="usage" class="usage">
239
+ <div class="container">
240
+ <div class="section-header">
241
+ <h2 class="section-title">Simple <span class="gradient-text">Usage</span></h2>
242
+ <p class="section-subtitle">Three steps to automated releases</p>
243
+ </div>
244
+ <div class="usage-steps">
245
+ <div class="step-card">
246
+ <div class="step-number">1</div>
247
+ <div class="step-content">
248
+ <h3>Setup Your Project</h3>
249
+ <p>Run the setup command to configure Husky, commitlint, and release scripts</p>
250
+ <div class="code-block">
251
+ <code>npx @programinglive/commiter</code>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ <div class="step-card">
256
+ <div class="step-number">2</div>
257
+ <div class="step-content">
258
+ <h3>Make Conventional Commits</h3>
259
+ <p>Use conventional commit format for all your commits</p>
260
+ <div class="code-block">
261
+ <code>git commit -m "feat(auth): add JWT authentication"</code>
262
+ </div>
263
+ <div class="commit-types">
264
+ <span class="commit-type">โœจ feat</span>
265
+ <span class="commit-type">๐Ÿ› fix</span>
266
+ <span class="commit-type">๐Ÿ“ docs</span>
267
+ <span class="commit-type">โ™ป๏ธ refactor</span>
268
+ <span class="commit-type">โšก perf</span>
269
+ <span class="commit-type">โœ… test</span>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ <div class="step-card">
274
+ <div class="step-number">3</div>
275
+ <div class="step-content">
276
+ <h3>Release Your Changes</h3>
277
+ <p>Run the appropriate release command based on your changes</p>
278
+ <div class="code-block">
279
+ <code>npm run release:first # New project โ†’ 0.0.1</code>
280
+ </div>
281
+ <div class="code-block">
282
+ <code>npm run release:patch # 1.0.0 โ†’ 1.0.1</code>
283
+ </div>
284
+ <div class="code-block">
285
+ <code>npm run release:minor # 1.0.0 โ†’ 1.1.0</code>
286
+ </div>
287
+ <div class="code-block">
288
+ <code>npm run release:major # 1.0.0 โ†’ 2.0.0</code>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </section>
295
+
296
+ <!-- Commit Types Reference -->
297
+ <section class="commit-reference">
298
+ <div class="container">
299
+ <div class="section-header">
300
+ <h2 class="section-title">Commit Types <span class="gradient-text">Reference</span></h2>
301
+ <p class="section-subtitle">All supported commit types with their icons and changelog sections</p>
302
+ </div>
303
+ <div class="reference-table">
304
+ <div class="table-header">
305
+ <div>Type</div>
306
+ <div>Icon</div>
307
+ <div>Description</div>
308
+ <div>Changelog Section</div>
309
+ </div>
310
+ <div class="table-row">
311
+ <div><code>feat</code></div>
312
+ <div>โœจ</div>
313
+ <div>New feature</div>
314
+ <div>โœจ Features</div>
315
+ </div>
316
+ <div class="table-row">
317
+ <div><code>fix</code></div>
318
+ <div>๐Ÿ›</div>
319
+ <div>Bug fix</div>
320
+ <div>๐Ÿ› Bug Fixes</div>
321
+ </div>
322
+ <div class="table-row">
323
+ <div><code>perf</code></div>
324
+ <div>โšก</div>
325
+ <div>Performance improvement</div>
326
+ <div>โšก Performance</div>
327
+ </div>
328
+ <div class="table-row">
329
+ <div><code>refactor</code></div>
330
+ <div>โ™ป๏ธ</div>
331
+ <div>Code refactoring</div>
332
+ <div>โ™ป๏ธ Refactors</div>
333
+ </div>
334
+ <div class="table-row">
335
+ <div><code>docs</code></div>
336
+ <div>๐Ÿ“</div>
337
+ <div>Documentation changes</div>
338
+ <div>๐Ÿ“ Documentation</div>
339
+ </div>
340
+ <div class="table-row">
341
+ <div><code>style</code></div>
342
+ <div>๐Ÿ’„</div>
343
+ <div>Code style changes</div>
344
+ <div>๐Ÿ’„ Styles</div>
345
+ </div>
346
+ <div class="table-row">
347
+ <div><code>test</code></div>
348
+ <div>โœ…</div>
349
+ <div>Test additions/changes</div>
350
+ <div>โœ… Tests</div>
351
+ </div>
352
+ <div class="table-row">
353
+ <div><code>build</code></div>
354
+ <div>๐Ÿ—๏ธ</div>
355
+ <div>Build system changes</div>
356
+ <div>๐Ÿ—๏ธ Build System</div>
357
+ </div>
358
+ <div class="table-row">
359
+ <div><code>ci</code></div>
360
+ <div>๐Ÿ‘ท</div>
361
+ <div>CI/CD changes</div>
362
+ <div>๐Ÿ‘ท Continuous Integration</div>
363
+ </div>
364
+ <div class="table-row">
365
+ <div><code>chore</code></div>
366
+ <div>๐Ÿงน</div>
367
+ <div>Maintenance tasks</div>
368
+ <div>๐Ÿงน Chores</div>
369
+ </div>
370
+ <div class="table-row">
371
+ <div><code>revert</code></div>
372
+ <div>โช</div>
373
+ <div>Revert previous commit</div>
374
+ <div>โช Reverts</div>
375
+ </div>
376
+ </div>
377
+ </div>
378
+ </section>
379
+
380
+ <!-- Releases Section -->
381
+ <section id="releases" class="releases">
382
+ <div class="container">
383
+ <div class="section-header">
384
+ <h2 class="section-title">Recent <span class="gradient-text">Releases</span></h2>
385
+ <p class="section-subtitle">Latest updates and improvements</p>
386
+ </div>
387
+ <div class="releases-timeline">
388
+ <!-- RELEASES_TIMELINE:START -->
389
+ <div class="release-item">
390
+ <div class="release-badge">Latest</div>
391
+ <div class="release-version">v1.2.5</div>
392
+ <div class="release-date">November 29, 2025</div>
393
+ <div class="release-type">๐Ÿงน Chores</div>
394
+ <p class="release-description">release: v1.2.4 ๐Ÿš€ (23e546a)</p>
395
+ </div>
396
+ <div class="release-item">
397
+ <div class="release-version">v1.2.4</div>
398
+ <div class="release-date">November 27, 2025</div>
399
+ <div class="release-type">๐Ÿงน Chores</div>
400
+ <p class="release-description">release: 1.2.3 (9d12f7e)</p>
401
+ </div>
402
+ <div class="release-item">
403
+ <div class="release-version">v1.2.3</div>
404
+ <div class="release-date">November 27, 2025</div>
405
+ <div class="release-type">โœจ Features</div>
406
+ <p class="release-description">automate website releases timeline updates from release notes (5abf788)</p>
407
+ </div>
408
+ <div class="release-item">
409
+ <div class="release-version">v1.2.2</div>
410
+ <div class="release-date">November 27, 2025</div>
411
+ <div class="release-type">๐Ÿงน Chores</div>
412
+ <p class="release-description">update homepage url (556b173)</p>
413
+ </div>
414
+ <div class="release-item">
415
+ <div class="release-version">v1.2.1</div>
416
+ <div class="release-date">November 26, 2025</div>
417
+ <div class="release-type">๐Ÿ› Bug Fixes</div>
418
+ <p class="release-description">release: improve website version update reliability (18f5ace)</p>
419
+ </div>
420
+ <!-- RELEASES_TIMELINE:END -->
421
+ </div>
422
+ <div class="releases-cta">
423
+ <a href="https://github.com/programinglive/commiter/releases" target="_blank" class="btn btn-secondary">
424
+ View All Releases
425
+ </a>
426
+ </div>
427
+ </div>
428
+ </section>
429
+
430
+ <!-- CTA Section -->
431
+ <section class="cta">
432
+ <div class="container">
433
+ <div class="cta-content">
434
+ <h2>Ready to Automate Your Releases?</h2>
435
+ <p>Join developers who trust Commiter for professional release management</p>
436
+ <div class="cta-actions">
437
+ <a href="#installation" class="btn btn-primary">Get Started Now</a>
438
+ <a href="https://github.com/programinglive/commiter" target="_blank" class="btn btn-outline">
439
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
440
+ <path fill-rule="evenodd"
441
+ d="M10 0C4.477 0 0 4.477 0 10c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0110 4.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C17.137 18.165 20 14.418 20 10c0-5.523-4.477-10-10-10z"
442
+ clip-rule="evenodd" />
443
+ </svg>
444
+ Star on GitHub
445
+ </a>
446
+ </div>
447
+ </div>
448
+ </div>
449
+ </section>
450
+
451
+ <!-- Footer -->
452
+ <footer class="footer">
453
+ <div class="container">
454
+ <div class="footer-content">
455
+ <div class="footer-brand">
456
+ <div class="logo">
457
+ <span class="logo-icon">๐Ÿš€</span>
458
+ <span class="logo-text">Commiter</span>
459
+ </div>
460
+ <p>Automated commit conventions and release management for modern development teams.</p>
461
+ </div>
462
+ <div class="footer-links">
463
+ <div class="footer-column">
464
+ <h4>Product</h4>
465
+ <ul>
466
+ <li><a href="#features">Features</a></li>
467
+ <li><a href="#installation">Installation</a></li>
468
+ <li><a href="#usage">Usage</a></li>
469
+ <li><a href="#releases">Releases</a></li>
470
+ </ul>
471
+ </div>
472
+ <div class="footer-column">
473
+ <h4>Resources</h4>
474
+ <ul>
475
+ <li><a href="https://github.com/programinglive/commiter" target="_blank">GitHub</a></li>
476
+ <li><a href="https://www.npmjs.com/package/@programinglive/commiter" target="_blank">NPM
477
+ Package</a></li>
478
+ <li><a href="https://github.com/programinglive/commiter/issues" target="_blank">Issues</a>
479
+ </li>
480
+ <li><a href="https://www.conventionalcommits.org/" target="_blank">Conventional Commits</a>
481
+ </li>
482
+ </ul>
483
+ </div>
484
+ <div class="footer-column">
485
+ <h4>Community</h4>
486
+ <ul>
487
+ <li><a href="https://github.com/programinglive/commiter/blob/main/CONTRIBUTING.md"
488
+ target="_blank">Contributing</a></li>
489
+ <li><a href="https://github.com/programinglive/commiter/blob/main/CODE_OF_CONDUCT.md"
490
+ target="_blank">Code of Conduct</a></li>
491
+ <li><a href="https://github.com/programinglive/commiter/blob/main/LICENSE"
492
+ target="_blank">License</a></li>
493
+ </ul>
494
+ </div>
495
+ </div>
496
+ </div>
497
+ <div class="footer-bottom">
498
+ <p>&copy; 2025 Programming Live. Released under the MIT License.</p>
499
+ <div class="footer-badges">
500
+ <img src="https://img.shields.io/npm/v/%40programinglive%2Fcommiter.svg" alt="npm version">
501
+ <img src="https://img.shields.io/npm/dm/%40programinglive%2Fcommiter.svg" alt="npm downloads">
502
+ <img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="MIT License">
503
+ </div>
504
+ </div>
505
+ </div>
506
+ </footer>
507
+
508
+ <script src="js/script.js"></script>
509
+ </body>
510
+
508
511
  </html>