chore: bump major versions of client dependencies

client/app/bundles/comments/components/CommentBox/CommentBox.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Immutable from 'immutable';
 import _ from 'lodash';
-import BaseComponent from 'libs/components/BaseComponent';
 import { injectIntl } from 'react-intl';
+import BaseComponent from 'libs/components/BaseComponent';
 import SelectLanguage from 'libs/i18n/selectLanguage';
 import { defaultMessages, defaultLocale } from 'libs/i18n/default';
 import CommentForm from './CommentForm/CommentForm';

client/app/bundles/comments/components/CommentBox/CommentBox.module.scss

@@ -1,3 +1,5 @@
+// The 0.5s must correspond to the 500s in:
+//   client/app/bundles/comments/components/CommentBox/CommentList.jsx:58
 .elementEnter {
   opacity: 0.01;
 

client/app/bundles/comments/components/CommentBox/CommentList/CommentList.jsx

@@ -52,9 +52,6 @@ export default class CommentList extends BaseComponent {
     const commentNodes = $$comments.map(($$comment, index) => {
       const nodeRef = React.createRef(null);
       return (
-        // `key` is a React-specific concept and is not mandatory for the
-        // purpose of this tutorial. if you're curious, see more here:
-        // http://facebook.github.io/react/docs/multiple-components.html#dynamic-children
         <CSSTransition
           key={$$comment.get('id') || index}
           nodeRef={nodeRef}
@@ -74,7 +71,7 @@ export default class CommentList extends BaseComponent {
     // For animation with TransitionGroup
     //   https://reactcommunity.org/react-transition-group/transition-group
     // The 500 must correspond to the 0.5s in:
-    //   client/app/bundles/comments/components/CommentBox/CommentBox.module.scss:6
+    //   client/app/bundles/comments/components/CommentBox/CommentBox.module.scss:8
     return (
       <div>
         {this.errorWarning()}

client/app/controllers/comments_controller.js

@@ -1,6 +1,11 @@
 import { Controller } from '@hotwired/stimulus';
 import * as ActionCable from '@rails/actioncable';
 import * as marked from 'marked';
+import { gfmHeadingId } from 'marked-gfm-heading-id';
+import { mangle } from 'marked-mangle';
+
+marked.use(gfmHeadingId());
+marked.use(mangle());
 
 export default class extends Controller {
   static targets = ['commentList', 'commentAuthor', 'commentText', 'commentRefresh', 'alertDiv', 'errorList'];

package.json

@@ -133,7 +133,10 @@
     "fs": false
   },
   "browserslist": [
-    "defaults",
+    ">1%",
+    "last 5 versions",
+    "safari >= 7",
+    "Firefox ESR",
     "not IE 11"
   ],
   "jest": {