From 255219eca787d4680d677ed62c18189372c73b32 Mon Sep 17 00:00:00 2001 From: louisachu Date: Mon, 1 May 2023 12:56:36 -0700 Subject: [PATCH] Adding new languages for code highlights --- .../src/components/Code/index.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/packages/gatsby-theme-aio/src/components/Code/index.js b/packages/gatsby-theme-aio/src/components/Code/index.js index 6af38789bd..b7025a4255 100644 --- a/packages/gatsby-theme-aio/src/components/Code/index.js +++ b/packages/gatsby-theme-aio/src/components/Code/index.js @@ -21,6 +21,25 @@ import '@adobe/prism-adobe'; import { ActionButton } from '../ActionButton'; import PropTypes from 'prop-types'; +import Prism from "prism-react-renderer/prism"; + +(typeof global !== "undefined" ? global : window).Prism = Prism; + +const getLoader = require('prismjs/dependencies'); +const components = require('prismjs/components'); + +const componentsToLoad = ['java', 'php', 'csharp', 'kotlin', 'swift', 'bash', 'sql', 'typescript', 'objectivec', 'yaml', 'json']; +const loadedComponents = ['clike', 'javascript']; + +const loader = getLoader(components, componentsToLoad, loadedComponents); +try{ + loader.load(id => { + require(`prismjs/components/prism-${id}.min.js`); + }); +} catch (e) { + console.log(e); +} + const openTooltip = (setIsTooltipOpen) => { setIsTooltipOpen(true); setTimeout(() => {