Merge branch 'main' into add-bulk-api-docs

Author: ItzNotABug

src/lib/constants.ts

@@ -122,7 +122,7 @@ export const partnerCategoryDescriptions: SearchableCategory[] = [
     {
         slug: 'agency',
         heading: 'Agency',
-        description: 'Agencies that build software for their clients using Appwrite'
+        description: 'Find an Appwrite Partner agency for your project'
     }
 ];
 

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

@@ -7,17 +7,28 @@
     import { classNames } from '$lib/utils/classnames';
     import type { Partner } from '$routes/partners/catalog/+page';
     import ContactPartner from '$routes/partners/catalog/(components)/contact-partner.svelte';
+    import Icon from '$lib/components/ui/icon';
+    import type { Snippet } from 'svelte';
+    import Button from '$lib/components/ui/button.svelte';
 
-    export let title: Partner['title'];
-    export let partnerLevel: Partner['partnerLevel'];
-    export let category: Partner['category'];
-    export let description: Partner['description'];
-    export let cover: Partner['cover'];
-    export let capabilities: Partner['capabilities'];
-    export let frameworks: Partner['frameworks'];
-    export let regions: Partner['regions'];
-    export let languages: Partner['languages'];
-    export let website: Partner['website'];
+    interface Props extends Partner {
+        children?: Snippet;
+    }
+
+    let {
+        title,
+        partnerLevel,
+        category,
+        description,
+        cover,
+        services,
+        technologies,
+        regions,
+        languages,
+        website,
+        email,
+        children
+    }: Props = $props();
 
     const ogImage = DEFAULT_HOST + cover;
 </script>
@@ -48,8 +59,8 @@
     >
         <div class="relative container w-full pb-0">
             <div class="flex flex-col gap-7">
-                <a href="/partners" class="text-caption text-primary group flex gap-2">
-                    <span class="web-icon-arrow-left transition group-hover:-translate-x-1" />
+                <a href="/partners/catalog" class="text-caption text-primary group flex gap-2">
+                    <Icon name="arrow-left" class="transition group-hover:-translate-x-1" />
                     Back to Partners Catalog
                 </a>
                 <h1 class="text-headline font-aeonik-pro text-primary">{title}</h1>
@@ -64,39 +75,41 @@
                     <div class="md:col-span-7">
                         <div class="web-article">
                             <div class="web-article-content">
-                                <slot />
+                                {@render children?.()}
                             </div>
-                            <ContactPartner />
+                            {#if email}
+                                <Button href={email}>Contact {title}</Button>
+                            {/if}
                         </div>
                     </div>
                     <div class="md:col-span-5">
                         <h2 class="text-label text-primary font-aeonik-pro">About {title}</h2>
                         <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>
@@ -116,7 +129,7 @@
                                 <dd
                                     class="text-primary text-caption font-medium underline underline-offset-4"
                                 >
-                                    {website}
+                                    <a href={website} target="_blank">{website}</a>
                                 </dd>
                             </div>
 

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

@@ -145,19 +145,20 @@
                                             </div>
                                         </a>
                                     </Tooltip.Trigger>
-                                    <Tooltip.Content
-                                        sideOffset={8}
-                                        side="top"
-                                        class={classNames(
-                                            'text-primary bg-greyscale-900 relative rounded-md border-0! px-2.5 py-1 text-sm',
-                                            'data-[state="closed"]:animate-menu-out data-[state="instant-open"]:animate-menu-in data-[state="delayed-open"]:animate-menu-in'
-                                        )}
-                                        >{platform.name}
-                                        <div
-                                            class="absolute inset-0 rounded-md bg-gradient-to-tl from-(--primary-color,_#fff)/4 to-(--secondary-color,_transparent)/10"
-                                        ></div>
-                                        <Tooltip.Arrow class="text-(--primary-color)/4" />
-                                    </Tooltip.Content>
+                                    <Tooltip.Portal>
+                                        <Tooltip.Content
+                                            sideOffset={8}
+                                            side="top"
+                                            class={classNames(
+                                                'text-primary bg-greyscale-900 relative rounded-md border-0! px-2.5 py-1 text-sm',
+                                                'data-[state="closed"]:animate-menu-out data-[state="instant-open"]:animate-menu-in data-[state="delayed-open"]:animate-menu-in'
+                                            )}
+                                            >{platform.name}
+                                            <div
+                                                class="absolute inset-0 rounded-md bg-gradient-to-tl from-(--primary-color,_#fff)/4 to-(--secondary-color,_transparent)/10"
+                                            ></div>
+                                        </Tooltip.Content>
+                                    </Tooltip.Portal>
                                 </div>
                             </Tooltip.Root>
                         {/each}

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>

src/routes/blog/post/announcing-type-generation-feature/+page.markdoc

@@ -0,0 +1,58 @@
+---
+layout: post
+title: "Introducing Type generation: Automate your type definitions with Appwrite"
+description: "Automatically generate types from your collections with support for multiple languages."
+date: 2025-06-24
+cover: /images/blog/type-generation-feature/cover.png
+timeToRead: 4
+author: chirag-aggarwal
+category: announcement
+---
+
+We're excited to announce Appwrite’s newest CLI feature, **Type generation**. Designed specifically to enhance your developer experience. Type generation automates the creation of type definitions directly from your database collections, seamlessly integrating with your preferred programming language.
+
+# Say goodbye to manual mapping
+
+Manually creating and maintaining complex type definitions can be tedious, error-prone, and time-consuming. With Type generation, Appwrite does the heavy lifting for you. Automatically generate accurate and up-to-date type definitions, ensuring your code always syncs with your database schema.
+
+# Effortless multi-language support
+
+Whether you work with PHP, Swift, Dart, TypeScript, JavaScript, Java, or Kotlin, Type generation has you covered. The Appwrite CLI automatically detects your project's language and generates the appropriate type definitions, handling complex scenarios including [Enums](/docs/sdks#enums), class relationships, and language-specific semantics. We will continue to add support for more languages over time.
+
+# Simplified workflow, immediate benefits
+
+Using Type generation is straightforward. 
+
+First, ensure you have the [Appwrite CLI](/docs/tooling/command-line/installation#getting-started) installed and your project is [initialised](/docs/tooling/command-line/installation#initialization). Then, run the following command in your terminal to pull collections from your Appwrite project:
+
+```bash
+appwrite pull collections
+```
+
+To generate types, you can use the Appwrite CLI command:
+```bash
+appwrite types [options] <output-directory>
+
+```
+
+![Workflow](/images/blog/type-generation-feature/workflow.png)
+
+# Better experience:
+
+- **Time savings**: Eliminate hours of manual work and dedicate your time to building impactful features.
+- **Reduced errors**: Keep your types consistently aligned with your database schema, drastically reducing outdated and mismatched types.
+- **Faster iterations**: Automatically propagate schema changes, allowing for rapid development and seamless collaboration.
+
+# Built with you in mind
+
+Type generation was built explicitly for developers, addressing key pain points and enhancing your productivity. Whether using Appwrite in a cloud environment or self-hosted, Type generation fits seamlessly into your workflow.
+
+Many other solutions offer type generation limited to TypeScript, Appwrite expands your capabilities with robust multi-language support, ensuring you have flexibility and comprehensive integration, regardless of your preferred technology stack.
+
+By simplifying integration and reducing friction, type generation helps accelerate onboarding and ensures long-term satisfaction, significantly benefiting developer teams and their organizations.
+
+# More resources
+
+- [Visit the documentation to get started](/docs/products/databases/type-generation)
+- [Learn about using the Appwrite CLI](/blog/post/how-to-execute-database-migration-with-appwrite-cli)
+- [Improve your Appwrite developer experience with dev keys](/blog/post/improve-devex-dev-keys)