Enable eslint for cloudflare package (#44)

* add eslint to cloudflare package

* add prefer-node-protocol eslint rule

* enable eslint sort-imports rule

* add linting to gh workflow

---------

Co-authored-by: Victor Berchet <[email protected]>

Author: dario-piotrowicz

.github/workflows/prettier.yml renamed to .github/workflows/checks.yml

@@ -1,4 +1,4 @@
-name: Prettier check
+name: Code checks
 on:
   push:
     branches: [main]
@@ -15,5 +15,5 @@ jobs:
           node-version: lts/*
       - name: Install dependencies
         run: npm install -g pnpm && pnpm install
-      - name: Check formatting
-        run: pnpm prettier:check
+      - name: Run code checks
+        run: pnpm code:checks

package.json

@@ -9,6 +9,10 @@
   "scripts": {
     "prettier:check": "prettier --check .",
     "prettier:fix": "prettier --write .",
+    "lint:check": "pnpm -r lint:check",
+    "lint:fix": "pnpm -r lint:fix",
+    "code:checks": "pnpm lint:check && pnpm lint:check",
+    "code:fixes": "pnpm prettier:fix && pnpm lint:fix",
     "postinstall": "pnpm --filter cloudflare build",
     "install-playwright": "playwright install --with-deps",
     "e2e": "pnpm -r e2e",

packages/cloudflare/eslint.config.mjs

@@ -0,0 +1,30 @@
+import eslintPluginUnicorn from "eslint-plugin-unicorn";
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+
+export default [
+  {
+    ignores: ["dist", "**/test-snapshots", "**/test-fixtures"],
+  },
+  {
+    files: ["**/*.{js,mjs,cjs,ts}"],
+  },
+  {
+    languageOptions: {
+      globals: globals.node,
+    },
+  },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    plugins: {
+      unicorn: eslintPluginUnicorn,
+    },
+    rules: {
+      "@typescript-eslint/ban-ts-comment": "off",
+      "unicorn/prefer-node-protocol": "error",
+      "sort-imports": "error",
+    },
+  },
+];

packages/cloudflare/package.json

@@ -5,6 +5,8 @@
   "scripts": {
     "build": "tsup",
     "build:watch": "tsup --watch src",
+    "lint:check": "eslint",
+    "lint:fix": "eslint --fix",
     "test": "vitest --run",
     "test:watch": "vitest"
   },
@@ -38,12 +40,17 @@
   "homepage": "https://github.com/opennextjs/opennextjs-cloudflare",
   "devDependencies": {
     "@cloudflare/workers-types": "catalog:",
+    "@eslint/js": "catalog:",
     "@types/node": "catalog:",
     "esbuild": "catalog:",
+    "eslint": "catalog:",
+    "eslint-plugin-unicorn": "catalog:",
     "glob": "catalog:",
+    "globals": "catalog:",
     "next": "catalog:",
     "tsup": "catalog:",
     "typescript": "catalog:",
+    "typescript-eslint": "catalog:",
     "vitest": "catalog:"
   },
   "dependencies": {

packages/cloudflare/src/api/get-cloudflare-context.ts

@@ -1,7 +1,7 @@
 import "server-only";
 
 declare global {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   interface CloudflareEnv {}
 }
 

packages/cloudflare/src/cli/args.ts

@@ -1,4 +1,4 @@
-import { mkdirSync, type Stats, statSync } from "node:fs";
+import { type Stats, mkdirSync, statSync } from "node:fs";
 import { parseArgs } from "node:util";
 import { resolve } from "node:path";
 

packages/cloudflare/src/cli/build/build-worker.ts

@@ -1,20 +1,18 @@
-import { Config } from "../config";
-import { build, Plugin } from "esbuild";
-import { existsSync, readFileSync } from "node:fs";
+import { Plugin, build } from "esbuild";
 import { cp, readFile, writeFile } from "node:fs/promises";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-import { patchRequire } from "./patches/investigated/patch-require";
+import { existsSync, readFileSync } from "node:fs";
+import { Config } from "../config";
 import { copyPackageCliFiles } from "./patches/investigated/copy-package-cli-files";
-
-import { patchReadFile } from "./patches/to-investigate/patch-read-file";
-import { patchFindDir } from "./patches/to-investigate/patch-find-dir";
-import { inlineNextRequire } from "./patches/to-investigate/inline-next-require";
+import { fileURLToPath } from "node:url";
 import { inlineEvalManifest } from "./patches/to-investigate/inline-eval-manifest";
+import { inlineNextRequire } from "./patches/to-investigate/inline-next-require";
+import { patchCache } from "./patches/investigated/patch-cache";
+import { patchFindDir } from "./patches/to-investigate/patch-find-dir";
+import { patchReadFile } from "./patches/to-investigate/patch-read-file";
+import { patchRequire } from "./patches/investigated/patch-require";
 import { patchWranglerDeps } from "./patches/to-investigate/wrangler-deps";
+import path from "node:path";
 import { updateWebpackChunksFile } from "./patches/investigated/update-webpack-chunks-file";
-import { patchCache } from "./patches/investigated/patch-cache";
 
 /** The dist directory of the Cloudflare adapter package */
 const packageDistDir = path.join(path.dirname(fileURLToPath(import.meta.url)), "..");
@@ -177,10 +175,10 @@ function createFixRequiresESBuildPlugin(templateDir: string): Plugin {
     name: "replaceRelative",
     setup(build) {
       // Note: we (empty) shim require-hook modules as they generate problematic code that uses requires
-      build.onResolve({ filter: /^\.\/require-hook$/ }, (args) => ({
+      build.onResolve({ filter: /^\.\/require-hook$/ }, () => ({
         path: path.join(templateDir, "shims", "empty.ts"),
       }));
-      build.onResolve({ filter: /\.\/lib\/node-fs-methods$/ }, (args) => ({
+      build.onResolve({ filter: /\.\/lib\/node-fs-methods$/ }, () => ({
         path: path.join(templateDir, "shims", "empty.ts"),
       }));
     },

packages/cloudflare/src/cli/build/index.ts

@@ -1,9 +1,9 @@
-import { rm } from "node:fs/promises";
+import { containsDotNextDir, getConfig } from "../config";
 import { buildNextjsApp } from "./build-next-app";
 import { buildWorker } from "./build-worker";
-import { containsDotNextDir, getConfig } from "../config";
 import { cpSync } from "node:fs";
 import path from "node:path";
+import { rm } from "node:fs/promises";
 
 /**
  * Builds the application in a format that can be passed to workerd

packages/cloudflare/src/cli/build/patches/investigated/patch-cache.ts

@@ -1,5 +1,5 @@
-import path from "node:path";
 import { Config } from "../../../config";
+import path from "node:path";
 
 /**
  * Install the cloudflare KV cache handler

packages/cloudflare/src/cli/build/patches/investigated/update-webpack-chunks-file/get-chunk-installation-identifiers.test.ts

@@ -1,8 +1,6 @@
-import { readFile } from "node:fs/promises";
-
-import { expect, test, describe } from "vitest";
-
+import { describe, expect, test } from "vitest";
 import { getChunkInstallationIdentifiers } from "./get-chunk-installation-identifiers";
+import { readFile } from "node:fs/promises";
 import { tsParseFile } from "../../../utils";
 
 describe("getChunkInstallationIdentifiers", () => {