@kithinji/orca 1.0.5 → 1.0.7

package/dist/browser/index.iife.js

@@ -930,13 +930,22 @@ var kithinjiorca = (() => {
           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
           };
@@ -987,6 +996,59 @@ var kithinjiorca = (() => {
       }
       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();