feat: Concurrent executions with indexedDB Main Finalization

.gitignore

@@ -197,6 +197,7 @@ credentials.csv
 deploy/services/certs/*
 !deploy/services/certs/services.foo.com
 
+# qlty config
 .qlty
 !.qlty/qlty.toml
 

client/eslint.config.mjs

@@ -101,6 +101,11 @@ export default [{
         "import/extensions": "off",
         "no-use-before-define": "off",
         "no-unreachable": "error",
+
+        // Conflict with SonarCube fixes
+        "consistent-return": "off",
+        "no-restricted-syntax": "off",
+
     },
 }, {
     files: ["**/*.ts", "**/*.tsx"],

client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@into-cps-association/dtaas-web",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Web client for Digital Twin as a Service (DTaaS)",
   "main": "index.tsx",
   "author": "prasadtalasila <prasad.talasila@gmail.com> (http://prasad.talasila.in/)",
@@ -9,6 +9,7 @@
     "Cesar Vela",
     "Emre Temel",
     "Enok Maj",
+    "Marcus Neble Jensen",
     "Mathias Brændgaard",
     "Omar Suleiman",
     "Vanessa Scherma"
@@ -66,6 +67,7 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/remarkable": "^2.0.8",
     "@types/styled-components": "^5.1.32",
+    "@types/uuid": "10.0.0",
     "@typescript-eslint/eslint-plugin": "^8.26.1",
     "@typescript-eslint/parser": "^8.26.1",
     "cross-env": "^7.0.3",
@@ -102,6 +104,7 @@
     "serve": "^14.2.1",
     "styled-components": "^6.1.1",
     "typescript": "5.1.6",
+    "uuid": "11.1.0",
     "zod": "3.24.1"
   },
   "devDependencies": {
@@ -121,6 +124,7 @@
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
     "eslint-config-react-app": "^7.0.1",
+    "fake-indexeddb": "6.0.1",
     "globals": "15.11.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "29.7.0",

client/playwright.config.ts

@@ -77,6 +77,7 @@ export default defineConfig({
         // Use prepared auth state.
         storageState: 'playwright/.auth/user.json',
       },
+      timeout: 2 * 60 * 1000,
       dependencies: ['setup'],
     },
   ],

client/src/components/LinkButtons.tsx

@@ -4,7 +4,7 @@ import Tooltip from '@mui/material/Tooltip';
 import styled from '@emotion/styled';
 import { KeyLinkPair } from 'util/envUtil';
 import { Typography } from '@mui/material';
-import LinkIcons from './LinkIconsLib';
+import LinkIcons from 'components/LinkIconsLib';
 
 const IconLabel = styled('div')({
   display: 'flex',
@@ -91,4 +91,4 @@ interface LinkButtonProps {
 };
 
 export default LinkButtons;
-export { default as LinkIcons } from './LinkIconsLib';
+export { default as LinkIcons } from 'components/LinkIconsLib';

client/src/components/asset/HistoryButton.tsx

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { Dispatch, SetStateAction } from 'react';
+import { Button, Badge } from '@mui/material';
+import { useSelector } from 'react-redux';
+import { selectExecutionHistoryByDTName } from 'model/backend/state/executionHistory.selectors';
+
+interface HistoryButtonProps {
+  readonly setShowLog: Dispatch<React.SetStateAction<boolean>>;
+  readonly historyButtonDisabled: boolean;
+  readonly assetName: string;
+}
+
+export const handleToggleHistory = (
+  setShowLog: Dispatch<SetStateAction<boolean>>,
+) => {
+  setShowLog((prev) => !prev);
+};
+
+function HistoryButton({
+  setShowLog,
+  historyButtonDisabled,
+  assetName,
+}: HistoryButtonProps) {
+  const executions =
+    useSelector(selectExecutionHistoryByDTName(assetName)) || [];
+
+  const executionCount = Array.isArray(executions) ? executions.length : 0;
+
+  return (
+    <Badge
+      badgeContent={Math.max(executionCount, 0)}
+      color="secondary"
+      overlap="circular"
+      invisible={executionCount === 0}
+    >
+      <Button
+        variant="contained"
+        size="small"
+        color="primary"
+        onClick={() => handleToggleHistory(setShowLog)}
+        disabled={historyButtonDisabled && executionCount === 0}
+      >
+        History
+      </Button>
+    </Badge>
+  );
+}
+
+export default HistoryButton;