html-collab 0.1.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/LICENSE +21 -0
- package/README.md +164 -0
- package/dist/cli.js +4159 -0
- package/package.json +61 -0
- package/skill/SKILL.md +70 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Glen Maisey
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img src="https://raw.githubusercontent.com/glendigity/html-collab/main/assets/logo.svg" alt="html-collab" width="200">
|
|
3
|
+
</p>
|
|
4
|
+
|
|
5
|
+
<h1 align="center">html-collab</h1>
|
|
6
|
+
|
|
7
|
+
<p align="center">
|
|
8
|
+
<strong>AI tools make pretty HTML reports. They're hard to give feedback on.</strong><br>
|
|
9
|
+
html-collab wraps any single-file HTML report in a review layer. Comment,
|
|
10
|
+
suggest edits, reply, resolve — all in the file itself. Then either paste a
|
|
11
|
+
brief back to the AI that wrote it, or send the file to your team and merge
|
|
12
|
+
their reviews.<br>
|
|
13
|
+
One <code>.html</code> file. No server. No account.
|
|
14
|
+
</p>
|
|
15
|
+
|
|
16
|
+
<p align="center">
|
|
17
|
+
<a href="https://github.com/glendigity/html-collab/actions"><img alt="CI" src="https://github.com/glendigity/html-collab/actions/workflows/ci.yml/badge.svg"></a>
|
|
18
|
+
<a href="https://github.com/glendigity/html-collab/blob/main/LICENSE"><img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-blue.svg"></a>
|
|
19
|
+
</p>
|
|
20
|
+
|
|
21
|
+
<p align="center">
|
|
22
|
+
<strong>100% coded by GPT-5.5 and Opus 4.7, with minimal oversight.</strong><br>
|
|
23
|
+
Use at your own risk.
|
|
24
|
+
</p>
|
|
25
|
+
|
|
26
|
+
## Why this exists
|
|
27
|
+
|
|
28
|
+
AI tools generate beautiful single-file HTML reports. The moment you want
|
|
29
|
+
feedback on one, you're stuck: email it as an attachment and lose all
|
|
30
|
+
comments, or paste it into a doc and lose the layout. html-collab keeps the
|
|
31
|
+
file as a single `.html` you can move anywhere, and adds the behaviours you
|
|
32
|
+
expect from Word and Docs — plus a clean structured export so the next
|
|
33
|
+
revision can be done by a human or an agent.
|
|
34
|
+
|
|
35
|
+
<p align="center">
|
|
36
|
+
<a href="https://glendigity.github.io/html-collab/examples/tour.review.html"><img src="https://raw.githubusercontent.com/glendigity/html-collab/main/assets/demo.gif" alt="Demo: open an AI-generated report, suggest an edit, leave a comment, export a brief to paste back into the AI" width="780"></a><br>
|
|
37
|
+
<em>Mark up the report. Export a brief. Hand it back to the AI.</em><br>
|
|
38
|
+
<a href="https://glendigity.github.io/html-collab/examples/tour.review.html"><strong>Open the guided tour →</strong></a>
|
|
39
|
+
</p>
|
|
40
|
+
|
|
41
|
+
## What you can do inside the file
|
|
42
|
+
|
|
43
|
+
- Highlight any text and press `c` to comment, or `e` to suggest an edit.
|
|
44
|
+
Right-click works too.
|
|
45
|
+
- Reply to threads, resolve them, reopen them, delete them. History is kept.
|
|
46
|
+
- Suggested edits can be replacements, inserts, or deletions. Toggle between
|
|
47
|
+
the tracked-change markup and a clean preview.
|
|
48
|
+
- Autosave back to the same local file when a Chromium browser asks for
|
|
49
|
+
permission. Until you choose a local file, changes live only in the tab.
|
|
50
|
+
|
|
51
|
+
Send your edited file to anyone else with `html-collab merge` to combine
|
|
52
|
+
copies, and `html-collab extract` to pull out a brief.
|
|
53
|
+
|
|
54
|
+
---
|
|
55
|
+
|
|
56
|
+
## Quick Start
|
|
57
|
+
|
|
58
|
+
Requires Node.js 18+ and npm. No clone or install step is needed:
|
|
59
|
+
|
|
60
|
+
```sh
|
|
61
|
+
npx html-collab wrap report.html --out report.review.html
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
Open `report.review.html` in your browser, mark it up, then export a brief:
|
|
65
|
+
|
|
66
|
+
```sh
|
|
67
|
+
npx html-collab extract report.review.html --format markdown --out brief.md
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
Use `npx html-collab ...` anywhere you see a bare `html-collab` command below.
|
|
71
|
+
|
|
72
|
+
## Two ways to use it
|
|
73
|
+
|
|
74
|
+
**Solo, with your AI.** Your AI just generated a report. You want it tighter.
|
|
75
|
+
Wrap it, mark up the bits you want changed, export the brief, paste the
|
|
76
|
+
brief back into the same chat. The AI redrafts. Re-wrap and go again if
|
|
77
|
+
you want another round.
|
|
78
|
+
|
|
79
|
+
```sh
|
|
80
|
+
npx html-collab wrap report.html --out report.review.html
|
|
81
|
+
# Open report.review.html in any browser. Mark it up. Click Brief.
|
|
82
|
+
npx html-collab extract report.review.html --format markdown --out brief.md
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
**With your team.** Send the wrapped file the way you'd send anything else.
|
|
86
|
+
Each reviewer marks up their own copy in the browser. Merge their copies
|
|
87
|
+
into one file. Export a brief at the end, or just keep working in the merged
|
|
88
|
+
file.
|
|
89
|
+
|
|
90
|
+
```sh
|
|
91
|
+
npx html-collab wrap report.html --out report.review.html
|
|
92
|
+
# Send the file. Reviewers open it, mark it up, send their copy back.
|
|
93
|
+
npx html-collab merge yours.review.html theirs.review.html --out merged.review.html
|
|
94
|
+
npx html-collab extract merged.review.html --format markdown --out brief.md
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
Same file. Same comments. Pick the loop that matches what you're doing.
|
|
98
|
+
|
|
99
|
+
## Try it without installing
|
|
100
|
+
|
|
101
|
+
[Open the guided tour](https://glendigity.github.io/html-collab/examples/tour.review.html) on GitHub
|
|
102
|
+
Pages. It's a designed page that walks through what html-collab does, with
|
|
103
|
+
example comments and edits already loaded. Highlight any text and press `c`
|
|
104
|
+
to add your own. Everything runs locally inside the file. Nothing leaves
|
|
105
|
+
your browser. To keep your changes, use a Chromium browser and choose a local
|
|
106
|
+
review file when Autosave asks where to save.
|
|
107
|
+
|
|
108
|
+
## CLI reference
|
|
109
|
+
|
|
110
|
+
```
|
|
111
|
+
html-collab wrap <input.html> --out <output.review.html>
|
|
112
|
+
html-collab unwrap <input.review.html> [--apply-edits] --out <output.html>
|
|
113
|
+
html-collab merge <a.review.html> <b.review.html> [more...] --out <merged.review.html>
|
|
114
|
+
html-collab extract <input.review.html> --format <markdown|json|text|agent> --out <brief>
|
|
115
|
+
html-collab skill --out html-collab.SKILL.md
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
Use `npx html-collab ...` if you have not installed the CLI globally.
|
|
119
|
+
The `skill` command writes an optional agent workflow file for tools that
|
|
120
|
+
support local skills.
|
|
121
|
+
|
|
122
|
+
`unwrap --apply-edits` writes the final document with accepted edits applied.
|
|
123
|
+
Ambiguous edits fail instead of guessing, so the output is never silently
|
|
124
|
+
wrong.
|
|
125
|
+
|
|
126
|
+
## How it works
|
|
127
|
+
|
|
128
|
+
Comments and edits are stored as conflict-free operations embedded directly
|
|
129
|
+
in the HTML file. The review chrome lives in an iframe-isolated runtime so
|
|
130
|
+
it never touches the original report's styles or scripts. Two reviewers on
|
|
131
|
+
diverged copies merge deterministically by operation ID. The brief export
|
|
132
|
+
reads the same embedded log, so what an agent sees matches what the side
|
|
133
|
+
panel shows.
|
|
134
|
+
|
|
135
|
+
For mission, principles, and workflows, see the
|
|
136
|
+
[project notes](https://github.com/glendigity/html-collab/blob/main/docs/README.md).
|
|
137
|
+
|
|
138
|
+
## Status
|
|
139
|
+
|
|
140
|
+
Working today:
|
|
141
|
+
|
|
142
|
+
- `wrap`, `unwrap`, `merge`, and `extract` CLI commands
|
|
143
|
+
- Comments, replies, resolve, reopen, delete (history preserved)
|
|
144
|
+
- Suggested edits — replace, insert, delete — with accept and reject
|
|
145
|
+
- Right-click menu and `c` / `e` keyboard shortcuts on selected text
|
|
146
|
+
- Replace suggestions toggle between tracked-change markup and a clean preview
|
|
147
|
+
- Autosave when a Chromium browser grants file-write permission
|
|
148
|
+
- Briefs with stable thread IDs, anchor offsets, and deep links back into
|
|
149
|
+
the matching threads in the review file
|
|
150
|
+
|
|
151
|
+
On the roadmap: region comments, advanced anchor recovery, optional auth,
|
|
152
|
+
audit and tamper detection, optional live sync.
|
|
153
|
+
|
|
154
|
+
## Contributing
|
|
155
|
+
|
|
156
|
+
Issues and PRs welcome. See
|
|
157
|
+
[CONTRIBUTING.md](https://github.com/glendigity/html-collab/blob/main/CONTRIBUTING.md)
|
|
158
|
+
for what's in scope and the test expectations. For security vulnerabilities,
|
|
159
|
+
see
|
|
160
|
+
[SECURITY.md](https://github.com/glendigity/html-collab/blob/main/SECURITY.md).
|
|
161
|
+
|
|
162
|
+
## License
|
|
163
|
+
|
|
164
|
+
[MIT](https://github.com/glendigity/html-collab/blob/main/LICENSE)
|