wcstack 4.0.0-rc.9 → 4.0.1

package/README.md

@@ -39,11 +39,11 @@ wcstack is buildless — load what you need from a CDN. The default is one tag p
 
 Each `/auto` script registers its custom elements and does nothing else. No initialization call, no bootstrap. Tags activate when the browser parses them. The tags fetch in parallel (every `/auto` is self-contained), so multiple tags cost requests, not a waterfall.
 
-For an app that uses the SPA core anyway, **this package ships the bundle**: `wcstack/auto` is `@wcstack/state` + `@wcstack/router` + `@wcstack/fetch` + `@wcstack/storage` + `@wcstack/autoloader` pre-linked by Rollup into one self-contained file (373 KB min / 109 KB gzip as of 3.5.0) — one request, and in production one `integrity` hash covering every line of the core that runs (digests ship with each GitHub Release; see `docs/sri.md`):
+For an app that uses the SPA core anyway, **this package ships the bundle**: `wcstack/auto` is `@wcstack/state` + `@wcstack/router` + `@wcstack/fetch` + `@wcstack/storage` + `@wcstack/autoloader` pre-linked by Rollup into one self-contained file (218 KB min / 70 KB gzip as of 4.0) — one request, and in production one `integrity` hash covering every line of the core that runs (digests ship with each GitHub Release; see `docs/sri.md`):
 
 ```html
 <script type="module"
-        src="https://cdn.jsdelivr.net/npm/wcstack@3.5.4/dist/auto.min.js"
+        src="https://cdn.jsdelivr.net/npm/wcstack@4.0.1/dist/auto.min.js"
         integrity="sha384-…"></script>
 ```
 
@@ -321,6 +321,10 @@ GOOD: <p><!--@@: count--></p>              <!-- comment binding: no FOUC, no ext
 BAD:  <template data-wcs="for: items|take(2)">
 GOOD: <template data-wcs="for: firstTwo">   <!-- get firstTwo() { return this.items.slice(0, 2); } -->
 
+<!-- A class binding names its class after the dot (the same for attr.). -->
+BAD:  <li data-wcs="class: done">          <!-- sets a "class" property: no class changes -->
+GOOD: <li data-wcs="class.done: done">
+
 <!-- In a delegated handler, currentTarget is the root. -->
 BAD:  select(event) { event.currentTarget.classList.add("on"); }   <!-- with onclick: select -->
 GOOD: select(event) { event.target.closest("li").classList.add("on"); }