|
| 1 | +# v0.2.0 Announcement Posts |
| 2 | + |
| 3 | +## Discord (htmx server) |
| 4 | + |
| 5 | +just shipped v0.2.0 of htmx-devtools with full htmx 4.0 alpha support. the extension auto-detects which version you're running and adapts everything transparently. no config needed. |
| 6 | + |
| 7 | +what's new: |
| 8 | +- dual version support (2.x + 4.0 working simultaneously) |
| 9 | +- request tracking via ctx objects for htmx 4 (since XHR is gone) |
| 10 | +- synthetic error detection for HTTP 4xx/5xx (htmx 4 doesn't fire error events for these) |
| 11 | +- LCS-based DOM diff in the swap visualizer |
| 12 | +- request history per element in the elements tab |
| 13 | +- version badge showing which htmx you're running (blue for 2.x, purple for 4.0) |
| 14 | + |
| 15 | +live demos you can try right now without installing anything: |
| 16 | +- htmx 2.x: https://atoolz.github.io/htmx-devtools/v2/ |
| 17 | +- htmx 4.0: https://atoolz.github.io/htmx-devtools/v4/ |
| 18 | + |
| 19 | +repo: https://github.com/atoolz/htmx-devtools |
| 20 | + |
| 21 | +feedback welcome, especially from anyone already testing htmx 4 alpha |
| 22 | + |
| 23 | +--- |
| 24 | + |
| 25 | +## Reddit (r/htmx) |
| 26 | + |
| 27 | +**Title:** HTMX DevTools v0.2.0 - now with htmx 4.0 alpha support |
| 28 | + |
| 29 | +Just released v0.2.0 of the HTMX DevTools browser extension. The big addition is full htmx 4.0 alpha support alongside the existing 2.x support. The extension auto-detects which version is running and adapts transparently. |
| 30 | + |
| 31 | +**What changed in v0.2.0:** |
| 32 | + |
| 33 | +htmx 4.0 is a ground-up rewrite that replaces XHR with fetch(), changes all event names to colon-namespaced format, and merges all error events into a single `htmx:error`. The devtools now handles all of this: |
| 34 | + |
| 35 | +- Canonical event mapping layer that normalizes both 2.x and 4.0 event names |
| 36 | +- Request tracking via ctx WeakMap for htmx 4 (replaces XHR tracking) |
| 37 | +- Synthetic HTTP error detection for 4xx/5xx responses (htmx 4 swaps these by default without firing error events) |
| 38 | +- Support for new htmx 4 attributes (hx-action, hx-method, hx-config, hx-status) |
| 39 | +- Version badge in the panel (blue for 2.x, purple for 4.0) |
| 40 | + |
| 41 | +**Other improvements:** |
| 42 | + |
| 43 | +- LCS-based DOM diff algorithm in the Swap Visualizer (replaces the naive set-based diff) |
| 44 | +- Request history per element in the Element Inspector (click to jump to Requests tab) |
| 45 | +- Element tree auto-refreshes in real time with debounced event subscription |
| 46 | +- Per-tab search filters (no longer shared between tabs) |
| 47 | +- Better serialization handling for htmx 4 detail objects (Response, Headers, ctx) |
| 48 | + |
| 49 | +**Try it without installing:** |
| 50 | + |
| 51 | +- htmx 2.x demo: https://atoolz.github.io/htmx-devtools/v2/ |
| 52 | +- htmx 4.0 demo: https://atoolz.github.io/htmx-devtools/v4/ |
| 53 | + |
| 54 | +Both demos use client-side mock servers so everything works in the browser. |
| 55 | + |
| 56 | +**Install from source:** |
| 57 | + |
| 58 | +``` |
| 59 | +git clone https://github.com/atoolz/htmx-devtools.git |
| 60 | +cd htmx-devtools && npm install && npm run build:chrome |
| 61 | +``` |
| 62 | + |
| 63 | +Then load `dist/` as unpacked extension in chrome://extensions. |
| 64 | + |
| 65 | +GitHub: https://github.com/atoolz/htmx-devtools |
| 66 | + |
| 67 | +Looking for feedback from anyone testing htmx 4 alpha. What's missing? What would make this more useful? |
| 68 | + |
| 69 | +--- |
| 70 | + |
| 71 | +## Twitter/X |
| 72 | + |
| 73 | +htmx-devtools v0.2.0: now works with htmx 4.0 alpha |
| 74 | + |
| 75 | +auto-detects 2.x vs 4.0, adapts transparently. no config needed. |
| 76 | + |
| 77 | +new: ctx-based request tracking (XHR is gone in 4.0), synthetic HTTP error detection, LCS DOM diffs, per-element request history, version badge |
| 78 | + |
| 79 | +try it: https://atoolz.github.io/htmx-devtools/v4/ |
| 80 | +repo: https://github.com/atoolz/htmx-devtools |
0 commit comments