fix: linting

Author: Alexis

client/components/Nav/NavDropdownMenu.jsx

@@ -11,10 +11,10 @@ function NavDropdownMenu({ id, title, children }) {
 
   const { createDropdownHandlers } = useContext(NavBarContext);
 
-  const handlers = useMemo(() => createDropdownHandlers(id), [
-    createDropdownHandlers,
-    id
-  ]);
+  const handlers = useMemo(
+    () => createDropdownHandlers(id),
+    [createDropdownHandlers, id]
+  );
 
   return (
     <li className={classNames('nav__item', isOpen && 'nav__item--open')}>

client/components/Nav/NavMenuItem.jsx

@@ -8,10 +8,10 @@ function NavMenuItem({ hideIf, ...rest }) {
 
   const { createMenuItemHandlers } = useContext(NavBarContext);
 
-  const handlers = useMemo(() => createMenuItemHandlers(parent), [
-    createMenuItemHandlers,
-    parent
-  ]);
+  const handlers = useMemo(
+    () => createMenuItemHandlers(parent),
+    [createMenuItemHandlers, parent]
+  );
 
   if (hideIf) {
     return null;

client/components/createRedirectWithUsername.jsx

@@ -22,8 +22,7 @@ function mapStateToProps(state) {
 
 const ConnectedRedirectToUser = connect(mapStateToProps)(RedirectToUser);
 
-const createRedirectWithUsername = (url) => (props) => (
-  <ConnectedRedirectToUser {...props} url={url} />
-);
+const createRedirectWithUsername = (url) => (props) =>
+  <ConnectedRedirectToUser {...props} url={url} />;
 
 export default createRedirectWithUsername;

client/modules/IDE/components/Console.jsx

@@ -206,12 +206,8 @@ const Console = () => {
   const isExpanded = useSelector((state) => state.ide.consoleIsExpanded);
   const isPlaying = useSelector((state) => state.ide.isPlaying);
   const { theme, fontSize } = useSelector((state) => state.preferences);
-  const {
-    collapseConsole,
-    expandConsole,
-    clearConsole,
-    dispatchConsoleEvent
-  } = bindActionCreators({ ...IDEActions, ...ConsoleActions }, useDispatch());
+  const { collapseConsole, expandConsole, clearConsole, dispatchConsoleEvent } =
+    bindActionCreators({ ...IDEActions, ...ConsoleActions }, useDispatch());
 
   const cm = useRef({});
 

client/modules/IDE/components/FileNode.jsx

@@ -40,13 +40,8 @@ function parseFileName(name) {
 }
 
 function FileName({ name }) {
-  const {
-    baseName,
-    firstLetter,
-    lastLetter,
-    middleText,
-    extension
-  } = parseFileName(name);
+  const { baseName, firstLetter, lastLetter, middleText, extension } =
+    parseFileName(name);
   return (
     <span className="sidebar__file-item-name-text">
       <span>{firstLetter}</span>

client/modules/IDE/components/Toolbar.jsx

@@ -86,8 +86,8 @@ class Toolbar extends React.Component {
     });
     const nameContainerClass = classNames({
       'toolbar__project-name-container': true,
-      'toolbar__project-name-container--editing': this.props.project
-        .isEditingName
+      'toolbar__project-name-container--editing':
+        this.props.project.isEditingName
     });
 
     const canEditProjectName = this.canEditProjectName();

client/modules/IDE/pages/MobileIDEView.jsx

@@ -210,41 +210,43 @@ const handleGlobalKeydown = (props, cmController) => (e) => {
   }
 };
 
-const autosave = (autosaveInterval, setAutosaveInterval) => (
-  props,
-  prevProps
-) => {
-  const {
-    autosaveProject,
-    preferences,
-    ide,
-    selectedFile: file,
-    project,
-    isUserOwner
-  } = props;
-
-  const { selectedFile: oldFile } = prevProps;
-
-  const doAutosave = () => autosaveProject(true);
-
-  if (isUserOwner && project.id) {
-    if (preferences.autosave && ide.unsavedChanges && !ide.justOpenedProject) {
-      if (file.name === oldFile.name && file.content !== oldFile.content) {
-        if (autosaveInterval) {
-          clearTimeout(autosaveInterval);
+const autosave =
+  (autosaveInterval, setAutosaveInterval) => (props, prevProps) => {
+    const {
+      autosaveProject,
+      preferences,
+      ide,
+      selectedFile: file,
+      project,
+      isUserOwner
+    } = props;
+
+    const { selectedFile: oldFile } = prevProps;
+
+    const doAutosave = () => autosaveProject(true);
+
+    if (isUserOwner && project.id) {
+      if (
+        preferences.autosave &&
+        ide.unsavedChanges &&
+        !ide.justOpenedProject
+      ) {
+        if (file.name === oldFile.name && file.content !== oldFile.content) {
+          if (autosaveInterval) {
+            clearTimeout(autosaveInterval);
+          }
+          console.log('will save project in 20 seconds');
+          setAutosaveInterval(setTimeout(doAutosave, 20000));
         }
-        console.log('will save project in 20 seconds');
-        setAutosaveInterval(setTimeout(doAutosave, 20000));
+      } else if (autosaveInterval && !preferences.autosave) {
+        clearTimeout(autosaveInterval);
+        setAutosaveInterval(null);
       }
-    } else if (autosaveInterval && !preferences.autosave) {
+    } else if (autosaveInterval) {
       clearTimeout(autosaveInterval);
       setAutosaveInterval(null);
     }
-  } else if (autosaveInterval) {
-    clearTimeout(autosaveInterval);
-    setAutosaveInterval(null);
-  }
-};
+  };
 
 // ide, preferences, project, selectedFile, user, params, unsavedChanges, expandConsole, collapseConsole,
 // stopSketch, startSketch, getProject, clearPersistedState, autosaveProject, saveProject, files

client/utils/responsive.jsx

@@ -20,8 +20,9 @@ export const mobileFirst = (MobileComponent, Fallback) => (props) => {
   );
 };
 
-export const responsiveForm = (DesktopComponent) => (props) => (
-  <ResponsiveForm>
-    <DesktopComponent {...props} />
-  </ResponsiveForm>
-);
+export const responsiveForm = (DesktopComponent) => (props) =>
+  (
+    <ResponsiveForm>
+      <DesktopComponent {...props} />
+    </ResponsiveForm>
+  );

server/controllers/embed.controller.js

@@ -19,8 +19,9 @@ export function serveProject(req, res) {
       }
       // TODO this does not parse html
       const { files } = project;
-      const htmlFile = files.find((file) => file.name.match(/\.html$/i))
-        .content;
+      const htmlFile = files.find((file) =>
+        file.name.match(/\.html$/i)
+      ).content;
       const filesToInject = files.filter((file) =>
         file.name.match(/\.(js|css)$/i)
       );

server/controllers/project.controller.js

@@ -219,8 +219,9 @@ function addFileToZip(file, files, zip, path = '') {
   return new Promise((resolve, reject) => {
     if (file.fileType === 'folder') {
       const newPath = file.name === 'root' ? path : `${path}${file.name}/`;
-      const numChildFiles = file.children.filter((f) => f.fileType !== 'folder')
-        .length;
+      const numChildFiles = file.children.filter(
+        (f) => f.fileType !== 'folder'
+      ).length;
       let childrenAdded = 0;
       if (numChildFiles === 0) {
         zip.folder(file.name);

server/scripts/examples.js

@@ -29,8 +29,7 @@ mongoose.connection.on('error', () => {
 async function getCategories() {
   const categories = [];
   const options = {
-    url:
-      'https://api.github.com/repos/processing/p5.js-website/contents/src/data/examples/en',
+    url: 'https://api.github.com/repos/processing/p5.js-website/contents/src/data/examples/en',
     method: 'GET',
     headers: {
       ...headers,
@@ -241,8 +240,7 @@ async function addAssetsToProject(assets, response, project) {
 
 async function createProjectsInP5user(projectsInAllCategories) {
   const options = {
-    url:
-      'https://api.github.com/repos/processing/p5.js-website/contents/src/data/examples/assets',
+    url: 'https://api.github.com/repos/processing/p5.js-website/contents/src/data/examples/assets',
     method: 'GET',
     headers: {
       ...headers,

server/utils/fileUtils.js

@@ -66,10 +66,13 @@ export const MEDIA_FILE_QUOTED_REGEX = new RegExp(
 
 export const STRING_REGEX = /(['"])((\\\1|.)*?)\1/gm;
 // these are files that have to be linked to with a blob url
-export const PLAINTEXT_FILE_REGEX = /.+\.(json|txt|csv|vert|frag|tsv|xml|stl)$/i;
+export const PLAINTEXT_FILE_REGEX =
+  /.+\.(json|txt|csv|vert|frag|tsv|xml|stl)$/i;
 // these are files that users would want to edit as text (maybe svg should be here?)
-export const TEXT_FILE_REGEX = /.+\.(json|txt|csv|tsv|vert|frag|js|css|html|htm|jsx|xml|stl)$/i;
+export const TEXT_FILE_REGEX =
+  /.+\.(json|txt|csv|tsv|vert|frag|js|css|html|htm|jsx|xml|stl)$/i;
 export const NOT_EXTERNAL_LINK_REGEX = /^(?!(http:\/\/|https:\/\/))/;
 export const EXTERNAL_LINK_REGEX = /^(http:\/\/|https:\/\/)/;
 
-export const CREATE_FILE_REGEX = /.+\.(json|txt|csv|tsv|js|css|frag|vert|xml|html|htm|stl)$/i;
+export const CREATE_FILE_REGEX =
+  /.+\.(json|txt|csv|tsv|js|css|frag|vert|xml|html|htm|stl)$/i;