Merge branch '2.0' into fix-against-2.0

Author: perminder-17

src/content/examples/en/16_Parallel_Loading_Promise/00_Async_Image_Loader/code.js

@@ -0,0 +1,37 @@
+// PromiseAllExample.js
+
+// Declare variables to hold the images we'll load
+let img1, img2, img3;
+
+async function setup() {
+  // Add screen reader-friendly text description
+  textOutput();
+  
+  // Create a canvas where the images will be drawn
+  createCanvas(600, 400);
+
+  // Set background color to gray
+  background(220);
+
+  // Configure text appearance
+  textAlign(CENTER, CENTER);
+  textSize(18);
+
+  // Use async/await with Promise.all to load all three images at once
+  // This waits until ALL images are loaded before continuing
+  [img1, img2, img3] = await Promise.all([
+    loadImage('https://picsum.photos/100/100?random=1'), // Replace the image links with user wanted images.
+    loadImage('https://picsum.photos/100/100?random=2'),
+    loadImage('https://picsum.photos/100/100?random=3')
+  ]);
+
+  // Once all images are ready, draw them on the canvas
+  image(img1, 100, 150);  // Draw first image at x=100
+  image(img2, 250, 150);  // Second image at x=250
+  image(img3, 400, 150);  // Third image at x=400
+
+  // Display a message showing that everything is loaded
+  fill(0);  // Set text color to black
+  text("All images loaded!", width / 2, 50);
+}
+

src/content/examples/en/16_Parallel_Loading_Promise/00_Async_Image_Loader/description.mdx

@@ -0,0 +1,17 @@
+---
+featuredImage: "../../../images/featured/16_Async_Await_PromiseAll-thumbnail.png"
+featuredImageAlt: Three random images loaded and displayed on a canvas after using async/await and Promise.all.
+title: Async Await with Promise.all
+oneLineDescription: Load multiple resources asynchronously before drawing.
+---
+
+This example demonstrates how to use
+<a href="https://beta.p5js.org/reference/p5/async_await/" target="_blank"> async/await </a>
+together with
+<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all" target="_blank">Promise.all()</a>
+
+Three random images are fetched asynchronously from the internet.
+After all images finish loading, they are drawn together on the canvas.
+Using
+<a href="https://beta.p5js.org/reference/p5/loadimage/" target="_blank">loadImage()</a>
+wrapped inside a promise allows better control over loading multiple resources efficiently.

src/content/examples/images/featured/16_Async_Await_PromiseAll-thumbnail.png

@@ -1,7 +1,7 @@
 name: p5.woff2
 description: An addon to add support for WebGL rendering, textToPoints, and related text methods for woff2 fonts. Load a Google Fonts URL and you're good to go!
 category: utils
-sourceUrl: https://github.com/davepagurek/p5.transparency
+sourceUrl: https://github.com/davepagurek/p5.woff2
 featuredImage: ../images/p5.woff2.png
 featuredImageAlt: The text "The quick brown fox jumps over the lazy dog" repeated in different weights
 author:

src/content/libraries/en/p5.woff2.yaml

@@ -23,7 +23,7 @@ const parsersOutPath = path.join(__dirname, "out");
 export const parseLibraryReference =
   async (): Promise<ParsedLibraryReference | null> => {
     let latestRelease:string = p5Version;
-    if (/^\d+\.\d+\.\d+$/.exec(latestRelease)) {
+    if (/^\d+\.\d+\.\d+(-[\w.]+)?$/.exec(latestRelease)) {
       latestRelease = `v${  latestRelease}`;
     }