fixed broken docs demos, updated package-lock.json

infernojs · Oct 30, 2023 · a1c6997 · a1c6997
1 parent c6ea9c5
commit a1c6997
Show file tree

Hide file tree

Showing 29 changed files with 1,805 additions and 1,327 deletions.
diff --git a/docs/1kcomponents/app.js b/docs/1kcomponents/app.js
@@ -1,9 +1,9 @@
 import { Component, render } from 'inferno';
-import { startFPSMonitor, startMemMonitor } from 'perf-monitor';
+// import { startFPSMonitor, startMemMonitor } from 'perf-monitor';
 import { interpolateViridis } from 'd3-scale-chromatic';
 
-startFPSMonitor();
-startMemMonitor();
+// startFPSMonitor();
+// startMemMonitor();
 
 function map(arr, to) {
   let out = [];

diff --git a/docs/1kcomponents/dist/bundle.js b/docs/1kcomponents/dist/bundle.js
diff --git a/docs/animations-demo-inner/dist/bundle.js b/docs/animations-demo-inner/dist/bundle.js
diff --git a/docs/animations-demo/dist/bundle.js b/docs/animations-demo/dist/bundle.js
diff --git a/docs/animations-global-demo/dist/bundle.js b/docs/animations-global-demo/dist/bundle.js
diff --git a/docs/animations/dist/bundle.js b/docs/animations/dist/bundle.js
diff --git a/docs/async-render/dist/bundle.js b/docs/async-render/dist/bundle.js
diff --git a/docs/build.js b/docs/build.js
@@ -1,7 +1,7 @@
 import {rollup} from "rollup";
 import { existsSync, readdirSync, statSync } from "fs";
 import commonjsPlugin from "@rollup/plugin-commonjs";
-import nodeResolvePlugin from "@rollup/plugin";
+import nodeResolvePlugin from "@rollup/plugin-node-resolve";
 import { dirname, join, resolve } from "path";
 import replace from "@rollup/plugin-replace";
 import terser from '@rollup/plugin-terser';
@@ -59,7 +59,8 @@ const plugins = [
       {find: 'inferno-test-utils', replacement: resolvePkg('inferno-test-utils')},
       {find: 'inferno-vnode-flags', replacement: resolvePkg('inferno-vnode-flags')},
       {find: 'inferno-clone-vnode', replacement: resolvePkg('inferno-clone-vnode')},
-      {find: 'mobx', replacement: join(__dirname, '../../node_modules/mobx/dist/mobx.esm.js')}
+      {find: 'mobx', replacement: join(__dirname, '../node_modules/mobx/dist/mobx.esm.js')},
+      {find: 'perf-monitor', replacement: join(__dirname, '../node_modules/perf-monitor/dist/index.js')}
     ]
   })
 ];

diff --git a/docs/compat/dist/bundle.js b/docs/compat/dist/bundle.js
diff --git a/docs/dbmonster-mobx/app.js b/docs/dbmonster-mobx/app.js
@@ -1,4 +1,4 @@
-import { startFPSMonitor, startMemMonitor, initProfiler, startProfile, endProfile } from 'perf-monitor';
+// import { startFPSMonitor, startMemMonitor, initProfiler, startProfile, endProfile } from 'perf-monitor';
 import { createVNode, createComponentVNode, createFragment, render, Component } from 'inferno';
 import { observerWrap, observerPatch, observer } from 'inferno-mobx';
 import { action, observable } from 'mobx';
@@ -413,17 +413,17 @@ const Table = observerWrap(TableComponent);
 
 const update = action(() => {
   updateData();
-  startProfile('view update');
+  // startProfile('view update');
 });
 
 function loop() {
   update();
-  endProfile('view update');
+  // endProfile('view update');
 }
 
-startFPSMonitor();
-startMemMonitor();
-initProfiler('view update');
+// startFPSMonitor();
+// startMemMonitor();
+// initProfiler('view update');
 
 // functional components with observerWrap
 render(createComponentVNode(VNodeFlags.ComponentFunction, Table, { list: data }), app);

diff --git a/docs/dbmonster-mobx/dist/bundle.js b/docs/dbmonster-mobx/dist/bundle.js
diff --git a/docs/dbmonster/app.js b/docs/dbmonster/app.js
@@ -1,11 +1,11 @@
-import { startFPSMonitor, startMemMonitor, initProfiler, startProfile, endProfile } from 'perf-monitor';
+// import { startFPSMonitor, startMemMonitor, initProfiler, startProfile, endProfile } from 'perf-monitor';
 import { createVNode, render } from 'inferno';
 
 var elem = document.getElementById('app');
 
-startFPSMonitor();
-startMemMonitor();
-initProfiler('view update');
+// startFPSMonitor();
+// startMemMonitor();
+// initProfiler('view update');
 
 function renderBenchmark(dbs) {
   var length = dbs.length;
@@ -55,9 +55,9 @@ function renderBenchmark(dbs) {
 
 function loop() {
   var dbs = ENV.generateData(false).toArray();
-  startProfile('view update');
+  // startProfile('view update');
   renderBenchmark(dbs);
-  endProfile('view update');
+  // endProfile('view update');
 }
 
 setInterval(loop, 0);
diff --git a/docs/dbmonster/dist/bundle.js b/docs/dbmonster/dist/bundle.js
diff --git a/docs/event-test/dist/bundle.js b/docs/event-test/dist/bundle.js
diff --git a/docs/form/dist/bundle.js b/docs/form/dist/bundle.js
diff --git a/docs/index.html b/docs/index.html
@@ -38,6 +38,11 @@ <h2>Benchmarks</h2>
             This version of UI Benchmark tracks performance regressions in Inferno's normalization algorithm. Do not write code like this.<br />
             <small><a href="uibench-normalization/index.html">Example</a> | <a href="https://github.com/infernojs/inferno/blob/master/docs/uibench-normalization/app.js">View source...</a></small>
         </p>
+        <p>
+          <a href="uibench-lifecycle/index.html">UI Benchmark (Lifecycle)</a><br />
+          This version of UI Benchmark tracks performance regressions in Inferno's lifecycle process. Do not write code like this.<br />
+          <small><a href="uibench-lifecycle/index.html">Example</a> | <a href="https://github.com/infernojs/inferno/blob/master/docs/uibench-lifecycle/app.js">View source...</a></small>
+        </p>
         <p>
             <a href="uibench-reactlike/index.html">UI Benchmark (same as React)</a><br />
             This is InfernoJS implementation of UI Benchmark using identical application level code with React implementation.<br />

diff --git a/docs/math-elements/dist/bundle.js b/docs/math-elements/dist/bundle.js
diff --git a/docs/svg/dist/bundle.js b/docs/svg/dist/bundle.js
diff --git a/docs/uibench-inferno-compat/dist/bundle.js b/docs/uibench-inferno-compat/dist/bundle.js
diff --git a/docs/uibench-normalization/dist/bundle.js b/docs/uibench-normalization/dist/bundle.js
diff --git a/docs/uibench-reactlike/dist/bundle.js b/docs/uibench-reactlike/dist/bundle.js
diff --git a/docs/uibench/dist/bundle.js b/docs/uibench/dist/bundle.js
diff --git a/documentation/v9-migration.md b/documentation/v9-migration.md
@@ -27,6 +27,7 @@ Inferno v9 requires following features to be present in the executing runtime:
 
 - `Promise`
 - `String.prototype.includes()`
+- `String.prototype.startsWith()`
 - `Array.prototype.includes()`
 - `Object.spread()`
 

diff --git a/fixtures/browser/karma.babel.conf.js b/fixtures/browser/karma.babel.conf.js
@@ -26,15 +26,15 @@ module.exports = function (config) {
       postDetection(browserList) {
         const results = [];
 
-        if (browserList.indexOf('Chrome') > -1) {
+        if (browserList.includes('Chrome')) {
           results.push('Chrome');
         }
 
-        if (browserList.indexOf('Firefox') > -1) {
+        if (browserList.includes('Firefox')) {
           results.push('Firefox');
         }
 
-        if (browserList.indexOf('Edge') > -1) {
+        if (browserList.includes('Edge')) {
           results.push('Edge');
         }
 

diff --git a/fixtures/browser/karma.swc.conf.js b/fixtures/browser/karma.swc.conf.js
@@ -26,15 +26,15 @@ module.exports = function (config) {
       postDetection(browserList) {
         const results = [];
 
-        if (browserList.indexOf('Chrome') > -1) {
+        if (browserList.includes('Chrome')) {
           results.push('Chrome');
         }
 
-        if (browserList.indexOf('Firefox') > -1) {
+        if (browserList.includes('Firefox')) {
           results.push('Firefox');
         }
 
-        if (browserList.indexOf('Edge') > -1) {
+        if (browserList.includes('Edge')) {
           results.push('Edge');
         }
 

diff --git a/fixtures/browser/karma.ts.conf.js b/fixtures/browser/karma.ts.conf.js
@@ -27,15 +27,15 @@ module.exports = function (config) {
       postDetection(browserList) {
         const results = [];
 
-        if (browserList.indexOf('Chrome') > -1) {
+        if (browserList.includes('Chrome')) {
           results.push('Chrome');
         }
 
-        if (browserList.indexOf('Firefox') > -1) {
+        if (browserList.includes('Firefox')) {
           results.push('Firefox');
         }
 
-        if (browserList.indexOf('Edge') > -1) {
+        if (browserList.includes('Edge')) {
           results.push('Edge');
         }
 

diff --git a/fixtures/browser/package-lock.json b/fixtures/browser/package-lock.json