Feat/document fragment

bridge/CMakeLists.txt

@@ -158,6 +158,8 @@ if ($ENV{KRAKEN_JS_ENGINE} MATCHES "jsc")
     bindings/jsc/DOM/elements/object_element.h
     bindings/jsc/DOM/elements/svg_element.cc
     bindings/jsc/DOM/elements/svg_element.h
+    bindings/jsc/DOM/elements/document_fragment.cc
+    bindings/jsc/DOM/elements/document_fragment.h
     bindings/jsc/DOM/elements/script_element.cc
     bindings/jsc/DOM/elements/script_element.h
     bindings/jsc/KOM/performance.cc

bridge/bindings/jsc/DOM/document.cc

@@ -59,6 +59,12 @@ JSValueRef JSDocument::createEvent(JSContextRef ctx, JSObjectRef function, JSObj
   }
 }
 
+JSValueRef JSDocument::createDocumentFragment(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject,
+                                              size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  auto document = static_cast<DocumentInstance *>(JSObjectGetPrivate(thisObject));
+  auto documentFragment = new JSDocumentFragment::DocumentFragmentInstance(JSDocumentFragment::instance(document->context));
+  return documentFragment->object;
+}
 
 JSValueRef JSDocument::createElement(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject,
                                      size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {

bridge/bindings/jsc/DOM/document.h

@@ -18,6 +18,7 @@
 #include "bindings/jsc/DOM/elements/input_element.h"
 #include "bindings/jsc/DOM/elements/object_element.h"
 #include "bindings/jsc/DOM/elements/script_element.h"
+#include "bindings/jsc/DOM/elements/document_fragment.h"
 #include "bindings/jsc/DOM/events/close_event.h"
 #include "bindings/jsc/DOM/events/gesture_event.h"
 #include "bindings/jsc/DOM/events/input_event.h"

bridge/bindings/jsc/DOM/elements/document_fragment.cc

@@ -0,0 +1,41 @@
+/*
+ * Copyright (C) 2021 Alibaba Inc. All rights reserved.
+ * Author: Kraken Team.
+ */
+
+#include "document_fragment.h"
+
+namespace kraken::binding::jsc {
+
+void bindDocumentFragment(std::unique_ptr<JSContext> &context) {
+  auto DocumentFragment = JSDocumentFragment::instance(context.get());
+  JSC_GLOBAL_SET_PROPERTY(context, "DocumentFragment", DocumentFragment->classObject);
+}
+
+std::unordered_map<JSContext *, JSDocumentFragment *> JSDocumentFragment::instanceMap{};
+
+JSDocumentFragment::~JSDocumentFragment() {
+  instanceMap.erase(context);
+}
+
+JSDocumentFragment::JSDocumentFragment(JSContext *context) : JSNode(context) {}
+JSObjectRef JSDocumentFragment::instanceConstructor(JSContextRef ctx, JSObjectRef constructor, size_t argumentCount,
+                                              const JSValueRef *arguments, JSValueRef *exception) {
+  auto instance = new DocumentFragmentInstance(this);
+  return instance->object;
+}
+
+JSDocumentFragment::DocumentFragmentInstance::DocumentFragmentInstance(JSDocumentFragment *jsDocumentFragment)
+  : NodeInstance(jsDocumentFragment, NodeType::DOCUMENT_FRAGMENT_NODE) {
+  setNodeFlag(DocumentFragmentInstance::NodeFlag::IsDocumentFragment);
+  std::string tagName = "documentfragment";
+  NativeString args_01{};
+  buildUICommandArgs(tagName, args_01);
+
+  foundation::UICommandBuffer::instance(context->getContextId())
+    ->addCommand(eventTargetId, UICommand::createDocumentFragment, args_01, nativeNode);
+}
+
+JSDocumentFragment::DocumentFragmentInstance::~DocumentFragmentInstance() {}
+
+} // namespace kraken::binding::jsc

bridge/bindings/jsc/DOM/elements/document_fragment.h

@@ -0,0 +1,45 @@
+/*
+ * Copyright (C) 2021 Alibaba Inc. All rights reserved.
+ * Author: Kraken Team.
+ */
+
+#ifndef KRAKENBRIDGE_DOCUMENT_FRAGMENT_ELEMENT_H
+#define KRAKENBRIDGE_DOCUMENT_FRAGMENT_ELEMENT_H
+
+#include "bindings/jsc/DOM/element.h"
+#include "bindings/jsc/js_context_internal.h"
+
+namespace kraken::binding::jsc {
+
+void bindDocumentFragment(std::unique_ptr<JSContext> &context);
+
+class JSDocumentFragment : public JSNode {
+public:
+  static std::unordered_map<JSContext *, JSDocumentFragment *> instanceMap;
+  OBJECT_INSTANCE(JSDocumentFragment)
+  JSObjectRef instanceConstructor(JSContextRef ctx, JSObjectRef constructor, size_t argumentCount,
+                                  const JSValueRef *arguments, JSValueRef *exception) override;
+
+  class DocumentFragmentInstance : public NodeInstance {
+  public:
+
+    DocumentFragmentInstance() = delete;
+    ~DocumentFragmentInstance();
+    explicit DocumentFragmentInstance(JSDocumentFragment *JSDocumentFragment);
+
+    JSDocumentFragment *nativeDocumentFragment;
+
+  private:
+    JSStringHolder m_data{context, ""};
+    JSStringHolder m_type{context, ""};
+  };
+protected:
+  ~JSDocumentFragment();
+  JSDocumentFragment() = delete;
+  explicit JSDocumentFragment(JSContext *context);
+};
+
+
+} // namespace kraken::binding::jsc
+
+#endif // KRAKENBRIDGE_DOCUMENT_FRAGMENT_ELEMENT_H

bridge/bindings/jsc/DOM/node.cc

@@ -5,6 +5,7 @@
 
 #include "node.h"
 #include "document.h"
+#include "bindings/jsc/DOM/elements/document_fragment.h"
 
 namespace kraken::binding::jsc {
 
@@ -269,7 +270,13 @@ JSValueRef JSNode::appendChild(JSContextRef ctx, JSObjectRef function, JSObjectR
     return nullptr;
   }
 
-  selfInstance->internalAppendChild(nodeInstance);
+  if (nodeInstance->hasNodeFlag(NodeInstance::NodeFlag::IsDocumentFragment)) {
+    while (nodeInstance->childNodes.size()) {
+      selfInstance->internalAppendChild(nodeInstance->childNodes[0]);
+    }
+  } else {
+    selfInstance->internalAppendChild(nodeInstance);
+  }
 
   return nodeValueRef;
 }
@@ -310,7 +317,13 @@ JSValueRef JSNode::insertBefore(JSContextRef ctx, JSObjectRef function, JSObject
     return nullptr;
   }
 
-  selfInstance->internalInsertBefore(nodeInstance, referenceInstance, exception);
+  if (nodeInstance->hasNodeFlag(NodeInstance::NodeFlag::IsDocumentFragment)) {
+    while (nodeInstance->childNodes.size()) {
+      selfInstance->internalInsertBefore(nodeInstance->childNodes[0], referenceInstance, exception);
+    }
+  } else {
+    selfInstance->internalInsertBefore(nodeInstance, referenceInstance, exception);
+  }
 
   return nullptr;
 }

bridge/bridge_jsc.cc

@@ -21,6 +21,7 @@
 #include "bindings/jsc/DOM/elements/image_element.h"
 #include "bindings/jsc/DOM/elements/input_element.h"
 #include "bindings/jsc/DOM/elements/svg_element.h"
+#include "bindings/jsc/DOM/elements/document_fragment.h"
 #include "bindings/jsc/DOM/event.h"
 #include "bindings/jsc/DOM/event_target.h"
 #include "bindings/jsc/DOM/events/close_event.h"
@@ -118,6 +119,7 @@ JSBridge::JSBridge(int32_t contextId, const JSExceptionHandler &handler) : conte
   bindImageElement(m_context);
   bindInputElement(m_context);
   bindSVGElement(m_context);
+  bindDocumentFragment(m_context);
   bindWindow(m_context);
   bindPerformance(m_context);
   bindCSSStyleDeclaration(m_context);

bridge/include/kraken_bridge.h

@@ -57,6 +57,7 @@ enum UICommand {
   removeProperty,
   cloneNode,
   removeEvent,
+  createDocumentFragment,
 };
 
 struct KRAKEN_EXPORT UICommandItem {