feat: Allow color computations in MathFormula and use to allow computed Turtle colors

.gitattributes

@@ -0,0 +1 @@
+*.png diff=image

.gitconfig

@@ -0,0 +1,2 @@
+[diff "image"]
+	command = sh tools/imgdiff.sh

.github/workflows/ci.yaml

@@ -9,15 +9,15 @@ jobs:
     lint:
         runs-on: ubuntu-22.04
         steps:
-            - uses: actions/checkout@v3
+            - uses: actions/checkout@v4
             - name: Set up Python
               uses: actions/setup-python@v4
               with:
                   python-version: '3.x'
             - name: Set up Node.js
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
-                  node-version: '20.x'
+                  node-version: '22.x'
             - name: Install dependencies
               run: npm install
             - name: Lint
@@ -27,15 +27,15 @@ jobs:
     test:
         runs-on: ubuntu-latest
         steps:
-            - uses: actions/checkout@v3
+            - uses: actions/checkout@v4
             - name: Set up Python
               uses: actions/setup-python@v4
               with:
                   python-version: '3.x'
             - name: Set up Node.js
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
-                  node-version: '20.x'
+                  node-version: '22.x'
             - name: Install d2 document generator
               run: curl -fsSL https://d2lang.com/install.sh | sh -s --
             - name: Install dependencies

doc/visualizer-in-depth.md

@@ -344,7 +344,7 @@ Make sure you do fill them all in -- if you attempt to draw with an
 
 Any time a parameter value is assigned into its corresponding property in your
 Visualizer object, the `parametersChanged()` method of your Visualizer is
-called with a list of the parameter name(s) that changed. The default
+called with a Set of the parameter name(s) that changed. The default
 implementation of this method in the P5Visualizer base class resets the
 display of the visualizer so that it re-runs from the beginning. So you likely
 do not need to modify that behavior. However, there could be a specialized

e2e/playwright.config.ts

@@ -12,8 +12,8 @@ export const baseConfiguration = {
     /* Run tests in files in parallel */
     fullyParallel: false,
     forbidOnly: !!process.env.CI,
-    /* Retry on CI only */
-    retries: process.env.CI ? 2 : 0,
+    /* Retry more on CI */
+    retries: process.env.CI ? 2 : 1,
     /* Opt out of parallel tests on CI. */
     workers: process.env.CI ? 1 : undefined,
     /* Reporter to use. See https://playwright.dev/docs/test-reporters */

e2e/tests/featured.spec.ts

@@ -15,15 +15,17 @@ test.describe('Featured gallery images', () => {
             details.tag = '@webGL'
         }
         test(featProps.name, details, async ({page, browserName}) => {
-            const short = featProps.name.replaceAll(' ', '')
+            const short = encodeURIComponent(
+                featProps.name.replaceAll(' ', '')
+            )
             const testURL = `/?frames=64&randomSeed=${short}&${feature.query}`
             await page.goto(testURL)
             await expect(
                 page.locator('#specimen-bar-desktop').getByText('play_arrow')
             ).toHaveId('pause-button', {timeout: 30000})
             const matchParams =
                 browserName === 'firefox' && details.tag === '@webGL'
-                    ? {maxDiffPixelRatio: 0.02}
+                    ? {maxDiffPixelRatio: 0.01}
                     : {}
             expect(
                 await page.locator('#canvas-container').screenshot()

e2e/tests/gallery.spec.ts

@@ -30,6 +30,8 @@ test.describe('Gallery', () => {
         )
     })
     test('clicking on a featured item', async ({page}) => {
+        const danceCard = await page.locator('.card-body >> nth=2')
+        await expect(danceCard.locator('.titlespan')).toContainText(/Dance/)
         await page.locator('.card-body >> nth=2').click()
         await expect(page.url()).not.toContain('gallery')
         await expect(

e2e/tests/scope.spec.ts

@@ -76,7 +76,8 @@ test.describe('Scope: on some featured visualization', () => {
         const lookFor = 'Random'
         const andThenFind = 'Random integers 0 to 9'
         await page.locator('#sequenceTab .visualizer-info').click()
-        await page.getByText(lookFor, {exact: true}).click()
+        const itemToClick = await page.getByText(lookFor, {exact: true})
+        await itemToClick.click()
         await expect(
             await page.locator('#sequenceTab .item-name').innerText()
         ).toMatch(andThenFind)