@docusaurus/plugin-debug 2.0.0-beta.16 → 2.0.0-beta.19

package/lib/index.d.ts

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

package/lib/index.js

@@ -8,17 +8,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const utils_1 = require("@docusaurus/utils");
-const path_1 = (0, tslib_1.__importDefault)(require("path"));
+const path_1 = tslib_1.__importDefault(require("path"));
 function pluginDebug({ siteConfig: { baseUrl }, generatedFilesDir, }) {
     const pluginDataDirRoot = path_1.default.join(generatedFilesDir, 'docusaurus-plugin-debug');
     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');
+            return '../lib/theme';
         },
         getTypeScriptThemePath() {
-            return path_1.default.resolve(__dirname, '../src/theme');
+            return '../src/theme';
         },
         async contentLoaded({ actions: { createData, addRoute }, allContent }) {
             const allContentPath = await createData(

package/lib/theme/DebugConfig/index.js

@@ -7,10 +7,10 @@
  */
 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"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const DebugLayout_1 = tslib_1.__importDefault(require("@theme/DebugLayout"));
+const DebugJsonView_1 = tslib_1.__importDefault(require("@theme/DebugJsonView"));
+const useDocusaurusContext_1 = tslib_1.__importDefault(require("@docusaurus/useDocusaurusContext"));
 function DebugMetadata() {
     const { siteConfig } = (0, useDocusaurusContext_1.default)();
     return (react_1.default.createElement(DebugLayout_1.default, null,

package/lib/theme/DebugContent/index.js

@@ -7,9 +7,9 @@
  */
 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 react_1 = tslib_1.__importDefault(require("react"));
+const DebugLayout_1 = tslib_1.__importDefault(require("@theme/DebugLayout"));
+const DebugJsonView_1 = 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),
@@ -19,16 +19,16 @@ 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)
+            // Filter plugin instances with no content
+            .filter(([, 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))
+            // Filter plugins with no content
+            .filter(([, 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.js

@@ -7,10 +7,10 @@
  */
 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"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const DebugLayout_1 = tslib_1.__importDefault(require("@theme/DebugLayout"));
+const DebugJsonView_1 = tslib_1.__importDefault(require("@theme/DebugJsonView"));
+const useGlobalData_1 = tslib_1.__importDefault(require("@docusaurus/useGlobalData"));
 function DebugMetadata() {
     const globalData = (0, useGlobalData_1.default)();
     return (react_1.default.createElement(DebugLayout_1.default, null,

package/lib/theme/DebugJsonView/index.js

@@ -7,9 +7,9 @@
  */
 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 react_1 = tslib_1.__importDefault(require("react"));
+const BrowserOnly_1 = tslib_1.__importDefault(require("@docusaurus/BrowserOnly"));
+// Avoids "react-json-view" displaying "root"
 const RootName = null;
 // Seems ReactJson does not work with SSR
 // https://github.com/mac-s-g/react-json-view/issues/121

package/lib/theme/DebugLayout/index.js

@@ -7,10 +7,10 @@
  */
 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"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const Head_1 = tslib_1.__importDefault(require("@docusaurus/Head"));
+const Link_1 = tslib_1.__importDefault(require("@docusaurus/Link"));
+const styles_module_css_1 = 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',
@@ -20,7 +20,8 @@ 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("title", null, "Docusaurus debug panel"),
+            react_1.default.createElement("meta", { name: "robots", content: "noindex" })),
         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"),

package/lib/theme/DebugRegistry/index.js

@@ -7,14 +7,14 @@
  */
 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"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const DebugLayout_1 = tslib_1.__importDefault(require("@theme/DebugLayout"));
+const registry_1 = tslib_1.__importDefault(require("@generated/registry"));
+const styles_module_css_1 = 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("ul", { className: "clean-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)),

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

@@ -5,12 +5,7 @@
  * 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;

package/lib/theme/DebugRoutes/index.js

@@ -7,15 +7,15 @@
  */
 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"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const DebugLayout_1 = tslib_1.__importDefault(require("@theme/DebugLayout"));
+const DebugJsonView_1 = tslib_1.__importDefault(require("@theme/DebugJsonView"));
+const routes_1 = tslib_1.__importDefault(require("@generated/routes"));
+const styles_module_css_1 = 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("ul", { className: "clean-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,

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

@@ -5,12 +5,7 @@
  * 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;

package/lib/theme/DebugSiteMetadata/index.js

@@ -7,10 +7,10 @@
  */
 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"));
+const react_1 = tslib_1.__importDefault(require("react"));
+const DebugLayout_1 = tslib_1.__importDefault(require("@theme/DebugLayout"));
+const useDocusaurusContext_1 = tslib_1.__importDefault(require("@docusaurus/useDocusaurusContext"));
+const styles_module_css_1 = tslib_1.__importDefault(require("./styles.module.css"));
 function DebugMetadata() {
     const { siteMetadata } = (0, useDocusaurusContext_1.default)();
     return (react_1.default.createElement(DebugLayout_1.default, null,
@@ -23,7 +23,7 @@ function DebugMetadata() {
             ' ',
             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 },
+        react_1.default.createElement("ul", { className: "clean-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))),

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

@@ -9,12 +9,7 @@
   margin-top: 20px;
 }
 
-.list {
-  padding: 0;
-}
-
 .listItem {
-  list-style: none;
   background-color: #242526;
   padding: 10px;
   border-radius: 4px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/plugin-debug",
-  "version": "2.0.0-beta.16",
+  "version": "2.0.0-beta.19",
   "description": "Debug plugin for Docusaurus.",
   "main": "lib/index.js",
   "types": "src/plugin-debug.d.ts",
@@ -18,14 +18,14 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.16",
-    "@docusaurus/utils": "2.0.0-beta.16",
-    "fs-extra": "^10.0.1",
+    "@docusaurus/core": "2.0.0-beta.19",
+    "@docusaurus/utils": "2.0.0-beta.19",
+    "fs-extra": "^10.1.0",
     "react-json-view": "^1.21.3",
-    "tslib": "^2.3.1"
+    "tslib": "^2.4.0"
   },
   "devDependencies": {
-    "@docusaurus/types": "2.0.0-beta.16"
+    "@docusaurus/types": "2.0.0-beta.19"
   },
   "peerDependencies": {
     "react": "^16.8.4 || ^17.0.0",
@@ -34,5 +34,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "eb43c4d4f95a4fb97dc9bb9dc615413e0dc2e1e7"
+  "gitHead": "a71e60a49cce93c1006ef10c41ac03187f057102"
 }

package/src/index.ts

@@ -12,7 +12,7 @@ import path from 'path';
 export default function pluginDebug({
   siteConfig: {baseUrl},
   generatedFilesDir,
-}: LoadContext): Plugin<void> {
+}: LoadContext): Plugin<undefined> {
   const pluginDataDirRoot = path.join(
     generatedFilesDir,
     'docusaurus-plugin-debug',
@@ -24,10 +24,10 @@ export default function pluginDebug({
     name: 'docusaurus-plugin-debug',
 
     getThemePath() {
-      return path.resolve(__dirname, '../lib/theme');
+      return '../lib/theme';
     },
     getTypeScriptThemePath() {
-      return path.resolve(__dirname, '../src/theme');
+      return '../src/theme';
     },
 
     async contentLoaded({actions: {createData, addRoute}, allContent}) {

package/src/plugin-debug.d.ts

@@ -7,6 +7,12 @@
 
 /// <reference types="@docusaurus/module-type-aliases" />
 
+declare module '@docusaurus/plugin-debug' {
+  import type {LoadContext, Plugin} from '@docusaurus/types';
+
+  export default function pluginDebug(context: LoadContext): Plugin<undefined>;
+}
+
 declare module '@theme/DebugConfig' {
   export default function DebugMetadata(): JSX.Element;
 }

package/src/theme/DebugContent/index.tsx

@@ -31,17 +31,15 @@ function PluginContent({
   pluginContent,
 }: {
   pluginName: string;
-  pluginContent: Record<string, unknown>;
+  pluginContent: {[pluginId: string]: unknown};
 }) {
   return (
     <section style={{marginBottom: 60}}>
       <h3>{pluginName}</h3>
       <div>
         {Object.entries(pluginContent)
-          // filter plugin instances with no content
-          .filter(
-            ([_pluginId, pluginInstanceContent]) => !!pluginInstanceContent,
-          )
+          // Filter plugin instances with no content
+          .filter(([, pluginInstanceContent]) => !!pluginInstanceContent)
           .map(([pluginId, pluginInstanceContent]) => (
             <PluginInstanceContent
               key={pluginId}
@@ -60,8 +58,8 @@ export default function DebugContent({allContent}: Props): JSX.Element {
       <h2>Plugin content</h2>
       <div>
         {Object.entries(allContent)
-          // filter plugins with no content
-          .filter(([_pluginName, pluginContent]) =>
+          // Filter plugins with no content
+          .filter(([, pluginContent]) =>
             Object.values(pluginContent).some(
               (instanceContent) => !!instanceContent,
             ),

package/src/theme/DebugJsonView/index.tsx

@@ -10,7 +10,7 @@ import BrowserOnly from '@docusaurus/BrowserOnly';
 import type {Props} from '@theme/DebugJsonView';
 import type {ReactJsonViewProps} from 'react-json-view';
 
-// avoids "react-json-view" to display  "root"
+// Avoids "react-json-view" displaying "root"
 const RootName = null;
 
 // Seems ReactJson does not work with SSR

package/src/theme/DebugLayout/index.tsx

@@ -35,6 +35,7 @@ export default function DebugLayout({
       <Head>
         <html lang="en" />
         <title>Docusaurus debug panel</title>
+        <meta name="robots" content="noindex" />
       </Head>
 
       <div>

package/src/theme/DebugRegistry/index.tsx

@@ -15,7 +15,7 @@ export default function DebugRegistry(): JSX.Element {
   return (
     <DebugLayout>
       <h2>Registry</h2>
-      <ul className={styles.list}>
+      <ul className="clean-list">
         {Object.values(registry).map(([, aliasedPath, resolved]) => (
           <li key={aliasedPath} className={styles.listItem}>
             <div style={{marginBottom: '10px'}}>

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

@@ -5,12 +5,7 @@
  * 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;

package/src/theme/DebugRoutes/index.tsx

@@ -16,7 +16,7 @@ export default function DebugRoutes(): JSX.Element {
   return (
     <DebugLayout>
       <h2>Routes</h2>
-      <ul className={styles.list}>
+      <ul className="clean-list">
         {routes.map(({path, exact, routes: childRoutes}) => (
           <li key={path} className={styles.listItem}>
             <div className={styles.route}>

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

@@ -5,12 +5,7 @@
  * 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;

package/src/theme/DebugSiteMetadata/index.tsx

@@ -24,7 +24,7 @@ export default function DebugMetadata(): JSX.Element {
         <code>{siteMetadata.siteVersion || 'No version specified'}</code>
       </div>
       <h3 className={styles.sectionTitle}>Plugins and themes</h3>
-      <ul className={styles.list}>
+      <ul className="clean-list">
         {Object.entries(siteMetadata.pluginVersions).map(
           ([name, versionInformation]) => (
             <li key={name} className={styles.listItem}>

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

@@ -9,12 +9,7 @@
   margin-top: 20px;
 }
 
-.list {
-  padding: 0;
-}
-
 .listItem {
-  list-style: none;
   background-color: #242526;
   padding: 10px;
   border-radius: 4px;