Revert "Add syntax highlighting for placeholders and tags (mozilla#2879…

…)"

This reverts commit 9220827.

translate/package.json

@@ -11,7 +11,6 @@
     "@fluent/langneg": "^0.7.0",
     "@fluent/react": "^0.15.1",
     "@fluent/syntax": "^0.19.0",
-    "@lezer/highlight": "^1.1.6",
     "@messageformat/fluent": "^0.4.1",
     "@reduxjs/toolkit": "^1.6.1",
     "classnames": "^2.3.1",

translate/src/modules/translationform/components/EditField.tsx

@@ -17,7 +17,6 @@ import { Locale } from '~/context/Locale';
 import { useReadonlyEditor } from '~/hooks/useReadonlyEditor';
 
 import { getExtensions, useKeyHandlers } from '../utils/editFieldExtensions';
-import { EntityView } from '~/context/EntityView';
 
 export type EditFieldProps = {
   index: number;
@@ -39,14 +38,13 @@ export const EditField = memo(
       const { l10n } = useLocalization();
       const locale = useContext(Locale);
       const readOnly = useReadonlyEditor();
-      const { entity } = useContext(EntityView);
       const { setResultFromInput } = useContext(EditorActions);
       const keyHandlers = useKeyHandlers();
       const [view, setView] = useState<EditorView | null>(null);
 
       const initView = useCallback((parent: HTMLDivElement | null) => {
         if (parent) {
-          const extensions = getExtensions(entity.format, keyHandlers);
+          const extensions = getExtensions(keyHandlers);
           if (readOnly) {
             extensions.push(
               EditorState.readOnly.of(true),

translate/src/modules/translationform/utils/editFieldExtensions.ts

@@ -5,12 +5,7 @@ import {
   insertNewlineAndIndent,
   standardKeymap,
 } from '@codemirror/commands';
-import {
-  HighlightStyle,
-  StreamLanguage,
-  bracketMatching,
-  syntaxHighlighting,
-} from '@codemirror/language';
+import { bracketMatching } from '@codemirror/language';
 import { Extension } from '@codemirror/state';
 import { EditorView, keymap } from '@codemirror/view';
 import { useContext, useEffect, useRef } from 'react';
@@ -22,8 +17,6 @@ import {
   useHandleEnter,
   useHandleEscape,
 } from './editFieldShortcuts';
-import { fluentMode, commonMode } from './editFieldModes';
-import { tags } from '@lezer/highlight';
 
 /**
  * Key handlers depend on application state,
@@ -57,23 +50,13 @@ export function useKeyHandlers() {
   return ref;
 }
 
-const style = HighlightStyle.define([
-  { tag: tags.keyword, color: '#872bff', fontFamily: 'monospace' }, // printf
-  { tag: tags.tagName, color: '#3e9682', fontFamily: 'monospace' }, // <...>
-  { tag: tags.brace, color: '#872bff', fontWeight: 'bold' }, // {...}
-  { tag: tags.name, color: '#872bff' }, // {...}
-]);
-
 export const getExtensions = (
-  format: string,
   ref: ReturnType<typeof useKeyHandlers>,
 ): Extension[] => [
   history(),
   bracketMatching(),
   closeBrackets(),
   EditorView.lineWrapping,
-  StreamLanguage.define<any>(format === 'ftl' ? fluentMode : commonMode),
-  syntaxHighlighting(style),
   keymap.of([
     {
       key: 'Enter',