[fix] XML namespace fallback

Author: TechQuery

package.json

@@ -1,6 +1,6 @@
 {
     "name": "dom-renderer",
-    "version": "2.4.0",
+    "version": "2.4.1",
     "license": "LGPL-3.0-or-later",
     "author": "shiy2008@gmail.com",
     "description": "A light-weight DOM Renderer supports Web components standard & TypeScript language",

source/dist/DOMRenderer.ts

@@ -183,7 +183,7 @@ export class DOMRenderer {
         return newVNode;
     }
 
-    render(vNode: VNode, node: ParentNode = this.document.body) {
+    render(vNode: VNode, node: ParentNode = globalThis.document?.body) {
         this.document = node.ownerDocument;
 
         var root = this.treeCache.get(node) || VNode.fromDOM(node);

source/dist/VDOM.ts

@@ -50,8 +50,12 @@ export class VNode extends VNodeMeta {
         while ((current = current.parent)) yield current;
     }
 
-    findNamespace() {
+    namespaceOf(tagName: string) {
+        if (XMLNamespace[tagName]) return XMLNamespace[tagName];
+
         for (const { namespace } of this.walkUp()) if (namespace) return namespace;
+
+        return XMLNamespace.html;
     }
 
     createDOM(document = globalThis.document) {
@@ -61,11 +65,9 @@ export class VNode extends VNodeMeta {
             ? document.createTextNode(text)
             : !tagName
               ? document.createDocumentFragment()
-              : document.createElementNS(
-                    (this.namespace ||= XMLNamespace[tagName] || this.findNamespace()),
-                    tagName,
-                    { is }
-                ));
+              : document.createElementNS((this.namespace ||= this.namespaceOf(tagName)), tagName, {
+                    is
+                }));
     }
 
     toJSON(): VNodeMeta {

test/jsx-runtime.spec.tsx

@@ -180,11 +180,11 @@ describe('JSX runtime', () => {
                 <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">
                     SVG
                 </text>
-            </svg>,
-            document.body
+            </svg>
         );
         expect(document.body.innerHTML).toBe(
             '<svg version="1.1" width="300" height="200" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="red"></rect><circle cx="150" cy="100" r="80" fill="green"></circle><text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text></svg>'
         );
+        expect(document.body.firstElementChild).toBeInstanceOf(SVGSVGElement);
     });
 });