updated troubleshooting sdk guide

e2b-dev · Jan 13, 2025 · f24c2b7 · f24c2b7
1 parent d0c5292
commit f24c2b7
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 11 deletions.
diff --git a/apps/web/src/app/(docs)/docs/troubleshooting/sdks/workers-edge-runtime/page.mdx b/apps/web/src/app/(docs)/docs/troubleshooting/sdks/workers-edge-runtime/page.mdx
@@ -1,3 +1,3 @@
-# Using JavaScript SDK with Vercel Edge Runtime and Cloudflare Workers
+# Vercel Edge Runtime and Cloudflare Workers
 
-The E2B JavaScript SDK currently lacks support for Vercel Edge Runtime and Cloudflare Workers due to transport layer package incompatibilities for Sandbox communication. We recommend using supported platforms like Node, Bun, or Deno.
+The E2B JavaScript SDK currently lacks support for Vercel Edge Runtime and Cloudflare Workers due to transport layer package incompatibility used for Sandbox communication. We recommend using supported runtimes like Node, Bun, or Deno instead.
diff --git a/apps/web/src/components/Navigation/NavigationLink.tsx b/apps/web/src/components/Navigation/NavigationLink.tsx
@@ -9,7 +9,6 @@ export function NavigationLink({
   className,
   link,
 }: {
-
   className?: string
   link: NavLink
 }) {
@@ -18,7 +17,8 @@ export function NavigationLink({
   const hash = typeof window !== 'undefined' ? window.location.hash : ''
 
   // Modify the isActive check to include hash comparison if needed
-  const isActive = pathname === link.href ||
+  const isActive =
+    pathname === link.href ||
     (link.href.includes('#') && pathname + hash === link.href)
   // const pathname = usePathname()
   // console.log(link)
@@ -34,19 +34,17 @@ export function NavigationLink({
         isActive
           ? 'text-white bg-zinc-800'
           : 'hover:text-white text-zinc-400 bg-transparent',
-        className,
+        className
       )}
     >
-      <div className="flex items-center justify-start gap-1">
+      <div className="flex items-center justify-start gap-1 overflow-hidden">
         {link.icon}
         {link.tag ? (
           <div className="flex items-center gap-2">
             <span className={clsx('truncate', isActive ? 'text-white' : '')}>
               {link.title}
             </span>
-            <Tag>
-              {link.tag}
-            </Tag>
+            <Tag>{link.tag}</Tag>
           </div>
         ) : (
           <span className={clsx('truncate', isActive ? 'text-white' : '')}>
@@ -56,4 +54,4 @@ export function NavigationLink({
       </div>
     </Link>
   )
-}
+}
diff --git a/apps/web/src/components/Navigation/routes.tsx b/apps/web/src/components/Navigation/routes.tsx
@@ -425,6 +425,15 @@ export const docRoutes: NavGroup[] = [
   {
     title: 'Troubleshooting',
     items: [
+      {
+        title: 'SDKs',
+        links: [
+          {
+            title: 'Vercel Edge Runtime and Cloudflare Workers',
+            href: '/docs/troubleshooting/sdks/workers-edge-runtime',
+          },
+        ],
+      },
       {
         title: 'Templates',
         links: [
@@ -486,4 +495,4 @@ export const sdkRefRoutes: VersionedNavGroup[] = (
       group?.title && sdkRefNameMap[group.title]
         ? sdkRefNameMap[group.title]
         : group.title,
-  }))
+  }))