equals

[fabiancook]

🚀 Feature Proposal

Compare and return true or false if two vnode structures are equal

Motivation

To be able to compare structures

Example

let a = (
  <container>
    <inner />
  </container>
)

function *A() {
  yield <container />
  yield <container><inner loading={true} /></container>
  yield <container><inner /></container>
}

if (await equal(a, <A />)) {
   // ???
}

[fabiancook]

The initial implementation of this function is available here:

x/packages/fringe/src/equal.ts

Line 13 in 6db6e3c

export async function equal(left: VNode, right: VNode) {

It is marked as experimental.

It will do a direct compare of the final yielded children of each node, with its relevant paired node in the same position of the vnode structure.

Only nodes that have a source reference source (string | number | ...) are compared, and only options with source reference values are compered.