Merge pull request #983

* chore(33212): replace tsconfig with clean defaults

* chore(33212): fix version to avoid uncontrolled updates

* chore(33212): fix ts configuration for Cypress

* chore(33212): fix namespace warning

* chore(33212): fix pnpm version

* chore(33212): fix pnpm version

* chore(33212): fix pnpm install

* chore(33212): fix pnpm install

* chore(33212): switch back to pnpm 9

* chore(33212): switch back to pnpm 9

* Revert "chore(33212): fix pnpm install"

Author: vanch3d

.github/actions/setup_node/action.yml

@@ -15,7 +15,7 @@ runs:
       name: Install pnpm
       id: pnpm-install
       with:
-        version: 8.4.0
+        version: 9
         run_install: ${{ inputs.run-install }}
 
     - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4

hivemq-edge-frontend/build.gradle.kts

@@ -10,7 +10,7 @@ description = "Frontend for HiveMQ Edge"
 node {
   download.set(true)
   version.set("18.20.6")
-  pnpmVersion.set("8")
+  pnpmVersion.set("9")
 }
 
 tasks.withType<PnpmTask>().configureEach {

hivemq-edge-frontend/cypress/cypress.d.ts

@@ -1,4 +1,4 @@
-import { RuleObject } from 'axe-core'
+import type { RuleObject } from 'axe-core'
 
 export const ignoreGlobalRules: { rules: RuleObject } = {
   rules: {

hivemq-edge-frontend/cypress/support/a11y.ts

@@ -1,7 +1,29 @@
-import { getByTestId } from './commands/getByTestId.ts'
-import { getByAriaLabel } from './commands/getByAriaLabel.ts'
-import { checkAccessibility } from './commands/checkAccessibility.ts'
-import { clearInterceptList } from './commands/clearInterceptList.ts'
+/// <reference types="cypress" />
+import type { ContextObject } from 'axe-core'
+import type { Options } from 'cypress-axe'
+import { getByTestId } from './commands/getByTestId'
+import { getByAriaLabel } from './commands/getByAriaLabel'
+import { checkAccessibility } from './commands/checkAccessibility'
+import { clearInterceptList } from './commands/clearInterceptList'
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace Cypress {
+    interface Chainable {
+      getByTestId(value: string): Chainable<JQuery<HTMLElement>>
+
+      getByAriaLabel(value: string): Chainable<JQuery<HTMLElement>>
+
+      checkAccessibility(
+        context?: string | Node | ContextObject | undefined,
+        options?: Options | undefined,
+        skipFailures?: boolean
+      ): Chainable<JQuery<HTMLElement>>
+
+      clearInterceptList(interceptAlias: string): Chainable<JQuery<HTMLElement>>
+    }
+  }
+}
 
 Cypress.Commands.add('getByTestId', getByTestId)
 Cypress.Commands.add('getByAriaLabel', getByAriaLabel)

hivemq-edge-frontend/cypress/support/commands.ts

@@ -1,8 +1,9 @@
+/// <reference types="cypress" />
+import type { ContextObject, Result } from 'axe-core'
+import type { Options } from 'cypress-axe'
 import { ignoreGlobalRules } from '../a11y.ts'
-import * as axe from 'axe-core'
-import { Options } from 'cypress-axe'
 
-const violationCallback = (violations: axe.Result[]) => {
+const violationCallback = (violations: Result[]) => {
   for (const violation of violations) {
     for (const node of violation.nodes) {
       cy.log(violation.id, node.target, node.html)
@@ -11,7 +12,7 @@ const violationCallback = (violations: axe.Result[]) => {
 }
 
 export const checkAccessibility = (
-  context?: string | Node | axe.ContextObject | undefined,
+  context?: string | Node | ContextObject | undefined,
   options?: Options | undefined,
   skipFailures?: boolean
 ): void => {

hivemq-edge-frontend/cypress/support/commands/checkAccessibility.ts

@@ -1,5 +1,5 @@
 // @ts-ignore an import is not working
-import { Interception } from 'cypress/types/net-stubbing'
+import type { Interception } from 'cypress/types/net-stubbing'
 
 export const clearInterceptList = (interceptAlias: string): void => {
   cy.get(interceptAlias + '.all').then((browserRequests: Interception) => {

hivemq-edge-frontend/cypress/support/commands/clearInterceptList.ts

@@ -3,10 +3,27 @@ import 'cypress-each'
 import '@percy/cypress'
 import 'cypress-real-events'
 import '@cypress/code-coverage/support'
+import { type MountOptions, type MountReturn, mount } from 'cypress/react'
+import type { ReactNode } from 'react'
+import type { MemoryRouterProps } from 'react-router-dom'
 
-import './commands'
-import { mount } from 'cypress/react'
 import { mountWithProviders } from './commands/mountWithProviders.tsx'
+import './commands'
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace Cypress {
+    interface Chainable {
+      mount(jsx: ReactNode, options?: MountOptions, rerenderKey?: string): Cypress.Chainable<MountReturn>
+      mountWithProviders(
+        component: React.ReactNode,
+        options?: MountOptions & { routerProps?: MemoryRouterProps } & {
+          wrapper?: React.JSXElementConstructor<{ children: React.ReactNode }>
+        }
+      ): Cypress.Chainable<MountReturn>
+    }
+  }
+}
 
 Cypress.Commands.add('mount', mount)
 Cypress.Commands.add('mountWithProviders', mountWithProviders)

hivemq-edge-frontend/cypress/support/component.ts

@@ -10,6 +10,3 @@ import './commands'
 import installLogsCollector from 'cypress-terminal-report/src/installLogsCollector'
 
 installLogsCollector()
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')