optimized tokenapi quickstart

Author: nsjames

nginx.conf

@@ -169,6 +169,7 @@ http {
         rewrite ^/docs/([a-zA-Z][a-zA-Z])/token-api/mcp/cline/$                         $scheme://$http_host/docs/$1/ai-suite/token-api-mcp/                                permanent;
         rewrite ^/docs/([a-zA-Z][a-zA-Z])/token-api/mcp/cline/$                         $scheme://$http_host/docs/$1/ai-suite/token-api-mcp/                                permanent;
         rewrite ^/docs/([a-zA-Z][a-zA-Z])/token-api/mcp/cline/$                         $scheme://$http_host/docs/$1/ai-suite/token-api-mcp/                                permanent;
+        rewrite ^/docs/([a-zA-Z][a-zA-Z])/token-api/endpoint-pricing/$                  $scheme://$http_host/docs/$1/token-api/endpoints/pricing/                           permanent;
         # Temporary redirects (302)
         rewrite ^/docs/en/querying/graph-client/$                                       $scheme://$http_host/docs/en/subgraphs/querying/graph-client/README/                redirect;
         rewrite ^/docs/en/developing/graph-ts/$                                         $scheme://$http_host/docs/en/subgraphs/developing/creating/graph-ts/README/         redirect;

website/bun.lock

@@ -0,0 +1,38 @@
+import { Children, isValidElement, useState } from 'react';
+
+export function CodeTabs({ children, defaultIndex = 0 }: { children: React.ReactNode; defaultIndex?: number }) {
+  const tabs = Children.toArray(children).filter(isValidElement);
+
+  const [activeIndex, setActiveIndex] = useState(defaultIndex);
+
+  return (
+    <div className="w-full my-6">
+      {/* tab labels */}
+      <div className="flex gap-2 border-b border-gray-700 mb-4 overflow-x-auto">
+        {tabs.map((tab: any, i: number) => {
+          const label = tab.props.label ?? `Tab ${i + 1}`;
+          return (
+            <button
+              key={i}
+              onClick={() => setActiveIndex(i)}
+              className={`px-3 py-1 text-sm rounded-t border-b-2 transition-colors ${
+                i === activeIndex
+                  ? 'border-blue-500 text-blue-500'
+                  : 'border-transparent text-gray-400 hover:text-gray-200'
+              }`}
+            >
+              {label}
+            </button>
+          );
+        })}
+      </div>
+
+      {/* active tab contents */}
+      <div>{tabs[activeIndex]}</div>
+    </div>
+  );
+}
+
+export function CodeTab({ children }: { children: React.ReactNode }) {
+  return <div>{children}</div>;
+}

website/src/components/CodeTabs.tsx

@@ -5,6 +5,7 @@ import { NextSeo, type NextSeoProps } from 'next-seo'
 import type { NextraThemeLayoutProps } from 'nextra'
 import { useFSRoute, useRouter } from 'nextra/hooks'
 import { MDXProvider } from 'nextra/mdx'
+import { CodeTabs, CodeTab } from "@/components/CodeTabs"
 import { normalizePages } from 'nextra/normalize-pages'
 import {
   type ComponentProps,
@@ -614,6 +615,8 @@ export default function Layout({ pageOpts, children }: NextraThemeLayoutProps<Fr
                 table: Table,
                 VideoEmbed,
                 wrapper: MDXContent,
+                CodeTabs,
+                CodeTab,
               }}
             >
               {children}

website/src/layout/Layout.tsx

@@ -2,15 +2,15 @@ import titles from './_meta-titles.json'
 
 export default {
   'quick-start': '',
+  'svm-tokens': titles['svm-tokens'] ?? '',
+  'svm-dexs': titles['svm-dexs'] ?? '',
   'evm-tokens': titles['evm-tokens'] ?? '',
   'evm-dexs': titles['evm-dexs'] ?? '',
   'evm-nfts': titles['evm-nfts'] ?? '',
-  'svm-tokens': titles['svm-tokens'] ?? '',
-  'svm-dexs': titles['svm-dexs'] ?? '',
   'tvm-tokens': titles['tvm-tokens'] ?? '',
   'tvm-dexs': titles['tvm-dexs'] ?? '',
   monitoring: titles['monitoring'] ?? '',
   'endpoint-pricing': '',
+  guides: 'Guides',
   faq: '',
-  'upgrade-to-v1': '',
 }

website/src/pages/ar/token-api/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  'endpoint-pricing': '',
+  'endpoint-support': '',
+}

website/src/pages/ar/token-api/endpoints/_meta.js

@@ -0,0 +1,4 @@
+{
+  "gpt": "Create Custom GPTS",
+  "upgrade-to-v1": ""
+}

website/src/pages/ar/token-api/endpoint-pricing.mdx renamed to website/src/pages/ar/token-api/endpoints/endpoint-pricing.mdx

@@ -0,0 +1,4 @@
+export default {
+  gpt: '',
+  'upgrade-to-v1': '',
+}