Update packages, fix styles, reorganize directories. (#188)

* Update packages, fix styles, reorganize directories.

* bump dependencies

* update: npm audit fix

* build: override breaking dependency

* build: declare dependency optional

---------

Co-authored-by: rakeden <[email protected]>

README.md

@@ -1,6 +1,6 @@
 <h1 align="center">WAX Developer Portal</h1>
 <p>
-  <img src="https://img.shields.io/badge/node-%3E%3D16.19.0-blue.svg" />
+  <img src="https://img.shields.io/badge/node-%3E%3D20.0.0-blue.svg" />
   <a href="https://github.com/wax-office-of-inspector-general/wax-developer/wiki" target="_blank">
     <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" />
   </a>
@@ -12,14 +12,14 @@
   </a>
 </p>
 
-> WAX Developer Portal - Inside the WAX Developer Portal, you'll find a wealth of resources to guide you on your development journey.
+> WAX Blockchain Documentation - Resources for developers building on WAX
 
 ### [Visit Documentation](https://developer.wax.io/)
 
 ## Installation
 
 ### Prerequisites
-- Node.js version 18 or higher.
+- Node.js version 20 or higher.
 - Terminal for accessing VitePress via its command line interface (CLI).
 - Text Editor with Markdown syntax support.
 - VSCode is recommended, along with the official Vue extension.

docs/.vitepress/config.mjs → docs/.vitepress/config.mts

@@ -7,11 +7,14 @@ import VitepressThemeOverride from 'vitepress-plugin-theme-override';
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
-  lang: 'en-US',
-
   title: "WAX Developer Portal",
-  description: "WAX Developer Portal - Inside the WAX Developer Portal, you'll find a wealth of resources to guide you on your development journey",
-
+  description: "WAX Blockchain Documentation - Resources for developers building on WAX",
+
+  rewrites: {
+    'en/:rest*': ':rest*'
+  },
+
+  cleanUrls: true,
   lastUpdated: true,
 
   sitemap: {
@@ -29,7 +32,7 @@ export default defineConfig({
 
     socialLinks: [
       { icon: 'github', link: 'https://github.com/wax-office-of-inspector-general/wax-developer' },
-      { icon: 'twitter', link: 'https://twitter.com/WAX_io' },
+      { icon: 'x', link: 'https://x.com/WAX_io' },
     ],
 
     editLink: {
@@ -82,16 +85,16 @@ export default defineConfig({
       'link',
       {
         rel: 'alternate',
-        hreflang: 'zh',
-        href: 'https://developer.wax.io/cn',
+        hreflang: 'es',
+        href: 'https://developer.wax.io/es',
       },
     ],
     [
       'link',
       {
         rel: 'alternate',
-        hreflang: 'es',
-        href: 'https://yuanshen.site/docs/es',
+        hreflang: 'zh',
+        href: 'https://developer.wax.io/cn',
       },
     ],
     [

docs/.vitepress/locales/en/components/footer.ts

@@ -12,7 +12,7 @@ export default [
       },
       {
         text: 'Infrastructure Chat',
-        href: 'https://t.me/waxinfra#'
+        href: 'https://t.me/waxinfra'
       },
       {
         text: 'Governance Chat',
@@ -28,50 +28,50 @@ export default [
     title: 'About WAX',
     items: [
       {
-        text: 'WAX website',
-        href: 'https://www.wax.io/'
+        text: 'WAX Homepage',
+        href: 'https://www.wax.io'
       },
       {
-        text: 'WAX Explorer',
-        href: 'https://waxblock.io/'
+        text: 'WAX Block Explorer',
+        href: 'https://waxblock.io'
       },
       {
-        text: 'WAX DeFi',
-        href: 'https://www.waxdefi.io/'
+        text: 'Cloud Wallet',
+        href: 'https://www.mycloudwallet.com'
       },
       {
-        text: 'WAX vIRL Widget',
-        href: 'https://github.com/worldwide-asset-exchange/wax-marketplace-widget'
+        text: 'vIRL Marketplace',
+        href: 'https://virl.com'
       },
       {
-        text: 'Cloud Wallet',
-        href: 'https://www.mycloudwallet.com/'
+        text: 'vIRL Marketplace Widget',
+        href: 'https://widget.virl.com'
       }
     ]
   },
   {
     title: 'About WAX OIG',
     items: [
       {
-        text: 'OIG Github',
+        text: 'OIG GitHub',
         href: 'https://github.com/wax-office-of-inspector-general'
       },
       {
-        text: 'OIG website',
-        href: 'https://oig.wax.io/'
+        text: 'OIG Website',
+        href: 'https://oig.wax.io'
       },
       {
         text: 'OIG Ratings',
         href: 'https://www.notion.so/wax-oig/Guild-Ratings-0e51defdf10641748a253ccc7f5146b1'
       },
       {
         text: 'WAX Labs',
-        href: 'https://labs.wax.io/'
+        href: 'https://labs.wax.io'
       }
     ]
   },
   {
-    title: 'Follow us',
+    title: 'Follow WAX',
     items: [
       {
         text: 'on Discord',
@@ -87,7 +87,7 @@ export default [
       },
       {
         text: 'on Medium',
-        href: 'https://wax-io.medium.com/',
+        href: 'https://wax-io.medium.com',
       },
     ]
   }

docs/.vitepress/locales/en/components/sidebar.ts

@@ -1,14 +1,11 @@
 export default [
     {
         text: 'Learn',
-        // link: '/learn/',
-        collapsed: false,
         items: [
             {
                 text: 'About WAX',
                 link: '/learn/about-wax/',
                 collapsed: false,
-                sidebarDepth: 2,
                 items: [
                     {
                         text: 'What is WAX?',
@@ -40,8 +37,6 @@ export default [
     },
     {
         text: 'Build',
-        // link: '/build/',
-        collapsed: false,
         items: [
             {
                 text: 'dApp Development',
@@ -282,8 +277,6 @@ export default [
     },
     {
         text: 'Operate',
-        // link: '/operate/',
-        collapsed: false,
         items: [
             {
                 text: 'Basics',
@@ -355,8 +348,6 @@ export default [
     },
     {
         text: 'Create',
-        // link: '/create/',
-        collapsed: false,
         items: [
           {
             text: 'Awesome WAX',

docs/.vitepress/locales/en/lang.ts

@@ -6,7 +6,7 @@ export default {
   label: 'English',
   lang: 'en-EN',
   title: 'WAX Developer Portal',
-  description: "WAX Developer Portal - Inside the WAX Developer Portal, you'll find a wealth of resources to guide you on your development journey",
+  description: "WAX Blockchain Documentation - Resources for developers building on WAX",
   themeConfig: {
     nav,
     sidebar,

docs/.vitepress/theme/style.css

@@ -16,13 +16,13 @@
 }
 
 .VPNav {
-  .VPNavBar:not(.top) {
-    background-color: var(--vp-nav-bg-color);
+  .VPNavBar:not(.home) {
+    background-color: var(--vp-nav-bg-color) !important;
 
     .divider {
       display: none;
     }
-}
+  }
 }
 
 /**

docs/index.md

@@ -10,11 +10,11 @@ hero:
   alt: WAX Developer Portal
   }
   actions:
-  - theme: brand
-    text: Learn →
-    link: /learn/about-wax/
   - theme: alt
-    text: Build
+    text: Learn
+    link: /learn/about-wax/
+  - theme: brand
+    text: Build →
     link: /build/dapp-development/
   - theme: alt
     text: Operate