From c96a01b56ba272e0cc383a88fcc145c0e266fcfb Mon Sep 17 00:00:00 2001
From: Florian <45694132+flo-bit@users.noreply.github.com>
Date: Thu, 8 Jan 2026 20:10:39 +0100
Subject: [PATCH] add livestream embed

---
 src/lib/cards/EmbedCard/EmbedCard.svelte      |  2 +-
 .../SidebarItemEmbedLivestreamCard.svelte     | 12 ++++++++++++
 .../SidebarItemLivestreamCard.svelte          |  2 +-
 src/lib/cards/LivestreamCard/index.ts         | 19 +++++++++++++++++++
 src/lib/cards/index.ts                        |  3 ++-
 5 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/cards/LivestreamCard/SidebarItemEmbedLivestreamCard.svelte

diff --git a/src/lib/cards/EmbedCard/EmbedCard.svelte b/src/lib/cards/EmbedCard/EmbedCard.svelte
index af29817..865e91a 100644
--- a/src/lib/cards/EmbedCard/EmbedCard.svelte
+++ b/src/lib/cards/EmbedCard/EmbedCard.svelte
@@ -6,7 +6,7 @@
 
 <iframe
 	src={item.cardData.href}
-	sandbox="allow-scripts"
+	sandbox="allow-scripts allow-same-origin"
 	referrerpolicy="no-referrer"
 	class="absolute inset-0 h-full w-full"
 	title=""
diff --git a/src/lib/cards/LivestreamCard/SidebarItemEmbedLivestreamCard.svelte b/src/lib/cards/LivestreamCard/SidebarItemEmbedLivestreamCard.svelte
new file mode 100644
index 0000000..f8a64de
--- /dev/null
+++ b/src/lib/cards/LivestreamCard/SidebarItemEmbedLivestreamCard.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Button } from '@foxui/core';
+	import Icon from './Icon.svelte';
+
+	let { onclick }: { onclick: () => void } = $props();
+</script>
+
+<Button {onclick} variant="ghost" class="w-full" size="lg">
+	<Icon class="size-4" />
+
+	Embed stream.place
+</Button>
diff --git a/src/lib/cards/LivestreamCard/SidebarItemLivestreamCard.svelte b/src/lib/cards/LivestreamCard/SidebarItemLivestreamCard.svelte
index f0b925a..b8f0e71 100644
--- a/src/lib/cards/LivestreamCard/SidebarItemLivestreamCard.svelte
+++ b/src/lib/cards/LivestreamCard/SidebarItemLivestreamCard.svelte
@@ -8,5 +8,5 @@
 <Button {onclick} variant="ghost" class="w-full" size="lg">
 	<Icon class="size-4" />
 
-	Latest Livestream
+	Latest stream.place
 </Button>
diff --git a/src/lib/cards/LivestreamCard/index.ts b/src/lib/cards/LivestreamCard/index.ts
index 44230ef..4d1b5f9 100644
--- a/src/lib/cards/LivestreamCard/index.ts
+++ b/src/lib/cards/LivestreamCard/index.ts
@@ -1,5 +1,8 @@
+import { client } from '$lib/oauth';
+import EmbedCard from '../EmbedCard/EmbedCard.svelte';
 import type { CardDefinition } from '../types';
 import LivestreamCard from './LivestreamCard.svelte';
+import SidebarItemEmbedLivestreamCard from './SidebarItemEmbedLivestreamCard.svelte';
 import SidebarItemLivestreamCard from './SidebarItemLivestreamCard.svelte';
 
 export const LivestreamCardDefitition = {
@@ -13,3 +16,19 @@ export const LivestreamCardDefitition = {
 		card.mobileW = 4;
 	}
 } as CardDefinition & { type: 'latestLivestream' };
+
+export const LivestreamEmbedCardDefitition = {
+	type: 'livestreamEmbed',
+	contentComponent: EmbedCard,
+	sidebarComponent: SidebarItemEmbedLivestreamCard,
+	createNew: (card) => {
+		card.w = 2;
+		card.h = 1;
+		card.mobileH = 2;
+		card.mobileW = 4;
+
+		card.cardData = {
+			href: 'https://stream.place/embed/' + client.profile?.handle
+		};
+	}
+} as CardDefinition & { type: 'livestreamEmbed' };
diff --git a/src/lib/cards/index.ts b/src/lib/cards/index.ts
index bad9fb6..66b4909 100644
--- a/src/lib/cards/index.ts
+++ b/src/lib/cards/index.ts
@@ -2,7 +2,7 @@ import { BlueskyPostCardDefinition } from './BlueskyPostCard';
 import { EmbedCardDefinition } from './EmbedCard';
 import { ImageCardDefinition } from './ImageCard';
 import { LinkCardDefinition } from './LinkCard';
-import { LivestreamCardDefitition } from './LivestreamCard';
+import { LivestreamCardDefitition, LivestreamEmbedCardDefitition } from './LivestreamCard';
 import { UpdatedBlentosCardDefitition } from './SpecialCards/UpdatedBlentos';
 import { TextCardDefinition } from './TextCard';
 import type { CardDefinition } from './types';
@@ -16,6 +16,7 @@ export const AllCardDefinitions = [
 	YoutubeCardDefinition,
 	BlueskyPostCardDefinition,
 	LivestreamCardDefitition,
+	LivestreamEmbedCardDefitition,
 	EmbedCardDefinition
 ] as const;
 
-- 
2.51.2