@cucumber/html-formatter 21.9.0 → 21.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cucumber/html-formatter",
-  "version": "21.9.0",
+  "version": "21.10.1",
   "description": "HTML formatter for Cucumber",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
@@ -18,56 +18,58 @@
     "prepare": "shx mkdir -p dist/src && shx cp src/*.scss dist/src && shx cp src/index.mustache.html dist/src",
     "test": "mocha --exclude test/acceptance.ts",
     "prepublishOnly": "npm run build",
-    "eslint:fix": "eslint --ext ts,tsx --max-warnings 0 --fix src test",
-    "eslint": "eslint --ext ts,tsx --max-warnings 0 src test",
+    "fix": "eslint --max-warnings 0 --fix src test && prettier --write src test",
+    "lint": "eslint --max-warnings 0 src test && prettier --check src test",
     "validate": "shx mkdir -p acceptance && mocha test/acceptance.ts"
   },
   "peerDependencies": {
     "@cucumber/messages": ">=18"
   },
   "devDependencies": {
-    "@babel/core": "7.26.7",
-    "@cucumber/compatibility-kit": "^15.0.0",
-    "@cucumber/gherkin": "31.0.0",
+    "@babel/core": "7.26.10",
+    "@cucumber/compatibility-kit": "^18.0.0",
+    "@cucumber/gherkin": "32.1.0",
     "@cucumber/gherkin-streams": "^5.0.1",
     "@cucumber/gherkin-utils": "^9.0.0",
     "@cucumber/message-streams": "4.0.1",
     "@cucumber/messages": "27.2.0",
-    "@cucumber/query": "12.2.0",
-    "@cucumber/react-components": "22.3.0",
+    "@cucumber/query": "13.2.0",
+    "@cucumber/react-components": "22.4.2",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.20.0",
     "@types/glob": "^8.0.0",
     "@types/mocha": "10.0.10",
-    "@types/node": "22.12.0",
-    "@types/react": "18.3.18",
-    "@types/react-dom": "18.3.5",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
+    "@types/node": "22.14.1",
+    "@types/react": "18.3.20",
+    "@types/react-dom": "18.3.6",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
     "babel-loader": "9.2.1",
-    "css-loader": "6.11.0",
-    "eslint": "^8.13.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.4.0",
-    "eslint-plugin-simple-import-sort": "^12.0.0",
+    "css-loader": "7.1.2",
+    "eslint": "^9.20.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-n": "^17.15.1",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "glob": "^11.0.0",
+    "globals": "^16.0.0",
     "mini-css-extract-plugin": "2.9.2",
-    "mocha": "10.8.2",
-    "prettier": "^3.0.0",
-    "puppeteer": "^23.0.0",
+    "mocha": "11.1.0",
+    "prettier": "^3.5.1",
+    "puppeteer": "^24.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "sass": "1.83.4",
-    "sass-loader": "16.0.4",
-    "shx": "^0.3.4",
+    "sass": "1.86.3",
+    "sass-loader": "16.0.5",
+    "shx": "^0.4.0",
     "source-map-support": "0.5.21",
     "ts-loader": "9.5.2",
     "ts-node": "10.9.2",
     "typescript": "5.7.3",
-    "webpack": "5.97.1",
-    "webpack-cli": "5.1.4"
+    "webpack": "5.99.6",
+    "webpack-cli": "6.0.1"
   },
   "bugs": {
     "url": "https://github.com/cucumber/html-formatter/issues"

package/src/index.mustache.html

@@ -19,4 +19,4 @@ window.CUCUMBER_MESSAGES = [{{messages}}];
 {{script}}
 </script>
 </body>
-</html>
+</html>

package/src/main.tsx

@@ -3,7 +3,7 @@ import './styles.scss'
 import * as messages from '@cucumber/messages'
 import { components, searchFromURLParams } from '@cucumber/react-components'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 const { CucumberReact } = components
 const { FilteredResults, EnvelopesWrapper, SearchWrapper } = components.app
@@ -14,7 +14,9 @@ declare global {
   }
 }
 
-const app = (
+const root = createRoot(document.getElementById('content') as HTMLElement)
+
+root.render(
   <CucumberReact theme="auto">
     <EnvelopesWrapper envelopes={window.CUCUMBER_MESSAGES}>
       <SearchWrapper {...searchFromURLParams()}>
@@ -23,5 +25,3 @@ const app = (
     </EnvelopesWrapper>
   </CucumberReact>
 )
-
-ReactDOM.render(app, document.getElementById('content'))

package/src/styles.scss

@@ -1,10 +1,10 @@
 body {
-    padding: 0;
-    margin: 0;
+  padding: 0;
+  margin: 0;
 }
 
 .html-formatter {
-    max-width: 1600px;
-    min-height: 100vh;
-    margin: 0 auto;
+  max-width: 1600px;
+  min-height: 100vh;
+  margin: 0 auto;
 }

package/webpack.config.js

@@ -12,7 +12,8 @@ module.exports = {
             loader: 'css-loader',
             options: {
               modules: {
-                auto: true
+                auto: true,
+                namedExport: false
               }
             }
           },

package/.eslintrc.json

@@ -1,51 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "sourceType": "module"
-  },
-  "plugins": ["react", "import", "simple-import-sort", "node", "@typescript-eslint"],
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:import/typescript",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended",
-    "prettier"
-  ],
-  "rules": {
-    "import/no-cycle": "error",
-    "node/no-extraneous-import": "error",
-    "@typescript-eslint/ban-ts-ignore": "off",
-    "@typescript-eslint/ban-ts-comment": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/explicit-function-return-type": "off",
-    "@typescript-eslint/no-use-before-define": "off",
-    "@typescript-eslint/interface-name-prefix": "off",
-    "@typescript-eslint/member-delimiter-style": "off",
-    "@typescript-eslint/no-explicit-any": "error",
-    "@typescript-eslint/no-non-null-assertion": "error",
-    "simple-import-sort/imports": "error",
-    "simple-import-sort/exports": "error",
-    "react/prop-types": "off"
-  },
-  "overrides": [
-    {
-      "files": ["test/**"],
-      "rules": {
-        "@typescript-eslint/no-non-null-assertion": "off"
-      }
-    }
-  ],
-  "settings": {
-    "react": {
-      "pragma": "React",
-      "version": "detect"
-    }
-  }
-}