Fix pairs language not highlighting

src-web/components/core/Editor/extensions.ts

@@ -105,6 +105,7 @@ export function getLanguageExtension({
     return graphql();
   }
 
+  console.log("SELECTING SYNTAX", language);
   const base = syntaxExtensions[language ?? 'text'] ?? text();
   if (!useTemplating) {
     return base;

src-web/components/core/Editor/pairs/extension.ts

@@ -1,11 +1,12 @@
 import { LanguageSupport, LRLanguage } from '@codemirror/language';
 import { parser } from './pairs';
 
-const urlLanguage = LRLanguage.define({
+const language = LRLanguage.define({
+  name: 'pairs',
   parser,
   languageData: {},
 });
 
 export function pairs() {
-  return new LanguageSupport(urlLanguage, []);
+  return new LanguageSupport(language, []);
 }

src-web/components/core/Editor/text/extension.ts

@@ -1,10 +1,8 @@
 import { LanguageSupport, LRLanguage } from '@codemirror/language';
 import { parser } from './text';
 
-export const textLanguageName = 'text';
+export const textLanguage = LRLanguage.define({
-
+  name: 'text',
-const textLanguage = LRLanguage.define({
-  name: textLanguageName,
   parser,
   languageData: {},
 });

src-web/components/core/Editor/twig/extension.ts

@@ -5,7 +5,7 @@ import { parseMixed } from '@lezer/common';
 import type { EnvironmentVariable } from '@yaakapp-internal/models';
 import type { GenericCompletionConfig } from '../genericCompletion';
 import { genericCompletion } from '../genericCompletion';
-import { textLanguageName } from '../text/extension';
+import { textLanguage } from '../text/extension';
 import type { TwigCompletionOption } from './completion';
 import { twigCompletion } from './completion';
 import { templateTagsPlugin } from './templateTags';
@@ -63,12 +63,10 @@ function mixLanguage(base: LanguageSupport): LRLanguage {
     return cached;
   }
 
-  const name = 'twig';
-
   const parser = twigParser.configure({
     wrap: parseMixed((node) => {
       // If the base language is text, we can overwrite at the top
-      if (base.language.name !== textLanguageName && !node.type.isTop) {
+      if (base.language.name !== textLanguage.name && !node.type.isTop) {
         return null;
       }
 
@@ -79,7 +77,7 @@ function mixLanguage(base: LanguageSupport): LRLanguage {
     }),
   });
 
-  const language = LRLanguage.define({ name, parser });
+  const language = LRLanguage.define({ name: 'twig', parser });
   mixedLanguagesCache[base.language.name] = language;
   return language;
 }

src-web/components/core/Editor/url/extension.ts

@@ -2,6 +2,7 @@ import { LanguageSupport, LRLanguage } from '@codemirror/language';
 import { parser } from './url';
 
 const urlLanguage = LRLanguage.define({
+  name: 'url',
   parser,
   languageData: {},
 });