merge with pr05/Migrate_client_components_final_rebuild

Author: clairep94

client/components/Menubar/contexts.tsx

@@ -7,35 +7,26 @@ export const MenuOpenContext = createContext<string>('none');
 interface MenubarContextType {
   createMenuHandlers: (
     id: string
-  ) => {
+  ) => Partial<{
     onMouseOver: (e: React.MouseEvent) => void;
     onClick: (e: React.MouseEvent) => void;
     onBlur: (e: React.FocusEvent) => void;
     onFocus: (e: React.FocusEvent) => void;
-  };
+  }>;
   createMenuItemHandlers: (
     id: string
-  ) => {
+  ) => Partial<{
     onMouseUp: (e: React.MouseEvent) => void;
     onBlur: (e: React.FocusEvent) => void;
     onFocus: (e: React.FocusEvent) => void;
-  };
+  }>;
   toggleMenuOpen: (id: string) => void;
   hasFocus: boolean;
 }
 
 export const MenubarContext = createContext<MenubarContextType>({
-  createMenuHandlers: () => ({
-    onMouseOver: () => {},
-    onClick: () => {},
-    onBlur: () => {},
-    onFocus: () => {}
-  }),
-  createMenuItemHandlers: () => ({
-    onMouseUp: () => {},
-    onBlur: () => {},
-    onFocus: () => {}
-  }),
+  createMenuHandlers: () => ({}),
+  createMenuItemHandlers: () => ({}),
   toggleMenuOpen: () => {},
   hasFocus: false
 });

client/index.jsx

@@ -34,6 +34,31 @@ const script = document.createElement('script');
 script.src = 'https://foundation-donate-banner.netlify.app/static/js/main.js';
 document.body.appendChild(script);
 
+if (window.location.href.indexOf('full') === -1) {
+  const buttonScript = document.createElement('script');
+  buttonScript.type = 'text/javascript';
+  buttonScript.defer = true;
+  buttonScript.id = 'donorbox-popup-button-installer';
+  buttonScript.src = 'https://donorbox.org/install-popup-button.js';
+
+  buttonScript.setAttribute(
+    'data-href',
+    'https://donorbox.org/back-to-school-805292'
+  );
+  buttonScript.setAttribute(
+    'data-style',
+    // eslint-disable-next-line max-len
+    'background: #f1678e; color: #fff; text-decoration: none; font-family: Verdana, sans-serif; display: flex; gap: 8px; width: fit-content; font-size: 16px; border-radius: 0 0 5px 5px; line-height: 24px; position: fixed; top: 50%; transform-origin: center; z-index: 9999; overflow: hidden; padding: 8px 22px 8px 18px; right: 20px; left: auto; transform: translate(50%, -50%) rotate(90deg)'
+  );
+  buttonScript.setAttribute('data-button-cta', 'Donate');
+  buttonScript.setAttribute(
+    'data-img-src',
+    'https://donorbox.org/images/white_logo.svg'
+  );
+
+  document.body.appendChild(buttonScript);
+}
+
 const App = () => (
   <div>
     <Router history={browserHistory}>

common/p5Versions.js

@@ -5,6 +5,7 @@ export const currentP5Version = '1.11.10'; // Don't update to 2.x until 2026
 // JSON.stringify([...document.querySelectorAll('._132722c7')].map(n => n.innerText), null, 2)
 // TODO: use their API for this to grab these at build time?
 export const p5Versions = [
+  '2.0.5',
   '2.0.4',
   '2.0.3',
   '2.0.2',

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "p5.js-web-editor",
-  "version": "2.18.0",
+  "version": "2.18.1",
   "description": "The web editor for p5.js.",
   "scripts": {
     "clean": "rimraf dist",