refactor: replace deprecated String.prototype.substr() (#35205)

.substr() is deprecated so we replace it with .slice() which works similarily but isn't deprecated

Signed-off-by: Tobias Speicher <[email protected]>

Author: CommanderRoot

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

@@ -4,8 +4,8 @@ import presets from "../utils/presets"
 
 const { baseHsl, colors } = styleColors
 
-const linkRaw = colors.link.substr(1)
-const linkHoverRaw = colors.linkHover.substr(1)
+const linkRaw = colors.link.slice(1)
+const linkHoverRaw = colors.linkHover.slice(1)
 
 const options = {
   baseFontSize: `17px`,

packages/gatsby-cli/src/reporter/prepare-stack-trace.ts

@@ -136,7 +136,7 @@ function getPosition({
       line: frame.getLineNumber(),
       source: frame
         .getFileName()
-        .substr(frame.getFileName().indexOf(`webpack:`))
+        .slice(frame.getFileName().indexOf(`webpack:`))
         .replace(/webpack:\/+/g, `webpack://`),
       name: null,
     }

packages/gatsby-graphiql-explorer/src/app/app.js

@@ -18,7 +18,7 @@ import "graphiql-code-exporter/CodeExporter.css"
 
 const parameters = {}
 window.location.search
-  .substr(1)
+  .slice(1)
   .split(`&`)
   .forEach(function (entry) {
     const eq = entry.indexOf(`=`)

packages/gatsby-link/src/parse-path.js

@@ -5,14 +5,14 @@ export function parsePath(path) {
 
   const hashIndex = pathname.indexOf(`#`)
   if (hashIndex !== -1) {
-    hash = pathname.substr(hashIndex)
-    pathname = pathname.substr(0, hashIndex)
+    hash = pathname.slice(hashIndex)
+    pathname = pathname.slice(0, hashIndex)
   }
 
   const searchIndex = pathname.indexOf(`?`)
   if (searchIndex !== -1) {
-    search = pathname.substr(searchIndex)
-    pathname = pathname.substr(0, searchIndex)
+    search = pathname.slice(searchIndex)
+    pathname = pathname.slice(0, searchIndex)
   }
 
   return {

packages/gatsby-plugin-image/src/image-utils.ts

@@ -138,7 +138,7 @@ export const getSrcSet = (images: Array<IImage>): string =>
 export function formatFromFilename(filename: string): ImageFormat | undefined {
   const dot = filename.lastIndexOf(`.`)
   if (dot !== -1) {
-    const ext = filename.substr(dot + 1)
+    const ext = filename.slice(dot + 1)
     if (ext === `jpeg`) {
       return `jpg`
     }

packages/gatsby-plugin-sharp/src/process-file.js

@@ -178,5 +178,5 @@ exports.processFile = async (file, transforms, options = {}) => {
 exports.createArgsDigest = args => {
   const argsDigest = createContentDigest(args)
 
-  return argsDigest.substr(argsDigest.length - 5)
+  return argsDigest.slice(-5)
 }

packages/gatsby-remark-embed-snippet/src/index.js

@@ -47,7 +47,7 @@ module.exports = ({ markdownAST, markdownNode }, { directory } = {}) => {
     const { value } = node
 
     if (value.startsWith(`embed:`)) {
-      const file = value.substr(6)
+      const file = value.slice(6)
       let snippetPath = normalizePath(path.join(directory, file))
 
       // Embed specific lines numbers of a file

packages/gatsby-transformer-react-docgen/src/doclets.js

@@ -14,7 +14,7 @@ const isLiteral = str => /^('|"|true|false|\d+)/.test(str.trim())
 export const cleanDoclets = desc => {
   desc = desc || ``
   const idx = desc.search(DOCLET_PATTERN)
-  return (idx === -1 ? desc : desc.substr(0, idx)).trim()
+  return (idx === -1 ? desc : desc.slice(0, idx)).trim()
 }
 
 /**

packages/gatsby/src/bootstrap/redirects-writer.ts

@@ -19,7 +19,7 @@ export const writeRedirects = async (): Promise<void> => {
 
   for (const redirect of redirects) {
     const alternativePath = redirect.fromPath.endsWith(`/`)
-      ? redirect.fromPath.substr(0, redirect.fromPath.length - 1)
+      ? redirect.fromPath.slice(0, -1)
       : redirect.fromPath + `/`
 
     let hasSamePage: boolean

packages/gatsby/src/cache/cache-fs.ts

@@ -294,8 +294,8 @@ DiskStore.prototype._getFilePathByKey = function (key): string {
     // create subdirs with the first 3 chars of the hash
     return path.join(
       this.options.path,
-      `diskstore-` + hash.substr(0, 3),
-      hash.substr(3)
+      `diskstore-` + hash.slice(0, 3),
+      hash.slice(3)
     )
   } else {
     return path.join(this.options.path, `diskstore-` + hash)