Merge branch 'main' into new-website-redesign-blog

Author: ItzNotABug

.prettierignore

@@ -11,4 +11,16 @@ node_modules
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
-*.scss
+*.scss
+
+# Assets
+*.jpg
+*.png
+*.webp
+*.avif
+
+# Media
+*.mp3
+*.wav
+*.mp4
+*.mpv

CONTENT.md

@@ -1,12 +1,10 @@
 # Content Guidelines
 
-## Table of Contents
-
-### Basics
+## Basics
 
 Here are some essential markdoc syntax elements with code examples:
 
-#### Paragraphs and Line Breaks
+### Paragraphs and Line Breaks
 
 To create a new paragraph, simply leave a blank line between lines of text.
 
@@ -16,7 +14,7 @@ This is the first paragraph.
 This is the second paragraph.
 ```
 
-#### Headers
+### Headers
 
 Headers are used to create section titles. Use hashtags (#) for headers, with more hashtags for lower-level headers.
 
@@ -34,7 +32,7 @@ Headers can also be given ID's so they can be linked to and are present in the T
 # Header with ID {% #header-with-id %}
 ```
 
-#### Lists
+### Lists
 
 Create ordered (numbered) and unordered (bulleted) lists using 1., \*, or -.
 
@@ -54,7 +52,7 @@ Create ordered (numbered) and unordered (bulleted) lists using 1., \*, or -.
 - Cherry
 ```
 
-#### Links
+### Links
 
 Create hyperlinks to other web pages or sections within your documentation.
 
@@ -63,7 +61,7 @@ Create hyperlinks to other web pages or sections within your documentation.
 [Link to Section](#section-name)
 ```
 
-#### Images
+### Images
 
 Embed images using the `![alt text](image URL)` syntax.
 
@@ -82,7 +80,7 @@ In most cases, we need images in both light and dark mode such as:
 {% /only_light %}
 ```
 
-#### Code Blocks
+### Code Blocks
 
 Format code blocks using triple backticks (```).
 
@@ -95,15 +93,15 @@ def hello_world():
 
 Remember to use a specific language label if the code is using an Appwrite SDK. Find the [list of available labels here](https://github.com/appwrite/website/blob/41bb6c71a8647016c88393003d3cf6c4edba1f76/src/lib/utils/references.ts#L26).
 
-#### Inline Code
+### Inline Code
 
 Highlight inline code with backticks (`) around the code snippet.
 
 ```md
 Use the `print()` function to display text.
 ```
 
-#### Emphasis and Strong Text
+### Emphasis and Strong Text
 
 Use asterisks (\*) or underscores (\_) for emphasis and double asterisks or underscores for strong text.
 
@@ -114,7 +112,7 @@ _Italic Text_ or _Italic Text_
 **Bold Text** or **Bold Text**
 ```
 
-#### Tables
+### Tables
 
 Tables allow you to display structured data in your documentation. Use pipes (|) to separate columns and hyphens (-) to define the table header.
 
@@ -146,7 +144,7 @@ Alternatively, use markdoc tables.
 {% /table %}
 ```
 
-#### Block Quotes
+### Block Quotes
 
 Block quotes are used to emphasize or highlight text. To create a block quote, use the > symbol at the beginning of the quoted text.
 
@@ -157,9 +155,9 @@ Block quotes are used to emphasize or highlight text. To create a block quote, u
 
 These are the fundamental Markdown syntax elements you'll need to create well-structured and formatted documentation.
 
-### Components
+## Components
 
-#### Tabs
+### Tabs
 
 ```md
 {% tabs %}
@@ -173,7 +171,7 @@ Lorem ipsum dolor sit amet consectetur.
 {% /tabs %}
 ```
 
-#### Multicode Examples
+### Multicode Examples
 
 <pre>
 {% multicode %}
@@ -191,7 +189,9 @@ print('test');
 {% /multicode %}
 </pre>
 
-#### Sections
+Remember to use a specific language label if the code is using an Appwrite SDK. Find the [list of available labels here](https://github.com/appwrite/website/blob/41bb6c71a8647016c88393003d3cf6c4edba1f76/src/lib/utils/references.ts#L26).
+
+### Sections
 
 Use sections when there is a clear step-by-step format to a page. This is used mainly in journey pages and tutorials.
 
@@ -209,15 +209,15 @@ Lorem ipsum dolor sit amet consectetur.
 {% /section %}
 ```
 
-#### Info
+### Info
 
 ```
 {% info title="Public Service Announcement" %}
 Lorem ipsum dolor sit amet consectetur.
 {% /info %}
 ```
 
-#### Icon
+### Icon
 
 Available sizes are `s`, `m`, `l` and `xl`. Default: `s`.
 
@@ -228,7 +228,7 @@ Available sizes are `s`, `m`, `l` and `xl`. Default: `s`.
 {% icon icon="github" size="xl" /%}
 ```
 
-#### Icon Image
+### Icon Image
 
 Available sizes are `s`, `m`, `l` and `xl`. Default: `s`.
 
@@ -239,7 +239,7 @@ Available sizes are `s`, `m`, `l` and `xl`. Default: `s`.
 {% icon_image src="/icon.png" alt="Icon" size="xl" /%}
 ```
 
-#### Only Light/Dark Theme
+### Only Light/Dark Theme
 
 ```
 {% only_dark %}
@@ -250,7 +250,7 @@ Available sizes are `s`, `m`, `l` and `xl`. Default: `s`.
 {% /only_light %}
 ```
 
-#### Cards
+### Cards
 
 We use cards when we reference a list of links for navigation
 
@@ -276,7 +276,7 @@ Get started with Appwrite and SvelteKit
 {% /cards %}
 ```
 
-#### Cards with icons
+### Cards with icons
 
 We use cards when we reference a list of links for navigation, this variation has icons for extra hints visually.
 
@@ -294,7 +294,7 @@ Configure FCM for push notification to Android and Apple devices.
 {% /cards %}
 ```
 
-#### Accordions
+### Accordions
 
 Use accordions to reduce page size and collapse information that's not important when a reader is scrolling the page.
 

README.md

@@ -41,4 +41,4 @@ Join our growing community around the world! See our official [Blog](https://app
 
 ## License
 
-Appwrite website, docs and blog © 2024 by Appwrite is licensed under [CC BY-NC-ND 4.0](https://creativecommons.org/licenses/by-nc-nd/4.0/).
+Appwrite website, docs and blog © 2025 by Appwrite is licensed under [CC BY-NC-ND 4.0](https://creativecommons.org/licenses/by-nc-nd/4.0/).

STYLE.md

@@ -332,6 +332,13 @@ or a page needs to be sufficiently different from existing pages, follow exisitn
 
 If you are proposing a new type of page, discuss an outline in your PR and ask for the Appwrite team's review.
 
+### Placeholders
+
+Whenever there's a need for a placeholder such as for an ID, use angle brackets (<>) over square brackets ([]) because square brackets can be confused for an array.
+
+- ✅ `client.setEndpoint("https://<REGION>.cloud.appwrite.io")`
+- ❌ `client.setEndpoint("https://[REGION].cloud.appwrite.io")`
+
 ## Code snippets
 
 For quick starts and tutorials, a developer must be able to follow code examples from beginning to end

package.json

@@ -24,9 +24,8 @@
         "optimize": "node ./scripts/optimize-assets.js",
         "optimize:all": "node ./scripts/optimize-all.js"
     },
-    "packageManager": "pnpm@10.8.1",
+    "packageManager": "pnpm@10.11.1",
     "dependencies": {
-        "@number-flow/svelte": "^0.3.3",
         "h3": "^1.14.0",
         "posthog-js": "^1.210.2",
         "sharp": "^0.33.5"
@@ -35,24 +34,29 @@
         "@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.6.x",
+        "@appwrite.io/repo": "github:appwrite/appwrite#main",
         "@eslint/compat": "^1.2.7",
         "@eslint/js": "^9.21.0",
         "@fingerprintjs/fingerprintjs": "^4.5.1",
         "@internationalized/date": "3.5.0",
         "@melt-ui/pp": "^0.3.2",
         "@melt-ui/svelte": "^0.86.5",
+        "@number-flow/svelte": "^0.3.7",
         "@playwright/test": "^1.50.0",
         "@sveltejs/adapter-node": "^5.2.12",
         "@sveltejs/enhanced-img": "^0.4.4",
         "@sveltejs/kit": "^2.20.2",
         "@sveltejs/vite-plugin-svelte": "^5.0.3",
-        "@tailwindcss/postcss": "^4.1.2",
+        "@tailwindcss/postcss": "^4.1.4",
+        "@turf/boolean-point-in-polygon": "^7.2.0",
         "@types/compression": "^1.7.5",
         "@types/glob": "^8.1.0",
+        "@types/jsdom": "^21.1.7",
         "@types/markdown-it": "^13.0.9",
         "@types/morgan": "^1.9.9",
+        "@types/proj4": "^2.5.6",
         "analytics": "^0.8.16",
+        "appwrite": "^17.0.1",
         "bits-ui": "^1.3.19",
         "clsx": "^2.1.1",
         "cva": "npm:class-variance-authority@^0.7.1",
@@ -68,10 +72,13 @@
         "fuse.js": "^7.0.0",
         "globals": "^15.14.0",
         "highlight.js": "^11.11.1",
+        "linkedom": "^0.18.9",
         "markdown-it": "^14.1.0",
         "meilisearch": "^0.37.0",
         "melt": "^0.29.2",
-        "motion": "^10.18.0",
+        "motion": "^12.7.4",
+        "node-appwrite": "^16.0.0",
+        "node-fetch": "^3.3.2",
         "node-html-parser": "^6.1.13",
         "openapi-types": "^12.1.3",
         "oslllo-svg-fixer": "^3.0.0",
@@ -82,24 +89,28 @@
         "prettier": "^3.4.2",
         "prettier-plugin-svelte": "^3.3.3",
         "prettier-plugin-tailwindcss": "^0.6.11",
+        "proj4": "^2.17.0",
         "remeda": "^2.20.0",
         "reodotdev": "^1.0.0",
         "sass": "^1.83.4",
         "svelte": "^5.25.6",
         "svelte-check": "^4.0.0",
         "svelte-markdoc-preprocess": "3.0.0",
         "svelte-markdown": "^0.4.1",
+        "svg-dotted-map": "^2.0.1",
         "svgtofont": "^4.2.3",
         "tailwind-merge": "^3.0.2",
-        "tailwindcss": "^4.1.2",
+        "tailwindcss": "^4.1.4",
         "tslib": "^2.8.1",
         "typescript": "^5.8.2",
         "typescript-eslint": "^8.21.0",
+        "vaul-svelte": "1.0.0-next.7",
         "vite": "^6.2.4",
         "vite-plugin-dynamic-import": "^1.6.0",
         "vite-plugin-image-optimizer": "^1.1.8",
         "vite-plugin-manifest-sri": "^0.2.0",
-        "vitest": "^3.1.1"
+        "vitest": "^3.1.1",
+        "zod": "^3.24.2"
     },
     "pnpm": {
         "onlyBuiltDependencies": [