Merge branch 'main' into docs/fix-triangle-diagram-clarity

perminder-17 · web-flow · commit f0ac85a143d5 · 2026-01-26T02:40:22.000+05:30
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -20,6 +20,9 @@ if (shouldSkipCompress) {
 export default defineConfig({
   site: 'https://p5js.org',
   compressHTML: false,
+  legacy: {
+    collections: true
+  },
   integrations: [
     mermaid({autoTheme: true}),
     preact({
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,18 +21,18 @@
     "test:a11y": "playwright test test/a11y"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.5",
-    "@astrojs/mdx": "^2.1.1",
-    "@astrojs/preact": "^3.1.0",
-    "@astrojs/tailwind": "^5.1.0",
-    "@tailwindcss/typography": "^0.5.12",
-    "astro": "^4.4.1",
+    "@astrojs/check": "^0.9.6",
+    "@astrojs/mdx": "^4.3.13",
+    "@astrojs/preact": "^4.1.3",
+    "@astrojs/tailwind": "^6.0.2",
+    "@tailwindcss/typography": "^0.5.19",
+    "astro": "^5.16.6",
     "astro-compress": "^2.2.10",
     "astro-mermaid": "^1.2.0",
     "astrojs-service-worker": "^2.0.0",
     "autoprefixer": "^10.4.20",
     "cheerio": "^1.0.0-rc.12",
-    "cssnano": "^7.0.6",
+    "cssnano": "^7.1.2",
     "fuse.js": "^7.0.0",
     "js-yaml": "^4.1.0",
     "keyword-extractor": "^0.0.28",
@@ -41,7 +41,7 @@
     "preact": "^10.19.5",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.3.1"
+    "vitest": "^4.0.16"
   },
   "overrides": {
     "react": "npm:@preact/compat@latest",
@@ -64,7 +64,7 @@
     "@types/js-yaml": "^4.0.9",
     "@types/jsdom": "^21.1.6",
     "@types/lodash": "^4.17.1",
-    "@types/node": "^20.11.19",
+    "@types/node": "^22.13.0",
     "@typescript-eslint/eslint-plugin": "^7.0.2",
     "@typescript-eslint/parser": "^7.0.2",
     "@uiw/codemirror-extensions-basic-setup": "^4.21.22",
diff --git a/src/components/Dropdown/index.tsx b/src/components/Dropdown/index.tsx
@@ -152,7 +152,9 @@ export const Dropdown = ({
           </div>
           <button
             onClick={() => handleOptionClick(option)}
-            ref={(el) => (optionRefs.current[index] = el as HTMLButtonElement)}
+            ref={el => {
+              optionRefs.current[index] = el as HTMLButtonElement
+            }}
             onBlur={handleBlur}
           >
             <span>{option.label}</span>
diff --git a/src/content/reference/es/p5/createImage.mdx b/src/content/reference/es/p5/createImage.mdx
@@ -3,7 +3,7 @@ title: createImage
 module: Imagen
 submodule: Imagen
 file: src/image/image.js
-description: "<p>Crea un objeto <a href="/reference/p5/p5.Image">p5.Image</a> nuevo.</p><p><code>createImage()</code> utiliza los parámetros <code>width</code> y <code>height</code> para establecer las dimensiones en píxeles del nuevo objeto<a href="/reference/p5/p5.Image">p5.Image</a>. El nuevo objeto <a href="/reference/p5/p5.Image">p5.Image</a> puede ser modificado actualizando su array de<a href="/reference/p5.Image/pixels">píxeles</a> o llamando a sus métodos<a href="/reference/p5.Image/get">get()</a> y<a href="/reference/p5.Image/set">set()</a>. El método <a href="/reference/p5.Image/loadPixels">loadPixels()</a>debe ser llamado antes de leer o modificar los valores de los píxeles. El método <a href="/reference/p5.Image/updatePixels">updatePixels()</a> debe ser llamado npara que los cambios surtan efecto.</p> <p>Nota: El nuevo objeto <a href="/reference/p5/p5.Image">p5.Image</a> es transparente por defecto.</p>"
+description: '<p>Crea un objeto <a href="/reference/p5/p5.Image">p5.Image</a> nuevo.</p><p><code>createImage()</code> utiliza los parámetros <code>width</code> y <code>height</code> para establecer las dimensiones en píxeles del nuevo objeto<a href="/reference/p5/p5.Image">p5.Image</a>. El nuevo objeto <a href="/reference/p5/p5.Image">p5.Image</a> puede ser modificado actualizando su array de<a href="/reference/p5.Image/pixels">píxeles</a> o llamando a sus métodos<a href="/reference/p5.Image/get">get()</a> y<a href="/reference/p5.Image/set">set()</a>. El método <a href="/reference/p5.Image/loadPixels">loadPixels()</a>debe ser llamado antes de leer o modificar los valores de los píxeles. El método <a href="/reference/p5.Image/updatePixels">updatePixels()</a> debe ser llamado npara que los cambios surtan efecto.</p> <p>Nota: El nuevo objeto <a href="/reference/p5/p5.Image">p5.Image</a> es transparente por defecto.</p>'
 line: '15'
 isConstructor: 'false'
 itemtype: method
diff --git a/src/content/reference/es/p5/square.mdx b/src/content/reference/es/p5/square.mdx
@@ -27,8 +27,7 @@ line: 1224
 isConstructor: false
 itemtype: method
 example:
-  - |-
-
+  - |
     <div>
     <code>
     function setup() {
@@ -143,6 +142,6 @@ params:
     type: Number
     optional: true
 chainable: true
-
+---
 
 # square
diff --git a/src/scripts/builders/contribute.ts b/src/scripts/builders/contribute.ts
@@ -322,4 +322,6 @@ const buildContributorDocs = async () => {
   console.log("Contributor docs build completed.");
 };
 
-buildContributorDocs();
+if(import.meta.main){
+  buildContributorDocs();
+}
diff --git a/src/scripts/builders/reference.ts b/src/scripts/builders/reference.ts
@@ -464,11 +464,13 @@ const saveMDX = async (mdxDocs: ReferenceMDXDoc[]) => {
   }
 };
 
-buildReference();
-
 export const testingExports = {
   modulePathTree,
   memberMethodPreviews: classMethodAndPropertyPreviews,
   addDocToModulePathTree,
   addMemberMethodPreviewsToClassDocs: addMethodAndPropertyPreviewsToClassDocs,
 };
+
+if(import.meta.main){
+  buildReference();
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,14 +1,19 @@
 {
   "extends": "astro/tsconfigs/strict",
+  "include": [
+    "./.astro/types.d.ts",
+    "**/*"
+  ],
   "exclude": [
     "./dist",
     "./in",
-    "./.astro",
+    // "./.astro",
     "./src/content/examples/**/*.js",
     "src/scripts/parsers/in",
     "src/scripts/parsers/out"
   ],
   "compilerOptions": {
+    "lib": ["es2022"],
     "jsx": "react-jsx",
     "jsxImportSource": "preact",
     "allowJs": true,
diff --git a/vitest.config.ts b/vitest.config.ts
@@ -1,21 +1,40 @@
-/// <reference types="vitest" />
-import { defineConfig, configDefaults } from 'vitest/config';
 import { getViteConfig } from "astro/config";
+import { configDefaults } from 'vitest/config';
 import preact from "@preact/preset-vite";
 
-export default getViteConfig(defineConfig({
+export default getViteConfig({
   // needed to ensure react 3rd party libraries work with preact
   plugins: [preact()],
   resolve: {
     mainFields: ["module"],
   },
   test: {
-    /* for example, use global to avoid globals imports (describe, test, expect): */
-    // globals: true,
-    environment: "jsdom",
-    exclude: [
-      ...configDefaults.exclude,
-      'test/a11y/**',
-    ],
+    projects: [
+      {
+        extends: true,
+        test: {
+          name: "DOM",
+          environment: "jsdom",
+          include: [
+            "test/**/*"
+          ],
+          exclude: [
+            ...configDefaults.exclude,
+            "test/pages/*",
+            "test/mocks/*",
+            'test/a11y/**'
+          ]
+        }
+      },
+      {
+        extends: true,
+        test: {
+          name: "node",
+          include: [
+            "test/pages/*"
+          ]
+        }
+      }
+    ]
   },
-}));
+});
