Merge branch 'main' into add-video-to-homepage

markdoc.config.json

@@ -7,6 +7,9 @@
             "type": "esm",
             "property": "default",
             "watch": true
+        },
+        "partials": {
+            "auth-security.md": "./src/partials/auth-security.md"
         }
     }
 ]

src/lib/components/Feedback.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores';
+    import { fade } from 'svelte/transition';
+    import { loggedIn, user } from '$lib/utils/console';
     import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
 
     export let date: string | undefined = undefined;
@@ -14,6 +16,9 @@
     async function handleSubmit() {
         submitting = true;
         error = undefined;
+
+        const userId = loggedIn && $user?.$id ? $user.$id : undefined;
+
         const response = await fetch(`${PUBLIC_GROWTH_ENDPOINT}/feedback/docs`, {
             method: 'POST',
             headers: {
@@ -23,7 +28,10 @@
                 email,
                 type: feedbackType,
                 route: $page.route.id,
-                comment
+                comment,
+                metaFields: {
+                    userId
+                }
             })
         });
         submitting = false;
@@ -33,6 +41,7 @@
         }
         comment = email = '';
         submitted = true;
+        setTimeout(() => (showFeedback = false), 500);
     }
 
     function reset() {
@@ -45,6 +54,10 @@
     $: if (!showFeedback) {
         reset();
     }
+
+    $: if (showFeedback && loggedIn && $user?.email) {
+        email = $user?.email;
+    }
 </script>
 
 <section class="web-content-footer">
@@ -60,7 +73,7 @@
                         class="web-radio-button"
                         aria-label="helpful"
                         on:click={() => {
-                            showFeedback = feedbackType === 'positive' ? false : true;
+                            showFeedback = feedbackType !== 'positive';
                             feedbackType = 'positive';
                         }}
                     >
@@ -70,7 +83,7 @@
                         class="web-radio-button"
                         aria-label="unhelpful"
                         on:click={() => {
-                            showFeedback = feedbackType === 'negative' ? false : true;
+                            showFeedback = feedbackType !== 'negative';
                             feedbackType = 'negative';
                         }}
                     >
@@ -104,6 +117,7 @@
             on:submit|preventDefault={handleSubmit}
             class="web-card is-normal"
             style="--card-padding:1rem"
+            out:fade={{ duration: 450 }}
         >
             <div class="flex flex-col gap-2">
                 <label for="message">

src/lib/components/FooterNav.svelte

@@ -32,11 +32,11 @@
                 { label: 'Solid', href: '/docs/quick-starts/solid' }
             ],
             Products: [
-                { label: 'Auth', href: '/docs/products/auth' },
+                { label: 'Auth', href: '/products/auth' },
                 { label: 'Databases', href: '/docs/products/databases' },
-                { label: 'Functions', href: '/docs/products/functions' },
+                { label: 'Functions', href: '/products/functions' },
                 { label: 'Messaging', href: '/products/messaging' },
-                { label: 'Storage', href: '/docs/products/storage' },
+                { label: 'Storage', href: '/products/storage' },
                 { label: 'Realtime', href: '/docs/apis/realtime' }
             ],
             Learn: [

src/lib/components/MainFooter.svelte

@@ -92,6 +92,13 @@
         display: grid;
     }
 
+    @media #{devices.$break1} {
+        .status {
+            height: 55px;
+            margin-bottom: 6px; /* balancing due to style:margin-top="-4px" & the `iframe` has some spacings too I think */
+        }
+    }
+
     .e-main-footer {
         display: flex;
         @media #{devices.$break1} {

src/lib/components/Newsletter.svelte

@@ -1,19 +1,19 @@
 <script context="module" lang="ts">
-	import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
+    import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
 
-	export async function newsletter(name: string, email: string) {
-		const response = await fetch(`${PUBLIC_GROWTH_ENDPOINT}/newsletter/subscribe`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify({
-				name,
-				email
-			})
-		});
-		return response;
-	}
+    export async function newsletter(name: string, email: string) {
+        const response = await fetch(`${PUBLIC_GROWTH_ENDPOINT}/newsletter/subscribe`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                name,
+                email
+            })
+        });
+        return response;
+    }
 </script>
 
 <script lang="ts">

src/lib/components/PreFooter.svelte

@@ -3,7 +3,13 @@
     import { trackEvent } from '$lib/actions/analytics';
 </script>
 
-<img src="/images/bgs/pre-footer.png" alt="" class="web-pre-footer-bg" loading="lazy" style="z-index:-1" />
+<img
+    src="/images/bgs/pre-footer.png"
+    alt=""
+    class="web-pre-footer-bg"
+    loading="lazy"
+    style="z-index:-1"
+/>
 
 <div class="web-u-row-gap-80 relative grid gap-8 md:grid-cols-2">
     <section class="web-hero flex items-center justify-center gap-y-8">

src/lib/components/ProductsSubmenu.svelte

@@ -20,7 +20,7 @@
             icon: '/images/icons/illustrated/dark/auth.png'
         },
         {
-            name: 'Database',
+            name: 'Databases',
             href: '/docs/products/databases',
             description: 'Scalable and robust databases.',
             icon: '/images/icons/illustrated/dark/databases.png'