Merge pull request #133 from notandrewdev/main

aidenybai · Oct 10, 2021 · 30e242f · 30e242f
2 parents 27e0e2e + d7192e7
commit 30e242f
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 0 deletions.
diff --git a/benchmarks/suites/appendManyRowsToLargeTable.jsx b/benchmarks/suites/appendManyRowsToLargeTable.jsx
@@ -7,6 +7,7 @@ import { createElement, patch } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(10000);
 const createVNode = () => (
@@ -31,6 +32,9 @@ const suite = Suite('append many rows to large table (appending 1,000 to a table
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+      virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     const elClone = el();
     [...data].slice(-1000).forEach(({ id, label }) => {

diff --git a/benchmarks/suites/clearRows.jsx b/benchmarks/suites/clearRows.jsx
@@ -7,6 +7,7 @@ import { createElement, patch } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(1000);
 const oldVNode = (
@@ -29,6 +30,9 @@ const suite = Suite('clear rows (clearing a table with 1,000 rows)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     const elClone = el();
     elClone.childNodes.forEach((child) => elClone.removeChild(child));

diff --git a/benchmarks/suites/createManyRows.jsx b/benchmarks/suites/createManyRows.jsx
@@ -7,6 +7,7 @@ import { createElement, patch } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(10000);
 const oldVNode = <table></table>;
@@ -29,6 +30,9 @@ const suite = Suite('create many rows (creating 10,000 rows)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode)
+  },
   DOM: () => {
     const elClone = el();
     data.forEach(({ id, label }) => {

diff --git a/benchmarks/suites/createRows.jsx b/benchmarks/suites/createRows.jsx
@@ -7,6 +7,7 @@ import { createElement, patch } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(10000);
 const oldVNode = <table></table>;
@@ -29,6 +30,9 @@ const suite = Suite('create rows (creating 1,000 rows)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     const elClone = el();
     data.forEach(({ id, label }) => {

diff --git a/benchmarks/suites/partialUpdate.jsx b/benchmarks/suites/partialUpdate.jsx
@@ -7,6 +7,7 @@ import { createElement, patch, UPDATE } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(1000);
 const oldVNode = (
@@ -44,6 +45,9 @@ const suite = Suite('partial update (updating every 10th row for 1,000 rows)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     const elClone = el();
     for (let i = 0; i < 1000; i += 10) {

diff --git a/benchmarks/suites/removeRow.jsx b/benchmarks/suites/removeRow.jsx
@@ -7,6 +7,7 @@ import { createElement, DELETE, patch } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(1000);
 const oldVNode = (
@@ -41,6 +42,9 @@ const suite = Suite('remove row (removing one row)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     const elClone = el();
     elClone.removeChild(elClone.childNodes[row]);

diff --git a/benchmarks/suites/replaceAllRows.jsx b/benchmarks/suites/replaceAllRows.jsx
@@ -7,6 +7,7 @@ import { createElement, patch } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const shuffleArray = (array) => {
   for (
@@ -44,6 +45,9 @@ const suite = Suite('replace all rows (updating all 1,000 rows)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     el().childNodes.forEach((tr, i) => {
       const { id, label } = data[i];

diff --git a/benchmarks/suites/selectRow.jsx b/benchmarks/suites/selectRow.jsx
@@ -7,6 +7,7 @@ import { createElement, patch } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(1000);
 const createVNode = () => (
@@ -31,6 +32,9 @@ const suite = Suite('select row (highlighting a selected row)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     el().childNodes[row].style.background = 'red';
   },

diff --git a/benchmarks/suites/swapRows.jsx b/benchmarks/suites/swapRows.jsx
@@ -7,6 +7,7 @@ import { createElement, patch, UPDATE } from '../../src/index';
 import { Suite } from '../benchmark';
 import { buildData } from '../data';
 import * as tiny_vdom from '../tiny-vdom';
+import * as virtual_dom from 'virtual-dom';
 
 const data = buildData(1000);
 const oldVNode = (
@@ -45,6 +46,9 @@ const suite = Suite('swap rows (swap 2 rows for table with 1,000 rows)', {
   'tiny-vdom': () => {
     tiny_vdom.patch(el(), vnode, oldVNode);
   },
+  'virtual-dom': () => {
+    virtual_dom.patch(el(), vnode, oldVNode);
+  },
   DOM: () => {
     const elClone = el();
     const tr1 = elClone.childNodes[row1];