@uniweb/build 1.5.0 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/build",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "Build tooling for the Uniweb Component Web Platform",
   "type": "module",
   "exports": {
@@ -56,15 +56,15 @@
     "js-yaml": "^4.1.0",
     "sharp": "^0.35.3",
     "yaml": "^2.5.0",
-    "@uniweb/content-reader": "~1.5.1",
-    "@uniweb/projections": "~1.1.4",
+    "@uniweb/theming": "~1.2.0",
+    "@uniweb/semantic-parser": "~1.12.1",
     "@uniweb/schemas": "~1.5.0",
-    "@uniweb/content-writer": "~1.3.0",
-    "@uniweb/semantic-parser": "~1.12.0",
-    "@uniweb/theming": "~1.2.0"
+    "@uniweb/content-reader": "~1.5.3",
+    "@uniweb/projections": "~1.1.4",
+    "@uniweb/content-writer": "~1.3.0"
   },
   "optionalDependencies": {
-    "@uniweb/runtime": "~1.1.8"
+    "@uniweb/runtime": "~1.1.9"
   },
   "peerDependencies": {
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0",
@@ -73,8 +73,8 @@
     "@tailwindcss/vite": "^4.0.0",
     "@vitejs/plugin-react": "^4.0.0 || ^5.0.0",
     "vite-plugin-svgr": "^4.0.0",
-    "@uniweb/runtime": "~1.1.8",
-    "@uniweb/core": "~1.3.0"
+    "@uniweb/core": "~1.3.0",
+    "@uniweb/runtime": "~1.1.9"
   },
   "peerDependenciesMeta": {
     "vite": {

package/src/foundation/prose-styles.js

@@ -1,9 +1,9 @@
 /**
  * Prose without its stylesheet — the one foundation mistake that renders fine and looks wrong.
  *
- * kit's `<Prose>` (and `<Article>`, which is `<Prose>` in an `<article>`) draws content inside
- * Tailwind Typography's `prose` classes. Those classes style nothing unless the foundation's
- * stylesheet brings the plugin, which is one line:
+ * kit's `<Prose>` (and `<Article>`, which is `<Prose>` in an `<article>`) draws content inside a
+ * `prose` container. The class styles nothing unless the foundation's stylesheet imports kit's
+ * prose layer, which is one line:
  *
  *     @import "@uniweb/kit/prose-tokens.css";
  *
@@ -20,7 +20,7 @@
 /** kit's Prose module, wherever kit resolves from — the workspace or node_modules. */
 const PROSE_MODULE = /[\\/]kit[\\/]src[\\/]styled[\\/]Prose[\\/]index\.jsx$/
 
-/** A rule of the typography plugin's, which every one of its selectors starts with. */
+/** A rule of kit's prose layer, which every one of its selectors starts with. ⛔ Tailwind Typography's until 2026-10-19. */
 const PROSE_RULE = /\.prose\b/
 
 /**

package/src/site/vocabulary-warnings.js

@@ -6,17 +6,43 @@
  * outside it — a link to `javascript:`, an inert `{.name}`, MathML outside the
  * allowlist — the renderer leaves out of the page, and a backend that cleans the
  * content it stores removes, so the next pull would write the file without it.
- * The author hears it here first, once per thing, naming the file.
+ * The author hears it here first, once per thing, naming the file — and a push
+ * says it again for what the backend removed, in the same words (`uwx/cleaned.js`).
  */
 import { outsideVocabulary } from '@uniweb/content-reader/vocabulary'
 
+/**
+ * A value as a message shows it: on one line, each control character escaped, and a long
+ * one cut short — an image held as data can run to megabytes.
+ *
+ * @param {*} value
+ * @returns {string}
+ */
+export function shown(value) {
+  const line = String(value).replace(
+    /[\u0000-\u001f\u007f-\u009f]/g,
+    (c) => `\\u${c.charCodeAt(0).toString(16).padStart(4, '0')}`
+  )
+  return line.length > 60 ? `${line.slice(0, 59)}…` : line
+}
+
 const SAYS = {
-  url: (f) => `a link to \`${f.found}\` is never followed`,
-  target: (f) => `\`target=${f.found}\` is not a link target`,
-  'style-name': (f) => `\`{${f.found}}\` is not a style name`,
-  color: (f) => `\`${f.found}\` is not a colour`,
-  mathml: (f) => `a formula's MathML holds what a page cannot show (${f.found})`,
-  'ref-id': (f) => `\`${f.found}\` is not an inset reference`,
+  url: (f) => `a link to \`${shown(f.found)}\` is never followed`,
+  target: (f) => `\`target=${shown(f.found)}\` is not a link target`,
+  'style-name': (f) => `\`{${shown(f.found)}}\` is not a style name`,
+  color: (f) => `\`${shown(f.found)}\` is not a colour`,
+  mathml: (f) => `a formula's MathML holds what a page cannot show (${shown(f.found)})`,
+  'ref-id': (f) => `\`${shown(f.found)}\` is not an inset reference`,
+}
+
+/**
+ * One finding of `outsideVocabulary`, as a sentence: what it is, and why a page leaves it out.
+ *
+ * @param {{rule: string, found: string}} finding
+ * @returns {string}
+ */
+export function saysOutside(finding) {
+  return SAYS[finding.rule]?.(finding) ?? `\`${shown(finding.found)}\` is not part of a document (${finding.rule})`
 }
 
 /**
@@ -27,7 +53,6 @@ const SAYS = {
  */
 export function warnOutsideVocabulary(doc, warn) {
   for (const finding of outsideVocabulary(doc)) {
-    const says = SAYS[finding.rule]?.(finding) ?? `\`${finding.found}\` is not part of a document (${finding.rule})`
-    warn(`${says} — a page leaves it out, and a backend that cleans what it stores removes it`)
+    warn(`${saysOutside(finding)} — a page leaves it out, and a backend that cleans what it stores removes it`)
   }
 }

package/src/uwx/cleaned.js

@@ -0,0 +1,175 @@
+// What a backend removed from a push's content, read against what the push sent.
+//
+// ⭐ A backend that cleans each rich-text write to the vocabulary (`@uniweb/content-reader/vocabulary`)
+// answers, beside each finalized document, what it removed — `finalized[].cleaned`, absent when
+// nothing was. Each removal names its item by the `$uuid` the returned document gives it (on a
+// first push, the one the push minted), the field and its language (`data.content.en`; no language
+// for one document in every language), a JSON Pointer into that field's document AS SENT, and the
+// vocabulary's rule. A push never writes the returned document over the author's file, so the file
+// still holds what went, and this is what says so.
+//
+// Read against what the push sent, each removal names what went. One this version's own check
+// finds too is worded as the build words it before a push (`site/vocabulary-warnings.js`); one it
+// does not is a removal this version keeps — the backend cleans to another version of the
+// vocabulary — and is named by what its path holds.
+
+import { cleanToVocabulary, outsideVocabulary } from '@uniweb/content-reader/vocabulary'
+import { walkSiteUnits } from './site-diff.js'
+import { saysOutside, shown } from '../site/vocabulary-warnings.js'
+
+const isObject = (v) => v !== null && typeof v === 'object' && !Array.isArray(v)
+const isDocument = (v) => isObject(v) && v.type === 'doc'
+
+/** The value a JSON Pointer (RFC 6901) names in `value`, or undefined. */
+function pointedAt(value, pointer) {
+  if (typeof pointer !== 'string' || (pointer !== '' && !pointer.startsWith('/'))) return undefined
+  for (const token of pointer === '' ? [] : pointer.slice(1).split('/')) {
+    const key = token.replace(/~1/g, '/').replace(/~0/g, '~')
+    if (value === null || typeof value !== 'object' || !Object.hasOwn(value, key)) return undefined
+    value = value[key]
+  }
+  return value
+}
+
+/** The keys from `node` down to the object whose `$uuid` is `uuid`, or null. */
+function placeOf(node, uuid, place = []) {
+  if (node === null || typeof node !== 'object') return null
+  if (!Array.isArray(node) && node.$uuid === uuid) return place
+  for (const [key, value] of Object.entries(node)) {
+    const found = placeOf(value, uuid, [...place, Array.isArray(node) ? Number(key) : key])
+    if (found) return found
+  }
+  return null
+}
+
+const at = (value, place) => place.reduce((v, key) => (v !== null && typeof v === 'object' ? v[key] : undefined), value)
+
+// What a removal this version keeps held, by its rule — there is no finding of ours to word it,
+// so it is named by what its path holds.
+const HELD = {
+  'node-type': (value) => `a \`${shown(value?.type)}\` node`,
+  'mark-type': (value) => `a \`${shown(value?.type)}\` mark`,
+  attribute: (value, name) => `the attribute \`${shown(name)}\``,
+  'style-name': (value, name) => `the style name \`${shown(name)}\``,
+  url: (value) => `the URL \`${shown(value)}\``,
+  target: (value) => `\`target=${shown(value)}\``,
+  color: (value) => `the colour \`${shown(value)}\``,
+  mathml: () => "a formula's MathML",
+  'ref-id': (value) => `the inset reference \`${shown(value)}\``,
+}
+
+/**
+ * One removal, read against the item it was sent as: `{ locale, says, keeps }` — `says` a
+ * sentence, `keeps` true where this version of the vocabulary keeps what the backend removed.
+ */
+function describeRemoval(removal, item) {
+  const keys = typeof removal?.field === 'string' ? removal.field.split('.') : []
+  // The backend names an item's fields under `data`; on the wire they are the item's own keys.
+  if (keys[0] === 'data' && !(isObject(item) && Object.hasOwn(item, 'data'))) keys.shift()
+  const [name, locale = null] = keys
+  const rule = typeof removal?.rule === 'string' ? removal.rule : 'unknown'
+  const path = typeof removal?.path === 'string' ? removal.path : ''
+  let doc = isObject(item) && name ? item[name] : undefined
+  if (locale !== null && !isDocument(doc)) doc = isObject(doc) ? doc[locale] : undefined
+  if (!isDocument(doc)) {
+    return { locale, keeps: false, says: `the backend removed what \`${shown(path || '/')}\` held in \`${shown(removal?.field)}\` (${rule})` }
+  }
+  const ours = outsideVocabulary(doc).find((f) => f.path === path && f.rule === rule)
+  if (ours) return { locale, keeps: false, says: `${saysOutside(ours)} — the backend removed it` }
+  const last = path.slice(path.lastIndexOf('/') + 1).replace(/~1/g, '/').replace(/~0/g, '~')
+  const what = HELD[rule]?.(pointedAt(doc, path), last) ?? `what \`${shown(path || '/')}\` held (${rule})`
+  return { locale, keeps: true, says: `the backend removed ${what}, which this version of Uniweb keeps` }
+}
+
+/**
+ * What the backend removed from a site-content push: `[{ unit, locale, says, keeps }]`.
+ *
+ * `unit` is the path the unit is keyed by (`pages/home/hero.md`, `layout/footer.md`), found by
+ * the `$uuid` the returned document gives the item — null for an item that is no unit. Each
+ * removal is read against the item the push sent for that unit.
+ *
+ * @param {object} p
+ * @param {Array<{document?: object, cleaned?: object[]}>} p.finalized - the lane's finalized entries
+ * @param {object|null} p.sent - the site-content document the push sent
+ * @returns {Array<{unit: string|null, locale: string|null, says: string, keeps: boolean}>}
+ */
+export function siteContentRemovals({ finalized, sent }) {
+  const sentAt = new Map()
+  if (sent) walkSiteUnits(sent, (path, record) => sentAt.has(path) || sentAt.set(path, record))
+  const out = []
+  for (const entry of finalized || []) {
+    if (!Array.isArray(entry?.cleaned) || !entry.cleaned.length) continue
+    const unitOf = new Map()
+    if (entry.document) {
+      walkSiteUnits(entry.document, (path, record) => {
+        if (typeof record?.$uuid === 'string' && !unitOf.has(record.$uuid)) unitOf.set(record.$uuid, path)
+      })
+    }
+    for (const removal of entry.cleaned) {
+      const unit = unitOf.get(removal?.$uuid) ?? null
+      out.push({ unit, ...describeRemoval(removal, unit ? sentAt.get(unit) : undefined) })
+    }
+  }
+  return out
+}
+
+/**
+ * What the backend removed from a records push: `[{ index, locale, says, keeps }]`, `index` the
+ * submitted position the finalized entry answers for. Each removal is read against the document
+ * the push sent at that position, at the place its item holds in the returned document — the
+ * backend returns a record item for item as it was sent.
+ *
+ * @param {object} p
+ * @param {Array<{index: number, document?: object, cleaned?: object[]}>} p.finalized
+ * @param {Array<object|null>} p.sent - the documents the push sent, in submitted order
+ * @returns {Array<{index: number, locale: string|null, says: string, keeps: boolean}>}
+ */
+export function recordRemovals({ finalized, sent }) {
+  const out = []
+  for (const entry of finalized || []) {
+    if (!Array.isArray(entry?.cleaned) || !entry.cleaned.length) continue
+    const sentDoc = sent?.[entry.index]
+    for (const removal of entry.cleaned) {
+      const place = entry.document ? placeOf(entry.document, removal?.$uuid) : null
+      out.push({ index: entry.index, ...describeRemoval(removal, place && sentDoc ? at(sentDoc, place) : undefined) })
+    }
+  }
+  return out
+}
+
+/**
+ * A record with each rich-text document in it cleaned to the vocabulary — what a backend that
+ * cleans at write stores for it — or the record itself when nothing in it is outside. A push
+ * compares what the backend returns with this as well as with what it sent, so content the
+ * backend cleaned reads as this copy's own, not as someone else's.
+ *
+ * ⚠️ Only what this version of the vocabulary removes: a removal it keeps still reads as a
+ * difference.
+ *
+ * @param {object} record - one item's fields, as sent
+ * @returns {object}
+ */
+export function cleanedRecord(record) {
+  if (!isObject(record)) return record
+  let out = null
+  for (const [key, value] of Object.entries(record)) {
+    const cleaned = cleanedRichText(value)
+    if (cleaned !== value) (out ??= { ...record })[key] = cleaned
+  }
+  return out ?? record
+}
+
+// A document, or a document per language, cleaned — the same value when nothing in it is outside.
+function cleanedRichText(value) {
+  if (isDocument(value)) {
+    const { document, removed } = cleanToVocabulary(value)
+    return removed.length ? document : value
+  }
+  if (!isObject(value) || !Object.keys(value).length || !Object.values(value).every(isDocument)) return value
+  let out = null
+  for (const [locale, doc] of Object.entries(value)) {
+    const { document, removed } = cleanToVocabulary(doc)
+    if (removed.length) (out ??= { ...value })[locale] = document
+  }
+  return out ?? value
+}

package/src/uwx/index.js

@@ -144,6 +144,8 @@ export {
   siteItemsByKey,
   stampUnitUuids,
 } from './site-diff.js'
+// What a backend that cleans rich text at write removed from a push, read against what was sent.
+export { siteContentRemovals, recordRemovals, cleanedRecord } from './cleaned.js'
 export {
   recordsToEntities,
   buildRecordEntities,