Implement a basic benchmark test, and deprecate derivation.map()/flatMap()

This starts a new workspace at `packages/benchmarks` where future benchmarks are going to sit. For now, it only contains a basic profile of a `sequence.play()` setup. It also removes all uses of `AbstractDerivation.map()/flatMap()` and uses prisms instead.
2022-11-26 15:00:14 +01:00 · 2022-11-26 15:00:14 +01:00 · ae8be59366
commit ae8be59366
parent 45b548660c
26 changed files with 37584 additions and 56 deletions
--- a/packages/benchmarks/src/Bench
+++ b/packages/benchmarks/src/Bench
--- a/packages/benchmarks/src/benchmarks-globals.d.ts
+++ b/packages/benchmarks/src/benchmarks-globals.d.ts
@ -0,0 +1,11 @@
+declare module '*.png' {
+  export default string
+}
+
+declare module '*.json' {
+  export default {}
+}
+
+declare module '*.glb' {
+  export default string
+}
--- a/packages/benchmarks/src/index.html
+++ b/packages/benchmarks/src/index.html
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Benchmarks – Theatre.js</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100%;
+        background-color: #1a1a1a;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="root"></div>
+
+    <script src="./index.js"></script>
+  </body>
+</html>
--- a/packages/benchmarks/src/index.tsx
+++ b/packages/benchmarks/src/index.tsx
@ -0,0 +1,111 @@
+// import studio from '@theatre/studio'
+import {getProject} from '@theatre/core'
+import type {
+  UnknownShorthandCompoundProps,
+  ISheet,
+  ISheetObject,
+} from '@theatre/core'
+// @ts-ignore
+import benchProject1State from './Bench project 1.theatre-project-state.json'
+import {Ticker} from '@theatre/dataverse'
+import {setCoreTicker} from '@theatre/core/coreTicker'
+
+const ticker = new Ticker()
+setCoreTicker(ticker)
+
+// studio.initialize({})
+
+/**
+ * This test will create a project with `numberOfInstances` instances of the same sheet. Each instance
+ * will have a single object, and that object will have a bunch of props (see `CONFIG.depthOfProps` and `CONFIG.leavePropsAtEachBranch`).
+ * All of those props have been set to be sequenced in `./Bench project 1.theatre-project-state.json`.
+ * The test will then play the sequence from the beginning to the end, split into `CONFIG.numberOfIterations` iterations.
+ * We then measure the time it takes to play the sequence through.
+ */
+async function test1() {
+  const project = getProject('Bench project 1', {state: benchProject1State})
+
+  const CONFIG = {
+    numberOfInstances: 20,
+    depthOfProps: 4,
+    leavePropsAtEachBranch: 4,
+    sequenceLength: 10, // seconds
+    numberOfIterations: 20,
+  }
+
+  function getObjConf(
+    depth: number,
+    count: number,
+  ): UnknownShorthandCompoundProps | 0 {
+    if (depth === 0) {
+      return 0
+    }
+
+    return Object.fromEntries(
+      new Array(count)
+        .fill(0)
+        .map((_, i) => [String(i), getObjConf(depth - 1, count)]),
+    )
+  }
+
+  const rootConf = getObjConf(
+    CONFIG.depthOfProps,
+    CONFIG.leavePropsAtEachBranch,
+  ) as UnknownShorthandCompoundProps
+
+  const sheets: Array<ISheet> = []
+  const objects: Array<ISheetObject> = []
+
+  for (let i = 0; i < CONFIG.numberOfInstances; i++) {
+    const sheet = project.sheet(`Sheet`, `Instance ${i}`)
+    sheets.push(sheet)
+    const obj = sheet.object(`Obj`, rootConf)
+    objects.push(obj)
+  }
+
+  let onChangeEventsFired = 0
+
+  function subscribeToAllObjects() {
+    const startTime = performance.now()
+    for (const obj of objects) {
+      obj.onValuesChange((v) => {
+        onChangeEventsFired++
+      })
+    }
+    const endTime = performance.now()
+    console.log(
+      `Subscribing to ${objects.length} objects took ${endTime - startTime}ms`,
+    )
+  }
+
+  function iterateOnSequence() {
+    ticker.tick()
+    const startTime = performance.now()
+    for (let i = 1; i < CONFIG.numberOfIterations; i++) {
+      onChangeEventsFired = 0
+      const pos = (i / CONFIG.numberOfIterations) * CONFIG.sequenceLength
+      for (const sheet of sheets) {
+        sheet.sequence.position = pos
+      }
+      ticker.tick()
+      if (onChangeEventsFired !== objects.length) {
+        console.info(
+          `Expected ${objects.length} onChange events, got ${onChangeEventsFired}`,
+        )
+      }
+    }
+    const endTime = performance.now()
+    console.log(
+      `Scrubbing the sequence in ${CONFIG.numberOfIterations} iterations took ${
+        endTime - startTime
+      }ms`,
+    )
+  }
+
+  subscribeToAllObjects()
+  iterateOnSequence()
+}
+
+test1().then(() => {
+  console.log('test1 done')
+})