feat(static-renderer): add support for namespacing in DOMOutputSpec

ueberdosis · Dec 31, 2024 · 24c1009 · 24c1009
1 parent d66bab4
commit 24c1009
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 3 deletions.
diff --git a/packages/static-renderer/src/pm/html-string/html-string.ts b/packages/static-renderer/src/pm/html-string/html-string.ts
@@ -14,7 +14,7 @@ import { renderToElement } from '../extensionRenderer.js'
  */
 export function serializeAttrsToHTMLString(attrs: Record<string, any>): string {
   const output = Object.entries(attrs)
-    .map(([key, value]) => `${key}=${JSON.stringify(value)}`)
+    .map(([key, value]) => `${key.split(' ').at(-1)}=${JSON.stringify(value)}`)
     .join(' ')
 
   return output ? ` ${output}` : ''
@@ -44,7 +44,13 @@ export function domOutputSpecToHTMLString(
     return () => content
   }
   if (typeof content === 'object' && 'length' in content) {
-    const [tag, attrs, children, ...rest] = content as DOMOutputSpecArray
+    const [_tag, attrs, children, ...rest] = content as DOMOutputSpecArray
+    let tag = _tag
+    const parts = tag.split(' ')
+
+    if (parts.length > 1) {
+      tag = `${parts[1]} xmlns="${parts[0]}"`
+    }
 
     if (attrs === undefined) {
       return () => `<${tag}/>`

diff --git a/packages/static-renderer/src/pm/react/react.tsx b/packages/static-renderer/src/pm/react/react.tsx
@@ -42,7 +42,27 @@ export function domOutputSpecToReactElement(
     return () => content
   }
   if (typeof content === 'object' && 'length' in content) {
-    const [tag, attrs, children, ...rest] = content as DOMOutputSpecArray
+    // eslint-disable-next-line prefer-const
+    let [tag, attrs, children, ...rest] = content as DOMOutputSpecArray
+    const parts = tag.split(' ')
+
+    if (parts.length > 1) {
+      tag = parts[1]
+      if (attrs === undefined) {
+        attrs = {
+          xmlns: parts[0],
+        }
+      }
+      if (attrs === 0) {
+        attrs = {
+          xmlns: parts[0],
+        }
+        children = 0
+      }
+      if (typeof attrs === 'object') {
+        attrs = Object.assign(attrs, { xmlns: parts[0] })
+      }
+    }
 
     if (attrs === undefined) {
       return () => React.createElement(tag, mapAttrsToHTMLAttributes(undefined, key.toString()))