Hello,

Some ideas for Hacktoberfest contributors :

• #262
• #254
• #258
• #166
• #271
• #272
• #273

List isn't closed : Feel free to create Discussion ticket(s) if you have other ideas that the ones listed

I created a page to display all my json-schema (i,e /schema), I used schema.mdx file to display it

In each of the mdx file, it looks something like this but importing different json file

import JSONSchemaViewer from "@theme/JSONSchemaViewer"
import schema from "@site/static/schema/geo.json"

<JSONSchemaViewer schema={schema} />

In local development, it works as expected.

But when I build and serve it, it doesn't load the content

Not sure if it matters but I'm using javascript setup of docusaurus instead of typescript.

Let me know if more information is required, or if this is a docusaurus issue, then I can redirect over to their repo.

Thanks!

It would be nice if we could use # in the url to link directly to specific fields in the json schema representation

Hi there! thanks for this wonderful plugin :)

Any hint on how to customize the colors used by the JSONSchemaViewer React component and override the ones given by docusaurus?

thanks!

I hesitate to report this as an issue since it was found while using swizzled source code against the latest Docusaurus beta, so maybe it's not a concern, but I found that the downstream parsing of the return value from this line doesn't work because it is a Set[] instead of an string[] (or whatever is in the original array).

I believe the TypeScript issue is reported, but I've had no luck with configuring TypeScript compile this to be an array, and had to patch with:

- return [...new Set(declaredTypes)];
+ return Array.from(new Set(declaredTypes));

Is it possible to support it?

See mongodb-jsonschema

A sample

{ $jsonSchema: <JSON Schema object> }

{
  $jsonSchema: {
     required: [ "name", "major", "gpa", "address" ],
     properties: {
        name: {
           bsonType: "string",
           description: "must be a string and is required"
        },
        address: {
           bsonType: "object",
           required: [ "zipcode" ],
           properties: {
               "street": { bsonType: "string" },
               "zipcode": { bsonType: "string" }
           }
        }
     }
  }
}

If it does, I imagine I would use the same way I did before to display it

import JSONSchemaViewer from "@theme/JSONSchemaViewer"
import schema from "@site/static/schema/mongo.json"

<JSONSchemaViewer schema={schema} />

Thanks

Hi,

I was wondering whether it's possible to show the description above the type, which is particularly useful for objects with a lot of fields.

Enhance responsiveness

I found that the text and description in the card of the landing page are text-aligned left for

• JSON Schema Viewer / Editor
• Configurable
• Open source
  I think It does not suit the responsiveness of the website
  I went through the code and made it text-align center below I will attach the screenshot comparing both:

Screen Width above 1200 px

From:

To;

Screen Width below 1200 px

From:

To:

Screen Width below 500px:

###From:

###To: