chore: add build step to eslint-plugin-next

packages/eslint-plugin-next/.swcrc

@@ -0,0 +1,11 @@
+{
+    "$schema": "https://json.schemastore.org/swcrc",
+    "jsc": {
+        "parser": {
+            "syntax": "typescript"
+        }
+    },
+    "module": {
+        "type": "commonjs"
+    }
+}

packages/eslint-plugin-next/lib/rules/no-img-element.js → packages/eslint-plugin-next/lib/rules/no-img-element.ts

@@ -1,6 +1,8 @@
+import type { Rule } from 'eslint'
+
 const url = 'https://nextjs.org/docs/messages/no-img-element'
 
-module.exports = {
+const rule: Rule.RuleModule = {
   meta: {
     docs: {
       description: 'Prevent usage of `<img>` element to prevent layout shift.',
@@ -11,8 +13,7 @@ module.exports = {
     type: 'problem',
     schema: [],
   },
-
-  create: function (context) {
+  create(context) {
     return {
       JSXOpeningElement(node) {
         if (node.name.name !== 'img') {
@@ -23,13 +24,7 @@ module.exports = {
           return
         }
 
-        if (
-          node.parent &&
-          node.parent.openingElement &&
-          node.parent.parent.openingElement &&
-          node.parent.parent.openingElement.name &&
-          node.parent.parent.openingElement.name.name === 'picture'
-        ) {
+        if (node.parent?.parent?.openingElement?.name?.name === 'picture') {
           return
         }
 
@@ -41,3 +36,6 @@ module.exports = {
     }
   },
 }
+
+export default rule
+module.exports = rule

packages/eslint-plugin-next/package.json

@@ -2,19 +2,23 @@
   "name": "@next/eslint-plugin-next",
   "version": "12.2.4",
   "description": "ESLint plugin for NextJS.",
-  "main": "lib/index.js",
+  "main": "dist/index.js",
   "license": "MIT",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/eslint-plugin-next"
   },
   "files": [
-    "lib"
+    "dist"
   ],
   "dependencies": {
     "glob": "7.1.7"
   },
   "devDependencies": {
-    "@types/eslint": "7.28.0"
+    "eslint": "7.24.0"
+  },
+  "scripts": {
+    "build": "swc -d dist lib",
+    "prepublishOnly": "cd ../../ && turbo run build"
   }
 }

packages/eslint-plugin-next/jsconfig.json → packages/eslint-plugin-next/tsconfig.json

@@ -3,5 +3,6 @@
     "module": "commonjs",
     "target": "es2019"
   },
+  "include": ["lib/**/*"],
   "exclude": ["node_modules"]
 }

test/unit/eslint-plugin-next/index.test.ts

@@ -3,7 +3,7 @@ import glob from 'glob'
 import index from '@next/eslint-plugin-next'
 
 const getRuleNameFromRulePath = (path) => basename(path, '.js')
-const rulePaths = glob.sync('packages/eslint-plugin-next/lib/rules/*js', {
+const rulePaths = glob.sync('packages/eslint-plugin-next/dist/rules/*js', {
   absolute: true,
 })
 
@@ -15,7 +15,8 @@ describe('@next/eslint-plugin-next index', () => {
   })
 
   rulePaths.forEach((rulePath) => {
-    const rule = require(rulePath)
+    let rule = require(rulePath)
+    rule = rule.default ?? rule
     const ruleName = getRuleNameFromRulePath(rulePath)
     const { recommended = false } = rule.meta.docs