From 314e61a8f35b227c6d6e47ff18da32934b3a5668 Mon Sep 17 00:00:00 2001
From: fisker Cheung <lionkay@gmail.com>
Date: Thu, 16 Jul 2026 00:08:42 +0800
Subject: [PATCH] Potential fixes for 2 code quality findings (#19640)

Co-authored-by: Copilot Autofix powered by AI <223894421+github-code-quality[bot]@users.noreply.github.com>
---
 website/playground/panel/language.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/website/playground/panel/language.js b/website/playground/panel/language.js
index a2cda67e5..a94f0e212 100644
--- a/website/playground/panel/language.js
+++ b/website/playground/panel/language.js
@@ -1,6 +1,6 @@
 /**
 @import {languages} from "@codemirror/language-data";
-@typedef {typeof languages[number]["name"] | "GraphQl"} LanguageNames
+@typedef {typeof languages[number]["name"] | "GraphQL"} LanguageNames
 */
 
 // TODO: we should be able to get this from plugin languages
@@ -38,7 +38,7 @@ function getCodemirrorMode(parser) {
       return "SCSS";
 
     case "graphql":
-      return "GraphQl";
+      return "GraphQL";
 
     case "json":
     case "json5":
@@ -74,7 +74,7 @@ function getCodemirrorMode(parser) {
 let languageExtensions;
 /** @param {LanguageNames} mode */
 async function getLanguageExtension(mode) {
-  if (mode === "GraphQl") {
+  if (mode === "GraphQL") {
     const { graphql } = await import("cm6-graphql");
     return graphql();
   }
@@ -95,6 +95,12 @@ async function getLanguageExtension(mode) {
   const language =
     languageExtensions.get(mode) ?? languageExtensions.get("TSX");
 
+  if (!language) {
+    throw new Error(
+      `No CodeMirror language extension found for "${mode}", and fallback "TSX" is unavailable.`,
+    );
+  }
+
   return await language.loadFunc();
 }