Component library

package.json

@@ -7,9 +7,9 @@
     "yarn": ">= 1.22.18"
   },
   "scripts": {
-    "predev": "./getPEM.sh && node src/utils/get-rapidoc.mjs",
+    "predev": "./getPEM.sh",
     "dev": "next dev",
-    "prebuild": "./getPEM.sh && node src/utils/get-rapidoc.mjs",
+    "prebuild": "./getPEM.sh",
     "build": "next build",
     "postbuild": "next-sitemap",
     "start": "next start",
@@ -32,6 +32,7 @@
     "@types/react-svg-pan-zoom": "^3.3.5",
     "@types/uuid": "^9.0.0",
     "@vtex/brand-ui": "^0.46.1",
+    "@vtexdocs/components": "https://github.com/vtexdocs/components.git#v1.1.11",
     "algoliasearch": "^4.14.2",
     "chalk": "^5.2.0",
     "copy-text-to-clipboard": "^3.0.1",
@@ -75,6 +76,7 @@
     "sharp": "^0.32.0",
     "swagger-parser": "^10.0.3",
     "swr": "^1.3.0",
+    "tree-sitter": "^0.20.6",
     "unist-builder": "^3.0.1",
     "unist-util-visit": "^4.1.1",
     "use-yarn": "^2.4.0",
@@ -124,9 +126,6 @@
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
-    },
-    "rapidoc": {
-      "version": "v1.2.4-vtex-2-gb13c2c8"
     }
   },
   "resolutions": {

src/components/JsonEditorComponent/index.tsx

@@ -1,16 +1,16 @@
 import React, { useState, useContext, useEffect } from 'react'
-import { SidebarContext } from 'utils/contexts/sidebar'
 import navigation from '../../../public/navigation.json'
 import styles from './styles'
 import { Box, Button } from '@vtex/brand-ui'
 import { ToastContainer, toast } from 'react-toastify'
 const initialData = navigation.navbar
 import { injectStyle } from 'react-toastify/dist/inject-style'
+import { LibraryContext } from '@vtexdocs/components'
 function JsonEditorComponent() {
   useEffect(() => {
     injectStyle()
   })
-  const { setSidebarDataMaster } = useContext(SidebarContext)
+  const { setSidebarDataMaster } = useContext(LibraryContext)
   const [isCopied, setIsCopied] = useState(false)
 
   useEffect(() => {