Hide most toolbar buttons for non-latex documents (#13725)

GitOrigin-RevId: 3bf487d86d1a465a1653b40891277380270ea7ff

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

@@ -20,6 +20,7 @@ import DetachCompileButtonWrapper from '../../pdf-preview/components/detach-comp
 import getMeta from '../../../utils/meta'
 import { isVisual } from '../extensions/visual/visual'
 import SplitTestBadge from '../../../shared/components/split-test-badge'
+import { language } from '@codemirror/language'
 
 export const CodeMirrorToolbar = () => {
   const view = useCodeMirrorViewContext()
@@ -44,6 +45,8 @@ const Toolbar = memo(function Toolbar() {
   const overflowBeforeRef = useRef<HTMLDivElement>(null)
   const overflowedItemsRef = useRef<Set<string>>(new Set())
 
+  const languageName = state.facet(language)?.name
+
   const {
     open: overflowOpen,
     onToggle: setOverflowOpen,
@@ -97,7 +100,7 @@ const Toolbar = memo(function Toolbar() {
   return (
     <div className="ol-cm-toolbar toolbar-editor" ref={resizeRef}>
       {showSourceToolbar && <EditorSwitch />}
-      <ToolbarItems state={state} />
+      <ToolbarItems state={state} languageName={languageName} />
       <div
         className="ol-cm-toolbar-button-group ol-cm-toolbar-stretch"
         ref={overflowBeforeRef}
@@ -109,7 +112,11 @@ const Toolbar = memo(function Toolbar() {
           setOverflowOpen={setOverflowOpen}
           overflowRef={overflowRef}
         >
-          <ToolbarItems state={state} overflowed={overflowedItemsRef.current} />
+          <ToolbarItems
+            state={state}
+            overflowed={overflowedItemsRef.current}
+            languageName={languageName}
+          />
         </ToolbarOverflow>
         <div className="formatting-buttons-wrapper" />
       </div>
@@ -121,7 +128,7 @@ const Toolbar = memo(function Toolbar() {
           active={searchPanelOpen(state)}
           icon="search"
         />
-        {!isVisual(view) && (
+        {languageName === 'latex' && !isVisual(view) && (
           <SplitTestBadge
             splitTestName="source-editor-toolbar"
             displayOnVariants={['enabled']}

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

@@ -23,7 +23,8 @@ const isMac = /Mac/.test(window.navigator?.platform)
 export const ToolbarItems: FC<{
   state: EditorState
   overflowed?: Set<string>
-}> = memo(function ToolbarItems({ state, overflowed }) {
+  languageName?: string
+}> = memo(function ToolbarItems({ state, overflowed, languageName }) {
   const { t } = useTranslation()
   const { toggleSymbolPalette, showSymbolPalette } = useEditorContext()
   const isActive = withinFormattingCommand(state)
@@ -70,6 +71,8 @@ export const ToolbarItems: FC<{
           />
         </div>
       )}
+      {languageName === 'latex' && (
+        <>
           {showGroup('group-section') && (
             <div
               className="ol-cm-toolbar-button-group"
@@ -99,7 +102,10 @@ export const ToolbarItems: FC<{
             </div>
           )}
           {showGroup('group-math') && (
-        <div className="ol-cm-toolbar-button-group" data-overflow="group-math">
+            <div
+              className="ol-cm-toolbar-button-group"
+              data-overflow="group-math"
+            >
               <MathDropdown />
               {symbolPaletteAvailable && (
                 <ToolbarButton
@@ -115,7 +121,10 @@ export const ToolbarItems: FC<{
             </div>
           )}
           {showGroup('group-misc') && (
-        <div className="ol-cm-toolbar-button-group" data-overflow="group-misc">
+            <div
+              className="ol-cm-toolbar-button-group"
+              data-overflow="group-misc"
+            >
               <ToolbarButton
                 id="toolbar-href"
                 label={t('toolbar_insert_link')}
@@ -162,7 +171,10 @@ export const ToolbarItems: FC<{
             </div>
           )}
           {showGroup('group-list') && (
-        <div className="ol-cm-toolbar-button-group" data-overflow="group-list">
+            <div
+              className="ol-cm-toolbar-button-group"
+              data-overflow="group-list"
+            >
               <ToolbarButton
                 id="toolbar-bullet-list"
                 label={t('toolbar_bullet_list')}
@@ -194,5 +206,7 @@ export const ToolbarItems: FC<{
             </div>
           )}
         </>
+      )}
+    </>
   )
 })

services/web/frontend/js/features/source-editor/languages/bibtex/bibtex-language.ts

@@ -3,6 +3,7 @@ import { parser } from '../../lezer-bibtex/bibtex.mjs'
 import { bibtexEntryCompletions } from './completions/snippets'
 
 export const BibTeXLanguage = LRLanguage.define({
+  name: 'bibtex',
   parser,
   languageData: {
     autocomplete: bibtexEntryCompletions,

services/web/frontend/js/features/source-editor/languages/latex/latex-language.ts

@@ -48,6 +48,7 @@ const typeMap: Record<string, string[]> = {
 }
 
 export const LaTeXLanguage = LRLanguage.define({
+  name: 'latex',
   parser: parser.configure({
     props: [
       foldNodeProp.add({