Add c/cpp code support (#8665)

* Add c/cpp code support

* lint

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/light-gifts-pull.md

@@ -0,0 +1,6 @@
+---
+"@gradio/code": minor
+"gradio": minor
+---
+
+feat:Add c/cpp code support

gradio/components/code.py

@@ -22,6 +22,8 @@ class Code(Component):
 
     languages = [
         "python",
+        "c",
+        "cpp",
         "markdown",
         "json",
         "html",
@@ -60,6 +62,8 @@ def __init__(
         value: str | Callable | tuple[str] | None = None,
         language: Literal[
             "python",
+            "c",
+            "cpp",
             "markdown",
             "json",
             "html",

js/code/shared/Download.svelte

@@ -27,7 +27,9 @@
 			dockerfile: "dockerfile",
 			sh: "sh",
 			shell: "sh",
-			r: "r"
+			r: "r",
+			c: "c",
+			cpp: "cpp"
 		};
 
 		return exts[type] || "txt";

js/code/shared/language.ts

@@ -1,9 +1,12 @@
 import type { Extension } from "@codemirror/state";
 import { StreamLanguage } from "@codemirror/language";
 import { sql } from "@codemirror/legacy-modes/mode/sql";
+import { _ } from "svelte-i18n";
 
 const possible_langs = [
 	"python",
+	"c",
+	"cpp",
 	"markdown",
 	"json",
 	"html",
@@ -35,6 +38,14 @@ const sql_dialects = [
 
 const lang_map: Record<string, (() => Promise<Extension>) | undefined> = {
 	python: () => import("@codemirror/lang-python").then((m) => m.python()),
+	c: () =>
+		import("@codemirror/legacy-modes/mode/clike").then((m) =>
+			StreamLanguage.define(m.c)
+		),
+	cpp: () =>
+		import("@codemirror/legacy-modes/mode/clike").then((m) =>
+			StreamLanguage.define(m.cpp)
+		),
 	markdown: async () => {
 		const [md, frontmatter] = await Promise.all([
 			import("@codemirror/lang-markdown"),