Merge branch 'develop' into pr05/migrate_client_utils_folder

Author: clairep94

README.md

@@ -26,6 +26,13 @@ The p5.js Editor is a collaborative project created by many individuals, mostly
 
 3. [All Contributors list on the p5.js repository](https://github.com/processing/p5.js?tab=readme-ov-file#contributors) - Explore the All Contributors list to see the wide range of contributions by our amazing community!
 
+> **TypeScript Migration:** 
+> As of July 2025, we are working on migrating the repo to TypeScript as part of the **[p5.js Web Editor pr05 Grant](https://github.com/processing/pr05-grant/wiki/2025-pr05-Program-Page)**.  
+> This migration will occur in two phases:
+> 1. **Grant Work (July – October 31, 2025)** – Setting up TypeScript configuration, tooling, and starting partial migration. Contributions will be **closed** during this period.
+> 2. **Open Contribution (After October 31, 2025)** – TypeScript migration tasks will **open** to all contributors, with guidelines and tutorials available.  
+>
+> For full details, see [TypeScript Migration Plan](./contributor_docs/typescript-migration.md).
 
 ## Acknowledgements 🙏
 

client/styles/components/_console.scss

@@ -57,6 +57,13 @@
 		& path {
 			fill: getThemifyVariable('secondary-text-color');
 		}
+		&:hover {
+			& g,
+			& polygon,
+			& path {
+				fill: getThemifyVariable('logo-color');
+			}
+		}
 	}
 	.preview-console--collapsed & {
 		display: none;
@@ -72,6 +79,13 @@
 		& path {
 			fill: getThemifyVariable('secondary-text-color');
 		}
+		&:hover {
+			& g,
+			& polygon,
+			& path {
+				fill: getThemifyVariable('logo-color');
+			}
+		}
 	}
 	display: none;
 	.preview-console--collapsed & {

common/p5Versions.js

@@ -5,10 +5,12 @@ export const currentP5Version = '1.11.8'; // Don't update to 2.x until 2026
 // JSON.stringify([...document.querySelectorAll('._132722c7')].map(n => n.innerText), null, 2)
 // TODO: use their API for this to grab these at build time?
 export const p5Versions = [
+  '2.0.4',
   '2.0.3',
   '2.0.2',
   '2.0.1',
   '2.0.0',
+  '1.11.9',
   '1.11.8',
   '1.11.7',
   '1.11.6',

contributor_docs/README.md

@@ -1,4 +1,4 @@
-# Contributor Documentatation
+# Contributor Documentation
 This folder contains guides for contributing to the p5.js Web Editor. You don't need to know everything to get started—explore at your own pace! To begin, we highly recommend starting with the [Contribution Guide](https://github.com/processing/p5.js-web-editor/blob/develop/.github/CONTRIBUTING.md)!
 
 These guides aren't exhaustive, and do not cover all the possible ways you can contribute to a project. If you have an idea for how you'd like to help and don't see a guide for it here, you're welcome to add it to the "Documents to Create" list below by opening an issue!
@@ -15,6 +15,7 @@ These guides aren't exhaustive, and do not cover all the possible ways you can c
 * [Translations Guidelines](translations.md) - Guidelines for translating the p5.js editor. 
 * [Deployment](deployment.md) - A guide to production deployment, and all platforms that are being used.
 * [Release](./release.md) - A guide to creating a production release.
+* [Typescript Migration](./typescript_migration.md) - About the Typescript Migration project.
 
 
 ## Documents to Create

contributor_docs/preparing_a_pull_request.md

@@ -8,6 +8,7 @@ Pull-requests are easier when your code is up to date!
 Before submitting a pull request, make sure that:
 
 - Your work is related to an issue. **Pull requests that do not have an associated issue will not be accepted.** 
+- **The issue is not already assigned to another contributor.** We follow a "first assigned, first served" approach to avoid duplicated work. If you open a PR for an issue that someone else is already working on, your PR will be closed.
 - Your work adheres to the style guidelines and fits in with the rest of the codebase.
 - You ran the project locally and tested your changes. Pay special attention to any specific areas of the p5.js editor that may be affected by your changes. Does everything still work as before? Great!
 

contributor_docs/s3_configuration.md

@@ -1,5 +1,5 @@
 # S3 Bucket Configuration
-1. [Create an S3 bucket](https://docs.aws.amazon.com/AmazonS3/latest/userguide/create-bucket-overview.html), with any name
+1. [Create an S3 bucket](https://docs.aws.amazon.com/AmazonS3/latest/userguide/create-bucket-overview.html), with any name.
 2. Navigate to the S3 bucket permissions and add the following CORS policy. This is for development only, as it allows CORS from any origin.
 ```
 [

contributor_docs/typescript_migration.md

@@ -0,0 +1,22 @@
+# TypeScript Migration
+
+This repository is undergoing a TypeScript migration as part of the **2025 pr05 Grant: Incremental Typescript Migration of the p5.js Web Editor**, running **July – October 31, 2025**. Details on the [pr05 grant](https://github.com/processing/pr05-grant/wiki/2025-pr05-Program-Page) and [migration project](https://github.com/processing/pr05-grant/wiki/2025-pr05-Project-List#incremental-typescript-migration-for-the-p5js-editor).
+
+## Phase 1: Grant Work (July – October 31, 2025)
+
+During this period, the grant team will:
+
+- Configure and enable TypeScript across the project (`tsconfig`, linting, type checking, etc).
+- Set up linting, testing, and other related developer tooling for TS.
+- Begin migrating selected JavaScript files to TypeScript.
+- Prepare documentation and workflow so migration tasks can become **good first issues** for new contributors.
+
+> **Note:** While this initial setup and partial migration is in progress, contributions to the migration itself will **not** be open to the public.
+
+## Phase 2: Open Contribution (After October 31, 2025)
+
+When the grant period ends:
+
+- The migration effort will open up to all contributors.
+- This section will include **guidelines, tutorials, and examples** for migrating files from JavaScript to TypeScript in this project.
+- Migration tasks will be clearly labeled in the issue tracker (e.g., `good first issue`, `typescript migration`).

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "p5.js-web-editor",
-  "version": "2.17.1",
+  "version": "2.17.2",
   "description": "The web editor for p5.js.",
   "scripts": {
     "clean": "rimraf dist",