Fix bash syntax highlighting (#274)

cloud-annotations · Dec 22, 2023 · c41d08c · c41d08c
1 parent 72a01f6
commit c41d08c
Show file tree

Hide file tree

Showing 3 changed files with 259 additions and 220 deletions.
diff --git a/packages/docusaurus-theme-openapi/package.json b/packages/docusaurus-theme-openapi/package.json
@@ -53,6 +53,7 @@
     "react-magic-dropzone": "^1.0.1",
     "react-redux": "^7.2.0",
     "redux-devtools-extension": "^2.13.8",
+    "refractor": "^4.8.1",
     "webpack": "^5.88.1"
   },
   "peerDependencies": {

diff --git a/packages/docusaurus-theme-openapi/src/theme/ApiDemoPanel/Curl/index.tsx b/packages/docusaurus-theme-openapi/src/theme/ApiDemoPanel/Curl/index.tsx
@@ -12,13 +12,16 @@ import type { Props } from "@theme/ApiDemoPanel/Curl";
 import clsx from "clsx";
 // @ts-ignore
 import codegen from "postman-code-generators";
-import { Highlight } from "prism-react-renderer";
+import { Highlight, Prism } from "prism-react-renderer";
+import bashLang from "refractor/lang/bash";
 
 import buildPostmanRequest from "./../buildPostmanRequest";
 import FloatingButton from "./../FloatingButton";
 import styles from "./styles.module.css";
 import { useTypedSelector } from "../hooks";
 
+bashLang(Prism);
+
 interface Language {
   tabName: string;
   highlight: string;