Dependencies updates

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({

package.json

@@ -20,18 +20,18 @@
     "custom:cleanup": "tsx ./src/scripts/resetBranchTest.ts"
   },
   "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",
@@ -40,7 +40,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",
@@ -61,7 +61,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",

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>

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

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

src/scripts/builders/contribute.ts

@@ -322,4 +322,6 @@ const buildContributorDocs = async () => {
   console.log("Contributor docs build completed.");
 };
 
-buildContributorDocs();
+if(import.meta.main){
+  buildContributorDocs();
+}

src/scripts/builders/reference.ts

@@ -461,11 +461,13 @@ const saveMDX = async (mdxDocs: ReferenceMDXDoc[]) => {
   }
 };
 
-buildReference();
-
 export const testingExports = {
   modulePathTree,
   memberMethodPreviews: classMethodAndPropertyPreviews,
   addDocToModulePathTree,
   addMemberMethodPreviewsToClassDocs: addMethodAndPropertyPreviewsToClassDocs,
 };
+
+if(import.meta.main){
+  buildReference();
+}

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,

vitest.config.ts

@@ -1,4 +1,4 @@
-/// <reference types="vitest" />
+/// <reference types="vitest/config" />
 import { getViteConfig } from "astro/config";
 import preact from "@preact/preset-vite";
 
@@ -9,8 +9,30 @@ export default getViteConfig({
     mainFields: ["module"],
   },
   test: {
-    /* for example, use global to avoid globals imports (describe, test, expect): */
-    // globals: true,
-    environment: "jsdom",
+    projects: [
+      {
+        extends: true,
+        test: {
+          name: "DOM",
+          environment: "jsdom",
+          include: [
+            "test/**/*"
+          ],
+          exclude: [
+            "test/pages/*",
+            "test/mocks/*"
+          ]
+        }
+      },
+      {
+        extends: true,
+        test: {
+          name: "node",
+          include: [
+            "test/pages/*"
+          ]
+        }
+      }
+    ]
   },
 });