Monolithic build

.github/workflows/gating.yml

@@ -12,7 +12,7 @@ env:
 jobs:
   audit-and-build:
     name: Audit and build
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     container:
       image: fedora:latest
 
@@ -23,7 +23,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: "22"
 
       - name: Audit dependencies
         run: npx audit-ci --config audit-ci.json --skip-dev
@@ -57,14 +57,14 @@ jobs:
   unit-tests:
     name: Unit tests
     needs: audit-and-build
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: "22"
 
       - name: Install project
         run: npm install
@@ -75,7 +75,7 @@ jobs:
   integration-tests:
     name: Integration tests
     needs: audit-and-build
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v4
@@ -86,7 +86,7 @@ jobs:
           wget -O- https://apt.releases.hashicorp.com/gpg | gpg --dearmor | sudo tee /usr/share/keyrings/hashicorp-archive-keyring.gpg
           echo "deb [signed-by=/usr/share/keyrings/hashicorp-archive-keyring.gpg] https://apt.releases.hashicorp.com $(lsb_release -cs) main" | sudo tee /etc/apt/sources.list.d/hashicorp.list
           sudo apt update
-          sudo apt install vagrant vagrant-sshfs virtualbox
+          sudo apt install vagrant virtualbox
 
       - uses: actions/download-artifact@v4
         with:

.prettierignore

@@ -1,3 +1,5 @@
-node_modules/*
-dist/*
-coverage/*
+node_modules/**
+dist/**
+coverage/**
+doc/**
+tests/ipalab/_venv

.prettierrc

@@ -1,4 +1,5 @@
 {
   "tabWidth": 2,
-  "useTabs": false
+  "useTabs": false,
+  "trailingComma": "es5"
 }

audit-ci.json

@@ -36,6 +36,8 @@
     "GHSA-c2qf-rxjj-qqgw|@babel/preset-env>semver",
     "GHSA-c2qf-rxjj-qqgw|babel-loader>make-dir>semver",
     "GHSA-c2qf-rxjj-qqgw|@babel/preset-env>babel-plugin-polyfill-corejs2>semver",
-    "GHSA-c2qf-rxjj-qqgw|@babel/preset-env>babel-plugin-polyfill-corejs2>@babel/helper-define-polyfill-provider>semver"
+    "GHSA-c2qf-rxjj-qqgw|@babel/preset-env>babel-plugin-polyfill-corejs2>@babel/helper-define-polyfill-provider>semver",
+    "GHSA-cpj6-fhp6-mr6j",
+    "GHSA-f46r-rw29-r322"
   ]
 }

cypress/cypress.config.ts

@@ -6,6 +6,7 @@ import { verifyDownloadTasks } from "cy-verify-downloads";
 import { polyfillNode } from "esbuild-plugin-polyfill-node";
 
 export default defineConfig({
+  video: true,
   e2e: {
     specPattern: "**/*.feature",
     baseUrl: "https://server.ipa.demo/",

cypress/support/commands.ts

@@ -39,6 +39,15 @@ Cypress.Commands.add("loginAsAnUser", (username: string, password: string) => {
   cy.visit(Cypress.env("base_url"));
 });
 
+Cypress.Commands.add("logout", () => {
+  cy.get(".pf-v5-c-menu-toggle__text")
+    .first()
+    .click()
+    .then(() => {
+      cy.get(".pf-v5-c-menu__item").contains("Log out").click();
+    });
+});
+
 Cypress.Commands.add("userCleanup", () => {
   cy.get("tr[id=admin]", { timeout: 10000 }).should("be.visible");
   cy.get('input[aria-label="Select all"]').check();
@@ -65,19 +74,19 @@ Cypress.Commands.add("createTestUser", (username: string) => {
           .contains("User login")
           .parent()
           .then(($label) => {
-            cy.get("#modal-form-" + $label.attr("for")).type(username);
+            cy.get("#" + $label.attr("for")).type(username);
           });
         cy.get("[role=dialog] label")
           .contains("First name")
           .parent()
           .then(($label) => {
-            cy.get("#modal-form-" + $label.attr("for")).type("Arctic");
+            cy.get("#" + $label.attr("for")).type("Arctic");
           });
         cy.get("[role=dialog] label")
           .contains("Last name")
           .parent()
           .then(($label) => {
-            cy.get("#modal-form-" + $label.attr("for")).type("Asbestos");
+            cy.get("#" + $label.attr("for")).type("Asbestos");
           });
         cy.get("[role=dialog] button").contains("Add").click();
       }

cypress/support/e2e.ts

@@ -24,3 +24,7 @@ before(() => {
   cy.loginAsAnUser(Cypress.env("admin_login"), Cypress.env("admin_password"));
   cy.userCleanup();
 });
+
+after(() => {
+  cy.logout();
+});

cypress/support/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="cypress" />
 
-// eslint-disable-next-line @typescript-eslint/no-namespace
 declare namespace Cypress {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   interface Chainable<Subject> {
     createTestUser(username: string): Chainable<void>;
     loginAsAnUser(username: string, password: string): Chainable<void>;
+    logout(): Chainable<void>;
     userCleanup(): Chainable<void>;
   }
 }

eslint.config.mjs

@@ -0,0 +1,71 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import reactHooks from "eslint-plugin-react-hooks";
+import prettier from "eslint-plugin-prettier";
+import { fixupPluginRules } from "@eslint/compat";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const compat = new FlatCompat({
+  baseDirectory: path.dirname(fileURLToPath(import.meta.url)),
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  globalIgnores([
+    "node_modules/**",
+    "dist/**",
+    "coverage/**",
+    "doc/**",
+    "tests/ipalab/_venv",
+  ]),
+  {
+    extends: compat.extends(
+      "eslint:recommended",
+      "plugin:react/recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:prettier/recommended"
+    ),
+
+    plugins: {
+      "@typescript-eslint": typescriptEslint,
+      "react-hooks": fixupPluginRules(reactHooks),
+      prettier,
+    },
+
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+
+      parser: tsParser,
+      ecmaVersion: 5,
+      sourceType: "commonjs",
+
+      parserOptions: {
+        tsx: true,
+        jsx: true,
+        js: true,
+        useJSXTextNode: true,
+        project: ["./tsconfig.json"],
+        tsconfigRootDir: ".",
+      },
+    },
+
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+
+    rules: {
+      "prettier/prettier": "error",
+    },
+  },
+]);

index.dev.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />