Merge branch 'main' into 1950-Search-bar-UI

Author: gurjeetsinghvirdee

package.json

@@ -35,7 +35,7 @@
         "@appwrite.io/console": "^0.6.4",
         "@appwrite.io/pink": "~0.26.0",
         "@appwrite.io/pink-icons": "~0.26.0",
-        "@appwrite.io/repo": "github:appwrite/appwrite#1.7.x",
+        "@appwrite.io/repo": "github:appwrite/appwrite#main",
         "@eslint/compat": "^1.2.7",
         "@eslint/js": "^9.21.0",
         "@fingerprintjs/fingerprintjs": "^4.5.1",

pnpm-lock.yaml

@@ -22,17 +22,20 @@
     const { url, title = 'YouTube video player', children, inlineVideo = true }: Props = $props();
 </script>
 
-<div
-    class="contents cursor-pointer"
-    use:melt={inlineVideo ? $trigger : null}
-    onclick={() => {
-        if (!inlineVideo && browser && window) {
-            window.open(url, '_blank');
-        }
-    }}
->
-    {@render children()}
-</div>
+{#if inlineVideo}
+    <div class="contents cursor-pointer" use:melt={$trigger}>
+        {@render children()}
+    </div>
+{:else}
+    <div
+        class="contents cursor-pointer"
+        on:click={() => {
+            if (browser && window) window.open(url, '_blank');
+        }}
+    >
+        {@render children()}
+    </div>
+{/if}
 
 {#if $open}
     <div class="fixed inset-0 z-1000 flex items-center justify-center">

src/lib/components/shared/dialog.svelte

@@ -32,7 +32,8 @@ export const Service = {
     Storage: 'storage',
     Teams: 'teams',
     Users: 'users',
-    Sites: 'sites'
+    Sites: 'sites',
+    Tokens: 'tokens'
 } as const;
 
 export type ServiceType = typeof Service;
@@ -145,7 +146,8 @@ export const serviceMap: Record<ServiceValue, string> = {
     [Service.Storage]: 'Storage',
     [Service.Teams]: 'Teams',
     [Service.Users]: 'Users',
-    [Service.Sites]: 'Sites'
+    [Service.Sites]: 'Sites',
+    [Service.Tokens]: 'Tokens'
 };
 
 export const preferredVersion = writable<Version | null>(

src/lib/utils/references.ts

@@ -40,7 +40,7 @@
         content = [],
         announcementVideo = undefined,
         links = [],
-        title,
+        title: featureTitle,
         description,
         url,
         index
@@ -80,7 +80,7 @@
                         class="border-offset relative z-10 col-span-5 flex h-full flex-col justify-center gap-4 border-x-2 border-none px-4 py-8 md:border-dashed md:p-8"
                     >
                         <h2 class="text-display font-aeonik-pro text-primary">
-                            {title}<span class="text-accent">_</span>
+                            {featureTitle}<span class="text-accent">_</span>
                         </h2>
                         <p class="text-secondary text-body max-w-sm font-medium">
                             {description}
@@ -116,7 +116,7 @@
                             'after:border-offset after:-mt-px after:block after:h-0.5 after:w-full after:border-t-2 after:border-dashed'
                         )}
                     >
-                        {#each content as { type, title, url, label }}
+                        {#each content as { type, title: contentTitle, url, label }}
                             <a href={url} class="group block cursor-pointer">
                                 <div
                                     class={classNames(
@@ -129,7 +129,9 @@
                                         <span class="bg-smooth w-fit rounded-[4px] px-2 py-0.5"
                                             >{type}</span
                                         >
-                                        <span class="font-aeonik-pro text-label">{title}</span>
+                                        <span class="font-aeonik-pro text-label"
+                                            >{contentTitle}</span
+                                        >
                                     </div>
                                     <div class="flex items-center gap-2">
                                         {label ?? 'Read article'}

src/routes/(init)/init/(components)/day.svelte

@@ -80,21 +80,21 @@
             ]
         },
         {
-            title: 'Hosting for Flutter Web',
+            title: 'Flutter Web',
             release: addDays(otherFeaturesBase, 1),
             illustration: Flutter,
             description:
                 'Appwrite and Flutter have always worked well together, and now, you can deploy your Flutter web apps directly from Appwrite Sites.',
-            url: '/',
+            url: '/blog/post/hosting-flutter-web',
             content: [
                 {
                     title: 'How to set up the Flutter starter template on Appwrite Sites',
-                    url: '/blog/post',
+                    url: '/blog/post/flutter-starter-sites',
                     type: 'Blog'
                 },
                 {
                     title: 'Building with Appwrite Sites template',
-                    url: '/blog/post/src/building-with-sites-templates',
+                    url: '/blog/post/building-with-sites-templates',
                     type: 'Blog'
                 },
                 {
@@ -128,7 +128,7 @@
             ]
         },
         {
-            title: 'new image formats',
+            title: 'Image formats',
             release: addDays(otherFeaturesBase, 3),
             illustration: Formats,
             description:

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

@@ -0,0 +1,11 @@
+---
+layout: author
+slug: steven
+name: Steven Nguyen
+role: Customer Success lead
+bio: Always has an answer to your question.
+avatar: /images/avatars/steven.png
+twitter: https://x.com/g33kdev
+github: https://github.com/stnguyen90
+linkedin: https://www.linkedin.com/in/stnguyen90/
+---

src/routes/blog/author/steven/+page.markdoc

@@ -11,7 +11,7 @@ featured: true
 callToAction: true
 ---
 
-You love using Appwrite to power your backend, but when it’s time to actually *ship* your website, you’re bouncing between tools, platforms, and extra accounts. That ends today.
+You love using Appwrite to power your backend, but when it's time to actually *ship* your website, you're bouncing between tools, platforms, and extra accounts. That ends today.
 
 Introducing **Appwrite Sites**.
 
@@ -31,18 +31,18 @@ The best part: **Appwrite is a fully open-source platform to offer both frontend
 
 Building Sites as part of the Appwrite ecosystem was a deliberate choice to deliver a seamless experience from crafting your backend to deploying your web apps and websites. To ensure your usage of the platform feels consistent and robust, we set out to match the high standards of other Appwrite products when developing Sites over the past year.
 
-We’ve introduced several critical features to elevate the hosting experience. Helping you scale efficiently, keep data secure, and deliver lightning-fast performance.
+We've introduced several critical features to elevate the hosting experience. Helping you scale efficiently, keep data secure, and deliver lightning-fast performance.
 
-## What’s part of Sites?
+## What's part of Sites?
 
 - **Static hosting**: Ideal for single-page applications (SPAs), landing pages, documentation sites, and any project that compiles down to static files.
 - **Server-side rendering (SSR)**: Full support for frameworks like Flutter, React, Next.js, Nuxt, SvelteKit, Astro, Remix, and more right out of the box.
-- **[Git integrations](docs/products/sites/deploy-from-git)**: Connect your GitHub repository to enable automatic deployments on every push.
+- **[Git integrations](/docs/products/sites/deploy-from-git)**: Connect your GitHub repository to enable automatic deployments on every push.
 - **Deployment previews**: Get a unique preview URL for each pull request—review, test, and merge with confidence.
 - **Global CDN**: Distribute your content worldwide with a powerful content delivery network to ensure low-latency access from anywhere.
 - **DDoS protection**: Built-in protection mechanisms to help safeguard your apps from denial-of-service attacks.
-- **[The Appwrite Network](docs/products/network)**: Take advantage of a growing number of cloud regions, Points of Presence (PoPs), and edge network capabilities, reducing latency and enhancing performance globally.
-- **[The Appwrite DNS](docs/products/network/dns):** Appwrite provides a dedicated DNS (Domain Name System) service through its `appwrite.zone` nameservers to help you manage domain records for your applications.
+- **[The Appwrite Network](/docs/products/network)**: Take advantage of a growing number of cloud regions, Points of Presence (PoPs), and edge network capabilities, reducing latency and enhancing performance globally.
+- **[The Appwrite DNS](/docs/products/network/dns):** Appwrite provides a dedicated DNS (Domain Name System) service through its `appwrite.zone` nameservers to help you manage domain records for your applications.
 
 All this is managed from your Appwrite Console or CLI, and deployable in both [**Cloud**](https://cloud.appwrite.io/) and **self-hosted** environments.
 
@@ -64,14 +64,14 @@ From polished landing pages to waitlist forms and simple promo sites, Sites temp
 
 Getting started with Sites Templates takes just a few clicks:
 
-1. In the Appwrite Console's sidebar, click **Sites**.
-2. Click on the **Create site** button.
-3. After clicking on **Connect Git repository**, select your repository.
+1. In the Appwrite Console's sidebar, click **Sites**.
+2. Click on the **Create site** button.
+3. After clicking on **Connect Git repository**, select your repository.
 4. After connecting to GitHub, (optionally) add a name and site ID.
 5. Verify that the correct framework is selected.
 6. Confirm the install command, build command, and output directory in the build settings. To learn more, visit your preferred [framework quick-start](/docs/products/sites/quick-start#framework-quick-starts).
 7. Add any environment variables required by the site.
-8. The site will be created, and a build will begin. Once the build is completed, you'll have created your first site. You can use your site's **domain** to access the deployment.
+8. The site will be created, and a build will begin. Once the build is completed, you'll have created your first site. You can use your site's **domain** to access the deployment.
 
 We have added quick starts for popular frameworks to help you set up faster with your preferred framework, with more to come. As of today you can follow quick starts for [Flutter](/docs/products/sites/quick-start/flutter), [Nuxt](/docs/products/sites/quick-start/sveltekit), [Next.js](/docs/products/sites/quick-start/nextjs), Angular, [SvelteKit](/docs/products/sites/quick-start/sveltekit), [Remix](/docs/products/sites/quick-start/remix), [Astro](/docs/products/sites/quick-start/sveltekit), [Vue.js](/docs/products/sites/quick-start/sveltekit), [React](/docs/products/sites/quick-start/sveltekit), and [Vanilla.JS](/docs/products/sites/quick-start/sveltekit).
 
@@ -85,13 +85,14 @@ Appwrite Sites is free to use until July 1st, 2025. We will inform you before in
 
 # One platform to build, host, scale
 
-Like many developer tools, we are here to make you more productive. By bringing hosting into Appwrite, you spend less time on setup and more time on what matters: building. Fewer moving parts means fewer things to break, and everything works seamlessly with your existing Appwrite services like Databases, Functions, Storage, and Auth. It’s Appwrite’s goal to improve your time to production. We make you move faster with [Sites](/products/sites).
+Like many developer tools, we are here to make you more productive. By bringing hosting into Appwrite, you spend less time on setup and more time on what matters: building. Fewer moving parts means fewer things to break, and everything works seamlessly with your existing Appwrite services like Databases, Functions, Storage, and Auth. It's Appwrite's goal to improve your time to production. We make you move faster with [Sites](/products/sites).
 
 Sites will be available on both **Appwrite Cloud** and **self-hosted** deployments.
 
 Spin up your first site from the Console or [CLI](/docs/tooling/command-line/sites) and go live in minutes. No more stitching platforms together, no more waiting for deploys, just fast, integrated shipping.
 
 # More resources
+
 - [Appwrite Sites docs](/docs/producst/sites)
 - [Appwrite compared to Vercel](/blog/post/open-source-vercel-alternative)
 - [Appwrite Sites product tour](https://youtu.be/VtDe6hDw91k)

src/routes/blog/post/announcing-appwrite-sites/+page.markdoc

@@ -0,0 +1,76 @@
+---
+layout: post
+title: How to setup the Flutter starter template on Appwrite Sites
+description: Learn the process of deploying the Flutter starter template on Appwrite Sites.
+date: 2025-05-20
+cover: /images/blog/flutter-starter-sites/cover.png
+timeToRead: 5
+author: aditya-oberai
+category: tutorial
+featured: false
+callToAction: true
+---
+
+Most web hosting platforms don't support Flutter Web out of the box, often forcing developers to jump through hoops just to get their apps online. This lack of native support can make deploying Flutter Web projects unnecessarily complex and time-consuming.
+
+Appwrite Sites changes that by offering built-in support for Flutter Web, making it easy to host and scale your applications. Alongside Flutter, Appwrite also provides starter kits for popular frameworks like Next.js, React, Vue, Nuxt, Angular, and SvelteKit. In this blog, you'll learn how to set up the Flutter starter template and deploy it to [Appwrite Sites](/products/sites).
+
+# Overview of the starter template
+
+Flutter Web is a part of the Flutter framework that allows developers to build responsive, high-performance web applications using a single Dart codebase.
+
+Appwrite's Flutter starter template includes:
+
+- A clean, single-page UI
+- Integration with Appwrite's SDK
+- Pre-configured deployment settings for Appwrite Sites' Static rendering strategy
+
+![Deployed app](/images/blog/flutter-starter-sites/deployed.png)
+
+# Deploy the starter template on Appwrite
+
+Firstly, you must head to Appwrite Cloud and [create an account](https://cloud.appwrite.io/console/register) if you haven't already (or [self-host Appwrite 1.7](https://appwrite.io/docs/advanced/self-hosting)). Next, create your first project, which will lead you to the project overview page.
+
+![Add platform](/images/blog/flutter-starter-sites/add-platform.png)
+
+Head to the **Sites** page from the left sidebar, click on the **Create site** button, and select the **Clone a template** option. This will take you to the Appwrite Sites templates listing, where you should search `Flutter starter` and click on the template.
+
+![Starter template](/images/blog/flutter-starter-sites/template.png)
+
+After selecting the template, you can choose to connect a GitHub repository now or at a later time. If you choose to connect a repository, ensure you select a production branch (leave the root directory as is). Then, review the preset environment variables, update the domain name if you want, and click on the **Deploy** button. You can watch the deployment logs as the site is built.
+
+{% info title="Alternative method to deploy starter template" %}
+
+As an alternative to the Appwrite console, you can create and deploy websites using the [Appwrite CLI](/docs/products/sites/deploy-manually#cli). Create your Flutter starter using the following shell command and configuration:
+
+```bash
+appwrite init sites
+? What would you like to name your site? Flutter starter
+? What ID would you like to have for your site? unique()
+? What framework would you like to use? Flutter (flutter)
+? What specification would you like to use? 0.5 CPU, 512MB RAM
+```
+
+You can then make any edits to the website and deploy it using the following command:
+
+```bash
+appwrite push sites
+```
+
+{% /info %}
+
+# Test the starter template
+
+After your site has been successfully deployed, Appwrite will show you a **Congratulations** page. You can then either choose to view the site by clicking on the **Visit site** button or view the site configuration (deployments, logs, domains, usage, and settings) by clicking on the **Go to dashboard** button.
+
+![Congratulations](/images/blog/flutter-starter-sites/congrats.png)
+
+# Next steps
+
+And with that, the Flutter starter kit is deployed to Appwrite Sites. You can explore other templates or deploy any other websites you'd like. 
+
+For more information about Appwrite Sites:
+
+- [Appwrite Sites product docs](/docs/products/sites)
+- [Quick start to deploy any Flutter Web app](/docs/products/sites/quick-start/flutter)
+- [Appwrite Discord server](/discord)