Add Jinja2 language to Code component (#9545)

* Add jinja2 codemirror language

* add jinja2

* add changeset

---------

Co-authored-by: gradio-pr-bot <[email protected]>

Author: CISC

.changeset/mighty-goats-dance.md

@@ -0,0 +1,6 @@
+---
+"@gradio/code": minor
+"gradio": minor
+---
+
+feat:Add Jinja2 language to Code component

gradio/components/code.py

@@ -29,6 +29,7 @@ class Code(Component):
         "html",
         "css",
         "javascript",
+        "jinja2",
         "typescript",
         "yaml",
         "dockerfile",
@@ -69,6 +70,7 @@ def __init__(
             "html",
             "css",
             "javascript",
+            "jinja2",
             "typescript",
             "yaml",
             "dockerfile",

js/code/shared/language.ts

@@ -12,6 +12,7 @@ const possible_langs = [
 	"html",
 	"css",
 	"javascript",
+	"jinja2",
 	"typescript",
 	"yaml",
 	"dockerfile",
@@ -58,6 +59,10 @@ const lang_map: Record<string, (() => Promise<Extension>) | undefined> = {
 	css: () => import("@codemirror/lang-css").then((m) => m.css()),
 	javascript: () =>
 		import("@codemirror/lang-javascript").then((m) => m.javascript()),
+	jinja2: () =>
+		import("@codemirror/legacy-modes/mode/jinja2").then((m) =>
+			StreamLanguage.define(m.jinja2)
+		),
 	typescript: () =>
 		import("@codemirror/lang-javascript").then((m) =>
 			m.javascript({ typescript: true })