Update to the latest Prettier

Author: KyleAMathews

examples/using-gatsby-image/src/components/navigation.js

@@ -32,7 +32,9 @@ const NavItem = ({ title, to }) => (
         whiteSpace: `nowrap`,
       },
       "& .nav-link-active, & .nav-link:hover": {
-        backgroundImage: `linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, ${options.accentColor} 1px, ${options.accentColor} 2px, rgba(0, 0, 0, 0) 2px)`,
+        backgroundImage: `linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, ${
+          options.accentColor
+        } 1px, ${options.accentColor} 2px, rgba(0, 0, 0, 0) 2px)`,
         color: options.accentColor,
         opacity: 1,
       },

examples/using-remark/src/utils/typography.js

@@ -151,15 +151,25 @@ const options = {
       ".post a:not(.gatsby-resp-image-link):not(.anchor), .link-underline": {
         position: `relative`,
         backgroundImage: `linear-gradient(${colors.link},${colors.link})`,
-        textShadow: `0.03em 0 ${colors.white}, -0.03em 0 ${colors.white}, 0 0.03em ${colors.white}, 0 -0.03em ${colors.white}, 0.06em 0 ${colors.white}, -0.06em 0 ${colors.white}, 0.09em 0 ${colors.white}, -0.09em 0 ${colors.white}, 0.12em 0 ${colors.white}, -0.12em 0 ${colors.white}, 0.15em 0 ${colors.white}, -0.15em 0 ${colors.white}`,
+        textShadow: `0.03em 0 ${colors.white}, -0.03em 0 ${
+          colors.white
+        }, 0 0.03em ${colors.white}, 0 -0.03em ${colors.white}, 0.06em 0 ${
+          colors.white
+        }, -0.06em 0 ${colors.white}, 0.09em 0 ${colors.white}, -0.09em 0 ${
+          colors.white
+        }, 0.12em 0 ${colors.white}, -0.12em 0 ${colors.white}, 0.15em 0 ${
+          colors.white
+        }, -0.15em 0 ${colors.white}`,
         transition: `all 250ms cubic-bezier(0.4, 0, 0.2, 1)`,
         backgroundPosition: `0 98%`,
         backgroundRepeat: `repeat-x`,
         backgroundSize: `1px 1px`,
       },
       ".post a:not(.gatsby-resp-image-link):not(.anchor):hover, .link-underline:hover": {
         color: `${colors.linkHover}`,
-        backgroundImage: `linear-gradient(${colors.linkHover},${colors.linkHover})`,
+        backgroundImage: `linear-gradient(${colors.linkHover},${
+          colors.linkHover
+        })`,
       },
       ".post a.anchor": {
         textShadow: `0 !important`,
@@ -169,10 +179,14 @@ const options = {
       // https://github.com/comfusion/after-dark/
       // @see https://github.com/comfusion/after-dark/blob/8fdbe2f480ac40315cf0e01cece785d2b5c4b0c3/layouts/partials/critical-theme.css#L36-L39
       ".post a[href*='//']:after": {
-        content: `" " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23${linkRaw}'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E")`,
+        content: `" " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23${
+          linkRaw
+        }'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E")`,
       },
       ".post a[href*='//']:hover:after": {
-        content: `" " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23${linkHoverRaw}'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E")`,
+        content: `" " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23${
+          linkHoverRaw
+        }'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E")`,
       },
       // Increase base font-size for phablet and desktop.
       [presets.Phablet]: {

packages/gatsby-1-config-css-modules/src/index.js

@@ -2,6 +2,8 @@ const LOCAL_IDENT_NAME = `[path]---[name]---[local]---[hash:base64:5]`
 exports.LOCAL_IDENT_NAME = LOCAL_IDENT_NAME
 
 exports.cssModulesConfig = stage => {
-  const loader = `css?modules&minimize&importLoaders=1&localIdentName=${LOCAL_IDENT_NAME}`
+  const loader = `css?modules&minimize&importLoaders=1&localIdentName=${
+    LOCAL_IDENT_NAME
+  }`
   return stage.startsWith(`build`) ? loader : `${loader}&sourceMap`
 }

packages/gatsby-cli/src/create-cli.js

@@ -41,15 +41,19 @@ function buildLocalCommands(cli, isLocalSite) {
         resolveCwd.silent(`gatsby/dist/utils/${command}`)
       if (!cmdPath)
         return report.panic(
-          `There was a problem loading the local ${command} command. Gatsby may not be installed.`
+          `There was a problem loading the local ${
+            command
+          } command. Gatsby may not be installed.`
         )
 
       report.verbose(`loading local command from: ${cmdPath}`)
       return require(cmdPath)
     } catch (err) {
       cli.showHelp()
       return report.panic(
-        `There was a problem loading the local ${command} command. Gatsby may not be installed.`,
+        `There was a problem loading the local ${
+          command
+        } command. Gatsby may not be installed.`,
         err
       )
     }

packages/gatsby-image/src/index.js

@@ -183,9 +183,9 @@ class Image extends React.Component {
       // The outer div is necessary to reset the z-index to 0.
       return (
         <div
-          className={`${outerWrapperClassName
-            ? outerWrapperClassName
-            : ``} gatsby-image-outer-wrapper`}
+          className={`${
+            outerWrapperClassName ? outerWrapperClassName : ``
+          } gatsby-image-outer-wrapper`}
           style={{
             zIndex: 0,
             // Let users set component to be absolutely positioned.
@@ -296,9 +296,9 @@ class Image extends React.Component {
       // The outer div is necessary to reset the z-index to 0.
       return (
         <div
-          className={`${outerWrapperClassName
-            ? outerWrapperClassName
-            : ``} gatsby-image-outer-wrapper`}
+          className={`${
+            outerWrapperClassName ? outerWrapperClassName : ``
+          } gatsby-image-outer-wrapper`}
           style={{
             zIndex: 0,
             // Let users set component to be absolutely positioned.

packages/gatsby-plugin-google-analytics/src/gatsby-ssr.js

@@ -7,18 +7,24 @@ exports.onRenderBody = ({ setPostBodyComponents }, pluginOptions) => {
         key={`gatsby-plugin-google-analytics`}
         dangerouslySetInnerHTML={{
           __html: `
-  ${typeof pluginOptions.anonymize !== `undefined`
-    ? `function gaOptout(){document.cookie=disableStr+'=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/',window[disableStr]=!0}var gaProperty='${pluginOptions.trackingId}',disableStr='ga-disable-'+gaProperty;document.cookie.indexOf(disableStr+'=true')>-1&&(window[disableStr]=!0);`
-    : ``}
+  ${
+    typeof pluginOptions.anonymize !== `undefined`
+      ? `function gaOptout(){document.cookie=disableStr+'=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/',window[disableStr]=!0}var gaProperty='${
+          pluginOptions.trackingId
+        }',disableStr='ga-disable-'+gaProperty;document.cookie.indexOf(disableStr+'=true')>-1&&(window[disableStr]=!0);`
+      : ``
+  }
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
   })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
   ga('create', '${pluginOptions.trackingId}', 'auto');
-  ${typeof pluginOptions.anonymize !== `undefined`
-    ? `ga('set', 'anonymizeIp', 1);`
-    : ``}`,
+  ${
+    typeof pluginOptions.anonymize !== `undefined`
+      ? `ga('set', 'anonymizeIp', 1);`
+      : ``
+  }`,
         }}
       />,
     ])

packages/gatsby-plugin-google-tagmanager/src/gatsby-ssr.js

@@ -26,7 +26,9 @@ exports.onRenderBody = (
         dangerouslySetInnerHTML={{
           __html: stripIndent`
             <iframe
-              src="https://www.googletagmanager.com/ns.html?id=${pluginOptions.id}"
+              src="https://www.googletagmanager.com/ns.html?id=${
+                pluginOptions.id
+              }"
               height="0"
               width="0"
               style="display: none; visibility: hidden"

packages/gatsby-plugin-netlify/src/build-headers-program.js

@@ -96,7 +96,9 @@ function transformLink(manifest, publicFolder, pathPrefix) {
         return `${prefix}${pathPrefix}${file}${suffix}`
       } else {
         throw new Error(
-          `Could not find the file specified in the Link header \`${header}\`.` +
+          `Could not find the file specified in the Link header \`${
+            header
+          }\`.` +
             `The gatsby-plugin-netlify is looking for a matching file (with or without a ` +
             `webpack hash). Check the public folder and your gatsby-config.js to ensure you are ` +
             `pointing to a public file.`
@@ -134,18 +136,18 @@ const validateUserOptions = pluginOptions => headers => {
     )
   }
 
-  ;[
-    `mergeSecurityHeaders`,
-    `mergeLinkHeaders`,
-    `mergeCachingHeaders`,
-  ].forEach(mergeOption => {
-    if (!_.isBoolean(pluginOptions[mergeOption])) {
-      throw new Error(
-        `The "${mergeOption}" option to gatsby-plugin-netlify must be a boolean. ` +
-          `Check your gatsby-config.js.`
-      )
+  ;[`mergeSecurityHeaders`, `mergeLinkHeaders`, `mergeCachingHeaders`].forEach(
+    mergeOption => {
+      if (!_.isBoolean(pluginOptions[mergeOption])) {
+        throw new Error(
+          `The "${
+            mergeOption
+          }" option to gatsby-plugin-netlify must be a boolean. ` +
+            `Check your gatsby-config.js.`
+        )
+      }
     }
-  })
+  )
 
   if (!_.isFunction(pluginOptions.transformHeaders)) {
     throw new Error(

packages/gatsby-plugin-sharp/src/index.js

@@ -262,8 +262,9 @@ function queueImageResizing({ file, args = {} }) {
 
   const argsDigestShort = argsDigest.substr(argsDigest.length - 5)
 
-  const imgSrc = `/${file.name}-${file.internal
-    .contentDigest}-${argsDigestShort}.${fileExtension}`
+  const imgSrc = `/${file.name}-${file.internal.contentDigest}-${
+    argsDigestShort
+  }.${fileExtension}`
   const filePath = path.join(process.cwd(), `public`, `static`, imgSrc)
 
   // Create function to call when the image is finished.
@@ -412,7 +413,9 @@ async function responsiveSizes({ file, args = {} }) {
 
   // If the users didn't set a default sizes, we'll make one.
   if (!options.sizes) {
-    options.sizes = `(max-width: ${presentationWidth}px) 100vw, ${presentationWidth}px`
+    options.sizes = `(max-width: ${presentationWidth}px) 100vw, ${
+      presentationWidth
+    }px`
   }
 
   // Create sizes (in width) for the image. If the max width of the container
@@ -524,7 +527,9 @@ async function resolutions({ file, args = {} }) {
     filteredSizes.push(dimensions.width)
     console.warn(
       `
-                 The requested width "${options.width}px" for a resolutions field for
+                 The requested width "${
+                   options.width
+                 }px" for a resolutions field for
                  the file ${file.absolutePath}
                  was wider than the actual image width of ${dimensions.width}px!
                  If possible, replace the current image with a larger one.
@@ -649,8 +654,9 @@ async function notMemoizedtraceSVG({ file, args, fileArgs }) {
   }
 
   const tmpDir = require(`os`).tmpdir()
-  const tmpFilePath = `${tmpDir}/${file.internal
-    .contentDigest}-${file.name}-${crypto
+  const tmpFilePath = `${tmpDir}/${file.internal.contentDigest}-${
+    file.name
+  }-${crypto
     .createHash(`md5`)
     .update(JSON.stringify(fileArgs))
     .digest(`hex`)}.${file.extension}`

packages/gatsby-plugin-stylus/src/gatsby-node.js

@@ -33,7 +33,9 @@ exports.modifyWebpackConfig = ({ config, stage }, options = {}) => {
     })
   } else if (options.use) {
     throw new Error(
-      `gatsby-plugin-stylus "use" option passed with ${options.use}. Pass an array of stylus plugins instead`
+      `gatsby-plugin-stylus "use" option passed with ${
+        options.use
+      }. Pass an array of stylus plugins instead`
     )
   }
   if (Array.isArray(options.import)) {
@@ -45,7 +47,9 @@ exports.modifyWebpackConfig = ({ config, stage }, options = {}) => {
     })
   } else if (options.import) {
     throw new Error(
-      `gatsby-plugin-stylus "import" option passed with ${options.import}. Pass an array of filenames instead`
+      `gatsby-plugin-stylus "import" option passed with ${
+        options.import
+      }. Pass an array of filenames instead`
     )
   }