From 52291c69f2ced17def094f4e69a6517a14fa1bd7 Mon Sep 17 00:00:00 2001
From: Nikhil Sharma <30630904+nik72619c@users.noreply.github.com>
Date: Sun, 17 Mar 2019 14:49:45 +0530
Subject: [PATCH 1/4] fixed non-optimal function declarations

---
 client/components/Nav.jsx | 194 ++++++++++++++++++++++++--------------
 1 file changed, 121 insertions(+), 73 deletions(-)

diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 8660f2bc..0fe1dcad 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -28,6 +28,22 @@ class Nav extends React.PureComponent {
     this.clearHideTimeout = this.clearHideTimeout.bind(this);
     this.handleClick = this.handleClick.bind(this);
     this.handleClickOutside = this.handleClickOutside.bind(this);
+    this.handleSave = this.handleSave.bind(this);
+    this.handleNew = this.handleNew.bind(this);
+    this.handleDuplicate = this.handleDuplicate.bind(this);
+    this.handleShare = this.handleShare.bind(this);
+    this.handleDownload = this.handleDownload.bind(this);
+    this.handleFind = this.handleFind.bind(this);
+    this.handleAddFile = this.handleAddFile.bind(this);
+    this.handleAddFolder = this.handleAddFolder.bind(this);
+    this.handleFindNext = this.handleFindNext.bind(this);
+    this.handleRun = this.handleRun.bind(this);
+    this.handleFindPrevious = this.handleFindPrevious.bind(this);
+    this.handleStop = this.handleStop.bind(this);
+    this.handleStartAccessible = this.handleStartAccessible.apply(this);
+    this.handleStopAccessible = this.handleStopAccessible.bind(this);
+    this.handleKeyboardShortcuts = this.handleKeyboardShortcuts.bind(this);
+    this.handleLogout = this.handleLogout.bind(this);
   }
 
   componentWillMount() {
@@ -52,6 +68,95 @@ class Nav extends React.PureComponent {
     this.handleClickOutside();
   }
 
+  handleNew() {
+    if (!this.props.unsavedChanges) {
+      this.props.newProject();
+    } else if (this.props.warnIfUnsavedChanges()) {
+      this.props.newProject();
+    }
+    this.setDropdown('none');
+  }
+
+  handleSave() {
+    if (this.props.user.authenticated) {
+      this.props.saveProject(this.props.cmController.getContent());
+    } else {
+      this.props.showErrorModal('forceAuthentication');
+    }
+    this.setDropdown('none');
+  }
+
+  handleFind() {
+    this.props.cmController.showFind();
+    this.setDropdown('none');
+  }
+
+  handleFindNext() {
+    this.props.cmController.findNext();
+    this.setDropdown('none');
+  }
+
+  handleFindPrevious() {
+    this.props.cmController.findPrev();
+    this.setDropdown('none');
+  }
+
+  handleAddFile() {
+    this.props.newFile();
+    this.setDropdown('none');
+  }
+
+  handleAddFolder() {
+    this.props.newFolder();
+    this.setDropdown('none');
+  }
+
+  handleRun() {
+    this.props.startSketch();
+    this.setDropdown('none');
+  }
+
+  handleStop() {
+    this.props.stopSketch();
+    this.setDropdown('none');
+  }
+
+  handleStartAccessible() {
+    this.props.setAllAccessibleOutput(true);
+    this.setDropdown('none');
+  }
+
+  handleStopAccessible() {
+    this.props.setAllAccessibleOutput(false);
+    this.setDropdown('none');
+  }
+
+  handleKeyboardShortcuts() {
+    this.props.showKeyboardShortcutModal();
+    this.setDropdown('none');
+  }
+
+  handleLogout() {
+    this.props.logoutUser();
+    this.setDropdown('none');
+  }
+
+  handleDownload() {
+    this.props.autosaveProject();
+    this.props.exportProjectAsZip(this.props.project.id);
+    this.setDropdown('none');
+  }
+
+  handleDuplicate() {
+    this.props.cloneProject();
+    this.setDropdown('none');
+  }
+
+  handleShare() {
+    this.props.showShareModal();
+    this.setDropdown('none');
+  }
+
   handleClickOutside() {
     this.setState({
       dropdownOpen: 'none'
@@ -138,14 +243,7 @@ class Nav extends React.PureComponent {
               </button>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    if (!this.props.unsavedChanges) {
-                      this.props.newProject();
-                    } else if (this.props.warnIfUnsavedChanges()) {
-                      this.props.newProject();
-                    }
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleNew}
                   onFocus={this.handleFocus.bind(this, 'file')}
                   onBlur={this.handleBlur}
                 >
@@ -155,14 +253,7 @@ class Nav extends React.PureComponent {
               { __process.env.LOGIN_ENABLED && (!this.props.project.owner || this.isUserOwner()) &&
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    if (this.props.user.authenticated) {
-                      this.props.saveProject(this.props.cmController.getContent());
-                    } else {
-                      this.props.showErrorModal('forceAuthentication');
-                    }
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleSave}
                   onFocus={this.handleFocus.bind(this, 'file')}
                   onBlur={this.handleBlur}
                 >
@@ -173,10 +264,7 @@ class Nav extends React.PureComponent {
               { this.props.project.id && this.props.user.authenticated &&
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.cloneProject();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleDuplicate}
                   onFocus={this.handleFocus.bind(this, 'file')}
                   onBlur={this.handleBlur}
                 >
@@ -186,10 +274,7 @@ class Nav extends React.PureComponent {
               { this.props.project.id &&
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.showShareModal();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleShare}
                   onFocus={this.handleFocus.bind(this, 'file')}
                   onBlur={this.handleBlur}
                 >
@@ -199,11 +284,7 @@ class Nav extends React.PureComponent {
               { this.props.project.id &&
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.autosaveProject();
-                    this.props.exportProjectAsZip(this.props.project.id);
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleDownload}
                   onFocus={this.handleFocus.bind(this, 'file')}
                   onBlur={this.handleBlur}
                 >
@@ -266,10 +347,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.cmController.showFind();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleFind}
                   onFocus={this.handleFocus.bind(this, 'edit')}
                   onBlur={this.handleBlur}
                 >
@@ -279,10 +357,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.cmController.findNext();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleFindNext}
                   onFocus={this.handleFocus.bind(this, 'edit')}
                   onBlur={this.handleBlur}
                 >
@@ -292,10 +367,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.cmController.findPrev();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleFindPrevious}
                   onFocus={this.handleFocus.bind(this, 'edit')}
                   onBlur={this.handleBlur}
                 >
@@ -324,10 +396,7 @@ class Nav extends React.PureComponent {
               </button>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.newFile();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleAddFile}
                   onFocus={this.handleFocus.bind(this, 'sketch')}
                   onBlur={this.handleBlur}
                 >
@@ -336,10 +405,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.newFolder();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleAddFolder}
                   onFocus={this.handleFocus.bind(this, 'sketch')}
                   onBlur={this.handleBlur}
                 >
@@ -348,10 +414,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.startSketch();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleRun}
                   onFocus={this.handleFocus.bind(this, 'sketch')}
                   onBlur={this.handleBlur}
                 >
@@ -361,10 +424,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.stopSketch();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleStop}
                   onFocus={this.handleFocus.bind(this, 'sketch')}
                   onBlur={this.handleBlur}
                 >
@@ -374,10 +434,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.setAllAccessibleOutput(true);
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleStartAccessible}
                   onFocus={this.handleFocus.bind(this, 'sketch')}
                   onBlur={this.handleBlur}
                 >
@@ -387,10 +444,7 @@ class Nav extends React.PureComponent {
               </li>
               <li className="nav__dropdown-item">
                 <button
-                  onClick={() => {
-                    this.props.setAllAccessibleOutput(false);
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleStopAccessible}
                   onFocus={this.handleFocus.bind(this, 'sketch')}
                   onBlur={this.handleBlur}
                 >
@@ -421,10 +475,7 @@ class Nav extends React.PureComponent {
                 <button
                   onFocus={this.handleFocus.bind(this, 'help')}
                   onBlur={this.handleBlur}
-                  onClick={() => {
-                    this.props.showKeyboardShortcutModal();
-                    this.setDropdown('none');
-                  }}
+                  onClick={this.handleKeyboardShortcuts}
                 >
                   Keyboard Shortcuts
                 </button>
@@ -529,10 +580,7 @@ class Nav extends React.PureComponent {
                 </li>
                 <li className="nav__dropdown-item">
                   <button
-                    onClick={() => {
-                      this.props.logoutUser();
-                      this.setDropdown('none');
-                    }}
+                    onClick={this.handleLogout}
                     onFocus={this.handleFocus.bind(this, 'account')}
                     onBlur={this.handleBlur}
                   >

From ec00f32a5bb455ca8bdc99d9cc44111df81b607c Mon Sep 17 00:00:00 2001
From: nik72619c <nikhilsharmarockstar21@gmail.com>
Date: Tue, 26 Mar 2019 21:30:43 +0530
Subject: [PATCH 2/4] added requested changes

---
 .env.example              | 22 ---------
 client/components/Nav.jsx | 95 ++++++++++++++++++++++-----------------
 package-lock.json         | 28 +++++++++---
 3 files changed, 74 insertions(+), 71 deletions(-)
 delete mode 100644 .env.example

diff --git a/.env.example b/.env.example
deleted file mode 100644
index 84a14cb5..00000000
--- a/.env.example
+++ /dev/null
@@ -1,22 +0,0 @@
-API_URL=/api
-AWS_ACCESS_KEY=<your-aws-access-key>
-AWS_REGION=<your-aws-region>
-AWS_SECRET_KEY=<your-aws-secret-key>
-EMAIL_SENDER=<transactional-email-sender>
-EMAIL_VERIFY_SECRET_TOKEN=whatever_you_want_this_to_be_it_only_matters_for_production
-EXAMPLE_USER_EMAIL=examples@p5js.org
-EXAMPLE_USER_PASSWORD=hellop5js
-GG_EXAMPLES_EMAIL=benedikt.gross@generative-gestaltung.de
-GG_EXAMPLES_PASS=generativedesign
-GG_EXAMPLES_USERNAME=generative-design
-GITHUB_ID=<your-github-client-id>
-GITHUB_SECRET=<your-github-client-secret>
-GOOGLE_ID=<your-google-client-id> (use google+ api)
-GOOGLE_SECRET=<your-google-client-secret> (use google+ api)
-MAILGUN_DOMAIN=<your-mailgun-domain>
-MAILGUN_KEY=<your-mailgun-api-key>
-MONGO_URL=mongodb://localhost:27017/p5js-web-editor
-PORT=8000
-S3_BUCKET=<your-s3-bucket>
-S3_BUCKET_URL_BASE=<alt-for-s3-url>
-SESSION_SECRET=whatever_you_want_this_to_be_it_only_matters_for_production
diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 0fe1dcad..725c39e5 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -44,6 +44,17 @@ class Nav extends React.PureComponent {
     this.handleStopAccessible = this.handleStopAccessible.bind(this);
     this.handleKeyboardShortcuts = this.handleKeyboardShortcuts.bind(this);
     this.handleLogout = this.handleLogout.bind(this);
+    this.toggleDropdownForFile = this.toggleDropdown.bind(this, 'file');
+    this.handleFocusForFile = this.handleFocus.bind(this, 'file');
+    this.setDropdownForNone = this.setDropdown.bind(this, 'none');
+    this.toggleDropdownForEdit = this.toggleDropdown.bind(this, 'edit');
+    this.handleFocusForEdit = this.handleFocus.bind(this, 'edit');
+    this.toggleDropdownForSketch = this.toggleDropdown.bind(this, 'sketch');
+    this.handleFocusForSketch = this.handleFocus.bind(this, 'sketch');
+    this.toggleDropdownForHelp = this.toggleDropdown.bind(this, 'help');
+    this.handleFocusForHelp = this.handleFocus.bind(this, 'help');
+    this.toggleDropdownForAccount = this.toggleDropdown.bind(this, 'account');
+    this.handleFocusForAccount = this.handleFocus.bind(this, 'account');
   }
 
   componentWillMount() {
@@ -226,7 +237,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.file}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'file')}
+              onClick={this.toggleDropdownForFile}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -235,7 +246,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'file')}
+                onClick={this.toggleDropdownForFile}
                 className="nav__dropdown-heading"
               >
                 <span>File</span>
@@ -244,7 +255,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleNew}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   New
@@ -254,7 +265,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleSave}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Save
@@ -265,7 +276,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleDuplicate}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Duplicate
@@ -275,7 +286,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleShare}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Share
@@ -285,7 +296,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleDownload}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Download
@@ -295,9 +306,9 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <Link
                   to={`/${this.props.user.username}/sketches`}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   Open
                 </Link>
@@ -306,9 +317,9 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <Link
                   to="/p5/sketches"
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   Examples
                 </Link>
@@ -317,7 +328,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.edit}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'edit')}
+              onClick={this.toggleDropdownForEdit}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -326,7 +337,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'edit')}
+                onClick={this.toggleDropdownForEdit}
                 className="nav__dropdown-heading"
               >
                 <span>Edit</span>
@@ -338,7 +349,7 @@ class Nav extends React.PureComponent {
                     this.props.cmController.tidyCode();
                     this.setDropdown('none');
                   }}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Tidy Code
@@ -348,7 +359,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleFind}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Find
@@ -358,7 +369,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleFindNext}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Find Next
@@ -368,7 +379,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleFindPrevious}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Find Previous
@@ -379,7 +390,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.sketch}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'sketch')}
+              onClick={this.toggleDropdownForSketch}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -388,7 +399,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'sketch')}
+                onClick={this.toggleDropdownForSketch}
                 className="nav__dropdown-heading"
               >
                 <span>Sketch</span>
@@ -397,7 +408,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleAddFile}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Add File
@@ -406,7 +417,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleAddFolder}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Add Folder
@@ -415,7 +426,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleRun}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Run
@@ -425,7 +436,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleStop}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Stop
@@ -435,7 +446,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleStartAccessible}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Start Accessible
@@ -445,7 +456,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleStopAccessible}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Stop Accessible
@@ -456,7 +467,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.help}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'help')}
+              onClick={this.toggleDropdownForHelp}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -465,7 +476,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'help')}
+                onClick={this.toggleDropdownForHelp}
                 className="nav__dropdown-heading"
               >
                 <span>Help & Feedback</span>
@@ -473,7 +484,7 @@ class Nav extends React.PureComponent {
               </button>
               <li className="nav__dropdown-item">
                 <button
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
                   onClick={this.handleKeyboardShortcuts}
                 >
@@ -485,18 +496,18 @@ class Nav extends React.PureComponent {
                   href="https://p5js.org/reference/"
                   target="_blank"
                   rel="noopener noreferrer"
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >Reference
                 </a>
               </li>
               <li className="nav__dropdown-item">
                 <Link
                   to="/about"
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   About
                 </Link>
@@ -504,9 +515,9 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <Link
                   to="/feedback"
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   Feedback
                 </Link>
@@ -533,7 +544,7 @@ class Nav extends React.PureComponent {
             <li className={navDropdownState.account}>
               <button
                 className="nav__item-header"
-                onClick={this.toggleDropdown.bind(this, 'account')}
+                onClick={this.toggleDropdownForAccount}
                 onBlur={this.handleBlur}
                 onFocus={this.clearHideTimeout}
               >
@@ -551,9 +562,9 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <Link
                     to={`/${this.props.user.username}/sketches`}
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
-                    onClick={this.setDropdown.bind(this, 'none')}
+                    onClick={this.setDropdownForNone}
                   >
                     My sketches
                   </Link>
@@ -561,9 +572,9 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <Link
                     to="/assets"
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
-                    onClick={this.setDropdown.bind(this, 'none')}
+                    onClick={this.setDropdownForNone}
                   >
                     My assets
                   </Link>
@@ -571,9 +582,9 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <Link
                     to="/account"
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
-                    onClick={this.setDropdown.bind(this, 'none')}
+                    onClick={this.setDropdownForNone}
                   >
                     Settings
                   </Link>
@@ -581,7 +592,7 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <button
                     onClick={this.handleLogout}
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
                   >
                     Log out
diff --git a/package-lock.json b/package-lock.json
index e23af10d..5e5de221 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5099,11 +5099,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5116,15 +5118,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5227,7 +5232,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5237,6 +5243,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5249,17 +5256,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -5276,6 +5286,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5348,7 +5359,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5358,6 +5370,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5463,6 +5476,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",

From c876153e489f36badaec2648fa3571729fdd4410 Mon Sep 17 00:00:00 2001
From: nik72619c <nikhilsharmarockstar21@gmail.com>
Date: Sat, 30 Mar 2019 16:39:55 +0530
Subject: [PATCH 3/4] added .env.example file

---
 .env.example | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..c9f903cb
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,22 @@
+API_URL=/api
+AWS_ACCESS_KEY=<your-aws-access-key>
+AWS_REGION=<your-aws-region>
+AWS_SECRET_KEY=<your-aws-secret-key>
+EMAIL_SENDER=<transactional-email-sender>
+EMAIL_VERIFY_SECRET_TOKEN=whatever_you_want_this_to_be_it_only_matters_for_production
+EXAMPLE_USER_EMAIL=examples@p5js.org
+EXAMPLE_USER_PASSWORD=hellop5js
+GG_EXAMPLES_EMAIL=benedikt.gross@generative-gestaltung.de
+GG_EXAMPLES_PASS=generativedesign
+GG_EXAMPLES_USERNAME=generative-design
+GITHUB_ID=<your-github-client-id>
+GITHUB_SECRET=<your-github-client-secret>
+GOOGLE_ID=<your-google-client-id> (use google+ api)
+GOOGLE_SECRET=<your-google-client-secret> (use google+ api)
+MAILGUN_DOMAIN=<your-mailgun-domain>
+MAILGUN_KEY=<your-mailgun-api-key>
+MONGO_URL=mongodb://localhost:27017/p5js-web-editor
+PORT=8000
+S3_BUCKET=<your-s3-bucket>
+S3_BUCKET_URL_BASE=<alt-for-s3-url>
+SESSION_SECRET=whatever_you_want_this_to_be_it_only_matters_for_production
\ No newline at end of file

From c421a73705e12d31821f7f6d36255db63750a704 Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Wed, 3 Apr 2019 11:46:36 -0400
Subject: [PATCH 4/4] remove changes that should not be on this PR

---
 .env.example      |  2 +-
 package-lock.json | 28 +++++++---------------------
 2 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/.env.example b/.env.example
index c9f903cb..84a14cb5 100644
--- a/.env.example
+++ b/.env.example
@@ -19,4 +19,4 @@ MONGO_URL=mongodb://localhost:27017/p5js-web-editor
 PORT=8000
 S3_BUCKET=<your-s3-bucket>
 S3_BUCKET_URL_BASE=<alt-for-s3-url>
-SESSION_SECRET=whatever_you_want_this_to_be_it_only_matters_for_production
\ No newline at end of file
+SESSION_SECRET=whatever_you_want_this_to_be_it_only_matters_for_production
diff --git a/package-lock.json b/package-lock.json
index 5e5de221..e23af10d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5099,13 +5099,11 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
-          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5118,18 +5116,15 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5232,8 +5227,7 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5243,7 +5237,6 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
-          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5256,20 +5249,17 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
-          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -5286,7 +5276,6 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
-          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5359,8 +5348,7 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true,
-          "optional": true
+          "bundled": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5370,7 +5358,6 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5476,7 +5463,6 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
-          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",