From 48cbec997a8281ba3419b39ec7777f02867c6f7f Mon Sep 17 00:00:00 2001
From: Florian <45694132+flo-bit@users.noreply.github.com>
Date: Wed, 4 Jun 2025 22:06:38 +0200
Subject: [PATCH] permissions

---
 src/lib/components/ChatMessage.svelte         | 10 ++-
 src/lib/components/TimelineView.svelte        |  7 +-
 src/lib/schema.ts                             |  3 +-
 src/lib/utils.ts                              | 64 +++++++++++--------
 .../channel/[channelId]/+page.svelte          | 18 ++++--
 5 files changed, 61 insertions(+), 41 deletions(-)

diff --git a/src/lib/components/ChatMessage.svelte b/src/lib/components/ChatMessage.svelte
index f6f5d17..ece5794 100644
--- a/src/lib/components/ChatMessage.svelte
+++ b/src/lib/components/ChatMessage.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { ImageDefinition, type Loaded } from 'jazz-tools';
+	import { Account, Group, ImageDefinition, type Loaded } from 'jazz-tools';
 	import { Message, MyAppAccount, MyAppProfile, Reaction, Space } from '$lib/schema';
 	import { cn, Prose } from '@fuxui/base';
 	import { CoState } from 'jazz-svelte';
 	import RelativeTime from 'svelte-relative-time';
-	import { isSpaceAdmin, publicGroup } from '$lib/utils';
+	import { isSpaceAdmin, messageHasAdmin, publicGroup } from '$lib/utils';
 	import ChatMessageMenu from './ChatMessageMenu.svelte';
 	import ChatReactions from './ChatReactions.svelte';
 	import ReplyMessage from './ReplyMessage.svelte';
@@ -25,7 +25,8 @@
 		showDivider = true,
 		showReply = true,
 		showThread = true,
-		allowThreadCreation = true
+		allowThreadCreation = true,
+		admin
 	}: {
 		messageId: string;
 		previousMessageId?: string;
@@ -38,6 +39,7 @@
 		showReply?: boolean;
 		showThread?: boolean;
 		allowThreadCreation?: boolean;
+		admin: Loaded<typeof Account>;
 	} = $props();
 
 	let message = $derived(
@@ -148,6 +150,7 @@
 	let reactions = $derived(convertReactionsToEmojis(message.current?.reactions));
 </script>
 
+{#if admin && message.current && messageHasAdmin(message.current, admin)}
 <div
 	class={cn(
 		'relative flex w-full max-w-full flex-col gap-2 py-1 select-text',
@@ -238,3 +241,4 @@
 		/>
 	{/if}
 </div>
+{/if}
\ No newline at end of file
diff --git a/src/lib/components/TimelineView.svelte b/src/lib/components/TimelineView.svelte
index 2deee7f..56980a4 100644
--- a/src/lib/components/TimelineView.svelte
+++ b/src/lib/components/TimelineView.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Message, MyAppAccount } from '$lib/schema';
-	import type { Loaded } from 'jazz-tools';
+	import type { Account, Group, Loaded } from 'jazz-tools';
 	import ChatMessage from './ChatMessage.svelte';
 	import { Virtualizer } from 'virtua/svelte';
 	import { page } from '$app/state';
@@ -17,7 +17,8 @@
 		me,
 		createThread,
 		allowThreadCreation = true,
-		showThread = true
+		showThread = true,
+		admin 
 	}: {
 		timeline: string[];
 		setReplyTo: (message: Loaded<typeof Message>) => void;
@@ -25,6 +26,7 @@
 		createThread: (message: Loaded<typeof Message>) => void;
 		allowThreadCreation?: boolean;
 		showThread?: boolean;
+		admin: Loaded<typeof Account>;
 	} = $props();
 
 	setContext('scrollTo', (id: string) => {
@@ -81,6 +83,7 @@
 						{createThread}
 						{allowThreadCreation}
 						{showThread}
+						{admin}
 					/>
 				{/if}
 			{/snippet}
diff --git a/src/lib/schema.ts b/src/lib/schema.ts
index 66a137b..8b638c0 100644
--- a/src/lib/schema.ts
+++ b/src/lib/schema.ts
@@ -47,7 +47,8 @@ export const Space = co.map({
 	description: z.string().optional(),
 	emoji: z.string().optional(),
 	members: co.list(co.account()),
-	version: z.number().optional()
+	version: z.number().optional(),
+	adminId: z.string()
 });
 
 export const SpaceList = co.list(Space);
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 3cbc486..cd150a4 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -40,26 +40,29 @@ export function createChannel(name: string) {
 }
 
 export function createSpace(name: string, description?: string, emoji?: string) {
-	const group = publicGroup();
-
 	const channel = createChannel('general');
 
+	// user is already admin
+	const adminGroup = Group.create();
+
+	const readerGroup = Group.create();
+	// add reading for everyone
+	readerGroup.addMember('everyone', 'reader');
+	readerGroup.extend(adminGroup);
+
+	const me = Account.getMe();
+
 	const space = Space.create(
 		{
 			name,
-			channels: co.list(Channel).create([channel], {
-				owner: group
-			}),
+			channels: co.list(Channel).create([channel], readerGroup),
 			description,
 			emoji,
-			members: co.list(co.account()).create([Account.getMe()], {
-				owner: group
-			}),
-			version: 1
+			members: co.list(co.account()).create([Account.getMe()], publicGroup()),
+			version: 1,
+			adminId: me.id
 		},
-		{
-			owner: group
-		}
+		readerGroup
 	);
 
 	return space;
@@ -78,6 +81,11 @@ export function isSpaceAdmin(space: Loaded<typeof Space>) {
 	}
 }
 
+export function messageHasAdmin(message: Loaded<typeof Message>, admin: Account) {
+	console.log('messageHasAdmin', message, admin);
+	return admin.canAdmin(message);
+}
+
 export function createPublicSpacesList() {
 	const spaces = SpaceList.create([], {
 		owner: publicGroup()
@@ -86,24 +94,28 @@ export function createPublicSpacesList() {
 	return spaces;
 }
 
-export function createMessage(content: CoRichText, images: string[], replyTo?: string) {
+export function createMessage(input: string, images: string[], admin: Account, replyTo?: string) {
+	const adminGroup = Group.create();
+	adminGroup.addMember(admin, 'admin');
+	const readingGroup = publicGroup('reader');
+	readingGroup.extend(adminGroup);
+
+	const content = new CoRichText({
+		text: input,
+		owner: readingGroup
+	});
+
 	const message = Message.create(
 		{
 			content,
 			createdAt: new Date(),
 			updatedAt: new Date(),
-			images: co.list(z.string()).create([...images], {
-				owner: publicGroup()
-			}),
-			reactions: co.list(Reaction).create([], {
-				owner: publicGroup()
-			}),
+			images: co.list(z.string()).create([...images], readingGroup),
+			reactions: co.list(Reaction).create([], publicGroup()),
 			replyTo: replyTo,
 			type: 'message'
 		},
-		{
-			owner: publicGroup()
-		}
+		readingGroup
 	);
 
 	return message;
@@ -113,13 +125,9 @@ export function createThread(messagesIds: string[], name?: string) {
 	const thread = Thread.create(
 		{
 			name: name || 'New Thread',
-			timeline: Timeline.create([...messagesIds], {
-				owner: publicGroup()
-			})
+			timeline: Timeline.create([...messagesIds], publicGroup())
 		},
-		{
-			owner: publicGroup()
-		}
+		publicGroup()
 	);
 
 	return thread;
diff --git a/src/routes/[spaceId]/channel/[channelId]/+page.svelte b/src/routes/[spaceId]/channel/[channelId]/+page.svelte
index ae900dc..9ca4e3c 100644
--- a/src/routes/[spaceId]/channel/[channelId]/+page.svelte
+++ b/src/routes/[spaceId]/channel/[channelId]/+page.svelte
@@ -16,7 +16,7 @@
 	import { createMessage, createThread, joinSpace, publicGroup } from '$lib/utils';
 	import { Button, Heading, Input, Modal } from '@fuxui/base';
 	import { AccountCoState, CoState } from 'jazz-svelte';
-	import { co, CoRichText, z, type Loaded } from 'jazz-tools';
+	import { Account, co, CoRichText, Group, z, type Loaded } from 'jazz-tools';
 	import { view } from '../../view.svelte';
 	import ChatMessageThread from '$lib/components/ChatMessageThread.svelte';
 	import TimelineView from '$lib/components/TimelineView.svelte';
@@ -26,6 +26,8 @@
 
 	let space = $derived(new CoState(Space, route.spaceId));
 
+	let admin = $derived(new CoState(Account, space.current?.adminId));
+
 	// onMount(() => {
 	// 	setInterval(() => {
 	// 		// post a new random message
@@ -77,11 +79,13 @@
 		}
 	}
 
+	$inspect(admin?.current);
+
 	function handleSubmit() {
-		let newContent = new CoRichText({
-			text: input,
-			owner: publicGroup()
-		});
+		if(!admin?.current) {
+			console.error('no admin');
+			return;
+		}
 
 		let images: string[] = [];
 
@@ -90,8 +94,7 @@
 				images.push(image.id);
 			});
 		}
-
-		const message = createMessage(newContent, images, replyTo?.id);
+		const message = createMessage(input, images, admin?.current, replyTo?.id);
 
 		postImages = [];
 
@@ -198,6 +201,7 @@
 			threadMessage = message;
 			createThreadModalOpen = true;
 		}}
+		admin={admin?.current}
 	/>
 
 	<ChatInput
-- 
2.51.2