Merge branch 'develop' into fix-assets-underline

Author: VaibhavNarayann

.gitignore

@@ -4,6 +4,7 @@
 .env.staging
 .vscode/
 node_modules/
+minio/
 npm-debug.log
 dump.rdb
 static/dist/

Dockerfile

@@ -25,7 +25,7 @@ RUN npm run build
 
 FROM base AS production
 ENV NODE_ENV=production
-COPY package.json package-lock.json index.js ./
+COPY package.json package-lock.json index.js .eslintrc ./
 RUN npm install --production
 COPY --from=build $APP_HOME/dist ./dist
 CMD ["npm", "run", "start:prod"]

README.md

@@ -15,7 +15,7 @@ Stay in touch with Processing Foundation across other platforms:
 - [Instagram](https://www.instagram.com/p5xjs)
 - [Youtube](https://www.youtube.com/@ProcessingFoundation)
 - [X](https://x.com/p5xjs)
-- [Discord](https://discord.com/invite/esmGA6H6wm)
+- [Discord](https://discord.p5js.org)
 - [Forum](https://discourse.processing.org)
 
 ## Using the p5.js Editor 🤔

SECURITY.md

@@ -0,0 +1,19 @@
+# Security Policy
+
+## Reporting a Vulnerability
+
+Please report security vulnerabilities by emailing: responsible.disclosure@processingfoundation.org
+
+## What to Expect
+- We will acknowledge your email within 72 hours
+- We will provide regular updates about our progress
+- Once the issue is confirmed and fixed, we may ask you to verify the solution
+
+## Disclosure Policy
+- Please do not disclose the vulnerability publicly until we have had a chance to address it
+- We do not offer bounties as we are a non-profit organization
+- We appreciate your efforts to responsibly disclose your findings
+
+## Scope
+
+You can use the above email to report vulnerabilities in p5.js and related repositories managed by the processing org, including the reference website.

client/components/Dropdown/DropdownMenu.test.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { render, screen, fireEvent, waitFor } from '../../test-utils';
+import { DropdownMenu, DropdownMenuAlignment } from './DropdownMenu';
+
+describe('DropdownMenu', () => {
+  const renderDropdown = () => {
+    render(
+      <DropdownMenu
+        aria-label="More options"
+        align={DropdownMenuAlignment.RIGHT}
+      >
+        <li role="menuitem">Item One</li>
+        <li role="menuitem">Item Two</li>
+        <li role="menuitem">Item Three</li>
+      </DropdownMenu>
+    );
+  };
+
+  it('should render the dropdown button', () => {
+    renderDropdown();
+
+    const button = screen.getByRole('button', { name: 'More options' });
+    expect(button).toBeInTheDocument();
+
+    expect(screen.queryByRole('menu')).not.toBeInTheDocument();
+  });
+
+  it('should open dropdown and render menu items when button is clicked', () => {
+    renderDropdown();
+
+    const button = screen.getByRole('button', { name: 'More options' });
+
+    fireEvent.click(button);
+
+    expect(screen.getByRole('menu')).toBeInTheDocument();
+
+    expect(screen.getByText('Item One')).toBeInTheDocument();
+    expect(screen.getByText('Item Two')).toBeInTheDocument();
+    expect(screen.getByText('Item Three')).toBeInTheDocument();
+  });
+
+  it('should close the menu after selecting an item', async () => {
+    renderDropdown();
+
+    const button = screen.getByRole('button', { name: 'More options' });
+    fireEvent.click(button);
+
+    const item = screen.getByText('Item One');
+    fireEvent.mouseUp(item);
+
+    await waitFor(() => {
+      expect(screen.queryByRole('menu')).not.toBeInTheDocument();
+    });
+  });
+});

client/i18n.js

@@ -41,7 +41,8 @@ export const availableLanguages = [
   'zh-CN',
   'zh-TW',
   'tr',
-  'ur'
+  'ur',
+  'ne'
 ];
 
 const detectedLanguage = getPreferredLanguage(
@@ -76,7 +77,8 @@ export function languageKeyToLabel(lang) {
     'zh-CN': '简体中文',
     'zh-TW': '正體中文',
     tr: 'Türkçe',
-    ur: 'اردو'
+    ur: 'اردو',
+    ne: 'नेपाली'
   };
   return languageMap[lang];
 }

client/modules/About/statics/aboutData.ts

@@ -19,7 +19,7 @@ export const ContactSectionLinks: ContactSectionLink[] = [
   { label: 'About.X', href: 'https://x.com/p5xjs' },
   {
     label: 'About.Discord',
-    href: 'https://discord.gg/esmGA6H6wm'
+    href: 'https://discord.p5js.org'
   },
   {
     label: 'About.Forum',
@@ -87,7 +87,7 @@ export const AboutSectionInfo: AboutSectionInfoSection[] = [
         description: 'About.LinkDescriptions.Forum'
       },
       {
-        url: 'https://discord.com/invite/esmGA6H6wm',
+        url: 'https://discord.p5js.org',
         title: 'About.DiscordCTA',
         description: 'About.LinkDescriptions.Discord'
       }

client/modules/IDE/actions/project.js

@@ -13,6 +13,7 @@ import {
   showErrorModal,
   setPreviousPath
 } from './ide';
+import { clearLocalBackup } from '../utils/localBackup';
 import { clearState, saveState } from '../../../persistState';
 
 const ROOT_URL = getConfig('API_URL');
@@ -164,6 +165,8 @@ export function saveProject(
         .then((response) => {
           dispatch(endSavingProject());
           dispatch(setUnsavedChanges(false));
+          // Clear the localStorage backup after successful server save (#3891)
+          clearLocalBackup(state.project.id);
           const { hasChanges, synchedProject } = getSynchedProject(
             getState(),
             response.data

client/modules/IDE/actions/uploader.js

@@ -3,6 +3,7 @@ import { apiClient } from '../../../utils/apiClient';
 import { getConfig } from '../../../utils/getConfig';
 import { isTestEnvironment } from '../../../utils/checkTestEnv';
 import { handleCreateFile } from './files';
+import { showErrorModal } from './ide';
 
 const s3BucketUrlBase = getConfig('S3_BUCKET_URL_BASE');
 const awsRegion = getConfig('AWS_REGION');
@@ -22,7 +23,7 @@ function isS3Upload(file) {
   return !TEXT_FILE_REGEX.test(file.name) || file.size >= MAX_LOCAL_FILE_SIZE;
 }
 
-export async function dropzoneAcceptCallback(userId, file, done) {
+export async function dropzoneAcceptCallback(userId, file, done, dispatch) {
   // if a user would want to edit this file as text, local interceptor
   if (!isS3Upload(file)) {
     try {
@@ -51,6 +52,13 @@ export async function dropzoneAcceptCallback(userId, file, done) {
       file.postData = response.data;
       done();
     } catch (error) {
+      if (error?.response?.status === 403) {
+        if (dispatch) {
+          dispatch(showErrorModal('uploadLimit'));
+        }
+        done('Upload limit reached.');
+        return;
+      }
       done(
         error?.response?.data?.responseText?.message ||
           error?.message ||
@@ -82,6 +90,23 @@ export function dropzoneCompleteCallback(file) {
         content: file.content
       };
       dispatch(handleCreateFile(formParams, false));
+    } else if (file.status === 'error' || file.xhr.status >= 400) {
+      let uploadFileErrorMessage = 'Uploading file to AWS failed.';
+      if (file.xhr?.response) {
+        const parser = new DOMParser();
+        const xmlDoc = parser.parseFromString(file.xhr.response, 'text/xml');
+        const message = xmlDoc.getElementsByTagName('Message')[0]?.textContent;
+        const code = xmlDoc.getElementsByTagName('Code')[0]?.textContent;
+        uploadFileErrorMessage = `${code}: ${message}`;
+      }
+      file.previewElement.classList.add('dz-error');
+      file.previewElement.classList.remove('dz-success');
+      const dzErrorMessageElement = file.previewElement?.querySelector(
+        '[data-dz-errormessage]'
+      );
+      if (dzErrorMessageElement) {
+        dzErrorMessageElement.textContent = uploadFileErrorMessage;
+      }
     }
   };
 }

client/modules/IDE/components/Banner.jsx

@@ -7,7 +7,7 @@ import { CrossIcon } from '../../../common/icons';
  * Banner displays a dismissible announcement bar with a link and a close icon.
  * It's typically used to highlight opportunities, but use and design can be flexible.
  *
- * This component is **presentational only** — visibility logic (open/close state) should be
+ * This component is presentational only — visibility logic (open/close state) should be
  * controlled by the parent via the `onClose` handler.
  *
  * @param {Object} props
@@ -26,6 +26,7 @@ const Banner = ({ onClose }) => {
   // URL can be updated depending on the opportunity or announcement.
   const bannerURL = 'https://processingfoundation.org/donate';
 
+  // currently holds donation copy, will switch back when temp maintenance is done
   const bannerCopy = (
     <>
       <Trans i18nKey="Banner.Copy" components={{ bold: <strong /> }} />