Update deps, run prettier

and comment out crowdsorcerer since it isn't used and is causing a build error
raja986 · Jun 13, 2023 · d00912b · d00912b
1 parent 1422824
commit d00912b
Show file tree

Hide file tree

Showing 53 changed files with 20,159 additions and 24,118 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,82 +1,99 @@
 {
   "name": "ohjelmoinnin-mooc",
+  "engines": {
+    "node": "16.x"
+  },
   "dependencies": {
-    "@apollo/client": "^3.6.2",
-    "@fortawesome/fontawesome-svg-core": "^1.2.25",
-    "@fortawesome/free-brands-svg-icons": "^5.11.2",
-    "@fortawesome/free-regular-svg-icons": "^5.11.2",
-    "@fortawesome/free-solid-svg-icons": "^5.11.2",
-    "@fortawesome/react-fontawesome": "^0.1.7",
-    "@material-ui/core": "^4.5.1",
-    "@material-ui/icons": "^4.5.1",
-    "@rstacruz/gatsby-remark-component": "^1.2.0-pre.1",
-    "apollo-boost": "^0.4.4",
-    "axios": "^0.21.1",
-    "babel-plugin-styled-components": "^1.10.0",
-    "clsx": "^1.0.4",
-    "code-states-visualizer": "^0.1.1",
-    "color": "^3.1.1",
-    "commonmark": "^0.29.0",
-    "core-js": "^2.5.7",
-    "crowdsorcerer": "^0.1.79",
-    "fetch-ponyfill": "^6.0.2",
-    "focus-visible": "^5.0.2",
-    "gatsby": "^2.17.0",
-    "gatsby-plugin-catch-links": "^2.1.15",
-    "gatsby-plugin-i18next": "^1.1.9",
-    "gatsby-plugin-manifest": "^2.2.23",
-    "gatsby-plugin-material-ui": "^2.1.6",
+    "@apollo/react-hooks": "^4.0.0",
+    "@fortawesome/fontawesome-free": "^6.2.1",
+    "@fortawesome/fontawesome-svg-core": "^6.2.1",
+    "@fortawesome/free-brands-svg-icons": "^6.2.1",
+    "@fortawesome/free-regular-svg-icons": "^6.2.1",
+    "@fortawesome/free-solid-svg-icons": "^6.2.1",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@interactjs/offset": "^1.10.17",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@monaco-editor/react": "^4.1.3",
+    "@rstacruz/gatsby-remark-component": "^2.0.0",
+    "apollo-boost": "^0.4.9",
+    "axios": "^1.2.0",
+    "babel-plugin-styled-components": "^1.12.0",
+    "clsx": "^1.2.1",
+    "code-states-visualizer": "^0.2.0",
+    "color": "^4.2.3",
+    "commonmark": "^0.30.0",
+    "core-js": "^3.14.0",
+    "fetch-ponyfill": "^7.1.0",
+    "focus-visible": "^5.2.0",
+    "gatsby": "^3.7.1",
+    "gatsby-plugin-anchor-links": "^1.2.1",
+    "gatsby-plugin-catch-links": "^3.7.1",
+    "gatsby-plugin-i18next": "^1.1.10",
+    "gatsby-plugin-manifest": "^3.7.1",
+    "gatsby-plugin-material-ui": "^3.0.1",
     "gatsby-plugin-meta-redirect": "^1.1.1",
-    "gatsby-plugin-react-helmet": "^3.1.13",
-    "gatsby-plugin-sharp": "^2.2.32",
-    "gatsby-plugin-sitemap": "^2.2.19",
-    "gatsby-plugin-styled-components": "^3.1.11",
-    "gatsby-remark-copy-linked-files": "^2.1.28",
-    "gatsby-remark-emojis": "^0.3.3",
+    "gatsby-plugin-react-helmet": "^4.7.1",
+    "gatsby-plugin-sharp": "^3.7.1",
+    "gatsby-plugin-sitemap": "^3.3.0",
+    "gatsby-plugin-styled-components": "^4.7.1",
+    "gatsby-remark-autolink-headers": "^4.4.1",
+    "gatsby-remark-copy-linked-files": "^4.4.1",
+    "gatsby-remark-emojis": "^0.4.3",
     "gatsby-remark-external-links": "0.0.4",
-    "gatsby-remark-images": "^3.1.28",
-    "gatsby-remark-prismjs": "^3.3.20",
-    "gatsby-remark-smartypants": "^2.1.14",
-    "gatsby-source-filesystem": "^2.1.33",
-    "gatsby-transformer-remark": "^2.6.30",
-    "graphql": "^14.5.8",
+    "gatsby-remark-images": "^5.4.1",
+    "gatsby-remark-prismjs": "^5.4.1",
+    "gatsby-remark-smartypants": "^4.4.1",
+    "gatsby-source-filesystem": "^3.7.1",
+    "gatsby-transformer-remark": "^4.4.1",
+    "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
-    "i18next": "^17.3.0",
-    "i18next-browser-languagedetector": "^4.0.0",
-    "i18next-xhr-backend": "^3.2.0",
-    "interactjs": "^1.6.2",
-    "jquery": "^3.4.1",
-    "jss": "^10.0.0",
-    "moment": "^2.24.0",
+    "i18next": "^20.3.1",
+    "i18next-browser-languagedetector": "^6.1.1",
+    "i18next-xhr-backend": "^3.2.2",
+    "interactjs": "^1.10.17",
+    "jquery": "^3.6.1",
+    "js-base64": "^3.7.3",
+    "jss": "^10.9.2",
+    "jszip": "^3.6.0",
+    "jszip-utils": "^0.1.0",
+    "likert-react": "0.0.0-beta6",
+    "luxon": "^1.27.0",
+    "moment": "^2.29.1",
+    "moocfi-python-editor": "^0.15.3",
     "moocfi-quizzes": "^0.9.10",
     "pdf-slideshow": "^0.1.4",
-    "prismjs": "^1.17.1",
-    "react": "^16.10.2",
-    "react-content-loader": "^4.3.2",
-    "react-dom": "^16.10.2",
-    "react-helmet": "^5.2.1",
-    "react-i18next": "^10.13.1",
-    "react-jss": "^10.0.0",
+    "postcss": "^8.3.2",
+    "prismjs": "^1.23.0",
+    "react": "^17.0.2",
+    "react-content-loader": "^6.2.0",
+    "react-dom": "^17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "^11.10.0",
+    "react-jss": "^10.9.2",
     "react-motion": "^0.5.2",
-    "react-redux": "^7.1.1",
-    "react-scrollspy": "^3.4.0",
-    "react-toastify": "^7.0.3",
-    "react-use": "^13.21.0",
-    "react-youtube": "^7.9.0",
-    "recharts": "^1.8.4",
+    "react-redux": "^7.2.4",
+    "react-scrollspy": "^3.4.3",
+    "react-toastify": "^7.0.4",
+    "react-use": "^17.4.0",
+    "react-youtube": "^7.13.1",
+    "recharts": "^2.0.9",
+    "reduce-reducers": "^1.0.4",
+    "redux": "^4.2.0",
     "redux-action-analytics": "0.0.3",
-    "redux-devtools-extension": "^2.13.8",
-    "rehype-react": "^4.0.1",
+    "redux-devtools-extension": "^2.13.9",
+    "rehype-react": "^6.2.0",
     "store": "^2.0.12",
-    "styled-components": "^4.4.0",
+    "styled-components": "^5.3.6",
     "tmc-client-js": "0.0.9",
-    "typeface-open-sans": "0.0.75",
-    "typeface-open-sans-condensed": "0.0.72",
-    "typeface-roboto-mono": "0.0.75",
-    "typeface-roboto-slab": "0.0.72",
+    "typeface-open-sans": "^1.1.13",
+    "typeface-open-sans-condensed": "^1.1.13",
+    "typeface-roboto-mono": "^1.1.13",
+    "typeface-roboto-slab": "^1.1.13",
     "typesafe-actions": "^4.4.2",
-    "typescript": "^3.6.4",
-    "uuid": "^3.3.3",
+    "typescript": "^4.9.3",
+    "uuid": "^9.0.0",
     "visibilityjs": "^2.0.2"
   },
   "keywords": [
@@ -96,13 +113,13 @@
     "local-quizzes-package": "./use-local-quizzes.sh"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-optional-chaining": "^7.6.0",
-    "@babel/preset-env": "^7.6.3",
-    "babel-preset-gatsby": "^0.2.20",
-    "husky": "^3.0.9",
-    "import-all.macro": "^2.0.3",
-    "npm-check": "^5.9.0",
-    "prettier": "^1.17.1"
+    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
+    "@babel/preset-env": "^7.14.5",
+    "babel-preset-gatsby": "^1.7.1",
+    "husky": "^4.3.8",
+    "import-all.macro": "^3.1.0",
+    "npm-check": "^5.9.2",
+    "prettier": "^2.3.1"
   },
   "husky": {
     "hooks": {

diff --git a/src/components/ContentArea.js b/src/components/ContentArea.js
@@ -7,7 +7,7 @@ const ContentAreaContainer = styled.main`
   background-color: #fcfcfc;
   margin-bottom: 5rem;
   min-height: 80vh;
-  ${props =>
+  ${(props) =>
     props.mobileMenuOpen &&
     `
   display: none;

diff --git a/src/components/EndOfSubSection.js b/src/components/EndOfSubSection.js
@@ -43,15 +43,15 @@ class EndOfSubSection extends React.Component {
   render() {
     return (
       <PagesContext.Consumer>
-        {value => {
+        {(value) => {
           const currentPath = value.current.path
           let sectionPath = currentPath
           const sectionSeparator = nthIndex(currentPath, "/", 2)
           if (sectionSeparator !== -1) {
             sectionPath = currentPath.substr(0, sectionSeparator)
           }
           const sectionPages = value.all
-            .filter(o => o.path.startsWith(`${sectionPath}/`))
+            .filter((o) => o.path.startsWith(`${sectionPath}/`))
             .sort((a, b) => {
               a = a.path.toLowerCase()
               b = b.path.toLowerCase()

diff --git a/src/components/Loading.js b/src/components/Loading.js
@@ -10,7 +10,7 @@ const LoadingWrapper = styled.div`
   align-items: center;
   flex-direction: column;
   width: 100%;
-  ${props =>
+  ${(props) =>
     props.heightHint &&
     `
     height: ${props.heightHint};

diff --git a/src/components/LoginControls.js b/src/components/LoginControls.js
@@ -23,7 +23,7 @@ const StyledButton = styled(MaterialButton)`
 class LoginControls extends React.Component {
   static contextType = LoginStateContext
 
-  doSignOut = e => {
+  doSignOut = (e) => {
     e.preventDefault()
     signOut()
   }
@@ -33,8 +33,9 @@ class LoginControls extends React.Component {
       return
     }
     const details = await getCachedUserDetails()
-    let name = `${details?.user_field?.first_name || ""} ${details?.user_field
-      ?.last_name || ""}`.trim()
+    let name = `${details?.user_field?.first_name || ""} ${
+      details?.user_field?.last_name || ""
+    }`.trim()
     if (name === "") {
       name = details.email
     }

diff --git a/src/components/PointsBalloon/CustomTooltip.js b/src/components/PointsBalloon/CustomTooltip.js
@@ -19,7 +19,7 @@ const StyledTooltip = styled.div`
   }
 `
 
-const CustomTooltip = props => {
+const CustomTooltip = (props) => {
   if (!props.active) {
     return null
   }

diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
@@ -31,7 +31,7 @@ const SidebarContainer = styled.div`
   flex-direction: column;
   background-color: white;
 
-  ${props =>
+  ${(props) =>
     !props.mobileMenuOpen &&
     `
       display: none;
@@ -111,7 +111,7 @@ const MobileWrapper = styled.div`
   }
 `
 
-const MobileWrapperOrFragment = props => {
+const MobileWrapperOrFragment = (props) => {
   if (props.mobileMenuOpen) {
     return <MobileWrapper {...props} />
   }
@@ -121,12 +121,13 @@ const MobileWrapperOrFragment = props => {
 class Sidebar extends React.Component {
   render() {
     let edges =
-      this.props.data?.allMarkdownRemark?.edges.map(o => o.node?.frontmatter) ||
-      []
+      this.props.data?.allMarkdownRemark?.edges.map(
+        (o) => o.node?.frontmatter,
+      ) || []
     if (process.env.NODE_ENV === "production") {
-      edges = edges.filter(o => !o.hidden)
+      edges = edges.filter((o) => !o.hidden)
     }
-    edges = edges.filter(o => !o.information_page)
+    edges = edges.filter((o) => !o.information_page)
     edges.sort((a, b) =>
       a.title.localeCompare(b.title, undefined, {
         numeric: true,
@@ -136,7 +137,7 @@ class Sidebar extends React.Component {
     let content = content2.concat(edges)
     content = content.concat(futurePages)
 
-    let middlepoint = content.findIndex(o => o.title === "Part 7")
+    let middlepoint = content.findIndex((o) => o.title === "Part 7")
     content.splice(middlepoint + 1, 0, {
       separator: true,
       title: "Java Programming II",
@@ -198,10 +199,10 @@ const query = graphql`
   }
 `
 
-const SidebarWithData = props => (
+const SidebarWithData = (props) => (
   <StaticQuery
     query={query}
-    render={data => <Sidebar data={data} {...props} />}
+    render={(data) => <Sidebar data={data} {...props} />}
   />
 )
 

diff --git a/src/components/TreeView/TreeViewItem.js b/src/components/TreeView/TreeViewItem.js
@@ -38,13 +38,13 @@ const NavigationLink = styled(GatsbyLink)`
   border-left: 0.5em solid white;
   width: 100%;
   background-color: white;
-  ${props =>
-      props.active === "t" &&
-      `
+  ${(props) =>
+    props.active === "t" &&
+    `
     border-color: #f75b4b !important;
     background-color: #edeaea;
   `}
-    :hover {
+  :hover {
     text-decoration: none;
     color: black;
     background-color: #f5ebeb;
@@ -111,7 +111,7 @@ class TreeViewItem extends React.Component {
   }
 
   onClick = () => {
-    this.setState(prev => ({
+    this.setState((prev) => ({
       childrenVisible: !prev.childrenVisible,
     }))
   }
@@ -185,7 +185,7 @@ class TreeViewItem extends React.Component {
                         innerRef={this.childrenListRef}
                         style={{ "--open-ratio": `${openRatio}` }}
                       >
-                        {this.props.item.children.map(i => (
+                        {this.props.item.children.map((i) => (
                           <TreeViewItem key={i.title} item={i} />
                         ))}
                       </ChildrenList>

diff --git a/src/components/TreeView/index.js b/src/components/TreeView/index.js
@@ -13,7 +13,7 @@ class TreeView extends React.Component {
   render() {
     return (
       <StyledUl>
-        {this.props.data.map(top => (
+        {this.props.data.map((top) => (
           <TreeViewItem key={top.title} item={top} spy />
         ))}
       </StyledUl>

diff --git a/src/components/user/ConfirmEmail.js b/src/components/user/ConfirmEmail.js
@@ -21,7 +21,7 @@ const StyledImage = styled.img`
 `
 
 class ConfirmEmail extends React.Component {
-  onClick = async e => {
+  onClick = async (e) => {
     e.preventDefault()
   }