Add support for GAML highlighting

website/docusaurus.config.js

@@ -92,7 +92,11 @@ module.exports={
     },
     "prism": {
       additionalLanguages: ['java','javascript','python'],
-      defaultLanguage: 'java',
+      defaultLanguage: 'gaml',
+
+      theme: require('prism-gaml/themes/light'),
+      darkTheme: require('prism-gaml/themes/dark'),
+
     },
     algolia: {
       appId: 'MWUOLTL2EG',

website/package.json

@@ -18,6 +18,7 @@
     "@docusaurus/preset-classic": "^2.1.0",
     "@saucelabs/theme-github-codeblock": "^0.1.1",
     "clsx": "^1.1.1",
+    "prism-gaml": "^0.1.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "url": "^0.11.0"

website/src/theme/prism-include-languages.js

@@ -0,0 +1,22 @@
+import siteConfig from '@generated/docusaurus.config';
+export default function prismIncludeLanguages(PrismObject) {
+  const {
+    themeConfig: {prism},
+  } = siteConfig;
+  const {additionalLanguages} = prism;
+  // Prism components work on the Prism instance on the window, while prism-
+  // react-renderer uses its own Prism instance. We temporarily mount the
+  // instance onto window, import components to enhance it, then remove it to
+  // avoid polluting global namespace.
+  // You can mutate PrismObject: registering plugins, deleting languages... As
+  // long as you don't re-assign it
+  globalThis.Prism = PrismObject;
+  additionalLanguages.forEach((lang) => {
+    // eslint-disable-next-line global-require, import/no-dynamic-require
+    require(`prismjs/components/prism-${lang}`);
+  });
+
+  require('prism-gaml/components/prism-gaml');
+
+  delete globalThis.Prism;
+}