Precompute

.vscode/tasks.json

@@ -7,6 +7,13 @@
       "option": "watch",
       "problemMatcher": ["$tsc-watch"],
       "runOptions": { "runOn": "folderOpen" }
+    },
+    {
+      "type": "typescript",
+      "tsconfig": "tsconfig.scripts.json",
+      "option": "watch",
+      "problemMatcher": ["$tsc-watch"],
+      "runOptions": { "runOn": "folderOpen" }
     }
   ]
 }

package.json

@@ -25,6 +25,7 @@
     "contents": "ts-node --project tsconfig.scripts.json ./scripts/generateContentsBundle.ts",
     "sitemap": "ts-node --project tsconfig.scripts.json -r tsconfig-paths/register ./scripts/generateSitemap.ts",
     "contents:watch": "ts-node --project tsconfig.scripts.json ./scripts/generateContentsBundle.ts watch",
+    "precompute": "ts-node --project tsconfig.scripts.json -r tsconfig-paths/register ./scripts/precomputeExpressionContainers.ts",
     "tsc": "tsc",
     "eslint": "eslint --ext .js,.ts,.tsx .",
     "eslint:fix": "eslint --ext .js,.ts,.tsx --fix .",
@@ -39,6 +40,7 @@
   "devDependencies": {
     "@svgr/cli": "^4.3.0",
     "@types/color": "^3.0.0",
+    "@types/fs-extra": "^7.0.0",
     "@types/glob": "^7.1.1",
     "@types/jest": "^24.0.13",
     "@types/lodash": "^4.14.134",
@@ -65,6 +67,7 @@
     "eslint-plugin-prettier": "^3.1.0",
     "eslint-plugin-react": "^7.13.0",
     "eslint-plugin-react-hooks": "^1.6.0",
+    "fs-extra": "^8.0.1",
     "glob": "^7.1.4",
     "jest": "^24.8.0",
     "prettier": "^1.18.2",

scripts/generateContentsBundle.ts

@@ -1,7 +1,7 @@
 import chokidar from 'chokidar'
 import glob from 'glob'
 import fs from 'fs'
-import prettier from 'prettier'
+import prettierFormat from 'scripts/lib/prettierFormat'
 
 const regenerate = (path?: string) => {
   glob(
@@ -34,14 +34,13 @@ const regenerate = (path?: string) => {
         )
         .join(',\n')
 
-      const fileContents = prettier.format(
+      const fileContents = prettierFormat(
         `// WARNING: Do not modify this file - it's generated automatically.
       ${importString}
 
       export default {
         ${bundleObjectString}
-      }`,
-        { semi: false, singleQuote: true, parser: 'typescript' }
+      }`
       )
 
       fs.writeFile('./src/lib/contentsBundle.tsx', fileContents, err => {

scripts/generateEmojisBundle.ts

@@ -1,7 +1,7 @@
 import chokidar from 'chokidar'
 import glob from 'glob'
 import fs from 'fs'
-import prettier from 'prettier'
+import prettierFormat from 'scripts/lib/prettierFormat'
 import { exec } from 'child_process'
 
 const regenerate = () => {
@@ -29,14 +29,13 @@ const regenerate = () => {
       .map(name => `'${name}': ${toComponentName(name)}`)
       .join(',\n')
 
-    const fileContents = prettier.format(
+    const fileContents = prettierFormat(
       `// WARNING: Do not modify this file - it's generated automatically.
       ${importString}
 
       export default {
         ${bundleObjectString}
-      }`,
-      { semi: false, singleQuote: true, parser: 'typescript' }
+      }`
     )
 
     fs.writeFile('./src/lib/emojisBundle.tsx', fileContents, err => {

scripts/lib/buildExpressionContainers.ts

@@ -0,0 +1,109 @@
+import { ExpressionRunnerConfig } from 'scripts/lib/buildExpressionRunnerConfigFromShorthand'
+import { isContainerWithState } from 'src/lib/expressionContainerGuards'
+import stepExpressionContainer from 'src/lib/stepExpressionContainer'
+import { ExpressionContainer } from 'src/types/ExpressionContainerTypes'
+
+const buildExpressionContainers = ({
+  expressionContainer,
+  initializeInstructions,
+  showAllShowSteps,
+  skipAlphaConvert,
+  skipToTheEnd,
+  hideControls,
+  lastAllowedExpressionState,
+  lastAllowedExpressionStateAfterIterations,
+  hidePlayButton
+}: ExpressionRunnerConfig): readonly ExpressionContainer[] => {
+  let currentExpressionContainer = expressionContainer
+  let results: ExpressionContainer[] = []
+  const stepOptions = { showAllShowSteps, skipAlphaConvert }
+
+  initializeInstructions.forEach(initializeInstruction => {
+    if (
+      initializeInstruction.type ===
+      'stepForwardUntilPreviouslyChangedExpressionState'
+    ) {
+      while (
+        currentExpressionContainer.previouslyChangedExpressionState !==
+          initializeInstruction.state &&
+        !isContainerWithState(currentExpressionContainer, 'done')
+      ) {
+        currentExpressionContainer = stepExpressionContainer(
+          currentExpressionContainer,
+          stepOptions
+        )
+      }
+    } else if (initializeInstruction.type === 'nextIteration') {
+      if (!isContainerWithState(currentExpressionContainer, 'done')) {
+        currentExpressionContainer = stepExpressionContainer(
+          currentExpressionContainer,
+          stepOptions
+        )
+        while (
+          currentExpressionContainer.previouslyChangedExpressionState !==
+            'default' &&
+          !isContainerWithState(currentExpressionContainer, 'done')
+        ) {
+          currentExpressionContainer = stepExpressionContainer(
+            currentExpressionContainer,
+            stepOptions
+          )
+        }
+      }
+    } else {
+      while (!isContainerWithState(currentExpressionContainer, 'done')) {
+        currentExpressionContainer = stepExpressionContainer(
+          currentExpressionContainer,
+          stepOptions
+        )
+      }
+    }
+  })
+
+  results.push(currentExpressionContainer)
+
+  if (hideControls) {
+    return results
+  }
+
+  if (skipToTheEnd) {
+    while (!isContainerWithState(currentExpressionContainer, 'done')) {
+      currentExpressionContainer = stepExpressionContainer(
+        currentExpressionContainer,
+        stepOptions
+      )
+    }
+    results.push(currentExpressionContainer)
+    return results
+  }
+
+  let becameDefaultCount = 0
+  while (!isContainerWithState(currentExpressionContainer, 'done')) {
+    currentExpressionContainer = stepExpressionContainer(
+      currentExpressionContainer,
+      stepOptions
+    )
+    results.push(currentExpressionContainer)
+
+    if (hidePlayButton) {
+      break
+    }
+
+    if (
+      lastAllowedExpressionState &&
+      lastAllowedExpressionState ===
+        expressionContainer.previouslyChangedExpressionState &&
+      (lastAllowedExpressionStateAfterIterations || 0) <= becameDefaultCount
+    ) {
+      break
+    }
+
+    if (expressionContainer.previouslyChangedExpressionState === 'default') {
+      becameDefaultCount += 1
+    }
+  }
+
+  return results
+}
+
+export default buildExpressionContainers