moved all the reference pages

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts

@@ -453,21 +453,21 @@ export const reference = {
       items: [
         {
           name: 'supabase-js',
-          url: '/new/reference/javascript/start',
+          url: '/reference/javascript/start',
           level: 'reference_javascript',
           items: [],
           icon: '/img/icons/javascript.svg',
         },
         {
           name: 'supabase-dart',
-          url: '/new/reference/dart/start',
+          url: '/reference/dart/start',
           level: 'reference_dart',
           items: [],
           icon: '/img/icons/javascript.svg',
         },
         {
           name: 'supbase-python',
-          url: '/new/reference/python/start',
+          url: '/reference/python/start',
           level: 'reference_python',
           items: [],
           icon: '/img/icons/javascript.svg',
@@ -479,13 +479,13 @@ export const reference = {
       items: [
         {
           name: 'Supabase CLI',
-          url: '/new/reference/cli/start',
+          url: '/reference/cli/start',
           items: [],
           icon: '/img/icons/cli.svg',
         },
         {
           name: 'Management API',
-          url: '/new/reference/javascript',
+          url: '/reference/javascript',
           items: [],
           icon: '/img/icons/javascript.svg',
         },
@@ -598,20 +598,20 @@ export const references = [
         versions: ['v2', 'v1'],
         description: 'something about the reference',
         icon: '/docs/img/icons/javascript-icon.svg',
-        url: '/new/reference/javascript/start',
+        url: '/reference/javascript/start',
       },
       {
         label: 'supabase-py',
         description: 'something about the reference',
         icon: '/docs/img/icons/python-icon.svg',
-        url: '/new/reference/python/start',
+        url: '/reference/python/start',
       },
       {
         label: 'supabase-dart',
         versions: ['v1', 'v0'],
         description: 'something about the reference',
         icon: '/docs/img/icons/dart-icon.svg',
-        url: '/new/reference/dart/start',
+        url: '/reference/dart/start',
       },
     ],
   },
@@ -622,13 +622,13 @@ export const references = [
         label: 'CLI',
         description: 'something about the reference',
         icon: '/docs/img/icons/cli-icon.svg',
-        url: '/new/reference/cli/start',
+        url: '/reference/cli/start',
       },
       {
         label: 'Management API',
         description: 'something about the reference',
         icon: '/docs/img/icons/api-icon.svg',
-        url: '/new/reference/management-api/start',
+        url: '/reference/management-api/start',
       },
     ],
   },

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx

@@ -1,13 +1,11 @@
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import { useState, useEffect } from 'react'
-import { IconChevronLeft } from '~/../../packages/ui'
-import * as NavItems from './NavigationMenu.constants'
-import NavigationMenuGuideList from './NavigationMenuGuideList'
-import NavigationMenuRefList from './NavigationMenuRefList'
-import NavigationMenuCliList from './NavigationMenuCliList'
 import { useTheme } from 'common/Providers'
 import Image from 'next/image'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+import NavigationMenuCliList from './NavigationMenuCliList'
+import NavigationMenuGuideList from './NavigationMenuGuideList'
+import NavigationMenuRefList from './NavigationMenuRefList'
 
 const SideNav = () => {
   const router = useRouter()
@@ -40,9 +38,6 @@ const SideNav = () => {
       case url.includes(`/docs/guides/functions`) && url:
         setLevel('functions')
         break
-      case url.includes(`/docs/reference`) && url:
-        setLevel('reference')
-        break
       case url.includes(`/docs/guides/integrations`) && url:
         setLevel('integrations')
         break
@@ -50,13 +45,13 @@ const SideNav = () => {
         (url.includes(`/docs/guides/hosting/platform`) && url):
         setLevel('platform')
         break
-      case url.includes(`/docs/new/reference/javascript/`) && url:
+      case url.includes(`/docs/reference/javascript/initializing`) && url:
         setLevel('reference_javascript')
         break
-      case url.includes(`/docs/new/reference/dart/`) && url:
+      case url.includes(`/docs/reference/dart/initializing`) && url:
         setLevel('reference_dart')
         break
-      case url.includes(`/docs/new/reference/cli/`) && url:
+      case url.includes(`/docs/reference/cli/initializing`) && url:
         setLevel('reference_cli')
         break
 
@@ -155,21 +150,21 @@ const SideNav = () => {
         label: 'JavaScript Client',
         icon: '/img/icons/javascript-icon',
         hasLightIcon: false,
-        href: '/new/reference/javascript/start',
-        level: 'reference_javascript',
-      },
-      {
-        label: 'Python Client Library',
-        icon: '/img/icons/python-icon',
-        hasLightIcon: false,
-        href: '/new/reference/javascript/start',
+        href: '/reference/javascript/start',
         level: 'reference_javascript',
       },
+      // {
+      //   label: 'Python Client Library',
+      //   icon: '/img/icons/python-icon',
+      //   hasLightIcon: false,
+      //   href: '/reference/javascript/start',
+      //   level: 'reference_javascript',
+      // },
       {
         label: 'Dart Client Library',
         icon: '/img/icons/dart-icon',
         hasLightIcon: false,
-        href: '/new/reference/dart/start',
+        href: '/reference/dart/start',
         level: 'reference_dart',
       },
       {
@@ -179,20 +174,20 @@ const SideNav = () => {
         label: 'Mangement API',
         icon: '/img/icons/api-icon',
         hasLightIcon: false,
-        href: '/new/reference/javascript/start',
+        href: '/reference/javascript/start',
         level: 'reference_javascript',
       },
       {
         label: 'CLI',
         icon: '/img/icons/cli-icon',
         hasLightIcon: false,
-        href: '/new/reference/cli/start',
+        href: '/reference/cli/start',
         level: 'reference_javascript',
       },
       {
         label: 'Self hosting server',
         icon: '/img/icons/menu/platform',
-        href: '/new/reference/javascript/start',
+        href: '/reference/javascript/start',
         level: 'reference_javascript',
       },
     ],
@@ -279,90 +274,6 @@ const SideNav = () => {
       <NavigationMenuRefList id={'reference_javascript'} currentLevel={level} setLevel={setLevel} />
       <NavigationMenuRefList id={'reference_dart'} currentLevel={level} setLevel={setLevel} />
       <NavigationMenuCliList id={'reference_cli'} currentLevel={level} setLevel={setLevel} />
-
-      {/* // ref menu */}
-      {/* <div
-        className={[
-          'absolute transition-all ml-8 duration-200',
-          level === 'ref' ? 'opacity-100 ml-0 visible' : 'opacity-0 invisible',
-        ].join(' ')}
-      >
-        <ul className={'relative w-full flex flex-col gap-2'}>
-          {ref.map((link) => {
-            return (
-              <li
-                onClick={() => {
-                  setLevel(link.level)
-                  router.push(tempBasePath + link.href)
-                }}
-                className={[
-                  'flex items-center gap-3',
-                  'text-base transition-all duration-200 text-scale-1200 hover:text-brand-900 hover:cursor-pointer ',
-                ].join(' ')}
-              >
-                <img src={`${router.basePath}/img/icons/menu/${link.icon}`} />
-                {link.label}
-              </li>
-            )
-          })}
-        </ul>
-      </div> */}
-
-      {/* // JS menu */}
-      {/* <div
-        className={[
-          'absolute transition-all ml-8 duration-200',
-          level === 'ref_js' ? 'opacity-100 ml-0 visible' : 'opacity-0 invisible',
-        ].join(' ')}
-      >
-        <ul className={'relative w-full flex flex-col gap-2'}>
-          {ref_js.map((link) => {
-            return (
-              <li
-                onClick={() => {
-                  setLevel(link.level)
-                  router.push(tempBasePath + link.href)
-                }}
-                className={[
-                  'flex items-center gap-3',
-                  'text-base transition-all duration-200 text-scale-1200 hover:text-brand-900 hover:cursor-pointer ',
-                ].join(' ')}
-              >
-                <img src={`${router.basePath}/img/icons/menu/${link.icon}`} />
-                {link.label}
-              </li>
-            )
-          })}
-        </ul>
-      </div> */}
-
-      {/* // Dart menu */}
-      {/* <div
-        className={[
-          'absolute transition-all ml-8 duration-200',
-          level === 'ref_dart' ? 'opacity-100 ml-0 visible' : 'opacity-0 invisible',
-        ].join(' ')}
-      >
-        <ul className={'relative w-full flex flex-col gap-2'}>
-          {ref_js.map((link) => {
-            return (
-              <li
-                onClick={() => {
-                  setLevel(link.level)
-                  router.push(tempBasePath + link.href)
-                }}
-                className={[
-                  'flex items-center gap-3',
-                  'text-base transition-all duration-200 text-scale-1200 hover:text-brand-900 hover:cursor-pointer ',
-                ].join(' ')}
-              >
-                <img src={`${router.basePath}/img/icons/menu/${link.icon}`} />
-                {link.label}
-              </li>
-            )
-          })}
-        </ul>
-      </div> */}
     </div>
   )
 }

apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx

@@ -43,7 +43,7 @@ const NavigationMenuRefList = ({ currentLevel, setLevel, id }) => {
   }) => {
     return (
       <li key={id}>
-        <Link href={`/new/reference/${library}/${id}`} passHref>
+        <Link href={`/reference/${library}/${id}`} passHref>
           <a className="cursor-pointer transition text-scale-1000 text-sm hover:text-brand-900 flex gap-3">
             {icon && <img className="w-3" src={`${router.basePath}${icon}`} />}
             {title}

apps/docs/components/Navigation/NavigationMenu/TopNavBarRef.tsx

@@ -92,7 +92,7 @@ const TopNavBarRef: FC = () => {
               <span className="font-mono text-sm font-medium text-brand-900">DOCS</span>
             </a>
           </Link>
-          {/* {router.asPath.includes('/new/reference/') && <RefSwitcher />} */}
+          {/* {router.asPath.includes('/reference/') && <RefSwitcher />} */}
         </div>
 
         <div className="flex items-center gap-12">