docs(nxdev): allow to use ts or js for typescript / javascript syntax…

… highlighting (#10153)
nrwl · May 5, 2022 · a2b704d · a2b704d · vercel · May 5, 2022
1 parent e8be469
commit a2b704d
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/nx-dev/feature-doc-viewer/src/lib/code-block.tsx b/nx-dev/feature-doc-viewer/src/lib/code-block.tsx
@@ -3,6 +3,17 @@ import React, { useEffect, useState } from 'react';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import SyntaxHighlighter from 'react-syntax-highlighter';
 
+function resolveLanguage(lang: string) {
+  switch (lang) {
+    case 'ts':
+      return 'typescript';
+    case 'js':
+      return 'javascript';
+    default:
+      return lang;
+  }
+}
+
 export function CodeBlock({
   text,
   language,
@@ -59,7 +70,7 @@ export function CodeBlock({
       <SyntaxHighlighter
         showLineNumbers={!['bash', 'text', 'treeview'].includes(language)}
         useInlineStyles={false}
-        language={language}
+        language={resolveLanguage(language)}
         children={text}
         style=""
         {...rest}