created new files from scratch

Author: 45huto5h

demo/docusaurus.config.js

@@ -2,6 +2,8 @@
 // Note: type annotations allow type checking and IDEs autocompletion
 
 const { DOCUSAURUS_VERSION } = require("@docusaurus/utils");
+const lightTheme = require("./src/utils/prismLight.js");
+const darkTheme = require("./src/utils/prismDark.js");
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -134,6 +136,8 @@ const config = {
         copyright: `Copyright © ${new Date().getFullYear()} Palo Alto Networks, Inc. Built with Docusaurus ${DOCUSAURUS_VERSION}.`,
       },
       prism: {
+        theme: lightTheme,
+        darkTheme: darkTheme,
         additionalLanguages: ["ruby", "csharp", "php", "java", "powershell"],
       },
       languageTabs: [
@@ -266,14 +270,4 @@ const config = {
   ],
 };
 
-async function createConfig() {
-  const lightTheme = (await import("./src/utils/prismLight.mjs")).default;
-  const darkTheme = (await import("./src/utils/prismDark.mjs")).default;
-  // @ts-expect-error: we know it exists, right
-  config.themeConfig.prism.theme = lightTheme;
-  // @ts-expect-error: we know it exists, right
-  config.themeConfig.prism.darkTheme = darkTheme;
-  return config;
-}
-
-module.exports = createConfig;
+module.exports = config;

demo/src/utils/prismDark.mjs demo/src/utils/prismDark.jsdemo/src/utils/prismDark.mjs renamed to demo/src/utils/prismDark.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { themes } from "prism-react-renderer";
+const { themes } = require("prism-react-renderer");
 const darkTheme = themes.vsDark;
 
-export default {
+module.exports = {
   plain: {
     color: "#D4D4D4",
     backgroundColor: "#212121",

demo/src/utils/prismLight.mjs demo/src/utils/prismLight.jsdemo/src/utils/prismLight.mjs renamed to demo/src/utils/prismLight.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { themes } from "prism-react-renderer";
+const { themes } = require("prism-react-renderer");
 const lightTheme = themes.github;
 
-export default {
+module.exports = {
   ...lightTheme,
   styles: [
     ...lightTheme.styles,