From 221a989c97f178317a6734c41ccac8ee390e8e63 Mon Sep 17 00:00:00 2001 From: Florian <45694132+flo-bit@users.noreply.github.com> Date: Sat, 18 Apr 2026 11:18:49 +0200 Subject: [PATCH 1/5] small improvements --- src/lib/sections/HeroSection/Decoration.svelte | 4 ++-- src/lib/sections/HeroSection/HeroSection.svelte | 2 +- src/lib/website/load.ts | 8 +++++++- 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/lib/sections/HeroSection/Decoration.svelte b/src/lib/sections/HeroSection/Decoration.svelte index b579329..7b798e9 100644 --- a/src/lib/sections/HeroSection/Decoration.svelte +++ b/src/lib/sections/HeroSection/Decoration.svelte @@ -54,10 +54,10 @@ {:else if item}
-
+
diff --git a/src/lib/sections/HeroSection/HeroSection.svelte b/src/lib/sections/HeroSection/HeroSection.svelte index 6fd7a6e..7521ed8 100644 --- a/src/lib/sections/HeroSection/HeroSection.svelte +++ b/src/lib/sections/HeroSection/HeroSection.svelte @@ -74,7 +74,7 @@ }} class={cn(buttonClass, 'pointer-events-auto')} > - {d.buttonText} + edit website {:else} v.page === data.page); if (cards.length > 0) { + const gridSectionIds = new Set( + data.sections.filter((s) => s.sectionType === 'grid').map((s) => s.id) + ); + + const gridCards = cards.filter((c) => !c.sectionId || gridSectionIds.has(c.sectionId)); + const bySection = new Map(); - for (const card of cards) { + for (const card of gridCards) { const key = card.sectionId; const bucket = bySection.get(key); if (bucket) bucket.push(card); -- 2.51.2 From 130ccff51380c1b2d2e1ecf6593c9d0a49430c40 Mon Sep 17 00:00:00 2001 From: Florian <45694132+flo-bit@users.noreply.github.com> Date: Sat, 18 Apr 2026 11:42:11 +0200 Subject: [PATCH 2/5] add cache bust to og images --- src/lib/website/EditableWebsite.svelte | 5 +++-- src/lib/website/Website.svelte | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/lib/website/EditableWebsite.svelte b/src/lib/website/EditableWebsite.svelte index f85f0e1..1b726d5 100644 --- a/src/lib/website/EditableWebsite.svelte +++ b/src/lib/website/EditableWebsite.svelte @@ -53,10 +53,11 @@ const ogImageUrl = $derived.by(() => { const origin = page.url.origin; - if (page.data.customDomain) return `${origin}/og-new.png`; + const v = data.updatedAt ? `?v=${data.updatedAt}` : ''; + if (page.data.customDomain) return `${origin}/og-new.png${v}`; const handle = data.profile?.handle; const actor = handle && handle !== 'handle.invalid' ? handle : data.did; - return `${origin}/${actor}/og-new.png`; + return `${origin}/${actor}/og-new.png${v}`; }); // Snapshot the original cards and sections so savePage can detect deletions. diff --git a/src/lib/website/Website.svelte b/src/lib/website/Website.svelte index b854a38..d7978dc 100644 --- a/src/lib/website/Website.svelte +++ b/src/lib/website/Website.svelte @@ -47,10 +47,11 @@ const ogImageUrl = $derived.by(() => { const origin = page.url.origin; - if (page.data.customDomain) return `${origin}/og-new.png`; + const v = data.updatedAt ? `?v=${data.updatedAt}` : ''; + if (page.data.customDomain) return `${origin}/og-new.png${v}`; const handle = data.profile?.handle; const actor = handle && handle !== 'handle.invalid' ? handle : data.did; - return `${origin}/${actor}/og-new.png`; + return `${origin}/${actor}/og-new.png${v}`; }); let container: HTMLDivElement | undefined = $state(); -- 2.51.2 From f21037faae0b3ba0998587ae7aa2c61f33ae0e07 Mon Sep 17 00:00:00 2001 From: Florian <45694132+flo-bit@users.noreply.github.com> Date: Sat, 18 Apr 2026 11:49:05 +0200 Subject: [PATCH 3/5] add user filter to section editing ui --- .../sections/HeroSection/HeroSection.svelte | 6 +++++- src/lib/sections/SectionChrome.svelte | 8 ++++++-- src/lib/sections/feature-flag.ts | 19 ++++++++++++++++--- src/lib/website/EditableWebsite.svelte | 8 +++++--- 4 files changed, 32 insertions(+), 9 deletions(-) diff --git a/src/lib/sections/HeroSection/HeroSection.svelte b/src/lib/sections/HeroSection/HeroSection.svelte index 7521ed8..594115f 100644 --- a/src/lib/sections/HeroSection/HeroSection.svelte +++ b/src/lib/sections/HeroSection/HeroSection.svelte @@ -74,7 +74,11 @@ }} class={cn(buttonClass, 'pointer-events-auto')} > - edit website + {#if user.isLoggedIn && user.profile} + edit website + {:else} + create website + {/if} {:else} - import { SECTIONS_EDITING_ENABLED } from './feature-flag'; + import { isSectionsEditingEnabled } from './feature-flag'; + import { getDidContext } from '$lib/website/context'; let { isActive, @@ -12,9 +13,12 @@ name: string; icon?: string; } = $props(); + + const did = getDidContext(); + const enabled = $derived(isSectionsEditingEnabled(did)); -{#if SECTIONS_EDITING_ENABLED && (hovered || isActive)} +{#if enabled && (hovered || isActive)}