@docusaurus/plugin-debug 2.0.0-beta.15d451942 → 2.0.0-beta.16

package/lib/index.d.ts

@@ -4,5 +4,5 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { LoadContext, Plugin } from '@docusaurus/types';
+import type { LoadContext, Plugin } from '@docusaurus/types';
 export default function pluginDebug({ siteConfig: { baseUrl }, generatedFilesDir, }: LoadContext): Plugin<void>;

package/lib/index.js

@@ -8,48 +8,51 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const utils_1 = require("@docusaurus/utils");
-const path_1 = tslib_1.__importDefault(require("path"));
+const path_1 = (0, tslib_1.__importDefault)(require("path"));
 function pluginDebug({ siteConfig: { baseUrl }, generatedFilesDir, }) {
     const pluginDataDirRoot = path_1.default.join(generatedFilesDir, 'docusaurus-plugin-debug');
-    const aliasedSource = (source) => `~debug/${utils_1.posixPath(path_1.default.relative(pluginDataDirRoot, source))}`;
+    const aliasedSource = (source) => `~debug/${(0, utils_1.posixPath)(path_1.default.relative(pluginDataDirRoot, source))}`;
     return {
         name: 'docusaurus-plugin-debug',
         getThemePath() {
+            return path_1.default.resolve(__dirname, '../lib/theme');
+        },
+        getTypeScriptThemePath() {
             return path_1.default.resolve(__dirname, '../src/theme');
         },
         async contentLoaded({ actions: { createData, addRoute }, allContent }) {
             const allContentPath = await createData(
             // Note that this created data path must be in sync with
             // metadataPath provided to mdx-loader.
-            `${utils_1.docuHash('docusaurus-debug-allContent')}.json`, JSON.stringify(allContent, null, 2));
+            `${(0, utils_1.docuHash)('docusaurus-debug-allContent')}.json`, JSON.stringify(allContent, null, 2));
             // Home is config (duplicate for now)
             addRoute({
-                path: utils_1.normalizeUrl([baseUrl, '__docusaurus/debug']),
+                path: (0, utils_1.normalizeUrl)([baseUrl, '__docusaurus/debug']),
                 component: '@theme/DebugConfig',
                 exact: true,
             });
             addRoute({
-                path: utils_1.normalizeUrl([baseUrl, '__docusaurus/debug/config']),
+                path: (0, utils_1.normalizeUrl)([baseUrl, '__docusaurus/debug/config']),
                 component: '@theme/DebugConfig',
                 exact: true,
             });
             addRoute({
-                path: utils_1.normalizeUrl([baseUrl, '__docusaurus/debug/metadata']),
+                path: (0, utils_1.normalizeUrl)([baseUrl, '__docusaurus/debug/metadata']),
                 component: '@theme/DebugSiteMetadata',
                 exact: true,
             });
             addRoute({
-                path: utils_1.normalizeUrl([baseUrl, '__docusaurus/debug/registry']),
+                path: (0, utils_1.normalizeUrl)([baseUrl, '__docusaurus/debug/registry']),
                 component: '@theme/DebugRegistry',
                 exact: true,
             });
             addRoute({
-                path: utils_1.normalizeUrl([baseUrl, '__docusaurus/debug/routes']),
+                path: (0, utils_1.normalizeUrl)([baseUrl, '__docusaurus/debug/routes']),
                 component: '@theme/DebugRoutes',
                 exact: true,
             });
             addRoute({
-                path: utils_1.normalizeUrl([baseUrl, '__docusaurus/debug/content']),
+                path: (0, utils_1.normalizeUrl)([baseUrl, '__docusaurus/debug/content']),
                 component: '@theme/DebugContent',
                 exact: true,
                 modules: {
@@ -57,7 +60,7 @@ function pluginDebug({ siteConfig: { baseUrl }, generatedFilesDir, }) {
                 },
             });
             addRoute({
-                path: utils_1.normalizeUrl([baseUrl, '__docusaurus/debug/globalData']),
+                path: (0, utils_1.normalizeUrl)([baseUrl, '__docusaurus/debug/globalData']),
                 component: '@theme/DebugGlobalData',
                 exact: true,
             });

package/lib/theme/DebugConfig/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function DebugMetadata(): JSX.Element;

package/lib/theme/DebugConfig/index.js

@@ -0,0 +1,20 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const DebugLayout_1 = (0, tslib_1.__importDefault)(require("@theme/DebugLayout"));
+const DebugJsonView_1 = (0, tslib_1.__importDefault)(require("@theme/DebugJsonView"));
+const useDocusaurusContext_1 = (0, tslib_1.__importDefault)(require("@docusaurus/useDocusaurusContext"));
+function DebugMetadata() {
+    const { siteConfig } = (0, useDocusaurusContext_1.default)();
+    return (react_1.default.createElement(DebugLayout_1.default, null,
+        react_1.default.createElement("h2", null, "Site config"),
+        react_1.default.createElement(DebugJsonView_1.default, { src: siteConfig, collapseDepth: 3 })));
+}
+exports.default = DebugMetadata;

package/lib/theme/DebugContent/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/DebugContent';
+export default function DebugContent({ allContent }: Props): JSX.Element;

package/lib/theme/DebugContent/index.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const DebugLayout_1 = (0, tslib_1.__importDefault)(require("@theme/DebugLayout"));
+const DebugJsonView_1 = (0, tslib_1.__importDefault)(require("@theme/DebugJsonView"));
+function PluginInstanceContent({ pluginId, pluginInstanceContent, }) {
+    return (react_1.default.createElement("section", { style: { marginBottom: 30 } },
+        react_1.default.createElement("code", null, pluginId),
+        react_1.default.createElement(DebugJsonView_1.default, { src: pluginInstanceContent, collapseDepth: 2 })));
+}
+function PluginContent({ pluginName, pluginContent, }) {
+    return (react_1.default.createElement("section", { style: { marginBottom: 60 } },
+        react_1.default.createElement("h3", null, pluginName),
+        react_1.default.createElement("div", null, Object.entries(pluginContent)
+            // filter plugin instances with no content
+            .filter(([_pluginId, pluginInstanceContent]) => !!pluginInstanceContent)
+            .map(([pluginId, pluginInstanceContent]) => (react_1.default.createElement(PluginInstanceContent, { key: pluginId, pluginId: pluginId, pluginInstanceContent: pluginInstanceContent }))))));
+}
+function DebugContent({ allContent }) {
+    return (react_1.default.createElement(DebugLayout_1.default, null,
+        react_1.default.createElement("h2", null, "Plugin content"),
+        react_1.default.createElement("div", null, Object.entries(allContent)
+            // filter plugins with no content
+            .filter(([_pluginName, pluginContent]) => Object.values(pluginContent).some((instanceContent) => !!instanceContent))
+            .map(([pluginName, pluginContent]) => (react_1.default.createElement(PluginContent, { key: pluginName, pluginName: pluginName, pluginContent: pluginContent }))))));
+}
+exports.default = DebugContent;

package/lib/theme/DebugGlobalData/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function DebugMetadata(): JSX.Element;

package/lib/theme/DebugGlobalData/index.js

@@ -0,0 +1,20 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const DebugLayout_1 = (0, tslib_1.__importDefault)(require("@theme/DebugLayout"));
+const DebugJsonView_1 = (0, tslib_1.__importDefault)(require("@theme/DebugJsonView"));
+const useGlobalData_1 = (0, tslib_1.__importDefault)(require("@docusaurus/useGlobalData"));
+function DebugMetadata() {
+    const globalData = (0, useGlobalData_1.default)();
+    return (react_1.default.createElement(DebugLayout_1.default, null,
+        react_1.default.createElement("h2", null, "Global data"),
+        react_1.default.createElement(DebugJsonView_1.default, { src: globalData, collapseDepth: 3 })));
+}
+exports.default = DebugMetadata;

package/lib/theme/DebugJsonView/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import type { Props } from '@theme/DebugJsonView';
+export default function DebugJsonView({ src, collapseDepth, }: Props): JSX.Element;

package/lib/theme/DebugJsonView/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const BrowserOnly_1 = (0, tslib_1.__importDefault)(require("@docusaurus/BrowserOnly"));
+// avoids "react-json-view" to display  "root"
+const RootName = null;
+// Seems ReactJson does not work with SSR
+// https://github.com/mac-s-g/react-json-view/issues/121
+function BrowserOnlyReactJson(props) {
+    return (react_1.default.createElement(BrowserOnly_1.default, null, () => {
+        // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
+        const ReactJson = require('react-json-view').default;
+        return react_1.default.createElement(ReactJson, { ...props });
+    }));
+}
+function DebugJsonView({ src, collapseDepth, }) {
+    return (react_1.default.createElement(BrowserOnlyReactJson, { src: src, style: {
+            marginTop: '10px',
+            padding: '10px',
+            borderRadius: '4px',
+            backgroundColor: '#292a2b',
+        }, name: RootName, theme: "paraiso", shouldCollapse: (field) => 
+        // By default, we collapse the json for performance reasons
+        // See https://github.com/mac-s-g/react-json-view/issues/235
+        // Non-root elements that are larger than 50 fields are collapsed
+        field.name !== RootName && Object.keys(field.src).length > 50, collapsed: collapseDepth, groupArraysAfterLength: 5, enableClipboard: false, displayDataTypes: false }));
+}
+exports.default = DebugJsonView;

package/lib/theme/DebugLayout/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { type ReactNode } from 'react';
+export default function DebugLayout({ children, }: {
+    children: ReactNode;
+}): JSX.Element;

package/lib/theme/DebugLayout/index.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const Head_1 = (0, tslib_1.__importDefault)(require("@docusaurus/Head"));
+const Link_1 = (0, tslib_1.__importDefault)(require("@docusaurus/Link"));
+const styles_module_css_1 = (0, tslib_1.__importDefault)(require("./styles.module.css"));
+function DebugNavLink({ to, children }) {
+    return (react_1.default.createElement(Link_1.default, { className: styles_module_css_1.default.navlink, isNavLink: true, to: to, exact: true, activeStyle: {
+            backgroundColor: '#363739',
+        } }, children));
+}
+function DebugLayout({ children, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Head_1.default, null,
+            react_1.default.createElement("html", { lang: "en" }),
+            react_1.default.createElement("title", null, "Docusaurus debug panel")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("nav", { className: styles_module_css_1.default.nav },
+                react_1.default.createElement(DebugNavLink, { to: "/__docusaurus/debug" }, "Config"),
+                react_1.default.createElement(DebugNavLink, { to: "/__docusaurus/debug/metadata" }, "Metadata"),
+                react_1.default.createElement(DebugNavLink, { to: "/__docusaurus/debug/registry" }, "Registry"),
+                react_1.default.createElement(DebugNavLink, { to: "/__docusaurus/debug/routes" }, "Routes"),
+                react_1.default.createElement(DebugNavLink, { to: "/__docusaurus/debug/content" }, "Content"),
+                react_1.default.createElement(DebugNavLink, { to: "/__docusaurus/debug/globalData" }, "Global data")),
+            react_1.default.createElement("main", { className: styles_module_css_1.default.container }, children))));
+}
+exports.default = DebugLayout;

package/lib/theme/DebugLayout/styles.module.css

@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.container {
+  padding: 20px;
+  padding-top: 80px;
+  overflow-x: hidden;
+  background-color: #18191a;
+  color: white;
+  min-height: 100vh;
+}
+
+.container code {
+  color: white;
+  background-color: #444950;
+}
+
+.nav {
+  position: fixed;
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  height: 3.75rem;
+  background-color: #242526;
+  width: 100%;
+  z-index: 1;
+}
+
+.navlink {
+  color: white;
+  font-weight: 500;
+  font-size: clamp(12px, 4vw, 16px);
+  text-align: center;
+  border-radius: 4px;
+  padding: 6px;
+}
+
+.navlink:hover {
+  text-decoration: none;
+  background-color: #292a2b;
+}
+
+.active {
+  background-color: #363739;
+}
+
+@media screen and (min-width: 800px) {
+  .nav {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    height: 100vh;
+    width: 200px;
+    float: left;
+    background-color: #18191a;
+    border-right: 1px solid #606770;
+    padding-top: 20px;
+  }
+
+  .navlink {
+    width: 80%;
+    margin-top: 20px;
+    text-align: left;
+  }
+
+  .container {
+    padding-top: 40px;
+    float: right;
+    width: calc(100% - 200px);
+  }
+}

package/lib/theme/DebugRegistry/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function DebugRegistry(): JSX.Element;

package/lib/theme/DebugRegistry/index.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const DebugLayout_1 = (0, tslib_1.__importDefault)(require("@theme/DebugLayout"));
+const registry_1 = (0, tslib_1.__importDefault)(require("@generated/registry"));
+const styles_module_css_1 = (0, tslib_1.__importDefault)(require("./styles.module.css"));
+function DebugRegistry() {
+    return (react_1.default.createElement(DebugLayout_1.default, null,
+        react_1.default.createElement("h2", null, "Registry"),
+        react_1.default.createElement("ul", { className: styles_module_css_1.default.list }, Object.values(registry_1.default).map(([, aliasedPath, resolved]) => (react_1.default.createElement("li", { key: aliasedPath, className: styles_module_css_1.default.listItem },
+            react_1.default.createElement("div", { style: { marginBottom: '10px' } },
+                "Aliased Path: ",
+                react_1.default.createElement("code", null, aliasedPath)),
+            react_1.default.createElement("div", null,
+                "Resolved Path: ",
+                react_1.default.createElement("code", null, resolved))))))));
+}
+exports.default = DebugRegistry;

package/lib/theme/DebugRegistry/styles.module.css

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.list {
+  padding: 0;
+}
+
+.listItem {
+  list-style: none;
+  background-color: #242526;
+  padding: 10px;
+  border-radius: 4px;
+  margin-bottom: 20px;
+}

package/lib/theme/DebugRoutes/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function DebugRoutes(): JSX.Element;

package/lib/theme/DebugRoutes/index.js

@@ -0,0 +1,28 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const DebugLayout_1 = (0, tslib_1.__importDefault)(require("@theme/DebugLayout"));
+const DebugJsonView_1 = (0, tslib_1.__importDefault)(require("@theme/DebugJsonView"));
+const routes_1 = (0, tslib_1.__importDefault)(require("@generated/routes"));
+const styles_module_css_1 = (0, tslib_1.__importDefault)(require("./styles.module.css"));
+function DebugRoutes() {
+    return (react_1.default.createElement(DebugLayout_1.default, null,
+        react_1.default.createElement("h2", null, "Routes"),
+        react_1.default.createElement("ul", { className: styles_module_css_1.default.list }, routes_1.default.map(({ path, exact, routes: childRoutes }) => (react_1.default.createElement("li", { key: path, className: styles_module_css_1.default.listItem },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.route },
+                react_1.default.createElement("code", { className: styles_module_css_1.default.routeName }, path)),
+            react_1.default.createElement("div", null,
+                "Is exact: ",
+                react_1.default.createElement("code", null, String(Boolean(exact)))),
+            childRoutes && (react_1.default.createElement("div", null,
+                "Child Routes:",
+                react_1.default.createElement(DebugJsonView_1.default, { src: childRoutes })))))))));
+}
+exports.default = DebugRoutes;

package/lib/theme/DebugRoutes/styles.module.css

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.list {
+  padding: 0;
+}
+
+.listItem {
+  list-style: none;
+  background-color: #242526;
+  padding: 10px;
+  border-radius: 4px;
+  margin-bottom: 20px;
+}
+
+.route {
+  margin-bottom: 10px;
+}
+
+.routeName {
+  color: #e06b6b;
+}

package/lib/theme/DebugSiteMetadata/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export default function DebugMetadata(): JSX.Element;

package/lib/theme/DebugSiteMetadata/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const DebugLayout_1 = (0, tslib_1.__importDefault)(require("@theme/DebugLayout"));
+const useDocusaurusContext_1 = (0, tslib_1.__importDefault)(require("@docusaurus/useDocusaurusContext"));
+const styles_module_css_1 = (0, tslib_1.__importDefault)(require("./styles.module.css"));
+function DebugMetadata() {
+    const { siteMetadata } = (0, useDocusaurusContext_1.default)();
+    return (react_1.default.createElement(DebugLayout_1.default, null,
+        react_1.default.createElement("h2", null, "Site Metadata"),
+        react_1.default.createElement("div", null,
+            "Docusaurus Version: ",
+            react_1.default.createElement("code", null, siteMetadata.docusaurusVersion)),
+        react_1.default.createElement("div", null,
+            "Site Version:",
+            ' ',
+            react_1.default.createElement("code", null, siteMetadata.siteVersion || 'No version specified')),
+        react_1.default.createElement("h3", { className: styles_module_css_1.default.sectionTitle }, "Plugins and themes"),
+        react_1.default.createElement("ul", { className: styles_module_css_1.default.list }, Object.entries(siteMetadata.pluginVersions).map(([name, versionInformation]) => (react_1.default.createElement("li", { key: name, className: styles_module_css_1.default.listItem },
+            versionInformation.type === 'package' &&
+                versionInformation.version && (react_1.default.createElement("div", { className: styles_module_css_1.default.version },
+                react_1.default.createElement("code", null, versionInformation.version))),
+            react_1.default.createElement("div", { className: styles_module_css_1.default.name }, name),
+            react_1.default.createElement("div", null,
+                "Type: ",
+                versionInformation.type)))))));
+}
+exports.default = DebugMetadata;

package/lib/theme/DebugSiteMetadata/styles.module.css

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.sectionTitle {
+  margin-top: 20px;
+}
+
+.list {
+  padding: 0;
+}
+
+.listItem {
+  list-style: none;
+  background-color: #242526;
+  padding: 10px;
+  border-radius: 4px;
+  margin-bottom: 20px;
+}
+
+.version {
+  float: right;
+}
+
+.name {
+  font-weight: 800;
+  color: #e06b6b;
+}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@docusaurus/plugin-debug",
-  "version": "2.0.0-beta.15d451942",
+  "version": "2.0.0-beta.16",
   "description": "Debug plugin for Docusaurus.",
   "main": "lib/index.js",
+  "types": "src/plugin-debug.d.ts",
   "scripts": {
-    "build": "tsc",
-    "watch": "tsc --watch"
+    "build": "tsc && node copyUntypedFiles.mjs",
+    "watch": "node copyUntypedFiles.mjs && tsc --watch"
   },
   "publishConfig": {
     "access": "public"
@@ -17,18 +18,21 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.15d451942",
-    "@docusaurus/types": "2.0.0-beta.15d451942",
-    "@docusaurus/utils": "2.0.0-beta.15d451942",
+    "@docusaurus/core": "2.0.0-beta.16",
+    "@docusaurus/utils": "2.0.0-beta.16",
+    "fs-extra": "^10.0.1",
     "react-json-view": "^1.21.3",
-    "tslib": "^2.1.0"
+    "tslib": "^2.3.1"
+  },
+  "devDependencies": {
+    "@docusaurus/types": "2.0.0-beta.16"
   },
   "peerDependencies": {
     "react": "^16.8.4 || ^17.0.0",
     "react-dom": "^16.8.4 || ^17.0.0"
   },
   "engines": {
-    "node": ">=12.13.0"
+    "node": ">=14"
   },
-  "gitHead": "dfceae8bd3e8b42ba8fc14f1449d861046c26143"
+  "gitHead": "eb43c4d4f95a4fb97dc9bb9dc615413e0dc2e1e7"
 }

package/src/index.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import {LoadContext, Plugin} from '@docusaurus/types';
+import type {LoadContext, Plugin} from '@docusaurus/types';
 import {docuHash, normalizeUrl, posixPath} from '@docusaurus/utils';
 import path from 'path';
 
@@ -24,6 +24,9 @@ export default function pluginDebug({
     name: 'docusaurus-plugin-debug',
 
     getThemePath() {
+      return path.resolve(__dirname, '../lib/theme');
+    },
+    getTypeScriptThemePath() {
       return path.resolve(__dirname, '../src/theme');
     },