refactor: Cherry-pick latest log export changes into v0.78 (#2401)

Cherry-pick changes made to `LogExport.ts` in `main` into `v0.78` to
address [DH-18984](https://deephaven.atlassian.net/browse/DH-18984)

- #2396
- #2382
- #2279

[DH-18984]:
https://deephaven.atlassian.net/browse/DH-18984?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

---------

Co-authored-by: Vlad Babich <vladbabich@deephaven.io>
Co-authored-by: dgodinez-dh <davidgodinez@deephaven.io>

Author: 3 people

package-lock.json

@@ -3,9 +3,12 @@ import ReactDOM from 'react-dom';
 import '@deephaven/components/scss/BaseStyleSheet.scss';
 import { LoadingOverlay, preloadTheme } from '@deephaven/components';
 import { ApiBootstrap } from '@deephaven/jsapi-bootstrap';
-import logInit from './log/LogInit';
+import { logInit } from '@deephaven/log';
 
-logInit();
+logInit(
+  parseInt(import.meta.env.VITE_LOG_LEVEL ?? '', 10),
+  import.meta.env.VITE_ENABLE_LOG_PROXY === 'true'
+);
 
 preloadTheme();
 

packages/code-studio/src/index.tsx

@@ -20,19 +20,19 @@ import {
   ThemePicker,
   Tooltip,
 } from '@deephaven/components';
-import { ServerConfigValues, User } from '@deephaven/redux';
+import { type ServerConfigValues, type User, store } from '@deephaven/redux';
 import {
   BROADCAST_CHANNEL_NAME,
   BROADCAST_LOGOUT_MESSAGE,
   makeMessage,
 } from '@deephaven/jsapi-utils';
 import { assertNotNull } from '@deephaven/utils';
 import { PluginModuleMap } from '@deephaven/plugin';
+import { exportLogs, logHistory } from '@deephaven/log';
 import FormattingSectionContent from './FormattingSectionContent';
 import LegalNotice from './LegalNotice';
 import SettingsMenuSection from './SettingsMenuSection';
 import ShortcutSectionContent from './ShortcutsSectionContent';
-import { exportLogs } from '../log/LogExport';
 import './SettingsMenu.scss';
 import ColumnSpecificSectionContent from './ColumnSpecificSectionContent';
 import {
@@ -136,10 +136,16 @@ export class SettingsMenu extends Component<
   handleExportSupportLogs(): void {
     const { serverConfigValues, pluginData } = this.props;
     const pluginInfo = getFormattedPluginInfo(pluginData);
-    exportLogs(undefined, {
-      ...Object.fromEntries(serverConfigValues),
-      pluginInfo,
-    });
+    exportLogs(
+      logHistory,
+      {
+        uiVersion: import.meta.env.npm_package_version,
+        userAgent: navigator.userAgent,
+        ...Object.fromEntries(serverConfigValues),
+        pluginInfo,
+      },
+      store.getState()
+    );
   }
 
   render(): ReactElement {

packages/code-studio/src/settings/SettingsMenu.tsx

@@ -21,7 +21,8 @@
     "build:babel": "babel ./src --out-dir ./dist --extensions \".ts,.tsx,.js,.jsx\" --source-maps --root-mode upward"
   },
   "dependencies": {
-    "event-target-shim": "^6.0.2"
+    "event-target-shim": "^6.0.2",
+    "jszip": "^3.10.1"
   },
   "files": [
     "dist"

packages/log/package.json

@@ -0,0 +1,180 @@
+import { getReduxDataString } from './LogExport';
+
+describe('getReduxDataString', () => {
+  it('should return a JSON string of the redux data', () => {
+    const reduxData = {
+      key1: 'value1',
+      key2: 2,
+      key3: true,
+    };
+    const result = getReduxDataString(reduxData);
+    const expected = JSON.stringify(reduxData, null, 2);
+    expect(result).toBe(expected);
+  });
+
+  it('should handle circular references', () => {
+    const reduxData: Record<string, unknown> = {
+      key1: 'value1',
+    };
+    reduxData.key2 = reduxData;
+    const result = getReduxDataString(reduxData);
+    const expected = JSON.stringify(
+      {
+        key1: 'value1',
+        key2: 'Circular ref to root',
+      },
+      null,
+      2
+    );
+    expect(result).toBe(expected);
+  });
+
+  it('should handle BigInt values', () => {
+    const reduxData = {
+      key1: BigInt('12345678901234567890'),
+    };
+    const result = getReduxDataString(reduxData);
+    const expected = JSON.stringify(
+      {
+        key1: '12345678901234567890',
+      },
+      null,
+      2
+    );
+    expect(result).toBe(expected);
+  });
+
+  it('should apply blacklist paths', () => {
+    const reduxData = {
+      key1: 'should be blacklisted',
+      key2: {
+        'key2.1': 'should also be blacklisted',
+      },
+      key3: 'value',
+    };
+    const result = getReduxDataString(reduxData, [
+      ['key1'],
+      ['key2', 'key2.1'],
+    ]);
+    const expected = JSON.stringify(
+      {
+        key2: {},
+        key3: 'value',
+      },
+      null,
+      2
+    );
+    expect(result).toBe(expected);
+  });
+
+  it('should stringify Maps', () => {
+    const reduxData = {
+      key1: new Map([
+        ['key1.1', 'value1.1'],
+        ['key1.2', 'value1.2'],
+      ]),
+    };
+    const result = getReduxDataString(reduxData);
+    const expected = JSON.stringify(
+      {
+        key1: [
+          ['key1.1', 'value1.1'],
+          ['key1.2', 'value1.2'],
+        ],
+      },
+      null,
+      2
+    );
+    expect(result).toBe(expected);
+  });
+
+  it('should handle wildcards in blacklist paths', () => {
+    const reduxData = {
+      key1: 'not blacklisted',
+      key2: {
+        keyA: {
+          key1: 'blacklisted',
+        },
+        keyB: {
+          key1: 'blacklisted',
+        },
+        keyC: {
+          key1: 'blacklisted',
+        },
+      },
+    };
+    const result = getReduxDataString(reduxData, [['key2', '*', 'key1']]);
+    const expected = JSON.stringify(
+      {
+        key1: 'not blacklisted',
+        key2: {
+          keyA: {},
+          keyB: {},
+          keyC: {},
+        },
+      },
+      null,
+      2
+    );
+    expect(result).toBe(expected);
+  });
+
+  it('should handle nested wildcards in blacklist paths', () => {
+    const reduxData = {
+      key1: 'not blacklisted',
+      key2: {
+        keyA: {
+          key1: 'blacklisted',
+          key2: {
+            key3: 'blacklisted',
+          },
+        },
+        keyB: {
+          key1: 'blacklisted',
+          key2: {
+            key3: 'blacklisted',
+            key4: 'blacklisted',
+          },
+        },
+      },
+    };
+    const result = getReduxDataString(reduxData, [['key2', '*', '*']]);
+    const expected = JSON.stringify(
+      {
+        key1: 'not blacklisted',
+        key2: {
+          keyA: {},
+          keyB: {},
+        },
+      },
+      null,
+      2
+    );
+    expect(result).toBe(expected);
+  });
+
+  it('should handle wildcard blacklist paths with no matches', () => {
+    const reduxData = {
+      key1: 'not blacklisted',
+      key2: {
+        keyA: {
+          key1: 'not blacklisted',
+          key2: {
+            key3: 'not blacklisted',
+          },
+        },
+      },
+    };
+    const result = getReduxDataString(reduxData, [['*', '*', '*', '*', '*']]); // Matching more than the depth of the object
+    const expected = JSON.stringify(reduxData, null, 2);
+    expect(result).toBe(expected);
+  });
+
+  it('root wildcard should blacklist all', () => {
+    const reduxData = {
+      key1: 'should not be blacklisted',
+    };
+    const result = getReduxDataString(reduxData, [['*']]);
+    expect(result).toBe('{}');
+  });
+});