DOCUMENTATION
`, // The HTML to be rendered - defaultStyle: true, // Use the default menu item styling + defaultStyle: true // Use the default menu item styling }, { type: "doc", - id: "intro", + id: "intro" }, { type: "doc", - id: "sidebars", + id: "sidebars" }, { type: "doc", - id: "versioning", + id: "versioning" }, { type: "category", label: "Customization", link: { - type: "generated-index", + type: "generated-index" }, items: [ { type: "autogenerated", - dirName: "customization", - }, - ], - }, + dirName: "customization" + } + ] + } ], petstore: [ { @@ -64,9 +64,9 @@ const sidebars: SidebarsConfig = { title: "Petstore API", description: "This is a sample server Petstore server. You can find out more about Swagger at http://swagger.io or on irc.freenode.net, #swagger. For this sample, you can use the api key special-key to test the authorization filters.", - slug: "/category/petstore-api", + slug: "/category/petstore-api" }, - items: petstoreSidebar, + items: petstoreSidebar }, { type: "category", @@ -74,9 +74,9 @@ const sidebars: SidebarsConfig = { link: { type: "generated-index", title: "Cloud Object Storage API", - slug: "/category/cos-api", + slug: "/category/cos-api" }, - items: cloudObjectStorageSidebar, + items: cloudObjectStorageSidebar }, { type: "category", @@ -84,14 +84,14 @@ const sidebars: SidebarsConfig = { link: { type: "generated-index", title: "Burger API", - slug: "/category/food-api", + slug: "/category/food-api" }, items: [ { type: "autogenerated", - dirName: "food/burgers", // '.' means the current docs folder - }, - ], + dirName: "food/burgers" // '.' means the current docs folder + } + ] }, { type: "category", @@ -99,27 +99,27 @@ const sidebars: SidebarsConfig = { link: { type: "generated-index", title: "Yogurt Store API", - slug: "/category/yogurt-api", + slug: "/category/yogurt-api" }, items: [ { type: "autogenerated", - dirName: "food/yogurtstore", // '.' means the current docs folder - }, - ], - }, + dirName: "food/yogurtstore" // '.' means the current docs folder + } + ] + } ], "petstore-2.0.0": [ { type: "html", defaultStyle: true, value: versionSelector(petstoreVersions), - className: "version-button", + className: "version-button" }, { type: "html", defaultStyle: true, - value: versionCrumb(`v2.0.0`), + value: versionCrumb(`v2.0.0`) }, { type: "category", @@ -129,10 +129,10 @@ const sidebars: SidebarsConfig = { title: "Petstore API (latest)", description: "This is a sample server Petstore server. You can find out more about Swagger at http://swagger.io or on irc.freenode.net, #swagger. For this sample, you can use the api key special-key to test the authorization filters.", - slug: "/category/petstore-versioned-api", + slug: "/category/petstore-versioned-api" }, - items: petstoreVersionedSidebar, - }, + items: petstoreVersionedSidebar + } ], "petstore-1.0.0": [ @@ -140,12 +140,12 @@ const sidebars: SidebarsConfig = { type: "html", defaultStyle: true, value: versionSelector(petstoreVersions), - className: "version-button", + className: "version-button" }, { type: "html", defaultStyle: true, - value: versionCrumb(`v1.0.0`), + value: versionCrumb(`v1.0.0`) }, { type: "category", @@ -155,11 +155,11 @@ const sidebars: SidebarsConfig = { title: "Petstore API (v1.0.0)", description: "This is a sample server Petstore server. You can find out more about Swagger at http://swagger.io or on irc.freenode.net, #swagger. For this sample, you can use the api key special-key to test the authorization filters.", - slug: "/category/petstore-api-1.0.0", + slug: "/category/petstore-api-1.0.0" }, - items: petstoreVersionSidebar, - }, - ], + items: petstoreVersionSidebar + } + ] }; export default sidebars; diff --git a/demo/src/components/HomepageFeatures/index.js b/demo/src/components/HomepageFeatures/index.tsx similarity index 98% rename from demo/src/components/HomepageFeatures/index.js rename to demo/src/components/HomepageFeatures/index.tsx index d5d56e76f..05c3a1d08 100644 --- a/demo/src/components/HomepageFeatures/index.js +++ b/demo/src/components/HomepageFeatures/index.tsx @@ -11,7 +11,7 @@ const FeatureList = [ Docusaurus was designed from the ground up to be easily installed and used to get your website up and running quickly. - ), + ) }, { title: "Focus on What Matters", @@ -21,7 +21,7 @@ const FeatureList = [ Docusaurus lets you focus on your docs, and we'll do the chores. Go ahead and move your docs into thedocs directory.
- ),
+ )
},
{
title: "Powered by React",
@@ -31,8 +31,8 @@ const FeatureList = [
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
- ),
- },
+ )
+ }
];
function Feature({ Svg, title, description }) {
diff --git a/demo/src/utils/prismDark.mjs b/demo/src/utils/prismDark.ts
similarity index 63%
rename from demo/src/utils/prismDark.mjs
rename to demo/src/utils/prismDark.ts
index c2164e384..2634116c1 100644
--- a/demo/src/utils/prismDark.mjs
+++ b/demo/src/utils/prismDark.ts
@@ -4,76 +4,77 @@
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
+import prism from "prism-react-renderer";
-import darkTheme from "prism-react-renderer/themes/vsDark/index.cjs.js";
-
-export default {
+const prismDark = {
plain: {
color: "#D4D4D4",
- backgroundColor: "#212121",
+ backgroundColor: "#212121"
},
styles: [
- ...darkTheme.styles,
+ ...prism.themes.vsDark.styles,
{
types: ["title"],
style: {
color: "#569CD6",
- fontWeight: "bold",
- },
+ fontWeight: "bold"
+ }
},
{
types: ["property", "parameter"],
style: {
- color: "#9CDCFE",
- },
+ color: "#9CDCFE"
+ }
},
{
types: ["script"],
style: {
- color: "#D4D4D4",
- },
+ color: "#D4D4D4"
+ }
},
{
types: ["boolean", "arrow", "atrule", "tag"],
style: {
- color: "#569CD6",
- },
+ color: "#569CD6"
+ }
},
{
types: ["number", "color", "unit"],
style: {
- color: "#B5CEA8",
- },
+ color: "#B5CEA8"
+ }
},
{
types: ["font-matter"],
style: {
- color: "#CE9178",
- },
+ color: "#CE9178"
+ }
},
{
types: ["keyword", "rule"],
style: {
- color: "#C586C0",
- },
+ color: "#C586C0"
+ }
},
{
types: ["regex"],
style: {
- color: "#D16969",
- },
+ color: "#D16969"
+ }
},
{
types: ["maybe-class-name"],
style: {
- color: "#4EC9B0",
- },
+ color: "#4EC9B0"
+ }
},
{
types: ["constant"],
style: {
- color: "#4FC1FF",
- },
- },
- ],
+ color: "#4FC1FF"
+ }
+ }
+ ]
};
+
+export default prismDark;
diff --git a/demo/src/utils/prismLight.mjs b/demo/src/utils/prismLight.ts
similarity index 63%
rename from demo/src/utils/prismLight.mjs
rename to demo/src/utils/prismLight.ts
index d87a3dd3c..fc972cc33 100644
--- a/demo/src/utils/prismLight.mjs
+++ b/demo/src/utils/prismLight.ts
@@ -4,97 +4,98 @@
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
+import prism from "prism-react-renderer";
-import lightTheme from "prism-react-renderer/themes/github/index.cjs.js";
-
-export default {
- ...lightTheme,
+const prismLight = {
+ ...prism.themes.github,
styles: [
- ...lightTheme.styles,
+ ...prism.themes.github.styles,
{
types: ["title"],
style: {
color: "#0550AE",
- fontWeight: "bold",
- },
+ fontWeight: "bold"
+ }
},
{
types: ["parameter"],
style: {
- color: "#953800",
- },
+ color: "#953800"
+ }
},
{
types: ["boolean", "rule", "color", "number", "constant", "property"],
style: {
- color: "#005CC5",
- },
+ color: "#005CC5"
+ }
},
{
types: ["atrule", "tag"],
style: {
- color: "#22863A",
- },
+ color: "#22863A"
+ }
},
{
types: ["script"],
style: {
- color: "#24292E",
- },
+ color: "#24292E"
+ }
},
{
types: ["operator", "unit", "rule"],
style: {
- color: "#D73A49",
- },
+ color: "#D73A49"
+ }
},
{
types: ["font-matter", "string", "attr-value"],
style: {
- color: "#C6105F",
- },
+ color: "#C6105F"
+ }
},
{
types: ["class-name"],
style: {
- color: "#116329",
- },
+ color: "#116329"
+ }
},
{
types: ["attr-name"],
style: {
- color: "#0550AE",
- },
+ color: "#0550AE"
+ }
},
{
types: ["keyword"],
style: {
- color: "#CF222E",
- },
+ color: "#CF222E"
+ }
},
{
types: ["function"],
style: {
- color: "#8250DF",
- },
+ color: "#8250DF"
+ }
},
{
types: ["selector"],
style: {
- color: "#6F42C1",
- },
+ color: "#6F42C1"
+ }
},
{
types: ["variable"],
style: {
- color: "#E36209",
- },
+ color: "#E36209"
+ }
},
{
types: ["comment"],
style: {
- color: "#6B6B6B",
- },
- },
- ],
+ color: "#6B6B6B"
+ }
+ }
+ ]
};
+
+export default prismLight;
diff --git a/jest.config.js b/jest.config.js
index ddb430cc0..9424c9008 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -10,6 +10,6 @@ module.exports = {
testEnvironment: "node",
roots: [
"