Add side by side comparison feature

.eslintrc.cjs

@@ -1,21 +1,21 @@
-/* eslint-env node */
-module.exports = {
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', "plugin:react/recommended"],
-  parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint', "react"],
-  root: true,
-  rules: {
-    "no-useless-escape": "off",
-    "no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
-    "@typescript-eslint/no-non-null-assertion": "off",
-    "@typescript-eslint/naming-convention": [
-      "error",
-      {
-        "selector": "variable",
-        "format": ["camelCase","PascalCase","UPPER_CASE"]
-      }
-    ],
-    'react/jsx-uses-react': "error",
-    'react/jsx-uses-vars': "error",
-  }
+/* eslint-env node */
+module.exports = {
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', "plugin:react/recommended"],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', "react"],
+  root: true,
+  rules: {
+    "no-useless-escape": "off",
+    "no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/naming-convention": [
+      "error",
+      {
+        "selector": "variable",
+        "format": ["camelCase","PascalCase","UPPER_CASE"]
+      }
+    ],
+    'react/jsx-uses-react': "error",
+    'react/jsx-uses-vars': "error",
+  }
 };

.gitignore

@@ -2,4 +2,5 @@ node_modules/
 out/
 workspace/
 *.vsix
-examples/*.tracy.json
+examples/*.tracy.json
+!log/

.prettierignore

@@ -1,13 +1,13 @@
-node_modules/
-out/
-workspace/
-media/
-examples/
-.eslintrc.cjs
-.github/
-.vscode/
-*.vsix
-README.md
-webpack.config.ts
-tsconfig.json
+node_modules/
+out/
+workspace/
+media/
+examples/
+.eslintrc.cjs
+.github/
+.vscode/
+*.vsix
+README.md
+webpack.config.ts
+tsconfig.json
 src/extension

README.md

@@ -8,7 +8,7 @@ Tracy is a Visual Studio Code extension for the analysis of logs. It is meant as
 </div>
 
 ## Installation
-To install Tracy in Visual Studio Code:
+To install Tracy in Visual Studio Code: test
 1. Obtain the plugin `.vsix` file:
     - If you want to install the latest release, go to the [Latest release](https://github.com/TNO/vscode-tracy/releases/latest) and download the `vscode-tracy-X.X.X.vsix` file under *Assests*.
     - If you want to install a specific commit, click on the :heavy_check_mark: next to the commit -> *Details* -> *Summary* -> under *Artifacts*, *vscode-vsix* and extract the downloaded `vscode-vsix.zip`.

docs/developer-documentation/components/App.md

@@ -1,59 +1,59 @@
-# Component name
-(Screenshot of component - Optional)
-
----
-(Short description)
-
-## Relations to other components
-
-- **Parent:** ParentComponent
-- **Children:**
-	- Child1
-	- Child2
-
-## Props
-
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| `prop1` | `type1` | short description |
-| `prop2` | `type2` | short description |
-| `prop3` | `type3` | short description |
-
-## State
-
-| Name | Type | Initial Value | Description |
-| ---- | ---- | ------------- | ----------- |
-| `stateObj1` | `type1` | `init value` | short description |
-| `stateObj2` | `type1` | `init value` | short description |
-| `stateObj3` | `type1` | `init value` | short description |
-
-## Functions
-### Component lifecycle functions
-- ### `constructor(...)`
-	- **Params:** 
-	    - `props: Props`
-	- **Description:**  Is invoked the first time the `StructureDialog` is opened. It constructs an array containing [StructureEntries](..\Types\StructureEntry.md) from the `logSelectedRows` props and updates the state accordingly.
-	- **Returns:** -
-
-- ### `shouldComponentUpdate(...)`
-	- **Params:**
-        - `nextProps: Readonly<Props>`
-        - `nextState: Readonly<State>`
-        - `nextContext: any`
-	- **Description:** This function returns a `boolean` value that indicates whether or not rendering should be skipped. It returns `true` if ..., and ... otherwise.
-	- **Returns:** `boolean`
-
-- ### `render()`
-	- **Description:**
-	- **Returns:** Div of type `JSX.Element` containing....
-
-### Functionality-related functions
-- ### `exampleFunctionWithNoParams()`
-	- **Description:** short description of what happens in the function.
-	- **Returns:** -
-
-- ### `exampleFunctionWithParams(...)`
-	- **Params:**
-	    - `name: type`
-	- **Description:** short description of what happens in the function.
-	- **Returns:** -
+# Component name
+(Screenshot of component - Optional)
+
+---
+(Short description)
+
+## Relations to other components
+
+- **Parent:** ParentComponent
+- **Children:**
+	- Child1
+	- Child2
+
+## Props
+
+| Name | Type | Description |
+| ---- | ---- | ----------- |
+| `prop1` | `type1` | short description |
+| `prop2` | `type2` | short description |
+| `prop3` | `type3` | short description |
+
+## State
+
+| Name | Type | Initial Value | Description |
+| ---- | ---- | ------------- | ----------- |
+| `stateObj1` | `type1` | `init value` | short description |
+| `stateObj2` | `type1` | `init value` | short description |
+| `stateObj3` | `type1` | `init value` | short description |
+
+## Functions
+### Component lifecycle functions
+- ### `constructor(...)`
+	- **Params:** 
+	    - `props: Props`
+	- **Description:**  Is invoked the first time the `StructureDialog` is opened. It constructs an array containing [StructureEntries](..\Types\StructureEntry.md) from the `logSelectedRows` props and updates the state accordingly.
+	- **Returns:** -
+
+- ### `shouldComponentUpdate(...)`
+	- **Params:**
+        - `nextProps: Readonly<Props>`
+        - `nextState: Readonly<State>`
+        - `nextContext: any`
+	- **Description:** This function returns a `boolean` value that indicates whether or not rendering should be skipped. It returns `true` if ..., and ... otherwise.
+	- **Returns:** `boolean`
+
+- ### `render()`
+	- **Description:**
+	- **Returns:** Div of type `JSX.Element` containing....
+
+### Functionality-related functions
+- ### `exampleFunctionWithNoParams()`
+	- **Description:** short description of what happens in the function.
+	- **Returns:** -
+
+- ### `exampleFunctionWithParams(...)`
+	- **Params:**
+	    - `name: type`
+	- **Description:** short description of what happens in the function.
+	- **Returns:** -

docs/developer-documentation/components/ContextMenu.md

@@ -1,59 +1,59 @@
-# Component name
-(Screenshot of component - Optional)
-
----
-(Short description)
-
-## Relations to other components
-
-- **Parent:** ParentComponent
-- **Children:**
-	- Child1
-	- Child2
-
-## Props
-
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| `prop1` | `type1` | short description |
-| `prop2` | `type2` | short description |
-| `prop3` | `type3` | short description |
-
-## State
-
-| Name | Type | Initial Value | Description |
-| ---- | ---- | ------------- | ----------- |
-| `stateObj1` | `type1` | `init value` | short description |
-| `stateObj2` | `type1` | `init value` | short description |
-| `stateObj3` | `type1` | `init value` | short description |
-
-## Functions
-### Component lifecycle functions
-- ### `constructor(...)`
-	- **Params:** 
-	    - `props: Props`
-	- **Description:**  Is invoked the first time the `StructureDialog` is opened. It constructs an array containing [StructureEntries](..\Types\StructureEntry.md) from the `logSelectedRows` props and updates the state accordingly.
-	- **Returns:** -
-
-- ### `shouldComponentUpdate(...)`
-	- **Params:**
-        - `nextProps: Readonly<Props>`
-        - `nextState: Readonly<State>`
-        - `nextContext: any`
-	- **Description:** This function returns a `boolean` value that indicates whether or not rendering should be skipped. It returns `true` if ..., and ... otherwise.
-	- **Returns:** `boolean`
-
-- ### `render()`
-	- **Description:**
-	- **Returns:** Div of type `JSX.Element` containing....
-
-### Functionality-related functions
-- ### `exampleFunctionWithNoParams()`
-	- **Description:** short description of what happens in the function.
-	- **Returns:** -
-
-- ### `exampleFunctionWithParams(...)`
-	- **Params:**
-	    - `name: type`
-	- **Description:** short description of what happens in the function.
-	- **Returns:** -
+# Component name
+(Screenshot of component - Optional)
+
+---
+(Short description)
+
+## Relations to other components
+
+- **Parent:** ParentComponent
+- **Children:**
+	- Child1
+	- Child2
+
+## Props
+
+| Name | Type | Description |
+| ---- | ---- | ----------- |
+| `prop1` | `type1` | short description |
+| `prop2` | `type2` | short description |
+| `prop3` | `type3` | short description |
+
+## State
+
+| Name | Type | Initial Value | Description |
+| ---- | ---- | ------------- | ----------- |
+| `stateObj1` | `type1` | `init value` | short description |
+| `stateObj2` | `type1` | `init value` | short description |
+| `stateObj3` | `type1` | `init value` | short description |
+
+## Functions
+### Component lifecycle functions
+- ### `constructor(...)`
+	- **Params:** 
+	    - `props: Props`
+	- **Description:**  Is invoked the first time the `StructureDialog` is opened. It constructs an array containing [StructureEntries](..\Types\StructureEntry.md) from the `logSelectedRows` props and updates the state accordingly.
+	- **Returns:** -
+
+- ### `shouldComponentUpdate(...)`
+	- **Params:**
+        - `nextProps: Readonly<Props>`
+        - `nextState: Readonly<State>`
+        - `nextContext: any`
+	- **Description:** This function returns a `boolean` value that indicates whether or not rendering should be skipped. It returns `true` if ..., and ... otherwise.
+	- **Returns:** `boolean`
+
+- ### `render()`
+	- **Description:**
+	- **Returns:** Div of type `JSX.Element` containing....
+
+### Functionality-related functions
+- ### `exampleFunctionWithNoParams()`
+	- **Description:** short description of what happens in the function.
+	- **Returns:** -
+
+- ### `exampleFunctionWithParams(...)`
+	- **Params:**
+	    - `name: type`
+	- **Description:** short description of what happens in the function.
+	- **Returns:** -