fix: update eslint and other deps

Author: gera2ld

lib/generators/app/templates/_root/_eslintignore

@@ -0,0 +1,22 @@
+import js from '@eslint/js';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	js.configs.recommended,
+	...ts.configs.recommended,
+	prettier,
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node,
+			},
+		},
+	},
+	{
+		ignores: ['dist/'],
+	},
+];

lib/generators/app/templates/_root/_eslintrc.js

@@ -12,8 +12,8 @@
     "prepare": "husky",
     "dev": "rollup -wc",
     "clean": "del-cli dist",
-    "lint": "eslint --ext .ts,.tsx . && prettier --ignore-path .eslintignore --check .",
-    "lint:fix": "eslint --ext .ts,.tsx --fix . && prettier --ignore-path .eslintignore --write .",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
     "ci": "run-s lint",
     "build:js": "rollup -c",
     "build": "cross-env NODE_ENV=production run-s ci clean build:js"
@@ -25,24 +25,48 @@
     "solid-js": "^1.8.16"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.23.4",
-    "@gera2ld/plaid": "~2.7.0",
-    "@gera2ld/plaid-rollup": "~2.7.0",
-    "@unocss/postcss": "^0.58.6",
-    "@violentmonkey/types": "^0.1.7",
-    "babel-preset-solid": "^1.8.16",
+    "@babel/core": "^7.26.0",
+    "@babel/plugin-transform-react-jsx": "^7.25.9",
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-typescript": "^7.26.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@types/eslint": "^9.6.1",
+    "@typescript-eslint/eslint-plugin": "^8.18.1",
+    "@typescript-eslint/parser": "^8.18.1",
+    "@unocss/postcss": "^0.65.2",
+    "@violentmonkey/types": "^0.2.0",
+    "autoprefixer": "^10.4.20",
+    "babel-preset-solid": "^1.9.3",
+    "commander": "^12.1.0",
     "cross-env": "^7.0.3",
-    "del-cli": "^5.1.0",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.2",
-    "prettier": "^3.2.5",
+    "globals": "^15.14.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.11",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.49",
+    "postcss-calc": "^10.0.2",
+    "postcss-nested": "^7.0.2",
+    "prettier": "^3.4.2",
     "read-package-up": "^11.0.0",
-    "rollup-plugin-userscript": "^0.3.2",
-    "unocss": "^0.58.6"
+    "rollup": "^4.29.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-userscript": "^0.3.5",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.18.1",
+    "unocss": "^0.65.2"
   },
   "lint-staged": {
-    "*.ts": [
+    "*.{ts,tsx}": [
       "eslint --fix",
       "prettier --write"
     ],

lib/generators/app/templates/_root/eslint.config.mjs

@@ -1,25 +1,51 @@
-import { defineExternal, definePlugins } from '@gera2ld/plaid-rollup';
+import babelPlugin from '@rollup/plugin-babel';
+import commonjsPlugin from '@rollup/plugin-commonjs';
+import jsonPlugin from '@rollup/plugin-json';
+import resolvePlugin from '@rollup/plugin-node-resolve';
+import replacePlugin from '@rollup/plugin-replace';
+import { isAbsolute, relative, resolve } from 'path';
 import { readPackageUp } from 'read-package-up';
 import { defineConfig } from 'rollup';
+import postcssPlugin from 'rollup-plugin-postcss';
 import userscript from 'rollup-plugin-userscript';
 
 const { packageJson } = await readPackageUp();
+const extensions = ['.ts', '.tsx', '.mjs', '.js', '.jsx'];
 
 export default defineConfig(
   Object.entries({
     'awesome-script': 'src/awesome-script/index.ts',
   }).map(([name, entry]) => ({
     input: entry,
     plugins: [
-      ...definePlugins({
-        esm: true,
-        minimize: false,
-        postcss: {
-          inject: false,
-          minimize: true,
+      postcssPlugin({
+        inject: false,
+        minimize: true,
+      }),
+      babelPlugin({
+        // import helpers from '@babel/runtime'
+        babelHelpers: 'runtime',
+        plugins: [
+          [
+            import.meta.resolve('@babel/plugin-transform-runtime'),
+            {
+              useESModules: true,
+              version: '^7.5.0', // see https://github.com/babel/babel/issues/10261#issuecomment-514687857
+            },
+          ],
+        ],
+        exclude: 'node_modules/**',
+        extensions,
+      }),
+      replacePlugin({
+        values: {
+          'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
         },
-        extensions: ['.ts', '.tsx', '.mjs', '.js', '.jsx'],
+        preventAssignment: true,
       }),
+      resolvePlugin({ browser: false, extensions }),
+      commonjsPlugin(),
+      jsonPlugin(),
       userscript((meta) =>
         meta.replace('process.env.AUTHOR', packageJson.author.name),
       ),
@@ -46,3 +72,15 @@ export default defineConfig(
     },
   })),
 );
+
+function defineExternal(externals) {
+  return (id) =>
+    externals.some((pattern) => {
+      if (typeof pattern === 'function') return pattern(id);
+      if (pattern && typeof pattern.test === 'function')
+        return pattern.test(id);
+      if (isAbsolute(pattern))
+        return !relative(pattern, resolve(id)).startsWith('..');
+      return id === pattern || id.startsWith(pattern + '/');
+    });
+}

lib/generators/app/templates/_root/package.json

@@ -16,5 +16,5 @@
  *
  * - The `@grant`s used in your source code will be added automatically by `rollup-plugin-userscript`.
  *   However you have to add explicitly those used in required resources.
- * - `process.env.VERSION` and `process.env.AUTHOR` will be loaded from `package.json`.
+ * - `process.env.AUTHOR` will be loaded from `package.json`.
  */