Merge branch 'dev-2.0' into sketch-id

Author: limzykenneth

.all-contributorsrc

@@ -1,18 +1,16 @@
-name: 📃 p5.js 2.0 Beta Bug Report
-description: This template is for submitting a bug report for bugs found in the p5.js 2.0 beta releases.
-title: "[p5.js 2.0 Beta Bug Report]: "
-labels: [p5.js 2.0]
+name: 📃 p5.js 2.0+ Bug Report
+description: This template is for submitting a bug report for bugs found in p5v2!
+title: "[p5.js 2.0+ Bug Report]: "
+labels: [p5.js 2.0+]
 body:
   - type: markdown
     attributes:
       value: |
         ### What falls under this category?
-        There has been many changes to p5.js in 2.0 that is currently released as beta versions. If you suspect there may be a bug, please follow the below steps before opening a bug report using this template:
-
-        1. There are some differences in behavior between p5.js 1.x and 2.0 beta, please check the changelog and/or [proposal list](https://github.com/orgs/processing/projects/21) to see if the difference in behavior is intended. If in doubt, feel free to open the issue anyway and ask.
-        2. Breaking changes may still happen between beta versions, please make sure to include the full beta version number and use the latest beta release where possible.
-        3. We are not considering any new proposal for p5.js 2.0 at this stage and if you would like to request new features, please use the "New feature request" issue template.
-        4. The documentation and examples may be outdated at this stage while we work on updating them.
+        There has been many changes to p5.js in 2.0! You can try it in p5.js Editor by updating the version in "Settings," and reference is available [on the beta version of the site](https://beta.p5js.org/). If you suspect there may be a bug, please follow the below steps before opening a bug report using this template:
+        1. There are some differences in behavior between p5.js 1.x and 2.0 beta, please check the changelog and/or [2.0 status board](https://github.com/orgs/processing/projects/21) to see if the difference in behavior is intended. If in doubt, feel free to open the issue anyway and ask.
+        2. New proposals for future p5.js 2.x minor releases may be considered! Please use the "New feature request" issue template, or check the [2.0 status board](https://github.com/orgs/processing/projects/21) is there is already discussion abotu this proposal.
+        3. Reports of errors or potential improvements in documentation and examples is expecially helpful, since many things have been updated from 1.x to 2.0!
   - type: checkboxes
     id: sub-area
     attributes:
@@ -31,6 +29,8 @@ body:
           - label: Typography
           - label: Utilities
           - label: WebGL
+          - label: WebGPU
+          - label: p5.strands
           - label: Build process
           - label: Unit testing
           - label: Internationalization
@@ -78,4 +78,4 @@ body:
 
         ```"
     validations:
-      required: true
+      required: true

.eslintignore

@@ -4,12 +4,26 @@
 
 # Comment to be posted to on first time issues
 newIssueWelcomeComment: >
-  Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, please make sure to fill out the inputs in the issue forms. Thank you!
-# Configuration for new-pr-welcome - https://github.com/behaviorbot/new-pr-welcome
+   Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, please make sure to fill out the inputs in the issue forms.
+    
+   For guidance on contributing, check out our [contributing guidelines](https://github.com/processing/p5.js/blob/main/CONTRIBUTING.md) and other [resources for contributors](https://p5js.org/contribute/).
+
+   💬 If you have questions or need support,  feel free to join the [Processing Foundation Forum](https://discourse.processing.org/) or visit our [Community page](https://p5js.org/community/).
 
+   📜 Please also review our [Code of Conduct](https://p5js.org/code-of-conduct/) to understand our community standards.
+
+   Thank You!
+# Configuration for new-pr-welcome - https://github.com/behaviorbot/new-pr-welcome
 # Comment to be posted to on PRs from first time contributors in your repository
 newPRWelcomeComment: >
-  🎉 Thanks for opening this pull request! Please check out our [contributing guidelines](https://github.com/processing/p5.js/blob/main/CONTRIBUTING.md) if you haven't already. And be sure to add yourself to the [list of contributors on the readme page](https://github.com/processing/p5.js#contributors)!
+   🎉 Thanks for opening this pull request! For guidance on contributing, check out our [contributor guidelines](https://p5js.org/contribute/contributor_guidelines/) and other [resources for contributors](https://p5js.org/contribute)!
+
+   🤔 Please ensure that your PR links to an issue, which has been approved for work by a maintainer; otherwise, there might already be someone working on it, or still ongoing discussion about implementation. You are welcome to join the discussion in an Issue if you're not sure!
+
+   🌸  Once your PR is merged, be sure to [add yourself](https://github.com/processing/p5.js/issues/2309) to the [list of contributors on the readme page](https://github.com/processing/p5.js#contributors) !
+
+
+   Thank You!
 
 # Configuration for first-pr-merge - https://github.com/behaviorbot/first-pr-merge
 

.eslintrc.json

@@ -0,0 +1,18 @@
+name: Close Linked Issues on PR Merge
+
+on:
+  pull_request:
+    types: [closed]
+    branches:
+      - dev-2.0
+
+jobs:
+  close_issues:
+    if: github.event.pull_request.merged == true
+    runs-on: ubuntu-latest
+    steps:
+      - name: Close linked issues on non-default branches
+        uses: processing/branch-pr-close-issue@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          branch: dev-2.0

.github/ISSUE_TEMPLATE/1-p5.js-2.0-bug-report.yml

@@ -14,10 +14,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v1
-      - name: Use Node.js 20.x
+      - name: Use Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 20.x
+          node-version: 22.x
       - name: Get node modules
         run: npm ci
         env:

.github/config.yml

@@ -11,23 +11,72 @@ on:
 
 jobs:
   test:
-    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        include:
+          - os: ubuntu-latest
+            browser: chrome
+          # - os: windows-latest
+          #   browser: chrome
+
+    runs-on: ${{ matrix.os }}
 
     steps:
-      - uses: actions/checkout@v1
-      - name: Use Node.js 20.x
-        uses: actions/setup-node@v1
+      - uses: actions/checkout@v4
+      
+      - name: Use Node.js 22.x
+        uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 22.x
+      
+      - name: Verify Chrome (Ubuntu)
+        if: matrix.os == 'ubuntu-latest' && matrix.browser == 'chrome'
+        run: |
+          google-chrome --version
+
+      - name: Verify Chrome (Windows)
+        if: matrix.os == 'windows-latest' && matrix.browser == 'chrome'
+        run: |
+          & "C:\Program Files\Google\Chrome\Application\chrome.exe" --version
+      
       - name: Get node modules
         run: npm ci
         env:
           CI: true
-      - name: build and test
-        run: npm test
+
+      - name: Build and test (Ubuntu)
+        id: test
+        if: matrix.os == 'ubuntu-latest'
+        run: npm test -- --project=unit-tests
+        continue-on-error: true
+        env:
+          CI: true
+
+      - name: Generate Visual Test Report
+        if: always()
+        run: node visual-report.js
+        env:
+          CI: true
+      - name: Upload Visual Test Report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: visual-test-report
+          path: test/unit/visual/visual-report.html
+          retention-days: 14
+      - name: generate TypeScript types
+        run: npm run generate-types
+        env:
+          CI: true
+      - name: test TypeScript types
+        run: npm run test:types
         env:
           CI: true
       - name: report test coverage
+        if: steps.test.outcome == 'success'
         run: bash <(curl -s https://codecov.io/bash) -f coverage/coverage-final.json
         env:
           CI: true
+      - name: fail job if tests failed
+        if: steps.test.outcome != 'success'
+        run: exit 1

.github/workflows/auto-close-issues.yml

@@ -0,0 +1,55 @@
+name: Publish approved pull requests and latest commit to pkg.pr.new
+on:
+  pull_request:
+    branches:
+      - 'dev-2.0'
+  push:
+    branches:
+      - 'dev-2.0'
+    tags:
+      - '!**'
+
+permissions:
+  pull-requests: write
+  issues: write
+
+jobs:
+  publish:
+    if: github.repository == 'processing/p5.js'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build library
+        run: npm run build
+
+      - name: Publish library
+        run: npx pkg-pr-new publish --no-template --json output.json --comment=off
+
+      - name: Include PR info in output file
+        uses: actions/github-script@v8
+        env:
+          PR_NUMBER: ${{ github.event.pull_request.number }}
+        with:
+          script: |
+            const fs = require('fs');
+            const output = JSON.parse(fs.readFileSync('output.json', 'utf8'));
+            output.workflow = {
+              pull_request: process.env.PR_NUMBER ? {
+                number: process.env.PR_NUMBER
+              } : null
+            };
+            fs.writeFileSync('output.json', JSON.stringify(output));
+
+      - name: Upload output data
+        uses: actions/upload-artifact@v4
+        with:
+          name: output.zip
+          path: output.json

.github/workflows/ci-lint.yml

@@ -0,0 +1,40 @@
+name: Generate Contributors PNG
+
+on:
+  push:
+    paths:
+      - '.all-contributorsrc'
+
+jobs:
+  build:
+    if: github.ref == 'refs/heads/main' && github.repository == 'processing/p5.js'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install dependencies
+        run: npm install canvas
+
+      - name: Run contributors-png generator
+        run: node utils/contributors-png.js
+
+      - name: Reset all changes except contributors.png
+        run: |
+          git restore --staged .
+          git add contributors.png
+          git checkout -- .
+
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v7
+        with:
+          commit-message: "Update contributors.png from .all-contributorsrc"
+          branch: update-contributors-png
+          title: "chore: update contributors.png from .all-contributorsrc"
+          body: "This PR updates the contributors.png to reflect changes in .all-contributorsrc"
+          add-paths: contributors.png
+          token: ${{ secrets.ACCESS_TOKEN }}