hammoc 1.0.0 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +104 -14
- package/package.json +1 -1
- package/packages/client/dist/assets/{index-q3VZc6RP.js → index-B335pbdL.js} +531 -531
- package/packages/client/dist/assets/{index-Bzql1gnR.js → index-BfemoSfM.js} +1 -1
- package/packages/client/dist/assets/index-CmTNL_3X.css +32 -0
- package/packages/client/dist/assets/workbox-window.prod.es5-BIl4cyR9.js +2 -0
- package/packages/client/dist/index.html +17 -13
- package/packages/client/dist/logo-header.png +0 -0
- package/packages/client/dist/logo-splash.png +0 -0
- package/packages/client/dist/manifest.webmanifest +1 -0
- package/packages/client/dist/sw.js +1 -0
- package/packages/client/dist/workbox-7a79b53c.js +1 -0
- package/packages/server/dist/index.js +25 -4
- package/packages/server/dist/index.js.map +1 -1
- package/packages/server/package.json +1 -1
- package/packages/shared/package.json +1 -1
- package/scripts/postinstall.cjs +3 -3
- package/packages/client/dist/assets/index-DjQDxRju.css +0 -32
package/README.md
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
<img src="logo/Hammoc-Header.png" alt="Hammoc" width="480">
|
|
3
|
+
</p>
|
|
4
|
+
|
|
5
|
+
<p align="center">
|
|
6
|
+
<strong>Kick Back. Tap. Ship.</strong><br>
|
|
7
|
+
The web IDE built for AI-driven development workflows — starting with BMAD-METHOD.
|
|
8
|
+
</p>
|
|
9
|
+
|
|
10
|
+
<p align="center">
|
|
11
|
+
<a href="https://www.npmjs.com/package/hammoc"><img src="https://img.shields.io/npm/v/hammoc" alt="npm version"></a>
|
|
12
|
+
<a href="https://www.npmjs.com/package/hammoc"><img src="https://img.shields.io/npm/dm/hammoc" alt="npm downloads"></a>
|
|
13
|
+
<a href="LICENSE"><img src="https://img.shields.io/github/license/starsh2001/hammoc" alt="license"></a>
|
|
7
14
|
</p>
|
|
8
15
|
|
|
9
16
|
<p align="center">
|
|
@@ -16,9 +23,11 @@
|
|
|
16
23
|
|
|
17
24
|
## What is Hammoc?
|
|
18
25
|
|
|
19
|
-
Hammoc
|
|
26
|
+
Hammoc is a web IDE optimized for structured AI-driven development methodologies. It currently provides first-class support for the [BMAD-METHOD V4](https://github.com/bmad-code-org/BMAD-METHOD) workflow — with plans to support additional methodologies in the future.
|
|
27
|
+
|
|
28
|
+
Built on top of [Claude Code](https://docs.anthropic.com/en/docs/claude-code), Hammoc provides everything you need to run a full BMAD workflow from your browser: agent switching, PRD-to-queue automation, epic/story tracking, and a Kanban board — all in one place. No terminal hopping, no context switching.
|
|
20
29
|
|
|
21
|
-
|
|
30
|
+
Fully responsive and mobile-first. Kick back in your hammock, tap a command on your phone, and let the AI ship it. Inspired by Rich Hickey's *Hammock Driven Development* — the idea that real breakthroughs come when you step back, not when you're grinding at the terminal.
|
|
22
31
|
|
|
23
32
|
---
|
|
24
33
|
|
|
@@ -59,10 +68,31 @@ Options:
|
|
|
59
68
|
|
|
60
69
|
Fully responsive. Access from your phone or tablet at `http://<your-ip>:3000` on the same network.
|
|
61
70
|
|
|
71
|
+
### PWA (Progressive Web App)
|
|
72
|
+
|
|
73
|
+
Hammoc can be installed as a standalone app on your PC or mobile device.
|
|
74
|
+
|
|
75
|
+
- **PC (localhost):** Open `http://localhost:3000` in Chrome → click the install icon in the address bar. No extra setup needed.
|
|
76
|
+
- **Mobile (local network):** Requires HTTPS. See the [HTTPS Setup](#https-setup-for-mobile-pwa) section below.
|
|
77
|
+
|
|
78
|
+
> ⚠️ **Security Notice**
|
|
79
|
+
>
|
|
80
|
+
> Hammoc has not undergone a formal security audit. Always run it on a **trusted local network** or behind a **trusted VPN** (e.g., Tailscale, WireGuard). Do **not** expose Hammoc to the public internet.
|
|
81
|
+
|
|
62
82
|
---
|
|
63
83
|
|
|
64
84
|
## Features
|
|
65
85
|
|
|
86
|
+
### Why Hammoc?
|
|
87
|
+
|
|
88
|
+
| | Hammoc | Terminal-based IDE | Generic Web IDE |
|
|
89
|
+
|---|:---:|:---:|:---:|
|
|
90
|
+
| BMAD-METHOD workflow | **Built-in** | Manual | N/A |
|
|
91
|
+
| Agent switching (SM, PM, Dev, QA...) | **One tap** | CLI commands | N/A |
|
|
92
|
+
| PRD → Queue automation | **Auto-generate** | Copy-paste | N/A |
|
|
93
|
+
| Mobile development | **Full support** | Limited | Partial |
|
|
94
|
+
| Kanban + Epic tracking | **Integrated** | Separate tool | Separate tool |
|
|
95
|
+
|
|
66
96
|
### Chat Interface
|
|
67
97
|
|
|
68
98
|
Real-time conversations with Claude through a rich web UI.
|
|
@@ -162,16 +192,19 @@ Automate repetitive prompt sequences.
|
|
|
162
192
|
|
|
163
193
|
---
|
|
164
194
|
|
|
165
|
-
## BMAD-METHOD Integration
|
|
195
|
+
## BMAD-METHOD V4 Integration
|
|
166
196
|
|
|
167
|
-
Hammoc
|
|
197
|
+
Hammoc is the most convenient way to run a full [BMAD-METHOD](https://github.com/bmad-code-org/BMAD-METHOD) (Breakthrough Method for Agile AI-Driven Development) workflow. Every step — from project inception to QA — is built into the IDE.
|
|
168
198
|
|
|
169
199
|
- **One-click BMad setup** — Initialize `.bmad-core` in any project with version selection
|
|
170
|
-
- **BMad Agent
|
|
171
|
-
- **
|
|
172
|
-
- **
|
|
173
|
-
- **
|
|
174
|
-
- **
|
|
200
|
+
- **BMad Agent switching** — Instantly switch between agents (SM, PM, Architect, Dev, QA, PO, etc.) in chat with a single tap
|
|
201
|
+
- **Slash commands per agent** — Context-aware `/commands` that change based on the active BMad agent
|
|
202
|
+
- **PRD → Queue automation** — Auto-generate prompt queues directly from your PRD epics and stories
|
|
203
|
+
- **Project overview dashboard** — Visual status showing PRD completion, epic progress, and story status
|
|
204
|
+
- **Kanban board integration** — Track epics and stories with drag-and-drop, promote/validate workflows
|
|
205
|
+
- **Story workflows** — Start development, request QA, and apply fixes — all through the board UI
|
|
206
|
+
|
|
207
|
+
> **Methodology support roadmap:** Hammoc is designed to be methodology-agnostic. BMAD-METHOD V4 is the first supported workflow, with more development methodologies planned for future releases.
|
|
175
208
|
|
|
176
209
|
For detailed BMAD-METHOD documentation, visit the [official repository](https://github.com/bmad-code-org/BMAD-METHOD).
|
|
177
210
|
|
|
@@ -240,10 +273,67 @@ npm run dev
|
|
|
240
273
|
| App config & password | `~/.hammoc/config.json` |
|
|
241
274
|
| User preferences | `~/.hammoc/preferences.json` |
|
|
242
275
|
| Queue templates | `~/.hammoc/queue-templates.json` |
|
|
276
|
+
| TLS certificates | `~/.hammoc/cert.pem`, `~/.hammoc/key.pem` |
|
|
243
277
|
| Session data | `~/.claude/projects/` (managed by Claude Code CLI) |
|
|
244
278
|
|
|
245
279
|
---
|
|
246
280
|
|
|
281
|
+
## HTTPS Setup (for Mobile PWA)
|
|
282
|
+
|
|
283
|
+
PWA installation on mobile devices requires HTTPS. Hammoc automatically starts in HTTPS mode when TLS certificates are found at `~/.hammoc/cert.pem` and `~/.hammoc/key.pem`. If no certificates are found, it falls back to HTTP.
|
|
284
|
+
|
|
285
|
+
### Option 1: mkcert (Recommended)
|
|
286
|
+
|
|
287
|
+
1. **Install mkcert:**
|
|
288
|
+
|
|
289
|
+
```bash
|
|
290
|
+
# Windows
|
|
291
|
+
winget install FiloSottile.mkcert
|
|
292
|
+
|
|
293
|
+
# macOS
|
|
294
|
+
brew install mkcert
|
|
295
|
+
|
|
296
|
+
# Linux
|
|
297
|
+
# See https://github.com/FiloSottile/mkcert#installation
|
|
298
|
+
```
|
|
299
|
+
|
|
300
|
+
2. **Create a local CA and generate certificates:**
|
|
301
|
+
|
|
302
|
+
```bash
|
|
303
|
+
mkcert -install
|
|
304
|
+
mkcert -key-file ~/.hammoc/key.pem -cert-file ~/.hammoc/cert.pem localhost 127.0.0.1 YOUR_LOCAL_IP
|
|
305
|
+
```
|
|
306
|
+
|
|
307
|
+
Replace `YOUR_LOCAL_IP` with your PC's IP address (e.g., `192.168.0.10`).
|
|
308
|
+
|
|
309
|
+
3. **Install the root CA on your mobile device:**
|
|
310
|
+
|
|
311
|
+
Find the CA certificate location:
|
|
312
|
+
```bash
|
|
313
|
+
mkcert -CAROOT
|
|
314
|
+
```
|
|
315
|
+
|
|
316
|
+
Transfer `rootCA.pem` to your mobile device, then:
|
|
317
|
+
- **Android:** Settings → Security → Install certificate
|
|
318
|
+
- **iOS:** Open the file → Install Profile → Settings → General → About → Certificate Trust Settings → Enable
|
|
319
|
+
|
|
320
|
+
4. **Start Hammoc** — it will automatically detect the certificates and start in HTTPS mode:
|
|
321
|
+
|
|
322
|
+
```
|
|
323
|
+
Hammoc Server running on:
|
|
324
|
+
Local: https://localhost:3000
|
|
325
|
+
Network: https://192.168.0.10:3000
|
|
326
|
+
TLS: enabled (certs from ~/.hammoc/)
|
|
327
|
+
```
|
|
328
|
+
|
|
329
|
+
5. **Open on mobile:** Navigate to `https://YOUR_LOCAL_IP:3000` and install the PWA.
|
|
330
|
+
|
|
331
|
+
### Option 2: Reverse Proxy
|
|
332
|
+
|
|
333
|
+
If you already have a reverse proxy (Nginx, Caddy, etc.) handling HTTPS, simply keep Hammoc running in HTTP mode (no certificates needed) and point your proxy to `http://localhost:3000`.
|
|
334
|
+
|
|
335
|
+
---
|
|
336
|
+
|
|
247
337
|
## Environment Variables
|
|
248
338
|
|
|
249
339
|
| Variable | Default | Description |
|