@xoong/cli 0.0.42 → 0.0.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xoong/cli",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "description": "The xoong command line: sync (OpenAPI to typed operations), doctor, check (lint screens), dev, build (strict-CSP static output), render and i18n.",
   "type": "module",
   "bin": {
@@ -17,9 +17,9 @@
   "dependencies": {
     "parse5": "^8.1.0",
     "yaml": "^2.8.0",
-    "@xoong/server": "0.0.42",
-    "@xoong/core": "0.0.42",
-    "@xoong/i18n": "0.0.42"
+    "@xoong/server": "0.0.43",
+    "@xoong/core": "0.0.43",
+    "@xoong/i18n": "0.0.43"
   },
   "files": [
     "src"

package/src/check.js

@@ -11,6 +11,7 @@
  *   XO222 <form xo-submit> outside an <xo-view> (it never binds)
  *   XO221 empty xo-each / xo-if / xo-body expression
  *   XO230 unknown xo-* attribute or element (with the closest match)
+ *   XO243 <img src="{path}"> inside an <xo-view> (the browser requests the literal text before binding)
  *   XO242 <xo-image> without an alt attribute (alt="" is a decorative image)
  *   XO240 button/link triggered by xo-click has no accessible name
  *   XO241 xo-click on a non-interactive element (not reachable by keyboard)
@@ -110,6 +111,7 @@ export function checkHtml(source, table, file = '<input>') {
           }
         }
       }
+      if (tag === 'img' && view) for (const n of ['src', 'srcset']) { const a = attr(node, n); if (a && /\{[^}]+\}/.test(a.value)) report('warn', 'XO243', node, n, `<img ${n}="${a.value}"> inside an <xo-view>: the browser requests the literal text before the data is bound`, 'Use <xo-image src="..." alt="..."> (it waits for the data), or add the image from a data field with xo-if'); }
       if (tag === 'xo-image' && attr(node, 'alt') === undefined) report('warn', 'XO242', node, undefined, '<xo-image> has no alt attribute', 'Describe the image in alt, or write alt="" when it is decorative');
       if (tag === 'xo-table') {
         const op = view && attr(view, 'get') ? ops.get((v => (v.startsWith('/') ? `GET ${v}` : v.replace(/\s+/g, ' ')))(attr(view, 'get').value.trim())) : undefined;

package/src/html-data.js

@@ -78,6 +78,7 @@ export const ELEMENT_DOCS = {
   'xo-spinner': ['A loading spinner (@xoong/controls), `role=status`; `label=""` makes it decorative.', [['label', 'What is loading.'], ['size', '`md` or `lg`.']]],
   'xo-steps': ['Progress through a flow of steps (@xoong/controls): the children are the step titles; `aria-current=step` marks the current one; done steps show a check.', [['current', 'Index of the current step (from 0).'], ['label', 'Accessible name of the list.']]],
   'xo-inline-edit': ['Text you rename in place (@xoong/controls): select it or press the Rename button; Enter saves, Escape cancels. Fires `save` and `cancel`.', [['name', 'Form field path.'], ['value', 'The text.'], ['label', 'Accessible name of the Rename button.'], ['disabled', 'Not available.'], ['readonly', 'Not editable.']]],
+  'xo-pager': ['Previous and Next (and the "1–12 of 48" text) for any list in the enclosing <xo-view>: a tile grid, a thread list. The same pager <xo-table page-size> draws.', [['page-size', 'Rows per page: sets `limit`; the buttons change `offset`. The response needs a `total`.'], ['page-sizes', 'Comma-separated rows-per-page choices.']]],
   'xo-dialog': ['A modal on the native <dialog>. Open it with xo-open, close it with xo-close or by submitting a form inside.', []],
 };