Refactor avatar components, add space edit form

src/app/core/commands.ts

@@ -660,6 +660,8 @@ export const getBlossomServer = async (options: GetBlossomServerOptions = {}) =>
 export type UploadFileOptions = {
   url?: string
   encrypt?: boolean
+  maxWidth?: number
+  maxHeight?: number
 }
 
 export type UploadFileResult = {
@@ -671,8 +673,8 @@ export const uploadFile = async (file: File, options: UploadFileOptions = {}) =>
   try {
     const {name, type} = file
 
-    if (!type.match("image/(webp|gif)")) {
-      file = await compressFile(file)
+    if (!type.match("image/(webp|gif|svg)")) {
+      file = await compressFile(file, options)
     }
 
     const tags: string[][] = []

src/app/core/requests.ts

@@ -8,7 +8,7 @@ import {
   sortBy,
   now,
   on,
-  isNotNil,
+  isDefined,
   filterVals,
   fromPairs,
 } from "@welshman/lib"
@@ -279,6 +279,6 @@ export const requestRelayClaim = async (url: string) => {
 
 export const requestRelayClaims = async (urls: string[]) =>
   filterVals(
-    isNotNil,
+    isDefined,
     fromPairs(await Promise.all(urls.map(async url => [url, await requestRelayClaim(url)]))),
   )

src/app/core/state.ts

@@ -730,7 +730,7 @@ export const deriveSpaceMembers = (url: string) =>
         return getTagValues("member", membersEvent.tags)
       }
 
-      const members = new Set()
+      const members = new Set<string>()
 
       for (const event of sortBy(e => e.created_at, $events)) {
         const pubkeys = getPubkeyTagValues(event.tags)
@@ -765,7 +765,7 @@ export const deriveRoomMembers = (url: string, h: string) =>
         return getPubkeyTagValues(membersEvent.tags)
       }
 
-      const members = new Set()
+      const members = new Set<string>()
 
       for (const event of sortBy(e => -e.created_at, $events)) {
         const pubkeys = getPubkeyTagValues(event.tags)
@@ -825,7 +825,7 @@ export const deriveUserSpaceMembershipStatus = (url: string) =>
       deriveUserIsSpaceAdmin(url),
     ],
     ([$pubkey, $members, $events, $isAdmin]) => {
-      const isMember = $members.includes($pubkey) || $isAdmin
+      const isMember = $members.includes($pubkey!) || $isAdmin
 
       for (const event of $events) {
         if (event.pubkey !== $pubkey) {
@@ -860,7 +860,7 @@ export const deriveUserRoomMembershipStatus = (url: string, h: string) =>
       deriveUserIsRoomAdmin(url, h),
     ],
     ([$pubkey, $members, $events, $isAdmin]) => {
-      const isMember = $members.includes($pubkey) || $isAdmin
+      const isMember = $members.includes($pubkey!) || $isAdmin
 
       for (const event of $events) {
         if (event.pubkey !== $pubkey) {