first implementation of MSC4440 Bios (will have to be changed later)

Author: dozro

src/app/features/settings/account/Profile.tsx

@@ -29,7 +29,7 @@ import { useSetAtom } from 'jotai';
 import { SequenceCard } from '$components/sequence-card';
 import { SettingTile } from '$components/setting-tile';
 import { useMatrixClient } from '$hooks/useMatrixClient';
-import { UserProfile, useUserProfile } from '$hooks/useUserProfile';
+import { UserProfile, useUserProfile, MSC4440Bio } from '$hooks/useUserProfile';
 import { getMxIdLocalPart, mxcUrlToHttp } from '$utils/matrix';
 import { UserAvatar } from '$components/user-avatar';
 import { useMediaAuthentication } from '$hooks/useMediaAuthentication';
@@ -52,6 +52,7 @@ import { BioEditor } from './BioEditor';
 import { NameColorEditor } from './NameColorEditor';
 import { StatusEditor } from './StatusEditor';
 import { AnimalCosmetics } from './AnimalCosmetics';
+import { toPlainText } from '$components/editor';
 
 type PronounSet = {
   summary: string;
@@ -576,13 +577,24 @@ function ProfileExtended({ profile, userId }: Readonly<ProfileProps>) {
       >
         <BioEditor
           value={
+            (profile.extended?.['gay.fomx.biography'] satisfies MSC4440Bio)?.formatted_body ||
             profile.extended?.['moe.sable.app.bio'] ||
             profile.extended?.['chat.commet.profile_bio'] ||
             profile.bio
           }
           onSave={(htmlBio) => {
             handleSaveField('moe.sable.app.bio', htmlBio);
 
+            // MSC4440
+            handleSaveField('gay.fomx.biography', {
+              body: htmlBio
+                .replaceAll('<br>', '\n')
+                .replaceAll('<li>', '\n- ')
+                .replaceAll(/<[^>]*>/g, ''),
+              format: 'org.matrix.custom.html',
+              formatted_body: htmlBio,
+            } satisfies MSC4440Bio);
+
             const cleanedHtml = htmlBio.replaceAll('<br/></blockquote>', '</blockquote>');
             handleSaveField('chat.commet.profile_bio', {
               format: 'org.matrix.custom.html',

src/app/hooks/useUserProfile.ts

@@ -11,6 +11,12 @@ import { useMatrixClient } from './useMatrixClient';
 
 const inFlightProfiles = new Map<string, Promise<any>>();
 
+export type MSC4440Bio = {
+  body: string;
+  format: string;
+  formatted_body: string;
+};
+
 export type UserProfile = {
   avatarUrl?: string;
   displayName?: string;
@@ -35,6 +41,7 @@ const normalizeInfo = (info: any): UserProfile => {
     'm.tz',
     'moe.sable.app.bio',
     'chat.commet.profile_bio',
+    'gay.fomx.biography',
     'chat.commet.profile_banner',
     'chat.commet.profile_status',
     'moe.sable.app.name_color',
@@ -54,7 +61,10 @@ const normalizeInfo = (info: any): UserProfile => {
     displayName: info.displayname,
     pronouns: info['io.fsky.nyx.pronouns'],
     timezone: info['us.cloke.msc4175.tz'] || info['m.tz'],
-    bio: info['moe.sable.app.bio'] || info['chat.commet.profile_bio'],
+    bio:
+      (info['gay.fomx.biography'] satisfies MSC4440Bio).formatted_body ||
+      info['moe.sable.app.bio'] ||
+      info['chat.commet.profile_bio'],
     status: info['chat.commet.profile_status'],
     bannerUrl: info['chat.commet.profile_banner'],
     nameColor: info['moe.sable.app.name_color'],