Merge pull request #1227

pull the latest library upstream changes

Author: bhufmann

local-libs/traceviewer-libs/README.md

@@ -84,9 +84,9 @@ git remote add traceviewer-libs [email protected]:eclipse-cdt-cloud/traceviewer-lib
 # assumption: remote for official repo is named "origin"
 git checkout master && git pull origin master
 # push the latest local library changes to the git subtree upstream:
-git subtree push -p <subtree folder> <subtree remote repo> <remote review branch>
+git subtree push --prefix <subtree folder> <subtree remote repo> <remote review branch>
 # more concrete example: 
-git subtree push -p local-libs/traceviewer-libs traceviewer-libs update-from-vscode-trace-extension
+git subtree push --prefix local-libs/traceviewer-libs traceviewer-libs update-from-vscode-trace-extension
 
 # Then create a PR from the freshly pushed branch "update-from-vscode-trace-extension".
 # If tweaks are necessary, e.g. to remove some changes that are only relevant to 

local-libs/traceviewer-libs/base/package.json

@@ -25,6 +25,7 @@
         "eslint-plugin-import": "^2.21.2",
         "eslint-plugin-no-null": "^1.0.2",
         "eslint-plugin-react": "^7.20.0",
+        "prettier": "^3.6.2",
         "rimraf": "^5.0.0",
         "typescript": "4.9.5"
     },

local-libs/traceviewer-libs/react-components/package.json

@@ -44,6 +44,7 @@
         "@types/d3": "^7.1.0",
         "@types/jest": "^28.0.0",
         "@types/lodash": "^4.14.142",
+        "@types/lodash.debounce": "4.0.3",
         "@types/react-grid-layout": "^1.1.1",
         "@types/react-modal": "^3.8.2",
         "@types/react-test-renderer": "^18.3.0",
@@ -57,6 +58,7 @@
         "jest": "^28.1.3",
         "jest-canvas-mock": "^2.4.0",
         "jest-environment-jsdom": "^28.1.3",
+        "prettier": "^3.6.2",
         "react-test-renderer": "^18.2.0",
         "rimraf": "^5.0.0",
         "ts-jest": "^28.0.8",

local-libs/traceviewer-libs/react-components/src/components/abstract-gantt-output-component.tsx

@@ -537,8 +537,8 @@ export abstract class AbstractGanttOutputComponent<
         return this.state.markerCategoryEntries.length <= 1
             ? 0
             : this.state.collapsedMarkerNodes.length
-            ? rowHeight
-            : this.state.markerCategoryEntries.length * rowHeight + scrollbarHeight;
+              ? rowHeight
+              : this.state.markerCategoryEntries.length * rowHeight + scrollbarHeight;
     }
 
     abstract renderTree(): React.ReactNode;

local-libs/traceviewer-libs/react-components/src/components/abstract-xy-output-component.tsx

@@ -383,12 +383,12 @@ export abstract class AbstractXYOutputComponent<
             d >= 1000000000000
                 ? Math.round(d / 100000000000) / 10 + 'G'
                 : d >= 1000000000
-                ? Math.round(d / 100000000) / 10 + 'B'
-                : d >= 1000000
-                ? Math.round(d / 100000) / 10 + 'M'
-                : d >= 1000
-                ? Math.round(d / 100) / 10 + 'K'
-                : Math.round(d * 10) / 10;
+                  ? Math.round(d / 100000000) / 10 + 'B'
+                  : d >= 1000000
+                    ? Math.round(d / 100000) / 10 + 'M'
+                    : d >= 1000
+                      ? Math.round(d / 100) / 10 + 'K'
+                      : Math.round(d * 10) / 10;
 
         if (this.state.allMax > 0) {
             select(this.yAxisRef.current)

local-libs/traceviewer-libs/react-components/src/components/data-providers/tsp-data-provider.ts

@@ -197,7 +197,7 @@ export class TspDataProvider {
                         start: arrow.start - offset,
                         end: arrow.end - offset
                     } as TimelineChart.TimeGraphRange
-                } as TimelineChart.TimeGraphArrow)
+                }) as TimelineChart.TimeGraphArrow
         );
         return arrows;
     }

local-libs/traceviewer-libs/react-components/src/components/utils/xy-output-component-utils.tsx

@@ -130,9 +130,9 @@ export function drawSelection(params: DrawSelectionParams): void {
     const { startPixel, endPixel, isBarPlot, chartArea, props, ctx, invertSelection } = params;
     const minPixel = Math.min(startPixel, endPixel);
     const maxPixel = Math.max(startPixel, endPixel);
-    const initialPoint = isBarPlot ? 0 : chartArea?.left ?? 0;
+    const initialPoint = isBarPlot ? 0 : (chartArea?.left ?? 0);
     const chartHeight = parseInt(props.style.height.toString());
-    const finalPoint = isBarPlot ? chartHeight : chartArea?.bottom ?? 0;
+    const finalPoint = isBarPlot ? chartHeight : (chartArea?.bottom ?? 0);
 
     if (ctx) {
         ctx.save();

local-libs/traceviewer-libs/react-components/src/components/xy-output-component.tsx

@@ -185,9 +185,9 @@ export class XYOutputComponent extends AbstractXYOutputComponent<AbstractOutputP
     ) {
         const minPixel = Math.min(startPixel, endPixel);
         const maxPixel = Math.max(startPixel, endPixel);
-        const initialPoint = this.isBarPlot ? 0 : chartArea?.left ?? 0;
+        const initialPoint = this.isBarPlot ? 0 : (chartArea?.left ?? 0);
         const chartHeight = parseInt(this.props.style.height.toString());
-        const finalPoint = this.isBarPlot ? chartHeight : chartArea?.bottom ?? 0;
+        const finalPoint = this.isBarPlot ? chartHeight : (chartArea?.bottom ?? 0);
         if (ctx) {
             ctx.save();
 

yarn.lock

@@ -11897,6 +11897,11 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
+prettier@^3.6.2:
+  version "3.6.2"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz#ccda02a1003ebbb2bfda6f83a074978f608b9393"
+  integrity sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==
+
 pretty-format@^27.0.2:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"