Merge pull request #57 from smutyala1at/main

minor docs changed, mcp multi-provider integration

Author: jinglescode

.github/workflows/hetzner.yaml

@@ -16,7 +16,7 @@ jobs:
         uses: actions/checkout@v4
 
       - name: build image
-        run: docker build -t ${{ secrets.DOCKER_HUB_USERNAME }}/meshai-backend:latest .
+        run: docker build -t ${{ secrets.DOCKER_HUB_USERNAME }}/meshai-backend:latest -f apps/meshjs-rag/Dockerfile apps/meshjs-rag
 
       - name: push image to the docker hub
         run: |

apps/docs/app/(home)/layout.tsx

@@ -21,6 +21,7 @@ export default function Layout({ children }: { children: ReactNode }) {
     <div className="flex flex-col">
       <HomeLayout
         {...baseOptions}
+        nav={{ transparentMode: "always", ...baseOptions.nav }}
         searchToggle={{
           components: {
             lg: (
@@ -72,7 +73,7 @@ export default function Layout({ children }: { children: ReactNode }) {
             text: "Discord",
             type: "icon",
             icon: <SiDiscord className="w-4 h-4 text-foreground" />,
-            url: "https://discord.gg/WvnCNqmAxy"
+            url: "https://discord.gg/dH48jH3BKa"
           }
         ]}
       >

apps/docs/app/(home)/page.mdx

@@ -84,7 +84,7 @@ import {linksApi} from "@/data/links-api";
           </span>
           <span className="inline-flex items-center">
             <Users className="w-4 h-4 mr-1" />
-            3k+ Weekly Downloads
+            1M+ Downloads
           </span>
         </div>
       </div>

apps/docs/app/global.css

@@ -58,4 +58,62 @@
   body {
     @apply bg-background text-foreground;
   }
+}
+
+#nd-sidebar {
+  background: transparent;
+  backdrop-filter: blur(48px);
+  padding: 0.25rem;
+}
+
+.dark #nd-sidebar {
+  background: transparent;
+}
+
+.dark body {
+  background:
+  radial-gradient(
+  300% 150% at -50% 0%,
+  rgba(255, 255, 255, 0.35) 0%,
+  transparent 35%
+  ),
+  radial-gradient(
+  150% 150% at 100% -10%,
+  rgba(0, 0, 0, 0.7) 0%,
+  transparent 40%
+  ),
+  radial-gradient(
+  250% 120% at 110% 50%,
+  rgba(255, 255, 255, 0.15) 0%,
+  transparent 45%
+  ),
+  radial-gradient(
+  150% 100% at 50% 100%,
+  rgba(0, 0, 0, 0.3) 0%,
+  transparent 50%
+  ),
+  #181818 !important;
+
+  background-attachment: fixed;
+  position: relative;
+}
+
+html.dark body::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  z-index: -1;
+
+  background-image:
+  repeating-radial-gradient(
+  circle at center,
+  rgba(255, 255, 255, 0.3) 2px,
+  transparent 3px
+  );
+
+  background-size: 4px 4px;
+  mix-blend-mode: overlay;
+  opacity: 0.8;
+  pointer-events: none;
+  filter: blur(0.3px);
 }

apps/docs/app/layout.config.tsx

@@ -39,7 +39,7 @@ export const baseOptions: BaseLayoutProps = {
       text: "Discord",
       type: "icon",
       icon: <SiDiscord className="w-4 h-4 text-foreground" />,
-      url: "https://discord.gg/WvnCNqmAxy"
+      url: "https://discord.gg/dH48jH3BKa"
     }
   ],
 };

apps/docs/components/ai/search.tsx

@@ -287,7 +287,7 @@ export function AISearch(props: DialogProps) {
         }}
         onInteractOutside={(e) => e.preventDefault()}
         aria-describedby={undefined}
-        className="flex flex-col h-full w-full bg-fd-popover/80 backdrop-blur-xl p-1 rounded-2xl shadow-2xl border max-md:top-12 md:bottom-12 max-w-screen-sm focus-visible:outline-none"
+        className="flex flex-col h-full w-full bg-transparent dark:bg-transparent backdrop-blur-3xl p-1 border max-md:top-12 md:bottom-12 max-w-screen-sm focus-visible:outline-none"
       >
         <ChatContext value={chat}>
           <div className="px-3 py-2">

apps/docs/components/ui/Footer.tsx

@@ -8,7 +8,7 @@ import {linksAbout} from  "@/data/links-about";
 
 export default function Footer() {
   return (
-    <footer className="border-t border-border bg-fd-card py-12 text-muted-foreground">
+    <footer className="border-t border-border bg-fd-card py-12 text-muted-foreground bg-transparent dark:bg-transparent backdrop-blur-3xl">
       <div className="container flex flex-col gap-12">
         <div className="flex flex-col md:flex-row md:justify-between md:items-start gap-10">
           <div className="flex flex-col gap-2 min-w-[200px]">

apps/docs/content/docs/ai/index.mdx

@@ -42,7 +42,7 @@ Use Mesh MCP to access Mesh docs and get coding/debugging help directly in VS Co
       "command": "npx",
       "args": ["-y", "meshjs-mcp"],
       "env": {
-        "OPENAI_API_KEY": "your-openai-api-key",
+        "API_KEY": "your-api-key",
         "MODEL": "your-preferred-model"
       }
     }
@@ -52,13 +52,18 @@ Use Mesh MCP to access Mesh docs and get coding/debugging help directly in VS Co
 
 ### Setup notes
 
-1. Replace your-openai-api-key with your OpenAI API key.
+1. Replace your-api-key with your API key from the supported providers (OpenAI, Gemini, or Anthropic Claude).
 
-2. Set MODEL to the model you want to use.
+2. Set MODEL to the model you want to use from respective provider.
 
 3. Restart your editor after saving the config.
 
-4. Get help to code faster with Mesh MCP and AI editor
+4. Start the server manually (restarting alone doesn't run it):
+   - VS Code: Open Command Palette (Cmd+Shift+P), search "MCP: List Servers", select "mesh-mcp", and choose "Run Server".
+   - Cursor: Similar to VS Code, use the MCP extension's list servers command to run it.
+   - Claude Desktop: The server should start automatically on launch if configured correctly in settings; check the MCP logs if issues arise.
+
+5. Get help to code faster with Mesh MCP and AI editor
 
 ### Example
 

apps/docs/content/docs/apis/data/index.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Data"
+icon: CircleStackIcon
 description: "Useful utilities to parse and manipulate data"
 ---
 

apps/docs/content/docs/apis/utilities/meta.json

@@ -1,4 +1,4 @@
 {
   "title": "Utilities",
-  "pages": ["serializers", "deserializers", "resolvers", "data", "blueprints"]
+  "pages": ["serializers", "deserializers", "resolvers", "../data/index.mdx", "blueprints"]
 }