protected ReactNode FindNode(long id, ReactNode node)
{
if (node == null)
{
return(null);
}
if (node.DomId == id)
{
return(node);
}
if (node.Children != null)
{
foreach (var child in node.Children)
{
var f = FindNode(id, child);
if (f != null)
{
return(f);
}
}
}
return(null);
}
protected ReactNode RenderText(object value, ReactNode nodeOld, IReactRendererDOM dom, long parentDomId,
long beforeDomId)
{
if (nodeOld != null)
{
if (nodeOld.Data is ReactElement)
{
RemoveNode(nodeOld, dom);
nodeOld = null;
}
}
var node = ReactNode.Create(_runtime);
node.Data = value;
if (nodeOld == null)
{
node.DomId = dom.CreateText(value?.ToString(), parentDomId, beforeDomId);
}
else
{
node.DomId = nodeOld.DomId;
if (!string.Equals(nodeOld.Data?.ToString(), node.Data?.ToString()))
{
dom.SetText(node.DomId, value?.ToString());
}
}
return(node);
}
public ReactNode Render(ReactElement element, ReactNode nodeOld, IReactRendererDOM dom)
{
dom.Start();
var node = RenderElement(element, nodeOld, dom, 0, 0);
dom.End();
return(node);
}
protected void RemoveNode(ReactNode node, IReactRendererDOM dom)
{
if (node.Children != null)
{
foreach (var child in node.Children)
{
RemoveNode(child, dom);
}
}
if (node.Data is ReactElement element)
{
var isDomElement = (element.Type is string);
if (isDomElement)
{
dom.Remove(node.DomId);
}
}
}
public void NodeSetState(ReactNode node, Action action)
{
action();
RunStep();
}
protected ReactNode RenderElement(ReactElement element, ReactNode nodeOld, IReactRendererDOM dom,
long parentDomId, long beforeDomId)
{
ReactNode node;
long domId = 0;
if (nodeOld != null &&
((!(nodeOld.Data is ReactElement)) || ((ReactElement)nodeOld.Data).Type != element.Type))
{
RemoveNode(nodeOld, dom);
nodeOld = null;
}
var isDomElement = (element.Type is string);
if (isDomElement)
{
var propsNew = element.Props.Where(i => !string.Equals(i.Key, "Children"))
.ToDictionary(i => i.Key, i => i.Value);
if (nodeOld == null)
{
domId = dom.CreateElement(element.Type.ToString(), propsNew, parentDomId, beforeDomId);
}
else
{
domId = nodeOld.DomId;
var propsChanges = DiffProps(propsNew, nodeOld.Props);
if (propsChanges.Any())
{
dom.SetProps(domId, propsChanges);
}
}
node = ReactNode.Create(_runtime);
node.DomId = domId;
node.Data = element;
node.Props = propsNew;
}
else if (element.Type is Type componentType)
{
var propsNew = element.Props;
if (nodeOld == null)
{
node = ReactNode.Create(_runtime);
node.Data = element;
node.Component = (ReactComponent)Activator.CreateInstance(componentType);
node.Component.Node = node;
node.Props = propsNew;
node.Component.SetProps(propsNew);
node.Component.ComponentWillMount();
}
else
{
node = ReactNode.Create(_runtime);
node.Data = element;
node.Component = nodeOld.Component;
node.Props = element.Props;
node.Component.Node = node;
var propsChanhes = DiffProps(propsNew, nodeOld.Props);
if (propsChanhes.Any())
{
node.Component.SetProps(propsNew);
}
}
}
else
{
throw new Exception();
}
if (isDomElement)
{
if (element.Props.TryGetValue("Children", out var childrenObj))
{
long firstChildrenDomId;
node.Children = RenderChildren(childrenObj, nodeOld?.Children ?? new List <ReactNode>(), dom, domId,
0, out firstChildrenDomId);
}
}
else
{
long firstChildrenDomId;
node.Children = RenderChildren(node.Component.Render(), nodeOld?.Children ?? new List <ReactNode>(), dom,
parentDomId, beforeDomId, out firstChildrenDomId);
node.DomId = firstChildrenDomId;
}
return(node);
}