Remove Angular (#17534)

GitOrigin-RevId: 7a0d45e17d9905fa75569e2d19ca59caa4a41565

services/web/frontend/js/features/ide-react/context/connection-context.tsx

@@ -27,9 +27,9 @@ type ConnectionContextValue = {
   disconnect: () => void
 }
 
-const ConnectionContext = createContext<ConnectionContextValue | undefined>(
-  undefined
-)
+export const ConnectionContext = createContext<
+  ConnectionContextValue | undefined
+>(undefined)
 
 export const ConnectionProvider: FC = ({ children }) => {
   const location = useLocation()

services/web/frontend/js/features/ide-react/context/editor-manager-context.tsx

@@ -87,7 +87,9 @@ export type EditorScopeValue = {
   error_state: boolean
 }
 
-const EditorManagerContext = createContext<EditorManager | undefined>(undefined)
+export const EditorManagerContext = createContext<EditorManager | undefined>(
+  undefined
+)
 
 export const EditorManagerProvider: FC = ({ children }) => {
   const { t } = useTranslation()

services/web/frontend/js/features/ide-react/context/ide-react-context.tsx

@@ -40,7 +40,7 @@ type IdeReactContextValue = {
   projectJoined: boolean
 }
 
-const IdeReactContext = createContext<IdeReactContextValue | undefined>(
+export const IdeReactContext = createContext<IdeReactContextValue | undefined>(
   undefined
 )
 
@@ -63,7 +63,7 @@ function populatePdfScope(store: ReactScopeValueStore) {
   store.allowNonExistentPath('pdf', true)
 }
 
-function createReactScopeValueStore(projectId: string) {
+export function createReactScopeValueStore(projectId: string) {
   const scopeStore = new ReactScopeValueStore()
 
   // Populate the scope value store with default values that will be used by

services/web/frontend/js/features/ide-react/context/metadata-context.tsx

@@ -15,7 +15,6 @@ import _ from 'lodash'
 import { getJSON, postJSON } from '@/infrastructure/fetch-json'
 import { useOnlineUsersContext } from '@/features/ide-react/context/online-users-context'
 import { useEditorContext } from '@/shared/context/editor-context'
-import { useIdeContext } from '@/shared/context/ide-context'
 import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
 import useEventListener from '@/shared/hooks/use-event-listener'
 import { useModalsContext } from '@/features/ide-react/context/modals-context'
@@ -42,13 +41,12 @@ type MetadataContextValue = {
 
 type DocMetadataResponse = { docId: string; meta: DocumentMetadata }
 
-const MetadataContext = createContext<MetadataContextValue | undefined>(
+export const MetadataContext = createContext<MetadataContextValue | undefined>(
   undefined
 )
 
 export const MetadataProvider: FC = ({ children }) => {
   const { t } = useTranslation()
-  const ide = useIdeContext()
   const { eventEmitter, projectId } = useIdeReactContext()
   const { socket } = useConnectionContext()
   const { onlineUsersCount } = useOnlineUsersContext()
@@ -225,10 +223,6 @@ export const MetadataProvider: FC = ({ children }) => {
     [documents, getAllLabels, getAllPackages]
   )
 
-  // Expose metadataManager via ide object because useCodeMirrorScope relies on
-  // it, for now
-  ide.metadataManager = value
-
   return (
     <MetadataContext.Provider value={value}>
       {children}

services/web/frontend/js/features/ide-react/context/permissions-context.tsx

@@ -9,7 +9,9 @@ import {
 import useScopeValue from '@/shared/hooks/use-scope-value'
 import { DeepReadonly } from '../../../../../types/utils'
 
-const PermissionsContext = createContext<Permissions | undefined>(undefined)
+export const PermissionsContext = createContext<Permissions | undefined>(
+  undefined
+)
 
 const permissionsMap: DeepReadonly<Record<PermissionsLevel, Permissions>> = {
   readOnly: {

services/web/frontend/js/features/ide-react/context/react-context-root.tsx

@@ -40,10 +40,10 @@ export const ReactContextRoot: FC = ({ children }) => {
                             <PermissionsProvider>
                               <ProjectSettingsProvider>
                                 <LayoutProvider>
-                                  <LocalCompileProvider>
-                                    <DetachCompileProvider>
-                                      <ChatProvider>
-                                        <EditorManagerProvider>
+                                  <EditorManagerProvider>
+                                    <LocalCompileProvider>
+                                      <DetachCompileProvider>
+                                        <ChatProvider>
                                           <FileTreeOpenProvider>
                                             <OnlineUsersProvider>
                                               <MetadataProvider>
@@ -53,10 +53,10 @@ export const ReactContextRoot: FC = ({ children }) => {
                                               </MetadataProvider>
                                             </OnlineUsersProvider>
                                           </FileTreeOpenProvider>
-                                        </EditorManagerProvider>
-                                      </ChatProvider>
-                                    </DetachCompileProvider>
-                                  </LocalCompileProvider>
+                                        </ChatProvider>
+                                      </DetachCompileProvider>
+                                    </LocalCompileProvider>
+                                  </EditorManagerProvider>
                                 </LayoutProvider>
                               </ProjectSettingsProvider>
                             </PermissionsProvider>

services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts

@@ -170,10 +170,7 @@ function useReviewPanelState(): ReviewPanel.ReviewPanelState {
     ReviewPanel.Value<'commentThreads'>
   >({})
   const [entries, setEntries] = useState<ReviewPanel.Value<'entries'>>({})
-  const [users, setUsers] = useScopeValue<ReviewPanel.Value<'users'>>(
-    'users',
-    true
-  )
+  const [users, setUsers] = useScopeValue<ReviewPanel.Value<'users'>>('users')
   const [resolvedComments, setResolvedComments] = useState<
     ReviewPanel.Value<'resolvedComments'>
   >({})
@@ -532,7 +529,6 @@ function useReviewPanelState(): ReviewPanel.ReviewPanelState {
     if (!user) {
       return 'anonymous'
     }
-    // FIXME: check this
     if (project.owner._id === user.id) {
       return 'member'
     }