Move CodeMirror contexts into a separate file (#20643)

GitOrigin-RevId: 8425454a75ff8160a03fda1be5bda2242b41f6cd

services/web/frontend/js/features/review-panel-new/components/add-comment-tooltip.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from '@/features/source-editor/components/codemirror-editor'
+} from '@/features/source-editor/components/codemirror-context'
 import {
   addCommentStateField,
   buildAddNewCommentRangeEffect,

services/web/frontend/js/features/review-panel-new/components/review-panel-add-comment.tsx

@@ -2,7 +2,7 @@ import { FC, FormEventHandler, useCallback, useState, useRef } from 'react'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from '@/features/source-editor/components/codemirror-editor'
+} from '@/features/source-editor/components/codemirror-context'
 import { EditorSelection } from '@codemirror/state'
 import { useTranslation } from 'react-i18next'
 import { useThreadsActionsContext } from '../context/threads-context'

services/web/frontend/js/features/review-panel-new/components/review-panel-container.tsx

@@ -1,5 +1,5 @@
 import ReactDOM from 'react-dom'
-import { useCodeMirrorViewContext } from '../../source-editor/components/codemirror-editor'
+import { useCodeMirrorViewContext } from '../../source-editor/components/codemirror-context'
 import { memo } from 'react'
 import ReviewPanel from './review-panel'
 import { useLayoutContext } from '@/shared/context/layout-context'

services/web/frontend/js/features/review-panel-new/components/review-panel-current-file.tsx

@@ -19,7 +19,7 @@ import {
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from '@/features/source-editor/components/codemirror-editor'
+} from '@/features/source-editor/components/codemirror-context'
 import { useRangesContext } from '../context/ranges-context'
 import { useThreadsContext } from '../context/threads-context'
 import { isDeleteChange, isInsertChange } from '@/utils/operations'

services/web/frontend/js/features/review-panel-new/components/review-panel-entry.tsx

@@ -3,7 +3,7 @@ import { AnyOperation } from '../../../../../types/change'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from '@/features/source-editor/components/codemirror-editor'
+} from '@/features/source-editor/components/codemirror-context'
 import { isSelectionWithinOp } from '../utils/is-selection-within-op'
 import classNames from 'classnames'
 import { highlightRanges } from '@/features/source-editor/extensions/ranges'

services/web/frontend/js/features/review-panel-new/context/ranges-context.tsx

@@ -15,7 +15,7 @@ import {
 } from '../../../../../types/change'
 import RangesTracker from '@overleaf/ranges-tracker'
 import { rejectChanges } from '@/features/source-editor/extensions/changes/reject-changes'
-import { useCodeMirrorViewContext } from '@/features/source-editor/components/codemirror-editor'
+import { useCodeMirrorViewContext } from '@/features/source-editor/components/codemirror-context'
 
 export type Ranges = {
   docId: string

services/web/frontend/js/features/review-panel-new/hooks/use-review-panel-styles.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, useCallback, useEffect, useState } from 'react'
-import { useCodeMirrorViewContext } from '@/features/source-editor/components/codemirror-editor'
+import { useCodeMirrorViewContext } from '@/features/source-editor/components/codemirror-context'
 
 export const useReviewPanelStyles = (mini: boolean) => {
   const view = useCodeMirrorViewContext()

services/web/frontend/js/features/source-editor/components/codemirror-command-tooltip.tsx

@@ -2,7 +2,7 @@ import { memo, useEffect } from 'react'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from './codemirror-editor'
+} from './codemirror-context'
 import {
   closeCommandTooltip,
   commandTooltipState,

services/web/frontend/js/features/source-editor/components/codemirror-context.ts

@@ -0,0 +1,35 @@
+import { createContext, useContext } from 'react'
+import { EditorView } from '@codemirror/view'
+import { EditorState } from '@codemirror/state'
+
+export const CodeMirrorStateContext = createContext<EditorState | undefined>(
+  undefined
+)
+
+export const CodeMirrorViewContext = createContext<EditorView | undefined>(
+  undefined
+)
+
+export const useCodeMirrorStateContext = (): EditorState => {
+  const context = useContext(CodeMirrorStateContext)
+
+  if (!context) {
+    throw new Error(
+      'useCodeMirrorStateContext is only available inside CodeMirrorStateContext.Provider'
+    )
+  }
+
+  return context
+}
+
+export const useCodeMirrorViewContext = (): EditorView => {
+  const context = useContext(CodeMirrorViewContext)
+
+  if (!context) {
+    throw new Error(
+      'useCodeMirrorViewContext is only available inside CodeMirrorViewContext.Provider'
+    )
+  }
+
+  return context
+}

services/web/frontend/js/features/source-editor/components/codemirror-editor.tsx

@@ -1,11 +1,4 @@
-import {
-  createContext,
-  ElementType,
-  memo,
-  useContext,
-  useRef,
-  useState,
-} from 'react'
+import { ElementType, memo, useRef, useState } from 'react'
 import useIsMounted from '../../../shared/hooks/use-is-mounted'
 import { EditorView } from '@codemirror/view'
 import { EditorState } from '@codemirror/state'
@@ -21,6 +14,13 @@ import { ReviewPanelProviders } from '@/features/review-panel-new/context/review
 import { ReviewPanelMigration } from '@/features/source-editor/components/review-panel/review-panel-migration'
 import AddCommentTooltip from '@/features/review-panel-new/components/add-comment-tooltip'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
+import {
+  CodeMirrorStateContext,
+  CodeMirrorViewContext,
+} from './codemirror-context'
+
+// TODO: remove this when definitely no longer used
+export * from './codemirror-context'
 
 const sourceEditorComponents = importOverleafModules(
   'sourceEditorComponents'
@@ -64,7 +64,7 @@ function CodeMirrorEditor() {
 
   return (
     <CodeMirrorStateContext.Provider value={state}>
-      <CodeMirrorViewContextProvider value={viewRef.current}>
+      <CodeMirrorViewContext.Provider value={viewRef.current}>
         <ReviewPanelProviders>
           <CodemirrorOutline />
           <CodeMirrorView />
@@ -87,39 +87,9 @@ function CodeMirrorEditor() {
             )
           )}
         </ReviewPanelProviders>
-      </CodeMirrorViewContextProvider>
+      </CodeMirrorViewContext.Provider>
     </CodeMirrorStateContext.Provider>
   )
 }
 
 export default memo(CodeMirrorEditor)
-
-const CodeMirrorStateContext = createContext<EditorState | undefined>(undefined)
-
-export const useCodeMirrorStateContext = (): EditorState => {
-  const context = useContext(CodeMirrorStateContext)
-
-  if (!context) {
-    throw new Error(
-      'useCodeMirrorStateContext is only available inside CodeMirrorEditor'
-    )
-  }
-
-  return context
-}
-
-const CodeMirrorViewContext = createContext<EditorView | undefined>(undefined)
-
-export const CodeMirrorViewContextProvider = CodeMirrorViewContext.Provider
-
-export const useCodeMirrorViewContext = (): EditorView => {
-  const context = useContext(CodeMirrorViewContext)
-
-  if (!context) {
-    throw new Error(
-      'useCodeMirrorViewContext is only available inside CodeMirrorViewContextProvider'
-    )
-  }
-
-  return context
-}

services/web/frontend/js/features/source-editor/components/codemirror-outline.tsx

@@ -1,4 +1,4 @@
-import { useCodeMirrorStateContext } from './codemirror-editor'
+import { useCodeMirrorStateContext } from './codemirror-context'
 import React, { useEffect } from 'react'
 import { documentOutline } from '../languages/latex/document-outline'
 import { ProjectionStatus } from '../utils/tree-operations/projection'

services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx

@@ -1,7 +1,7 @@
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from './codemirror-editor'
+} from './codemirror-context'
 import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { runScopeHandlers } from '@codemirror/view'
 import {

services/web/frontend/js/features/source-editor/components/codemirror-search.tsx

@@ -1,6 +1,6 @@
 import { createPortal } from 'react-dom'
 import CodeMirrorSearchForm from './codemirror-search-form'
-import { useCodeMirrorViewContext } from './codemirror-editor'
+import { useCodeMirrorViewContext } from './codemirror-context'
 import { getPanel } from '@codemirror/view'
 import { createSearchPanel } from '@codemirror/search'
 

services/web/frontend/js/features/source-editor/components/codemirror-toolbar.tsx

@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from './codemirror-editor'
+} from './codemirror-context'
 import { searchPanelOpen } from '@codemirror/search'
 import { useResizeObserver } from '../../../shared/hooks/use-resize-observer'
 import { ToolbarButton } from './toolbar/toolbar-button'

services/web/frontend/js/features/source-editor/components/codemirror-view.tsx

@@ -1,5 +1,5 @@
 import { memo, useCallback, useEffect } from 'react'
-import { useCodeMirrorViewContext } from './codemirror-editor'
+import { useCodeMirrorViewContext } from './codemirror-context'
 import useCodeMirrorScope from '../hooks/use-codemirror-scope'
 import useScopeValueSetterOnly from '@/shared/hooks/use-scope-value-setter-only'
 

services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from '../codemirror-editor'
+} from '../codemirror-context'
 import {
   closeCommandTooltip,
   resolveCommandNode,

services/web/frontend/js/features/source-editor/components/command-tooltip/ref-tooltip.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from '../codemirror-editor'
+} from '../codemirror-context'
 import { Button } from 'react-bootstrap'
 import { resolveCommandNode } from '../../extensions/command-tooltip'
 import {

services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useCodeMirrorStateContext } from '../codemirror-editor'
+import { useCodeMirrorStateContext } from '../codemirror-context'
 import { Button } from 'react-bootstrap'
 import { resolveCommandNode } from '../../extensions/command-tooltip'
 import {

services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal.tsx

@@ -8,7 +8,7 @@ import {
 } from './figure-modal-context'
 import { FigureModalFooter } from './figure-modal-footer'
 import { lazy, memo, Suspense, useCallback, useEffect } from 'react'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import { ChangeSpec } from '@codemirror/state'
 import { snippet } from '@codemirror/autocomplete'
 import {

services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx

@@ -21,7 +21,7 @@ import { useProjectContext } from '../../../../../shared/context/project-context
 import { FileRelocator } from '../file-relocator'
 import { useTranslation } from 'react-i18next'
 import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import getMeta from '@/utils/meta'
 
 function suggestName(path: string) {

services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx

@@ -14,7 +14,7 @@ import classNames from 'classnames'
 import { Button } from 'react-bootstrap'
 import { FileRelocator } from '../file-relocator'
 import { useTranslation } from 'react-i18next'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
 import getMeta from '@/utils/meta'
 

services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-url-source.tsx

@@ -6,7 +6,7 @@ import { File } from '../../../utils/file'
 import { useCurrentProjectFolders } from '../../../hooks/use-current-project-folders'
 import { FileRelocator } from '../file-relocator'
 import { useTranslation } from 'react-i18next'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import { EditorView } from '@codemirror/view'
 import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
 

services/web/frontend/js/features/source-editor/components/review-panel/editor-widgets/editor-widgets.tsx

@@ -9,7 +9,7 @@ import {
   useReviewPanelValueContext,
 } from '../../../context/review-panel/review-panel-context'
 import { useEditorContext } from '@/shared/context/editor-context'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import Modal, { useBulkActionsModal } from '../entries/bulk-actions-entry/modal'
 import getMeta from '../../../../../utils/meta'
 import useScopeEventListener from '@/shared/hooks/use-scope-event-listener'

services/web/frontend/js/features/source-editor/components/review-panel/editor-widgets/toggle-widget.tsx

@@ -1,6 +1,6 @@
 import { Trans } from 'react-i18next'
 import { useReviewPanelUpdaterFnsContext } from '../../../context/review-panel/review-panel-context'
-import { useCodeMirrorStateContext } from '../../codemirror-editor'
+import { useCodeMirrorStateContext } from '../../codemirror-context'
 import { EditorView } from '@codemirror/view'
 import classnames from 'classnames'
 import { memo } from 'react'

services/web/frontend/js/features/source-editor/components/review-panel/review-panel.tsx

@@ -1,5 +1,5 @@
 import ReactDOM from 'react-dom'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import { ReviewPanelProvider } from '../../context/review-panel/review-panel-context'
 import { memo } from 'react'
 import ReviewPanelContent from '@/features/source-editor/components/review-panel/review-panel-content'

services/web/frontend/js/features/source-editor/components/table-generator/cell.tsx

@@ -11,7 +11,7 @@ import { typesetNodeIntoElement } from '../../extensions/visual/utils/typeset-co
 import { parser } from '../../lezer-latex/latex.mjs'
 import { useTableContext } from './contexts/table-context'
 import { CellInput, CellInputRef } from './cell-input'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 
 export const Cell: FC<{
   cellData: CellData

services/web/frontend/js/features/source-editor/components/table-generator/contexts/editing-context.tsx

@@ -1,5 +1,5 @@
 import { FC, createContext, useCallback, useContext, useState } from 'react'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import { useTableContext } from './table-context'
 import { TableSelection } from './selection-context'
 import { debugConsole } from '@/utils/debugging'

services/web/frontend/js/features/source-editor/components/table-generator/table.tsx

@@ -15,7 +15,7 @@ import {
 } from './contexts/selection-context'
 import { useEditingContext } from './contexts/editing-context'
 import { useTableContext } from './contexts/table-context'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import { undo, redo } from '@codemirror/commands'
 import { ChangeSpec } from '@codemirror/state'
 import { startCompileKeypress } from '@/features/pdf-preview/hooks/use-compile-triggers'

services/web/frontend/js/features/source-editor/components/table-generator/tabular.tsx

@@ -17,9 +17,9 @@ import { ErrorBoundary } from 'react-error-boundary'
 import { Alert, Button } from 'react-bootstrap'
 import { EditorSelection } from '@codemirror/state'
 import {
-  CodeMirrorViewContextProvider,
+  CodeMirrorViewContext,
   useCodeMirrorViewContext,
-} from '../codemirror-editor'
+} from '../codemirror-context'
 import { TableProvider } from './contexts/table-context'
 import { TabularProvider, useTabularContext } from './contexts/tabular-context'
 import Icon from '../../../../shared/components/icon'
@@ -244,7 +244,7 @@ export const Tabular: FC<{
       )}
     >
       <SplitTestProvider>
-        <CodeMirrorViewContextProvider value={view}>
+        <CodeMirrorViewContext.Provider value={view}>
           <TabularProvider>
             <TableProvider
               tabularNode={tabularNode}
@@ -262,7 +262,7 @@ export const Tabular: FC<{
             </TableProvider>
             <TableGeneratorHelpModal />
           </TabularProvider>
-        </CodeMirrorViewContextProvider>
+        </CodeMirrorViewContext.Provider>
       </SplitTestProvider>
     </ErrorBoundary>
   )

services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/modal.tsx

@@ -16,7 +16,7 @@ import { useSelectionContext } from '../../contexts/selection-context'
 import { useTableContext } from '../../contexts/table-context'
 import { setColumnWidth } from '../commands'
 import { UNITS, WidthSelection, WidthUnit } from './column-width'
-import { useCodeMirrorViewContext } from '../../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../../codemirror-context'
 import { CopyToClipboard } from '@/shared/components/copy-to-clipboard'
 import Tooltip from '@/shared/components/tooltip'
 import Icon from '@/shared/components/icon'

services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button.tsx

@@ -3,7 +3,7 @@ import classNames from 'classnames'
 import { memo, useCallback } from 'react'
 import Tooltip from '../../../../../shared/components/tooltip'
 import MaterialIcon from '../../../../../shared/components/material-icon'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import { emitTableGeneratorEvent } from '../analytics'
 
 export const ToolbarButton = memo<{

services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-dropdown.tsx

@@ -5,7 +5,7 @@ import MaterialIcon from '../../../../../shared/components/material-icon'
 import Tooltip from '../../../../../shared/components/tooltip'
 import { useTabularContext } from '../contexts/tabular-context'
 import { emitTableGeneratorEvent } from '../analytics'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import classNames from 'classnames'
 
 export const ToolbarDropdown: FC<{

services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar.tsx

@@ -18,7 +18,7 @@ import {
   setBorders,
   unmergeCells,
 } from './commands'
-import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
 import { useTableContext } from '../contexts/table-context'
 import { useTabularContext } from '../contexts/tabular-context'
 import { useTranslation } from 'react-i18next'

services/web/frontend/js/features/source-editor/components/toolbar/button-menu.tsx

@@ -5,7 +5,7 @@ import useDropdown from '../../../../shared/hooks/use-dropdown'
 import Tooltip from '../../../../shared/components/tooltip'
 import { EditorView } from '@codemirror/view'
 import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import MaterialIcon from '../../../../shared/components/material-icon'
 
 export const ToolbarButtonMenu: FC<{

services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx

@@ -5,7 +5,7 @@ import { memo, useCallback } from 'react'
 import { FigureModalSource } from '../figure-modal/figure-modal-context'
 import { useTranslation } from 'react-i18next'
 import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import { insertFigure } from '../../extensions/toolbar/commands'
 import getMeta from '@/utils/meta'
 

services/web/frontend/js/features/source-editor/components/toolbar/math-dropdown.tsx

@@ -3,7 +3,7 @@ import { ToolbarButtonMenu } from './button-menu'
 import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
 import MaterialIcon from '../../../../shared/components/material-icon'
 import { useTranslation } from 'react-i18next'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import {
   wrapInDisplayMath,
   wrapInInlineMath,

services/web/frontend/js/features/source-editor/components/toolbar/overflow.tsx

@@ -2,7 +2,7 @@ import { FC, LegacyRef, useRef } from 'react'
 import { Button, Overlay, Popover } from 'react-bootstrap'
 import classnames from 'classnames'
 import Icon from '../../../../shared/components/icon'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 
 export const ToolbarOverflow: FC<{
   overflowed: boolean

services/web/frontend/js/features/source-editor/components/toolbar/section-heading-dropdown.tsx

@@ -2,7 +2,7 @@ import classnames from 'classnames'
 import {
   useCodeMirrorStateContext,
   useCodeMirrorViewContext,
-} from '../codemirror-editor'
+} from '../codemirror-context'
 import {
   findCurrentSectionHeadingLevel,
   setSectionHeadingLevel,

services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown.tsx

@@ -3,7 +3,7 @@ import * as commands from '../../extensions/toolbar/commands'
 import { useTranslation } from 'react-i18next'
 import useDropdown from '../../../../shared/hooks/use-dropdown'
 import { Button, Overlay, Popover } from 'react-bootstrap'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import Tooltip from '../../../../shared/components/tooltip'
 import MaterialIcon from '../../../../shared/components/material-icon'
 import classNames from 'classnames'

services/web/frontend/js/features/source-editor/components/toolbar/toolbar-button.tsx

@@ -1,6 +1,6 @@
 import { memo, useCallback } from 'react'
 import { EditorView } from '@codemirror/view'
-import { useCodeMirrorViewContext } from '../codemirror-editor'
+import { useCodeMirrorViewContext } from '../codemirror-context'
 import { Button } from 'react-bootstrap'
 import classnames from 'classnames'
 import Tooltip from '../../../../shared/components/tooltip'

services/web/frontend/js/features/source-editor/hooks/use-codemirror-measurement.ts

@@ -1,5 +1,5 @@
 import { useCallback, useState } from 'react'
-import { useCodeMirrorViewContext } from '../components/codemirror-editor'
+import { useCodeMirrorViewContext } from '../components/codemirror-context'
 import { EditorView } from '@codemirror/view'
 import useEventListener from '../../../shared/hooks/use-event-listener'
 

services/web/frontend/js/features/source-editor/hooks/use-included-file.ts

@@ -1,4 +1,4 @@
-import { useCodeMirrorStateContext } from '@/features/source-editor/components/codemirror-editor'
+import { useCodeMirrorStateContext } from '@/features/source-editor/components/codemirror-context'
 import { useFileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
 import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
 import { useCallback } from 'react'