@kithinji/orca 1.0.5 → 1.0.7

package/dist/browser/index.mjs

@@ -1987,13 +1987,22 @@ var StreamRenderer = class {
         return this.renderClassComponent(vnode, injector);
       }
       if (isIntrinsicElement(vnode)) {
+        const dangerousHTML = vnode.props?.dangerouslySetInnerHTML;
+        let children;
+        if (dangerousHTML && dangerousHTML.__html) {
+          children = this.parseHTMLToJSX(dangerousHTML.__html, injector);
+        } else {
+          children = this.mapChildren(vnode.props?.children, injector);
+        }
         return {
-          $$typeof: ORCA_ELEMENT_TYPE,
+          $typeof: ORCA_ELEMENT_TYPE,
           type: vnode.type,
           id: vnode.id,
           props: {
             ...vnode.props,
-            children: this.mapChildren(vnode.props?.children, injector)
+            dangerouslySetInnerHTML: void 0,
+            // Remove after processing
+            children
           },
           key: vnode.key ?? null
         };
@@ -2044,6 +2053,59 @@ var StreamRenderer = class {
     }
     return this.buildSyncTree(children, injector);
   }
+  parseHTMLToJSX(html, injector) {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(html, "text/html");
+    const convertNode = (node) => {
+      if (node.nodeType === Node.TEXT_NODE) {
+        return node.textContent;
+      }
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        const element = node;
+        const tagName = element.tagName.toLowerCase();
+        const props = {};
+        for (let i = 0; i < element.attributes.length; i++) {
+          const attr = element.attributes[i];
+          let propName = attr.name;
+          if (propName === "class")
+            propName = "className";
+          if (propName === "for")
+            propName = "htmlFor";
+          props[propName] = attr.value;
+        }
+        const children = [];
+        for (let i = 0; i < element.childNodes.length; i++) {
+          const child = convertNode(element.childNodes[i]);
+          if (child !== null && child !== "") {
+            children.push(child);
+          }
+        }
+        const jsxElement = {
+          $$typeof: ORCA_ELEMENT_TYPE,
+          type: tagName,
+          id: this.generateId(),
+          props: {
+            ...props,
+            children: children.length === 0 ? void 0 : children.length === 1 ? children[0] : children
+          },
+          key: null
+        };
+        return this.buildSyncTree(jsxElement, injector);
+      }
+      return null;
+    };
+    const bodyChildren = [];
+    for (let i = 0; i < doc.body.childNodes.length; i++) {
+      const child = convertNode(doc.body.childNodes[i]);
+      if (child !== null && child !== "") {
+        bodyChildren.push(child);
+      }
+    }
+    return bodyChildren.length === 0 ? void 0 : bodyChildren.length === 1 ? bodyChildren[0] : bodyChildren;
+  }
+  generateId() {
+    return `jsx_${Math.random().toString(36).substr(2, 9)}`;
+  }
   createPendingReference(vnode, promise, injector) {
     const id = vnode.id;
     const abortController = new AbortController();