fix: replace deprecated/removed functions in eslint-plugin-next

packages/eslint-plugin-next/package.json

@@ -15,7 +15,7 @@
     "glob": "10.3.10"
   },
   "devDependencies": {
-    "eslint": "7.24.0"
+    "eslint": "8.56.0"
   },
   "scripts": {
     "build": "swc -d dist src",

packages/eslint-plugin-next/src/rules/no-before-interactive-script-outside-document.ts

@@ -28,7 +28,7 @@ export = defineRule({
         scriptImportName = node.local.name
       },
       JSXOpeningElement(node) {
-        const pathname = convertToCorrectSeparator(context.getFilename())
+        const pathname = convertToCorrectSeparator(context.filename)
 
         const isInAppDir = pathname.includes(`${path.sep}app${path.sep}`)
 
@@ -57,7 +57,7 @@ export = defineRule({
           return
         }
 
-        const document = context.getFilename().split('pages', 2)[1]
+        const document = context.filename.split('pages', 2)[1]
         if (document && path.parse(document).name.startsWith('_document')) {
           return
         }

packages/eslint-plugin-next/src/rules/no-document-import-in-page.ts

@@ -21,7 +21,7 @@ export = defineRule({
           return
         }
 
-        const paths = context.getFilename().split('pages')
+        const paths = context.filename.split('pages')
         const page = paths[paths.length - 1]
 
         if (

packages/eslint-plugin-next/src/rules/no-duplicate-head.ts

@@ -13,6 +13,7 @@ export = defineRule({
     schema: [],
   },
   create(context) {
+    const { sourceCode } = context
     let documentImportName
     return {
       ImportDeclaration(node) {
@@ -26,7 +27,7 @@ export = defineRule({
         }
       },
       ReturnStatement(node) {
-        const ancestors = context.getAncestors()
+        const ancestors = sourceCode.getAncestors(node)
         const documentClass = ancestors.find(
           (ancestorNode) =>
             ancestorNode.type === 'ClassDeclaration' &&
@@ -39,7 +40,6 @@ export = defineRule({
           return
         }
 
-        // @ts-expect-error - `node.argument` could be a `JSXElement` which has property `children`
         if (
           node.argument &&
           'children' in node.argument &&

packages/eslint-plugin-next/src/rules/no-head-element.ts

@@ -17,7 +17,7 @@ export = defineRule({
   create(context) {
     return {
       JSXOpeningElement(node) {
-        const paths = context.getFilename()
+        const paths = context.filename
 
         const isInAppDir = () =>
           paths.includes(`app${path.sep}`) ||

packages/eslint-plugin-next/src/rules/no-head-import-in-document.ts

@@ -20,7 +20,7 @@ export = defineRule({
           return
         }
 
-        const document = context.getFilename().split('pages', 2)[1]
+        const document = context.filename.split('pages', 2)[1]
         if (!document) {
           return
         }

packages/eslint-plugin-next/src/rules/no-page-custom-font.ts

@@ -20,7 +20,8 @@ export = defineRule({
     schema: [],
   },
   create(context) {
-    const paths = context.getFilename().split('pages')
+    const { sourceCode } = context
+    const paths = context.filename.split('pages')
     const page = paths[paths.length - 1]
 
     // outside of a file within `pages`, bail
@@ -71,7 +72,7 @@ export = defineRule({
           return
         }
 
-        const ancestors = context.getAncestors()
+        const ancestors = sourceCode.getAncestors(node)
 
         // if `export default <name>` is further down within the file after the
         // currently traversed component, then `localDefaultExportName` will

packages/eslint-plugin-next/src/rules/no-styled-jsx-in-document.ts

@@ -16,7 +16,7 @@ export = defineRule({
   create(context) {
     return {
       JSXOpeningElement(node) {
-        const document = context.getFilename().split('pages', 2)[1]
+        const document = context.filename.split('pages', 2)[1]
         if (!document) {
           return
         }

packages/eslint-plugin-next/src/rules/no-typos.ts

@@ -73,7 +73,7 @@ export = defineRule({
     }
     return {
       ExportNamedDeclaration(node) {
-        const page = context.getFilename().split('pages', 2)[1]
+        const page = context.filename.split('pages', 2)[1]
         if (!page || path.parse(page).dir.startsWith('/api')) {
           return
         }

packages/eslint-plugin-next/src/utils/get-root-dirs.ts

@@ -14,7 +14,7 @@ const processRootDir = (rootDir: string): string[] => {
  * Gets one or more Root, returns an array of root directories.
  */
 export const getRootDirs = (context: Rule.RuleContext) => {
-  let rootDirs = [context.getCwd()]
+  let rootDirs = [context.cwd]
 
   const nextSettings: { rootDir?: string | string[] } =
     context.settings.next || {}