possible fix for zlib problem in Cody Web

vscode/webviews/App.tsx

@@ -20,11 +20,7 @@ import { View } from './tabs'
 import type { VSCodeWrapper } from './utils/VSCodeApi'
 import { ComposedWrappers, type Wrapper } from './utils/composeWrappers'
 import { updateDisplayPathEnvInfoForWebview } from './utils/displayPathEnvInfo'
-import {
-    TelemetryRecorderContext,
-    WebviewTelemetryServiceContext,
-    createWebviewTelemetryRecorder,
-} from './utils/telemetry'
+import { TelemetryRecorderContext, createWebviewTelemetryRecorder } from './utils/telemetry'
 import { type Config, ConfigProvider } from './utils/useConfig'
 
 export const App: React.FunctionComponent<{ vscodeAPI: VSCodeWrapper }> = ({ vscodeAPI }) => {
@@ -160,6 +156,7 @@ export const App: React.FunctionComponent<{ vscodeAPI: VSCodeWrapper }> = ({ vsc
         const service = WebviewOpenTelemetryService.getInstance()
         return service
     }, [])
+
     useEffect(() => {
         if (config) {
             webviewTelemetryService.configure({
@@ -172,8 +169,8 @@ export const App: React.FunctionComponent<{ vscodeAPI: VSCodeWrapper }> = ({ vsc
     }, [config, webviewTelemetryService])
 
     const wrappers = useMemo<Wrapper[]>(
-        () => getAppWrappers({ vscodeAPI, telemetryRecorder, config, webviewTelemetryService }),
-        [vscodeAPI, telemetryRecorder, config, webviewTelemetryService]
+        () => getAppWrappers({ vscodeAPI, telemetryRecorder, config }),
+        [vscodeAPI, telemetryRecorder, config]
     )
 
     // Wait for all the data to be loaded before rendering Chat View
@@ -217,15 +214,13 @@ interface GetAppWrappersOptions {
     telemetryRecorder: TelemetryRecorder
     config: Config | null
     staticDefaultContext?: DefaultContext
-    webviewTelemetryService: WebviewOpenTelemetryService
 }
 
 export function getAppWrappers({
     vscodeAPI,
     telemetryRecorder,
     config,
     staticDefaultContext,
-    webviewTelemetryService,
 }: GetAppWrappersOptions): Wrapper[] {
     return [
         {
@@ -240,9 +235,5 @@ export function getAppWrappers({
             component: ConfigProvider,
             props: { value: config },
         } satisfies Wrapper<any, ComponentProps<typeof ConfigProvider>>,
-        {
-            provider: WebviewTelemetryServiceContext.Provider,
-            value: webviewTelemetryService,
-        } satisfies Wrapper<WebviewOpenTelemetryService>,
     ]
 }

vscode/webviews/utils/telemetry.ts

@@ -4,7 +4,6 @@ import { createContext, useContext } from 'react'
 import type { WebviewRecordEventParameters } from '../../src/chat/protocol'
 import type { ApiPostMessage } from '../Chat'
 import type { VSCodeWrapper } from './VSCodeApi'
-import { WebviewOpenTelemetryService } from './webviewOpenTelemetryService'
 
 /**
  * Create a new {@link TelemetryRecorder} for use in the VS Code webviews for V2 telemetry.
@@ -28,9 +27,6 @@ export function createWebviewTelemetryRecorder(
         },
     }
 }
-export const WebviewTelemetryServiceContext = createContext<WebviewOpenTelemetryService>(
-    new WebviewOpenTelemetryService()
-)
 
 export const TelemetryRecorderContext = createContext<TelemetryRecorder | null>(null)
 

web/lib/agent/shims/stream.ts

@@ -1,7 +1,11 @@
 export function Readable(): unknown {
-    return null
+    return { Readable: {} }
 }
 
 export function Writable(): unknown {
     return null
 }
+
+export default {
+    Readable: { prototype: {} },
+}

web/lib/agent/shims/zlib.ts

@@ -0,0 +1,11 @@
+export function Readable(): unknown {
+    return { Readable: {} }
+}
+
+export function Writable(): unknown {
+    return null
+}
+
+export default {
+    Readable: { prototype: {} },
+}

web/lib/components/CodyWebChat.tsx

@@ -32,7 +32,6 @@ import { useCodyWebAgent } from './use-cody-agent'
 // Include global Cody Web styles to the styles bundle
 import '../global-styles/styles.css'
 import type { DefaultContext } from '@sourcegraph/cody-shared/src/codebase-context/messages'
-import { WebviewOpenTelemetryService } from 'cody-ai/webviews/utils/webviewOpenTelemetryService'
 import styles from './CodyWebChat.module.css'
 import { ChatSkeleton } from './skeleton/ChatSkeleton'
 
@@ -229,18 +228,15 @@ const CodyWebPanel: FC<CodyWebPanelProps> = props => {
         return { initialContext, corpusContext }
     }, [initialContextData])
 
-    const webviewTelemetryService = WebviewOpenTelemetryService.getInstance()
-
     const wrappers = useMemo<Wrapper[]>(
         () =>
             getAppWrappers({
                 vscodeAPI,
                 telemetryRecorder,
                 config,
                 staticDefaultContext,
-                webviewTelemetryService,
             }),
-        [vscodeAPI, telemetryRecorder, config, staticDefaultContext, webviewTelemetryService]
+        [vscodeAPI, telemetryRecorder, config, staticDefaultContext]
     )
 
     const CONTEXT_MENTIONS_SETTINGS = useMemo<ChatMentionsSettings>(() => {

web/vite.config.ts

@@ -56,6 +56,8 @@ export default defineProjectWithDefaults(__dirname, {
                 replacement: resolve(__dirname, 'node_modules/path-browserify'),
             },
             { find: 'node:stream', replacement: resolve(__dirname, 'node_modules/stream-browserify') },
+            { find: 'zlib', replacement: resolve(__dirname, 'lib/agent/shims/zlib.ts') },
+            { find: 'stream', replacement: resolve(__dirname, 'lib/agent/shims/stream.ts') },
             { find: /^(node:)?events$/, replacement: resolve(__dirname, 'node_modules/events') },
             { find: /^(node:)?util$/, replacement: resolve(__dirname, 'node_modules/util') },
             { find: /^(node:)?buffer$/, replacement: resolve(__dirname, 'node_modules/buffer') },