Merge branch 'main' into blog-vercel-to-sites

Author: ebenezerdon

STYLE.md

@@ -144,21 +144,21 @@ the tone and voice remains consistent.
 - All titles, headings, buttons, and labels should be written in **sentence case**. If you're not sure what sentence case should look like, check [APA's style guide](https://apastyle.apa.org/style-grammar-guidelines/capitalization/sentence-case) or check with ChatGPT and other LLMs which reliably converts titles to sentence case.
 - All headings in a docs page begin with `# Heading` then `## Heading` and `### Heading`. Internally, they're converted to H2 to H4 tags.
 - All headings should have an ID label, for example `# Cool heading {% #cool-heading %}` the `#cool-heading` ID will be used to generate the table of contents and add links to the heading.
-- Prefer verbs over gerunds, for example, say "Create documents" not "Creating documents".
+- Prefer verbs to gerunds, for example, say "Create documents" not "Creating documents".
 
 ### Extended Markdoc components
 
-Appwrite's documentation uses extended markdown syntax. You can find all of the available partials types in the [CONTENT.md file](./CONTENT.md).
+Appwrite's documentation uses extended Markdown syntax. You can find all the available partials types in the [CONTENT.md file](./CONTENT.md).
 
 ### Screenshots
 
 - When contributing upload original screenshots. The Appwrite design team will edit the screenshot to be consistent with other screenshots in the docs.
 - Screenshots must be 16:9
-- Screnshots should be taken in a 1400 x 900 view port on 3x DPR in browser developer tools.
+- Screenshots should be taken in a 1400 x 900 view port on 3x DPR in browser developer tools.
 - Use generic and sensible organization, project, and resource names. Avoid names like `test`, `demo`, or `sdlkfj`.
-- All screenshot should be take from a user named Walter O'Brien. You can change the name of your current user by going to your Appwrite Console and clicking the **top right profile icon** > **Your Account** > **Name**.
+- All screenshot should be taken from a user named Walter O'Brien. You can change the name of your current user by going to your Appwrite Console and clicking the **top right profile icon** > **Your Account** > **Name**.
 - Screenshots are stored in the `/images/docs/` folder, in a parent folder that is consistent with the path of the docs that reference the image.
-- All screenshots must be both dark and light mode, with `/path/` holding the lightmode version and `/path/dark/` holding the dark mode version.
+- All screenshots must be both dark and light mode, with `/path/` holding the light-mode version and `/path/dark/` holding the dark mode version.
 - Screenshots should be uploaded as un-edited original. Request help from the Appwrite design team to help you edit and refine your photos according to our guidelines.
 
 ```md

src/lib/constants.ts

@@ -66,6 +66,11 @@ export type SearchableCategory = {
 };
 
 export const integrationCategoryDescriptions: SearchableCategory[] = [
+    {
+        slug: 'mcp',
+        heading: 'MCP',
+        description: 'Platforms with Model Context Protocol support'
+    },
     {
         slug: 'ai',
         heading: 'AI',

src/lib/layouts/Docs.svelte

@@ -131,7 +131,7 @@
         </div>
     </section>
     <header
-        class="web-main-header {isReferences ? 'is-reference' : 'is-docs'}"
+        class="web-main-header hidden lg:block {isReferences ? 'is-reference' : 'is-docs'}"
         class:is-transparent={variant !== 'expanded'}
     >
         <div class="web-main-header-wrapper">

src/lib/layouts/Main.svelte

@@ -196,7 +196,9 @@
         </div>
     </section>
 
-    <header class="web-main-header is-special-padding {resolvedTheme} is-transparent">
+    <header
+        class="web-main-header is-special-padding hidden lg:block {resolvedTheme} is-transparent"
+    >
         <div
             class="web-main-header-wrapper"
             class:is-special-padding={BANNER_KEY.startsWith('init-banner-')}

src/lib/layouts/SidebarNavButton.svelte

@@ -10,7 +10,6 @@
     class:is-selected={page.url?.pathname === groupItem.href}
     href={groupItem.href}
     target={groupItem.openInNewTab ? '_blank' : undefined}
-    data-sveltekit-reload
 >
     {#if groupItem.icon}
         <span class="icon {groupItem.icon}" aria-hidden="true"></span>

src/markdoc/layouts/Partner.svelte

@@ -21,8 +21,8 @@
         category,
         description,
         cover,
-        capabilities,
-        frameworks,
+        services,
+        technologies,
         regions,
         languages,
         website,
@@ -87,29 +87,29 @@
                         <dl class="divide-smooth sticky top-32 mt-10 flex flex-col gap-7 divide-y">
                             <div class="flex flex-col justify-between gap-7 pb-7">
                                 <dt class="text-micro font-aeonik-fono tracking-loose uppercase">
-                                    Frameworks
+                                    Technologies
                                 </dt>
                                 <dd class="flex flex-wrap gap-2">
-                                    {#each frameworks as framework}
+                                    {#each technologies as technology}
                                         <div
                                             class="text-primary text-caption bg-smooth rounded-full px-3 py-1"
                                         >
-                                            {framework}
+                                            {technology}
                                         </div>
                                     {/each}
                                 </dd>
                             </div>
 
                             <div class="flex flex-col justify-between gap-7 pb-7">
                                 <dt class="text-micro font-aeonik-fono tracking-loose uppercase">
-                                    Capabilities
+                                    Services
                                 </dt>
                                 <dd class="flex flex-wrap gap-2">
-                                    {#each capabilities as capability}
+                                    {#each services as service}
                                         <div
                                             class="text-primary text-caption bg-smooth rounded-full px-3 py-1"
                                         >
-                                            {capability}
+                                            {service}
                                         </div>
                                     {/each}
                                 </dd>

src/markdoc/nodes/Image.svelte

@@ -42,7 +42,7 @@
     {/if}
 {:else}
     <div class="web-media main">
-        <img {src} {alt} {title} loading="lazy" class="aspect-video w-full" />
+        <img {src} {alt} {title} loading="lazy" class="aspect-video w-full object-cover" />
         <div class="abs">
             <Tooltip closeOnPointerDown>
                 <Button variant="secondary" class="cursor-pointer" action={trigger}>

src/markdoc/tags/TabsItem.svelte

@@ -11,6 +11,13 @@
             context.triggers.push({ id, title });
             return context;
         });
+
+        return () => {
+            ctx.update((context) => {
+                context.triggers = context.triggers.filter((trigger) => trigger.id !== id);
+                return context;
+            });
+        };
     });
 </script>
 

src/routes/(marketing)/(components)/scale.svelte

@@ -25,24 +25,24 @@
         children,
         stats = [
             {
-                number: 12,
-                suffix: '+',
-                description: 'Regions served'
+                number: 50,
+                suffix: 'K+',
+                description: 'GitHub stars'
             },
             {
-                number: 1000,
-                suffix: '+ TB',
-                description: 'of data served'
+                number: 300,
+                suffix: '+',
+                description: 'PoP locations'
             },
             {
-                number: 50,
-                suffix: 'B',
-                description: 'requests'
+                number: 300,
+                suffix: 'K+',
+                description: 'developers'
             },
             {
-                number: 300,
-                suffix: 'K',
-                description: 'projects'
+                number: 200,
+                suffix: 'B+',
+                description: 'monthly database operations'
             }
         ]
     }: Props = $props();

src/routes/(marketing)/+page.svelte

@@ -43,28 +43,6 @@
                 company: 'K-Collect',
                 image: '/images/testimonials/ryan-oconner-testimonial.png'
             }}
-            stats={[
-                {
-                    number: 50,
-                    suffix: 'K+',
-                    description: 'GitHub stars'
-                },
-                {
-                    number: 300,
-                    suffix: '+',
-                    description: 'PoP locations'
-                },
-                {
-                    number: 300,
-                    suffix: 'K+',
-                    description: 'developers'
-                },
-                {
-                    number: 200,
-                    suffix: 'B+',
-                    description: 'monthly database operations'
-                }
-            ]}
         >
             The switch to using Appwrite brought
             <span class="text-primary">infinite value that I'm still discovering today.</span>