[Backport 4.5] enable CodeMirror file view by default (#48073)

Backport 747718b from #48034.

Co-authored-by: Taras Yemets <[email protected]>

Author: github-actions[bot]

client/web/src/codeintel/ReferencesPanel.mocks.ts

@@ -321,7 +321,13 @@ export const defaultProps: ReferencesPanelProps = {
     telemetryService: NOOP_TELEMETRY_SERVICE,
     settingsCascade: {
         subjects: null,
-        final: null,
+        final: {
+            // TODO: we won't need to set experimental features explicitly once we cover CodeMirror side blob view with tests:
+            // https://github.com/sourcegraph/sourcegraph/issues/48049
+            experimentalFeatures: {
+                enableCodeMirrorFileView: false,
+            },
+        },
     },
     platformContext: NOOP_PLATFORM_CONTEXT as any,
     isLightTheme: false,

client/web/src/codeintel/ReferencesPanel.test.tsx

@@ -4,13 +4,19 @@ import { MockedTestProvider, waitForNextApolloResponse } from '@sourcegraph/shar
 import '@sourcegraph/shared/dev/mockReactVisibilitySensor'
 import { renderWithBrandedContext } from '@sourcegraph/wildcard/src/testing'
 
+import { setExperimentalFeaturesFromSettings } from '../stores'
+
 import { ReferencesPanel } from './ReferencesPanel'
 import { buildReferencePanelMocks, defaultProps } from './ReferencesPanel.mocks'
 
 describe('ReferencesPanel', () => {
     async function renderReferencesPanel() {
         const { url, requestMocks } = buildReferencePanelMocks()
 
+        // TODO: we won't need to set experimental features explicitly once we cover CodeMirror side blob view with tests:
+        // https://github.com/sourcegraph/sourcegraph/issues/48049
+        setExperimentalFeaturesFromSettings(defaultProps.settingsCascade)
+
         const result = renderWithBrandedContext(
             <MockedTestProvider mocks={requestMocks}>
                 <ReferencesPanel {...defaultProps} />

client/web/src/codeintel/ReferencesPanel.tsx

@@ -695,7 +695,7 @@ function parseSideBlobProps(
 }
 
 const SideBlob: React.FunctionComponent<React.PropsWithChildren<SideBlobProps>> = props => {
-    const useCodeMirror = useExperimentalFeatures(features => features.enableCodeMirrorFileView ?? false)
+    const useCodeMirror = useExperimentalFeatures(features => features.enableCodeMirrorFileView ?? true)
     const BlobComponent = useCodeMirror ? CodeMirrorBlob : LegacyBlob
 
     const highlightFormat = useCodeMirror ? HighlightResponseFormat.JSON_SCIP : HighlightResponseFormat.HTML_HIGHLIGHT

client/web/src/repo/blob/backend.ts

@@ -120,7 +120,7 @@ export const fetchBlob = memoizeObservable((options: FetchBlobOptions): Observab
  * Note: This format should match the format used when the blob is 'normally' fetched. E.g. in `BlobPage.tsx`.
  */
 export const usePrefetchBlobFormat = (): HighlightResponseFormat => {
-    const enableCodeMirror = useExperimentalFeatures(features => features.enableCodeMirrorFileView ?? false)
+    const enableCodeMirror = useExperimentalFeatures(features => features.enableCodeMirrorFileView ?? true)
     const enableLazyHighlighting = useExperimentalFeatures(
         features => features.enableLazyBlobSyntaxHighlighting ?? false
     )