Wrap strings at 80 characters

.eslintrc.json

@@ -15,6 +15,7 @@
     }
   },
   "rules": {
+    "max-len": ["error", { "ignoreTemplateLiterals": true }],
     "no-tabs": "error"
   }
 }

src/Documentation/HeadInjector.js

@@ -7,19 +7,31 @@ export const HeadInjector = ({ sectionName = 'Documentation' }) => (
     <link
       rel="stylesheet"
       type="text/css"
-      href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/3.0.1/github-markdown.min.css"
+      href={`
+        https://cdnjs.cloudflare.com/ajax/libs/
+        github-markdown-css/3.0.1/github-markdown.min.css
+      `}
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/docsearch.min.css"
+      href={`
+        https://cdn.jsdelivr.net/npm/
+        [email protected]/dist/cdn/docsearch.min.css
+      `}
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/[email protected]/css/perfect-scrollbar.min.css"
+      href={`
+        https://cdn.jsdelivr.net/npm/
+        [email protected]/css/perfect-scrollbar.min.css
+      `}
     />
     <script
       type="text/javascript"
-      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/docsearch.min.js"
+      src={`
+        https://cdn.jsdelivr.net/npm/
+        [email protected]/dist/cdn/docsearch.min.js
+      `}
     />
     <title>{sectionName} | Machine Learning Version Control System · DVC</title>
   </Head>

src/Documentation/Markdown/Markdown.js

@@ -55,6 +55,7 @@ const HeadingRenderer = ({ level, children }) => {
         >
           <path
             fillRule="evenodd"
+            // eslint-disable-next-line max-len
             d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
           ></path>
         </svg>

src/Documentation/SidebarMenu/helper.test.js

@@ -257,6 +257,7 @@ describe('SidebarMenu/helper', () => {
       )
     })
 
+    // eslint-disable-next-line max-len
     it("Throws error if item has source: false and doesn't have children", () => {
       const rawData = [{ slug: 'item-name', source: false }]
 

src/Documentation/glossary.js

@@ -33,8 +33,8 @@ Initialized by running \`dvc init\` in the **workspace**. It will contain the
       desc: `
 The DVC cache is a hidden storage (by default located in the \`.dvc/cache\`
 directory) for files that are under DVC control, and their different versions.
-For more details, please refer to this
-[document](/doc/user-guide/dvc-files-and-directories#structure-of-cache-directory).
+For more details, please refer to this [document]
+(/doc/user-guide/dvc-files-and-directories#structure-of-cache-directory).
       `
     },
     {
@@ -43,8 +43,8 @@ For more details, please refer to this
       desc: `
 Any data file or directory, as well as intermediate or final result (such as
 extracted features or a ML model file) that is under DVC control. Refer to
-[Data and Model Files Versioning](/doc/use-cases/data-and-model-files-versioning)
-for more details.
+[Data and Model Files Versioning]
+(/doc/use-cases/data-and-model-files-versioning) for more details.
       `
     },
     {
@@ -68,8 +68,9 @@ A file or a directory that is under DVC control. See \`dvc add\` \`dvc run\`,
       match: ['external dependency', 'external dependencies'],
       desc: `
 A DVC-file dependency with origin in an external source, for example HTTP, SSH,
-Amazon S3, Google Cloud Storage remote locations, or even other DVC repositories.
-See [External Dependencies](/doc/user-guide/external-dependencies).
+Amazon S3, Google Cloud Storage remote locations, or even other DVC
+repositories. See [External Dependencies]
+(/doc/user-guide/external-dependencies).
       `
     }
   ]

src/SubscribeForm/index.js

@@ -5,7 +5,10 @@ import { media } from '../styles'
 export default function SubscribeForm() {
   return (
     <Form
-      action="https://sweedom.us10.list-manage.com/subscribe/post?u=a08bf93caae4063c4e6a351f6&amp;id=24c0ecc49a"
+      action={`
+        https://sweedom.us10.list-manage.com/subscribe/post?
+        u=a08bf93caae4063c4e6a351f6&amp;id=24c0ecc49a
+      `}
       method="post"
       id="mc-embedded-subscribe-form"
       name="mc-embedded-subscribe-form"
@@ -22,7 +25,10 @@ export default function SubscribeForm() {
         required
       />
 
-      {/*real people should not fill this in and expect good things - do not remove this or risk form bot signups*/}
+      {/*
+        real people should not fill this in and expect good things - 
+        do not remove this or risk form bot signups
+      */}
       <div style={{ position: 'absolute', left: '-5000px' }} aria-hidden="true">
         <input
           type="text"

src/Video/index.js

@@ -75,7 +75,10 @@ export default class Video extends Component {
             title="Video"
             width="560"
             height="315"
-            src={`https://www.youtube.com/embed/${id}?rel=0&controls=0&showinfo=0;${playing}`}
+            src={`
+              https://www.youtube.com/embed/${id}?
+              rel=0&controls=0&showinfo=0;${playing}
+            `}
             frameBorder="0"
             allow="autoplay; encrypted-media"
             allowFullScreen