Update to eslint v9

build/Jenkinsfile

@@ -24,7 +24,7 @@ pipeline {
             "<a href=${BUILD_URL}artifact/integrations/standalone/build/mock.html>&raquo; Variables Editor Mock</a>"
 
           withChecks('ESLint') {
-            recordIssues enabledForFailure: true, publishAllIssues: true, aggregatingResults: true, tools: [esLint(pattern: 'packages/**/eslint.xml,integrations/**/eslint.xml')], qualityGates: [[threshold: 1, type: 'TOTAL', unstable: true]]
+            recordIssues enabledForFailure: true, publishAllIssues: true, aggregatingResults: true, tools: [esLint(pattern: 'eslint.xml')], qualityGates: [[threshold: 1, type: 'TOTAL', unstable: true]]
           }
 
           withChecks('Test') {

eslint.config.mjs

@@ -0,0 +1,16 @@
+import tseslint from 'typescript-eslint';
+import config from '@axonivy/eslint-config';
+
+export default tseslint.config(
+  ...config.base,
+  // TypeScript configs
+  {
+    name: 'typescript-eslint',
+    languageOptions: {
+      parserOptions: {
+        project: true, // Uses tsconfig.json from current directory
+        tsconfigRootDir: import.meta.dirname
+      }
+    }
+  }
+);

integrations/standalone/package.json

@@ -3,8 +3,8 @@
   "private": true,
   "version": "13.1.0-next",
   "dependencies": {
-    "@axonivy/ui-components": "~13.1.0-next.413",
-    "@axonivy/ui-icons": "~13.1.0-next.413",
+    "@axonivy/ui-components": "~13.1.0-next.417",
+    "@axonivy/ui-icons": "~13.1.0-next.417",
     "@axonivy/variable-editor": "*",
     "@axonivy/variable-editor-protocol": "*",
     "react": "^18.3.1",
@@ -23,12 +23,7 @@
     "package": "vite build",
     "type": "tsc --noEmit",
     "dev": "vite",
-    "serve": "vite preview",
-    "lint": "eslint --ext .ts,.tsx ./src",
-    "lint:fix": "eslint --fix --ext .ts,.tsx ./src",
-    "webtest:mock": "npx playwright test -c ./tests/mock",
-    "webtest:engine": "npx playwright test -c ./tests/integration",
-    "webtest:screenshot": "npx playwright test -c ./tests/screenshots"
+    "serve": "vite preview"
   },
   "type": "module"
 }

integrations/standalone/src/index.tsx

@@ -4,17 +4,21 @@ import { webSocketConnection, type Connection } from '@axonivy/jsonrpc';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/client';
 import './index.css';
-import { URLParams } from './url-helper';
+import { appParam, directSaveParam, pmvParam, readonlyParam, themeParam, webSocketBaseParam } from './url-helper';
 
 export async function start(): Promise<void> {
-  const server = URLParams.webSocketBase();
-  const app = URLParams.app();
-  const pmv = URLParams.pmv();
-  const theme = URLParams.theme();
-  const readonly = URLParams.readonly();
-  const directSave = URLParams.directSave();
+  const server = webSocketBaseParam();
+  const app = appParam();
+  const pmv = pmvParam();
+  const theme = themeParam();
+  const readonly = readonlyParam();
+  const directSave = directSaveParam();
   const queryClient = initQueryClient();
-  const root = ReactDOM.createRoot(document.getElementById('root')!);
+  const rootElement = document.getElementById('root');
+  if (!rootElement) {
+    throw new Error('rootElement not found');
+  }
+  const root = ReactDOM.createRoot(rootElement);
 
   root.render(
     <React.StrictMode>

integrations/standalone/src/mock.tsx

@@ -5,7 +5,11 @@ import * as ReactDOM from 'react-dom/client';
 import './index.css';
 import { VariablesClientMock } from './mock/variables-client-mock';
 
-const root = ReactDOM.createRoot(document.getElementById('root')!);
+const rootElement = document.getElementById('root');
+if (!rootElement) {
+  throw new Error('rootElement not found');
+}
+const root = ReactDOM.createRoot(rootElement);
 const client = new VariablesClientMock();
 const queryClient = initQueryClient();
 

integrations/standalone/src/url-helper.ts

@@ -1,57 +1,55 @@
-export namespace URLParams {
-  export function parameter(key: string): string | undefined {
-    const param = new URLSearchParams(window.location.search).get(key);
-    return param !== null ? decodeURIComponent(param) : undefined;
-  }
+export function parameter(key: string): string | undefined {
+  const param = new URLSearchParams(window.location.search).get(key);
+  return param !== null ? decodeURIComponent(param) : undefined;
+}
 
-  export function app(): string {
-    return parameter('app') ?? '';
-  }
+export function appParam(): string {
+  return parameter('app') ?? '';
+}
 
-  export function pmv(): string {
-    return parameter('pmv') ?? '';
-  }
+export function pmvParam(): string {
+  return parameter('pmv') ?? '';
+}
 
-  export function theme(): 'dark' | 'light' {
-    const theme = parameter('theme');
-    if (theme === 'dark') {
-      return theme;
-    }
-    return 'light';
+export function themeParam(): 'dark' | 'light' {
+  const theme = parameter('theme');
+  if (theme === 'dark') {
+    return theme;
   }
+  return 'light';
+}
 
-  export function readonly(): boolean {
-    const readonly = parameter('readonly');
-    if (readonly === 'true') {
-      return true;
-    }
-    return false;
+export function readonlyParam(): boolean {
+  const readonly = parameter('readonly');
+  if (readonly === 'true') {
+    return true;
   }
+  return false;
+}
 
-  export function directSave(): boolean {
-    return parameter('directSave') !== undefined;
-  }
+export function directSaveParam(): boolean {
+  return parameter('directSave') !== undefined;
+}
+
+export function webSocketBaseParam(): string {
+  return `${isSecureConnection() ? 'wss' : 'ws'}://${server()}`;
+}
 
-  export function webSocketBase(): string {
-    return `${isSecureConnection() ? 'wss' : 'ws'}://${server()}`;
+const isSecureConnection = () => {
+  const secureParam = parameter('secure');
+  if (secureParam === 'true') {
+    return true;
   }
+  if (secureParam === 'false') {
+    return false;
+  }
+  return window.location.protocol === 'https:';
+};
 
-  const isSecureConnection = () => {
-    const secureParam = parameter('secure');
-    if (secureParam === 'true') {
-      return true;
-    }
-    if (secureParam === 'false') {
-      return false;
-    }
-    return window.location.protocol === 'https:';
-  };
-
-  const server = () => {
-    return parameter('server') ?? basePath();
-  };
-
-  const basePath = () => {
-    return 'localhost:8081';
-  };
-}
+const server = () => {
+  return parameter('server') ?? basePath();
+};
+
+const basePath = () => {
+  return 'localhost:8081';
+};