feat: apply cumulative update to address various issues (#10324)

Author: char0n

.browserslistrc

@@ -2,7 +2,7 @@
 maintained node versions
 
 [node-development]
-node 20.3.0
+node 22
 
 [browser-production]
 > 1%
@@ -26,4 +26,4 @@ maintained node versions
 last 1 chrome version
 last 1 firefox version
 last 1 safari version
-node 20.3.0
+node 22

.eslintrc

@@ -0,0 +1,78 @@
+/**
+ * @prettier
+ */
+const path = require("node:path")
+
+module.exports = {
+  parser: "@babel/eslint-parser",
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+    jest: true,
+    "jest/globals": true,
+  },
+  parserOptions: {
+    ecmaFeatures: { jsx: true },
+    babelOptions: { configFile: path.join(__dirname, "babel.config.js") },
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:prettier/recommended",
+  ],
+  plugins: ["react", "import", "jest", "prettier"],
+  settings: {
+    react: {
+      pragma: "React",
+      version: "15.0",
+    },
+  },
+  rules: {
+    semi: [2, "never"],
+    strict: 0,
+    quotes: [
+      2,
+      "double",
+      {
+        avoidEscape: true,
+        allowTemplateLiterals: true,
+      },
+    ],
+    "no-unused-vars": 2,
+    "no-multi-spaces": 1,
+    camelcase: [
+      "error",
+      {
+        allow: [
+          "^UNSAFE_",
+          "^requestSnippetGenerator_",
+          "^JsonSchema_",
+          "^curl_",
+          "^dom_",
+          "^api_",
+          "^client_",
+          "^grant_",
+          "^code_",
+          "^redirect_",
+          "^spec",
+        ],
+      },
+    ],
+    "no-use-before-define": [2, "nofunc"],
+    "no-underscore-dangle": 0,
+    "no-unused-expressions": 1,
+    "comma-dangle": 0,
+    "no-console": [
+      2,
+      {
+        allow: ["warn", "error"],
+      },
+    ],
+    "react/jsx-no-bind": 1,
+    "react/jsx-no-target-blank": 2,
+    "react/display-name": 0,
+    "import/no-extraneous-dependencies": 2,
+    "react/jsx-filename-extension": 2,
+  },
+}

.eslintrc.js

@@ -1,3 +1,4 @@
 {
-  "*.js": "eslint"
+  "*.{js,jsx}": ["eslint --max-warnings 0"],
+  "*.scss": ["stylelint '**/*.scss'"]
 }

.lintstagedrc

@@ -1 +1 @@
-20.3.0
+22.11.0

.nvmrc

@@ -1,13 +1,6 @@
 {
   "branches": [
-    {
-      "name": "master"
-    },
-    {
-      "name": "next",
-      "channel": "alpha",
-      "prerelease": "alpha"
-    }
+    {"name": "master"}
   ],
   "tagFormat": "v${version}",
   "plugins": [
@@ -21,15 +14,12 @@
     "@semantic-release/release-notes-generator",
     "@semantic-release/npm",
     "@semantic-release/github",
-    [
-      "@semantic-release/git",
-      {
-        "assets": [
-          "package.json",
-          "package-lock.json"
-        ],
-        "message": "chore(release): cut the ${nextRelease.version} release\n\n${nextRelease.notes}"
-      }
-    ]
+    ["@semantic-release/git", {
+      "assets": [
+        "package.json",
+        "package-lock.json"
+      ],
+      "message": "chore(release): cut the ${nextRelease.version} release\n\n${nextRelease.notes}"
+    }]
   ]
-}
+}

.releaserc

@@ -4,6 +4,13 @@
 
 FROM nginx:1.27.4-alpine
 
+LABEL maintainer="vladimir.gorej@gmail.com" \
+      org.opencontainers.image.authors="vladimir.gorej@gmail.com" \
+      org.opencontainers.image.url="docker.swagger.io/swaggerapi/swagger-ui" \
+      org.opencontainers.image.source="https://github.com/swagger-api/swagger-ui" \
+      org.opencontainers.image.description="SwaggerUI Docker image" \
+      org.opencontainers.image.licenses="Apache-2.0"
+
 RUN apk add --update-cache --no-cache "nodejs"
 
 LABEL maintainer="char0n"

Dockerfile

@@ -18,6 +18,6 @@ module.exports = {
   moduleNameMapper: {
     '^.+\\.svg$': 'jest-transform-stub'
   },
-  transformIgnorePatterns: ['/node_modules/(?!(sinon|react-syntax-highlighter)/)'],
+  transformIgnorePatterns: ['/node_modules/(?!(sinon|react-syntax-highlighter|@asamuzakjp/css-color)/)'],
   silent: true, // set to `false` to allow console.* calls to be printed
 };

config/jest/jest.unit.config.js

@@ -10,6 +10,8 @@ Script name | Description
 `lint` | Report ESLint style errors and warnings.
 `lint-errors` | Report ESLint style errors, without warnings.
 `lint-fix` | Attempt to fix style errors automatically.
+`lint-styles` | Report Stylelint style errors and warnings.
+`lint-styles-fix` | Attempt to fix Stylelint errors and warnings automatically.
 `watch` | Rebuild the core files in `/dist` when the source code changes. Useful for `npm link` with Swagger Editor.
 
 ### Building

docs/development/scripts.md

@@ -1,20 +1,23 @@
 # Setting up a dev environment
 
-Swagger UI includes a development server that provides hot module reloading and unminified stack traces, for easier development.
+SwaggerUI includes a development server that provides hot module reloading and unminified stack traces, for easier development.
 
 ### Prerequisites
 
 - git, any version
-- **Node.js >=20.3.0** and **npm >=9.6.7** are the minimum required versions that this repo runs on, but we always recommend using the latest version of Node.js.
+- **Node.js >=22.11.0** and **npm >=10.9.0** are the minimum required versions that this repo runs on, but we always recommend using the latest version of Node.js.
+
+
 
 ### Steps
 
 1. `git clone https://github.com/swagger-api/swagger-ui.git`
 2. `cd swagger-ui`
 3. `npm install`
-4. `npm run dev`
-5. Wait a bit
-6. Open http://localhost:3200/
+4. `npx husky init` (optional)
+5. `npm run dev`
+6. Wait a bit
+7. Open http://localhost:3200/
 
 ### Using your own local api definition with local dev build