@asd20/ui-next 2.19.0 → 2.20.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+# [2.20.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.19.0...ui-next-v2.20.0) (2026-08-07)
+
+
+### Features
+
+* adjust video descriptions rendering for tiptap messages ([fbe3171](https://github.com/academydistrict20/asd20-ui-next/commit/fbe3171d365aeffeb7f66add00756ab9689f40a2))
+
 # [2.19.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.18.0...ui-next-v2.19.0) (2026-08-06)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.19.0",
+  "version": "2.20.0",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/atoms/Asd20RichBodyContent/messageDocumentRenderer.js

@@ -291,6 +291,16 @@ function validateRequiredCanonicalText(node, name, path, maximumLength) {
     : null
 }
 
+function validateOptionalCanonicalText(node, name, path, maximumLength) {
+  const value = node.attrs?.[name]
+  if (value === undefined) return null
+  return typeof value !== 'string' ||
+    value !== value.trim() ||
+    value.length > maximumLength
+    ? issue('malformed-attribute', path, name)
+    : null
+}
+
 function validateMarks(marks, path) {
   if (marks === undefined) return null
   if (!Array.isArray(marks)) return issue('malformed-marks', path)
@@ -531,7 +541,7 @@ function validateNode(node, path) {
       VIDEO_TITLE_MAX_LENGTH
     )
     if (titleIssue) return titleIssue
-    const descriptionIssue = validateRequiredCanonicalText(
+    const descriptionIssue = validateOptionalCanonicalText(
       node,
       'descriptiveText',
       path,
@@ -809,15 +819,14 @@ function renderStandardNode(node) {
       .join('')}</div></figure>`
   }
   if (node.type === 'videoEmbed') {
+    const description = node.attrs?.descriptiveText || ''
     return `<div class="asd20-message-video" data-cc-node="video"${attribute(
       'data-src',
       node.attrs.src
     )}${attribute('data-title', node.attrs.title)}${attribute(
       'data-descriptive-text',
-      node.attrs.descriptiveText
-    )}><p class="asd20-message-video__description">${escapeHtml(
-      node.attrs.descriptiveText
-    )}</p><div class="asd20-message-video__frame"><iframe${attribute(
+      description
+    )}><div class="asd20-message-video__frame"><iframe${attribute(
       'src',
       node.attrs.src
     )}${attribute(
@@ -827,7 +836,13 @@ function renderStandardNode(node) {
       'allowfullscreen',
       '',
       true
-    )}></iframe></div></div>`
+    )}></iframe></div>${
+      description
+        ? `<p class="asd20-message-video__description">${escapeHtml(
+            description
+          )}</p>`
+        : ''
+    }</div>`
   }
   if (node.type === 'table') return renderTable(node)
   if (node.type === 'tableRow') return `<tr>${renderChildren(node)}</tr>`