get bash support

digdir · Mar 6, 2025 · 8560b9d · 8560b9d
1 parent e6d046b
commit 8560b9d
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 2 deletions.
diff --git a/apps/_components/package.json b/apps/_components/package.json
@@ -25,6 +25,7 @@
     "clsx": "^2.1.1",
     "next": "^15.1.5",
     "prism-react-renderer": "^2.4.1",
+    "prismjs": "^1.29.0",
     "react-code-block": "^1.1.3"
   },
   "devDependencies": {

diff --git a/apps/_components/src/CodeBlock/CodeBlock.tsx b/apps/_components/src/CodeBlock/CodeBlock.tsx
@@ -5,6 +5,12 @@ import { useState } from 'react';
 import { CodeBlock as ReactCodeBlock } from 'react-code-block';
 import classes from './CodeBlock.module.css';
 
+import { Prism } from 'prism-react-renderer';
+
+(typeof global !== 'undefined' ? global : window).Prism = Prism;
+/* @ts-ignore - TODO: fix this */
+await import('prismjs/components/prism-bash');
+
 export type CodeBlockProps = {
   children: string;
   className?: string;
@@ -33,6 +39,7 @@ export type CodeBlockProps = {
     | 'python'
     | 'json'
     | 'text'
+    | 'bash'
     | string;
 };
 

diff --git a/apps/theme/components/TokenModal/TokenModal.tsx b/apps/theme/components/TokenModal/TokenModal.tsx
@@ -139,7 +139,7 @@ export const TokenModal = () => {
                 </Paragraph>
               </div>
               <div className={classes.snippet}>
-                <CodeBlock language='shell'>{cliSnippet}</CodeBlock>
+                <CodeBlock language='bash'>{cliSnippet}</CodeBlock>
               </div>
               <div
                 className={classes.step}
@@ -153,7 +153,7 @@ export const TokenModal = () => {
                 </Paragraph>
               </div>
               <div className={classes.snippet}>
-                <CodeBlock language='shell'>{buildSnippet}</CodeBlock>
+                <CodeBlock language='bash'>{buildSnippet}</CodeBlock>
               </div>
 
               <Divider />

diff --git a/yarn.lock b/yarn.lock
@@ -2237,6 +2237,7 @@ __metadata:
     clsx: "npm:^2.1.1"
     next: "npm:^15.1.5"
     prism-react-renderer: "npm:^2.4.1"
+    prismjs: "npm:^1.29.0"
     react-code-block: "npm:^1.1.3"
     typescript: "npm:^5.7.3"
   peerDependencies:
@@ -10575,6 +10576,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prismjs@npm:^1.29.0":
+  version: 1.29.0
+  resolution: "prismjs@npm:1.29.0"
+  checksum: 10/2080db382c2dde0cfc7693769e89b501ef1bfc8ff4f8d25c07fd4c37ca31bc443f6133d5b7c145a73309dc396e829ddb7cc18560026d862a887ae08864ef6b07
+  languageName: node
+  linkType: hard
+
 "process-nextick-args@npm:~2.0.0":
   version: 2.0.1
   resolution: "process-nextick-args@npm:2.0.1"