@inglorious/web 6.9.0 → 6.9.1

package/README.md

@@ -89,7 +89,7 @@ It's that simple — and surprisingly fast in practice.
 - You want UI to be fully controlled by your entity-based store
 - You want to stay entirely in **JavaScript**, without DSLs or compilers
 - You want **React-like declarative UI** but without the cost and overhead of React
-- You want to build **static sites with SSX** — same entity patterns, pre-rendered HTML, and client hydration
+- You want **pre-rendered sites with SSX**, static or server-rendered on request — same entity patterns, HTML from the server, and client hydration
 
 This framework is ideal for both small apps and large business UIs.
 
@@ -289,7 +289,7 @@ import { createStore } from "@inglorious/store"
 import { html } from "@inglorious/web"
 
 const types = {
-  counter: {
+  Counter: {
     increment(entity) {
       entity.value++
     },
@@ -1282,6 +1282,7 @@ api.notify("geolocationUnwatch")
 
 ```javascript
 import { mount, html } from "@inglorious/web"
+import { when } from "@inglorious/web/directives/when"
 import { store } from "./store.js"
 
 const renderApp = (api) => {
@@ -1295,12 +1296,13 @@ const renderApp = (api) => {
       <p>Loading: ${geolocation.isLoading ? "yes" : "no"}</p>
       <p>
         Position:
-        ${
-          position
-            ? html`${position.coords.latitude.toFixed(4)},
-              ${position.coords.longitude.toFixed(4)}`
-            : "unknown"
-        }
+        ${when(
+          position,
+          () =>
+            html`${position.coords.latitude.toFixed(4)},
+            ${position.coords.longitude.toFixed(4)}`,
+          () => "unknown",
+        )}
       </p>
       <p>Error: ${geolocation.error ? geolocation.error.message : "none"}</p>
       <button
@@ -1461,11 +1463,13 @@ Events:
 
 ```javascript
 const renderUpdate = (api) =>
-  api.getEntity("pwaUpdate").isUpdateReady
-    ? html`<button @click=${() => api.notify("#pwaUpdate:pwaUpdateApply")}>
+  when(
+    api.getEntity("pwaUpdate").isUpdateReady,
+    () =>
+      html`<button @click=${() => api.notify("#pwaUpdate:pwaUpdateApply")}>
         Update now
-      </button>`
-    : ""
+      </button>`,
+  )
 ```
 
 Inglorious UI's `Snackbar` is the usual place for it. `watchPwaUpdate` takes `{ id, checkEveryMs }` as a third argument, to announce to an entity with another id or to check more or less often, and returns a function that stops watching.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/web",
-  "version": "6.9.0",
+  "version": "6.9.1",
   "description": "A new web framework that leverages the power of the Inglorious Store combined with the performance and simplicity of lit-html.",
   "author": "Matteo Antony Mistretta <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "contributors": [