build: optimize bundle size

use the light version of react-syntax-highlighter

Author: urish

components/annotated-source.tsx

@@ -1,9 +1,16 @@
 import { useLayoutEffect, useMemo, useRef, useState } from 'react';
 import ReactMarkdown from 'react-markdown/with-html';
-import SyntaxHighlighter from 'react-syntax-highlighter';
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import arduino from 'react-syntax-highlighter/dist/cjs/languages/hljs/arduino';
+import clike from 'react-syntax-highlighter/dist/cjs/languages/hljs/c-like';
+import cpp from 'react-syntax-highlighter/dist/cjs/languages/hljs/cpp';
 import { arduinoLight } from 'react-syntax-highlighter/dist/cjs/styles/hljs';
 import { IGACAnnotation } from '../services/gac-annotations';
 
+SyntaxHighlighter.registerLanguage('c-like', clike); // `arduino` requires `clike`
+SyntaxHighlighter.registerLanguage('cpp', cpp); // `arduino` requires `cpp`
+SyntaxHighlighter.registerLanguage('arduino', arduino);
+
 interface IAnnotatedSourceProps {
   code: string;
   annotations: IGACAnnotation[];

utils/react-syntax-highlighter-clike.d.ts

@@ -0,0 +1,6 @@
+// Workaround for missing declaration in @types/react-syntax-highlighter
+
+declare module 'react-syntax-highlighter/dist/cjs/languages/hljs/c-like' {
+  const language: any;
+  export default language;
+}