From 8560b9d198ba1e764a54ef24448e14806476c5d3 Mon Sep 17 00:00:00 2001
From: Barsnes <tobias.barsnes@digdir.no>
Date: Thu, 6 Mar 2025 13:46:41 +0100
Subject: [PATCH] get bash support

---
 apps/_components/package.json                   | 1 +
 apps/_components/src/CodeBlock/CodeBlock.tsx    | 7 +++++++
 apps/theme/components/TokenModal/TokenModal.tsx | 4 ++--
 yarn.lock                                       | 8 ++++++++
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/apps/_components/package.json b/apps/_components/package.json
index bd756a979e..fb01b6c96f 100644
--- 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
index 3ec2d57363..975e29cff9 100644
--- 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
index b7b4466d01..1fe2607e45 100644
--- 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
index 5fa685ca2e..773dddda40 100644
--- 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"