Example #1
0
// CreateFragment returns a DocumentFragment with the given html dom
func CreateFragment(html string) *js.Object {
	//if we are not in a browser,panic
	panicBrowserDetect()

	//we need to use innerhtml but DocumentFragments dont have that so we use
	//a discardable div

	// div := doc.CreateElement("div")
	div := jsutils.CreateElement("div")

	//build up the html right in the div
	jsutils.SetInnerHTML(div, html)

	//unwrap all the special Text UnknownELement we are using
	// jsutils.UnWrapSpecialTextElements(div)

	//create the document fragment
	fragment := jsutils.CreateDocumentFragment()

	//add the nodes from the div into the fragment
	nodes := jsutils.ChildNodeList(div)

	jsutils.AppendChild(fragment, nodes...)

	//unwrap all the special Text UnknownELement we are using
	// jsutils.UnWrapSpecialTextElements(fragment)

	return fragment
}
Example #2
0
// Patch takes a dom string and creates a documentfragment from it and patches a existing dom element that is supplied. This algorithim only ever goes one-level deep, its not performant
// WARNING: this method is specifically geared to dealing with the haiku.Tree dom generation
func Patch(fragment, live *js.Object, onlyReplace bool) {
	if !live.Call("hasChildNodes").Bool() {
		// if the live element is actually empty, then just append the fragment which
		// actually appends the nodes within it efficiently

		jsutils.AppendChild(live, fragment)
		return
	}

	// log.Printf("doing patching")
	// shadowNodes := fragment.ChildNodes()

	shadowNodes := jsutils.ChildNodeList(fragment)
	liveNodes := jsutils.ChildNodeList(live)

	// FIXED: instead of going through the children which may be many,
	// liveNodes := fragment.ChildNodes()
	// log.Printf("patchtree will now add: \n%+s", shadowNodes)

patchloop:
	for n, node := range shadowNodes {
		if node == nil || node == js.Undefined {
			continue
		}
		// switch node.Get("constructor") {
		// case js.Global.Get("Node"):
		// elem := node

		if node.Get("constructor") == js.Global.Get("Text") {
			// log.Printf("text %+s %s %s %d", node, node.Get("nodeName"), node.Get("innerText"), node.Get("nodeType").Int())

			if _, empty := jsutils.EmptyTextNode(node); empty {
				jsutils.AppendChild(live, node)
				continue patchloop
			}

			var liveNodeAt *js.Object

			if n < len(liveNodes) {
				liveNodeAt = liveNodes[n]
			}

			if liveNodeAt == nil || liveNodeAt == js.Undefined {
				jsutils.AppendChild(live, node)
			} else {
				jsutils.InsertBefore(live, liveNodeAt, node)
			}

			continue patchloop
		}

		//get the tagname
		tagname := jsutils.GetTag(node)
		// log.Printf("Working with tag %s -> %+s", tagname, nchildren)

		// get the basic attrs
		var id, hash, class, uid string

		// do we have 'id' attribute? if so its a awesome chance to simplify
		if jsutils.HasAttribute(node, "id") {
			id = jsutils.GetAttribute(node, "id")
		}

		if jsutils.HasAttribute(node, "class") {
			id = jsutils.GetAttribute(node, "class")
		}

		// lets check for the hash and uid, incase its a pure template based script
		if jsutils.HasAttribute(node, "hash") {
			hash = jsutils.GetAttribute(node, "hash")
		}

		if jsutils.HasAttribute(node, "uid") {
			uid = jsutils.GetAttribute(node, "uid")
		}

		// if tagname == "tmlview" {
		// 	frstchild := node.()
		// 	frstchild.
		// }

		// if we have no id,class, uid or hash, we digress to bad approach of using Node.IsEqualNode
		if allEmpty(id, hash, uid) {
			// log.Printf("adding since hash,id,uid are empty")
			AddNodeIfNone(live, node)
			continue patchloop
		}

		// eliminate which ones are empty and try to use the non empty to get our target
		if allEmpty(hash, uid) {
			// is the id empty also then we know class is not or vise-versa
			if allEmpty(id) {
				// log.Printf("adding since class")
				// class is it and we only want those that match narrowing our set
				no := jsutils.QuerySelectorAll(live, class)

				// if none found we add else we replace
				if len(no) <= 0 {
					jsutils.AppendChild(live, node)
				} else {
					// check the available sets and replace else just add it
					AddNodeIfNoneInList(live, no, node)
				}

			} else {
				// id is it and we only want one
				// log.Printf("adding since id")
				no := jsutils.QuerySelector(live, fmt.Sprintf("#%s", id))

				// if none found we add else we replace
				if no == nil || no != js.Undefined {
					jsutils.AppendChild(live, node)
				} else {
					jsutils.ReplaceNode(live, node, no)
				}
			}

			continue patchloop
		}

		// lets use our unique id to check for the element if it exists
		sel := fmt.Sprintf(`%s[uid='%s']`, strings.ToLower(tagname), uid)

		// we know hash and uid are not empty so we kick ass the easy way
		target := jsutils.QuerySelector(live, sel)

		// log.Printf("textElem %s -> %s -> %s : target -> %+s", node, node.Get("tagName"), sel, target)

		// if we are nil then its a new node add it and return
		if target == nil || target == js.Undefined {
			jsutils.AppendChild(live, node)
			continue patchloop
		}

		if onlyReplace {
			jsutils.ReplaceNode(live, node, target)
			continue patchloop
		}

		//if we are to be removed then remove the target
		if jsutils.HasAttribute(node, "haikuRemoved") {
			// log.Printf("removed node: %+s", node)
			// target.ParentNode().RemoveChild(target)
			jsutils.RemoveChild(target, target)
			continue patchloop
		}

		// if the target hash is exactly the same with ours skip it
		if jsutils.GetAttribute(target, "hash") == hash {
			continue patchloop
		}

		nchildren := jsutils.ChildNodeList(node)
		// log.Printf("Checking size of children %s %d", sel, len(nchildren))
		//if the new node has no children, then just replace it
		// if len(elem.ChildNodes()) <= 0 {
		if len(nchildren) <= 0 {
			// live.ReplaceChild(node, target)
			jsutils.ReplaceNode(live, node, target)
			continue patchloop
		}

		//here we are not be removed and we do have kids

		//cleanout all the targets text-nodes
		jsutils.CleanAllTextNode(target)

		//so we got this dude, are we already one level deep ? if so swap else
		// run through the children with Patch
		// if level >= 1 {
		// live.ReplaceChild(node, target)
		attrs := jsutils.Attributes(node)

		for key, value := range attrs {
			jsutils.SetAttribute(target, key, value)
		}

		children := jsutils.ChildNodeList(target)

		// log.Printf("checking targets children %+s %d", target, len(children))
		if len(children) <= 1 {
			jsutils.SetInnerHTML(target, "")

			jsutils.AppendChild(target, nchildren...)

			// for _, enode := range nchildren {
			// 	target.AppendChild(enode)
			// }

			continue patchloop
		}

		Patch(node, target, onlyReplace)
		// }

		// default:
		// 	// add it if its not an element
		// 	jsutils.AppendChild(live, node)
		// live.AppendChild(node)
		// }
	}
}