blowater/UI/app_update.tsx
2023-09-23 20:53:40 +00:00

715 lines
26 KiB
TypeScript

/** @jsx h */
import { h } from "https://esm.sh/preact@10.17.1";
import { getProfileEvent, getProfilesByName, ProfilesSyncer, saveProfile } from "../features/profile.ts";
import { App } from "./app.tsx";
import { AllUsersInformation, getGroupOf, getUserInfoFromPublicKey, UserInfo } from "./contact-list.ts";
import * as csp from "https://raw.githubusercontent.com/BlowaterNostr/csp/master/csp.ts";
import { Database_Contextual_View } from "../database.ts";
import { convertEventsToChatMessages } from "./dm.ts";
import { sendDMandImages, sendSocialPost } from "../features/dm.ts";
import { notify } from "./notification.ts";
import { emitFunc, EventBus } from "../event-bus.ts";
import { ContactUpdate } from "./contact-list.tsx";
import { MyProfileUpdate } from "./edit-profile.tsx";
import {
DM_EditorModel,
EditorEvent,
new_DM_EditorModel,
SendMessage,
Social_EditorModel,
} from "./editor.tsx";
import { DirectMessagePanelUpdate } from "./message-panel.tsx";
import { NavigationUpdate } from "./nav.tsx";
import { Model } from "./app_model.ts";
import { SearchUpdate, SelectProfile } from "./search_model.ts";
import { fromEvents, LamportTime } from "../time.ts";
import { PublicKey } from "../lib/nostr-ts/key.ts";
import { NostrAccountContext, NostrEvent, NostrKind } from "../lib/nostr-ts/nostr.ts";
import { ConnectionPool, RelayAlreadyRegistered } from "../lib/nostr-ts/relay.ts";
import { SignInEvent, signInWithExtension, signInWithPrivateKey } from "./signIn.tsx";
import {
computeThreads,
DirectedMessage_Event,
Encrypted_Event,
getTags,
Parsed_Event,
PinContact,
Profile_Nostr_Event,
Text_Note_Event,
UnpinContact,
} from "../nostr.ts";
import { MessageThread } from "./dm.tsx";
import { DexieDatabase } from "./dexie-db.ts";
import { getSocialPosts } from "../features/social.ts";
import { RelayConfig } from "./relay-config.ts";
import { SocialUpdates } from "./social.tsx";
import { RelayConfigChange } from "./setting.tsx";
import { PopOverInputChannel } from "./components/popover.tsx";
import { Search } from "./search.tsx";
import { NoteID } from "../lib/nostr-ts/nip19.ts";
import { EventDetail, EventDetailItem } from "./event-detail.tsx";
import { CreateChatGroup } from "./create-group.tsx";
export type UI_Interaction_Event =
| SearchUpdate
| ContactUpdate
| EditorEvent
| NavigationUpdate
| DirectMessagePanelUpdate
| BackToContactList
| MyProfileUpdate
| PinContact
| UnpinContact
| SignInEvent
| SocialUpdates
| RelayConfigChange
| CreateChatGroup;
type BackToContactList = {
type: "BackToContactList";
};
export type AppEventBus = EventBus<UI_Interaction_Event>;
/////////////////////
// UI Interfaction //
/////////////////////
export async function* UI_Interaction_Update(args: {
model: Model;
eventBus: AppEventBus;
dexieDB: DexieDatabase;
pool: ConnectionPool;
popOver: PopOverInputChannel;
}) {
const { model, eventBus, dexieDB, pool } = args;
const events = eventBus.onChange();
for await (const event of events) {
console.log(event);
switch (event.type) {
case "editSignInPrivateKey":
model.signIn.privateKey = event.privateKey;
yield model;
continue;
break;
case "signin":
let ctx;
if (event.privateKey) {
ctx = signInWithPrivateKey(event.privateKey);
} else {
const ctx2 = await signInWithExtension();
console.log(ctx2);
if (typeof ctx2 == "string") {
model.signIn.warningString = ctx2;
} else if (ctx2 instanceof Error) {
model.signIn.warningString = ctx2.message;
} else {
ctx = ctx2;
}
}
if (ctx) {
console.log("sign in as", ctx.publicKey.bech32());
const dbView = await Database_Contextual_View.New(dexieDB, ctx);
if (dbView instanceof Error) {
throw dbView;
}
const lamport = fromEvents(dbView.events);
const app = new App(dbView, lamport, model, ctx, eventBus, pool, args.popOver);
await app.initApp();
model.app = app;
} else {
console.error("failed to sign in");
}
yield model;
continue;
break;
}
const app = model.app;
if (app == undefined) { // if not signed in
console.warn(event, "is not valid before signing");
console.warn("This could not happen!");
continue;
} // All events below are only valid after signning in
//
//
// Search
//
else if (event.type == "CancelPopOver") {
model.search.isSearching = false;
model.search.searchResults = [];
} else if (event.type == "StartSearch") {
model.search.isSearching = true;
const search = (
<Search
placeholder={"Search a user's public key or name"}
db={app.database}
emit={eventBus.emit}
/>
);
args.popOver.put({ children: search });
} else if (event.type == "Search") {
const pubkey = PublicKey.FromString(event.text);
if (pubkey instanceof PublicKey) {
app.profileSyncer.add(pubkey.hex);
const profile = getProfileEvent(app.database, pubkey);
model.search.searchResults = [{
pubkey: pubkey,
profile: profile?.profile,
}];
} else {
const profiles = getProfilesByName(app.database, event.text);
model.search.searchResults = profiles.map((p) => {
const pubkey = PublicKey.FromString(p.pubkey);
if (pubkey instanceof Error) {
throw new Error("impossible");
}
return {
pubkey: pubkey,
profile: p.profile,
};
});
}
} //
//
// Contacts
//
else if (event.type == "SelectProfile") {
model.search.isSearching = false;
model.search.searchResults = [];
model.rightPanelModel = {
show: false,
};
const group = getGroupOf(
event.pubkey,
app.allUsersInfo.userInfos,
);
model.dm.selectedContactGroup = group;
updateConversation(app.model, event.pubkey);
if (!model.dm.focusedContent.get(event.pubkey.hex)) {
model.dm.focusedContent.set(event.pubkey.hex, event.pubkey);
}
app.popOverInputChan.put({ children: undefined });
} else if (event.type == "BackToContactList") {
model.dm.currentSelectedContact = undefined;
} else if (event.type == "SelectGroup") {
model.dm.selectedContactGroup = event.group;
} else if (event.type == "PinContact" || event.type == "UnpinContact") {
console.log("todo: handle", event.type);
} //
//
// Editor
//
else if (event.type == "SendMessage") {
const err = await handle_SendMessage(
event,
app.ctx,
app.lamport,
pool,
app.model.editors,
app.model.social.editor,
app.model.social.replyEditors,
app.database,
);
if (err instanceof Error) {
console.error("update:SendMessage", err);
continue; // todo: global error toast
}
} else if (event.type == "UpdateMessageFiles") {
if (event.target.kind == NostrKind.DIRECT_MESSAGE) {
const editor = model.editors.get(event.id);
if (editor) {
editor.files = event.files;
} else {
console.log(event.target.receiver, event.id);
throw new Error("impossible state");
}
} else {
if (event.id == "social") {
model.social.editor.files = event.files;
} else {
const editor = model.social.replyEditors.get(event.id);
if (editor) {
editor.files = event.files;
} else {
throw new Error("impossible state");
}
}
}
} else if (event.type == "UpdateMessageText") {
if (event.target.kind == NostrKind.DIRECT_MESSAGE) {
const editor = model.editors.get(event.id);
if (editor) {
editor.text = event.text;
} else {
console.log(event.target.receiver, event.id);
throw new Error("impossible state");
}
} else {
if (event.id == "social") {
model.social.editor.text = event.text;
} else {
const editor = model.social.replyEditors.get(event.id);
if (editor) {
editor.text = event.text;
} else {
throw new Error("impossible state");
}
}
}
} //
//
// MyProfile
//
else if (event.type == "EditMyProfile") {
model.myProfile = Object.assign(model.myProfile || {}, event.profile);
} else if (event.type == "SaveMyProfile") {
InsertNewProfileField(app.model);
await saveProfile(
event.profile,
app.ctx,
pool,
);
} else if (event.type == "EditNewProfileFieldKey") {
model.newProfileField.key = event.key;
} else if (event.type == "EditNewProfileFieldValue") {
model.newProfileField.value = event.value;
} else if (event.type == "InsertNewProfileField") {
InsertNewProfileField(app.model);
} //
//
// Navigation
//
else if (event.type == "ChangeNavigation") {
model.navigationModel.activeNav = event.index;
model.rightPanelModel = {
show: false,
};
} //
//
// DM
//
else if (event.type == "ToggleRightPanel") {
model.rightPanelModel.show = event.show;
} else if (event.type == "ViewThread") {
if (model.navigationModel.activeNav == "Social") {
model.social.focusedContent = event.root;
} else if (model.navigationModel.activeNav == "DM") {
if (model.dm.currentSelectedContact) {
model.dm.focusedContent.set(
model.dm.currentSelectedContact.hex,
event.root,
);
}
}
model.rightPanelModel.show = true;
} else if (event.type == "ViewUserDetail") {
if (model.navigationModel.activeNav == "Social") {
model.social.focusedContent = event.pubkey;
} else if (
model.navigationModel.activeNav == "DM"
) {
if (model.dm.currentSelectedContact) {
model.dm.focusedContent.set(
model.dm.currentSelectedContact.hex,
event.pubkey,
);
}
}
model.rightPanelModel.show = true;
} else if (event.type == "ViewNoteThread") {
let root: NostrEvent = event.event;
if (event.event.parsedTags.root && event.event.parsedTags.root) {
const res = app.eventSyncer.syncEvent(NoteID.FromHex(event.event.parsedTags.root[0]));
if (res instanceof Promise) {
continue;
}
root = res;
} else if (event.event.parsedTags.e && event.event.parsedTags.e.length) {
const res = app.eventSyncer.syncEvent(NoteID.FromHex(event.event.parsedTags.e[0]));
if (res instanceof Promise) {
continue;
}
root = res;
}
if (root.kind == NostrKind.TEXT_NOTE) {
model.navigationModel.activeNav = "Social";
model.social.focusedContent = root;
} else if (root.kind == NostrKind.DIRECT_MESSAGE) {
const myPubkey = app.ctx.publicKey.hex;
if (root.pubkey != myPubkey && !getTags(root).p.includes(myPubkey)) {
continue; // if no conversation
}
updateConversation(model, PublicKey.FromHex(root.pubkey) as PublicKey);
if (model.dm.currentSelectedContact) {
model.dm.focusedContent.set(
model.dm.currentSelectedContact.hex,
root,
);
}
}
model.rightPanelModel.show = true;
} //
//
// Social
//
else if (event.type == "SocialFilterChanged_content") {
model.social.filter.content = event.content;
} else if (event.type == "SocialFilterChanged_authors") {
if (model.social.filter.adding_author) {
model.social.filter.author.add(model.social.filter.adding_author);
model.social.filter.adding_author = "";
const pubkeys: string[] = [];
for (const userInfo of app.allUsersInfo.userInfos.values()) {
for (const name of model.social.filter.author) {
if (userInfo.profile?.profile.name?.toLowerCase().includes(name.toLowerCase())) {
pubkeys.push(userInfo.pubkey.hex);
continue;
}
}
}
/* do not await */ app.eventSyncer.syncEvents({
kinds: [NostrKind.TEXT_NOTE],
authors: pubkeys,
});
// model.social.activeSyncingFilter =
}
} else if (event.type == "SocialFilterChanged_adding_author") {
model.social.filter.adding_author = event.value;
} else if (event.type == "SocialFilterChanged_remove_author") {
model.social.filter.author.delete(event.value);
} else if (event.type == "RelayConfigChange") {
const e = await app.relayConfig.toNostrEvent(app.ctx);
if (e instanceof Error) {
throw e; // impossible
}
pool.sendEvent(e);
app.relayConfig.saveToLocalStorage(app.ctx);
} else if (event.type == "ViewEventDetail") {
const nostrEvent = event.event;
const eventID = nostrEvent.id;
const eventIDBech32 = NoteID.FromString(nostrEvent.id).bech32();
const authorPubkey = nostrEvent.publicKey.hex;
const authorPubkeyBech32 = nostrEvent.publicKey.bech32();
const content = nostrEvent.content;
const originalEventRaw = JSON.stringify(
{
content: nostrEvent.content,
created_at: nostrEvent.created_at,
kind: nostrEvent.kind,
tags: nostrEvent.tags,
pubkey: nostrEvent.pubkey,
id: nostrEvent.id,
sig: nostrEvent.sig,
},
null,
4,
);
const items: EventDetailItem[] = [
{
title: "Event ID",
fields: [
eventID,
eventIDBech32,
],
},
{
title: "Author",
fields: [
authorPubkey,
authorPubkeyBech32,
],
},
{
title: "Content",
fields: [
content,
originalEventRaw,
],
},
];
app.popOverInputChan.put({
children: (
<EventDetail
items={items}
/>
),
});
}
yield model;
}
}
export type DirectMessageGetter = {
getDirectMessages(publicKey: string): DirectedMessage_Event[];
};
export function getConversationMessages(args: {
targetPubkey: string;
allUserInfo: Map<string, UserInfo>;
dmGetter: DirectMessageGetter;
}): MessageThread[] {
const { targetPubkey, allUserInfo } = args;
let t = Date.now();
let events = args.dmGetter.getDirectMessages(targetPubkey);
if (events == undefined) {
events = [];
}
const threads = computeThreads(Array.from(events));
console.log("getConversationMessages:compute threads", Date.now() - t);
const msgs: MessageThread[] = [];
for (const thread of threads) {
const messages = convertEventsToChatMessages(thread, allUserInfo);
if (messages.length > 0) {
messages.sort((m1, m2) => {
if (m1.lamport && m2.lamport && m1.lamport != m2.lamport) {
return m1.lamport - m2.lamport;
}
return m1.created_at.getTime() - m2.created_at.getTime();
});
msgs.push({
root: messages[0],
replies: messages.slice(1),
// replies: [],
});
}
}
console.log("getConversationMessages:convert", Date.now() - t);
return msgs;
}
export function updateConversation(
model: Model,
targetPublicKey: PublicKey,
) {
model.dm.hasNewMessages.delete(targetPublicKey.hex);
// If this conversation is new
if (!model.editors.has(targetPublicKey.hex)) {
model.editors.set(targetPublicKey.hex, {
id: targetPublicKey.hex,
files: [],
text: "",
tags: [],
target: {
kind: NostrKind.DIRECT_MESSAGE,
receiver: {
pubkey: targetPublicKey,
},
},
});
}
model.dm.currentSelectedContact = targetPublicKey;
}
//////////////
// Database //
//////////////
export async function* Database_Update(
ctx: NostrAccountContext,
database: Database_Contextual_View,
model: Model,
profileSyncer: ProfilesSyncer,
lamport: LamportTime,
allUserInfo: AllUsersInformation,
emit: emitFunc<SelectProfile>,
) {
const changes = database.subscribe();
while (true) {
await csp.sleep(333);
await changes.ready();
const t = Date.now();
const changes_events: (Text_Note_Event | Encrypted_Event | Profile_Nostr_Event)[] = [];
while (true) {
if (!changes.isReadyToPop()) {
break;
}
const e = await changes.pop();
if (e == csp.closed) {
console.error("unreachable: db changes channel should never close");
break;
}
if (e == null) {
continue;
}
changes_events.push(e);
}
let hasKind_1 = false;
profileSyncer.add(...changes_events.map((e) => e.pubkey));
for (let e of changes_events) {
allUserInfo.addEvents([e]);
const t = getTags(e).lamport_timestamp;
if (t) {
lamport.set(t);
}
if (e.kind == NostrKind.META_DATA || e.kind == NostrKind.DIRECT_MESSAGE) {
for (const contact of allUserInfo.userInfos.values()) {
const editor = model.editors.get(contact.pubkey.hex);
if (editor == null) { // a stranger sends a message
const pubkey = PublicKey.FromHex(contact.pubkey.hex);
if (pubkey instanceof Error) {
throw pubkey; // impossible
}
model.editors.set(
contact.pubkey.hex,
new_DM_EditorModel({
pubkey,
}),
);
}
}
if (model.dm.currentSelectedContact) {
updateConversation(
model,
model.dm.currentSelectedContact,
);
}
if (e.kind == NostrKind.META_DATA) {
if (model.search.searchResults.length > 0) {
const previous = model.search.searchResults;
model.search.searchResults = previous.map((profile) => {
const profileEvent = getProfileEvent(database, profile.pubkey);
return {
pubkey: profile.pubkey,
profile: profileEvent?.profile,
};
});
}
// my profile update
if (ctx && e.pubkey == ctx.publicKey.hex) {
const newProfile = getProfileEvent(database, ctx.publicKey);
if (newProfile == undefined) {
throw new Error("impossible");
}
model.myProfile = newProfile.profile;
}
} else if (e.kind == NostrKind.DIRECT_MESSAGE) {
const pubkey = PublicKey.FromHex(e.pubkey);
if (pubkey instanceof Error) {
console.error(pubkey);
continue;
}
if (e.pubkey != ctx.publicKey.hex) {
if (model.dm.currentSelectedContact?.hex != e.pubkey) {
model.dm.hasNewMessages.add(e.pubkey);
}
}
}
} else if (e.kind == NostrKind.TEXT_NOTE) {
hasKind_1 = true;
}
// notification
{
const author = getUserInfoFromPublicKey(e.publicKey, allUserInfo.userInfos)?.profile;
if (e.pubkey != ctx.publicKey.hex && e.parsedTags.p.includes(ctx.publicKey.hex)) {
notify(
author?.profile.name ? author.profile.name : "",
"new message",
author?.profile.picture ? author.profile.picture : "",
() => {
const k = PublicKey.FromHex(e.pubkey);
if (k instanceof Error) {
console.error(k);
return;
}
emit({
type: "SelectProfile",
pubkey: k,
});
},
);
}
}
}
if (hasKind_1) {
console.log("Database_Update: getSocialPosts");
model.social.threads = getSocialPosts(database, allUserInfo.userInfos);
}
console.log("Database_Update:", `loop ${Date.now() - t}`, changes_events);
yield model;
}
}
function InsertNewProfileField(model: Model) {
if (model.newProfileField.key && model.newProfileField.value) {
model.myProfile = Object.assign(model.myProfile || {}, {
[model.newProfileField.key]: model.newProfileField.value,
});
model.newProfileField = {
key: "",
value: "",
};
}
}
export async function handle_SendMessage(
event: SendMessage,
ctx: NostrAccountContext,
lamport: LamportTime,
pool: ConnectionPool,
dmEditors: Map<string, DM_EditorModel>,
socialEditor: Social_EditorModel,
replyEditors: Map<string, Social_EditorModel>,
db: Database_Contextual_View,
) {
if (event.target.kind == NostrKind.DIRECT_MESSAGE) {
const events = await sendDMandImages({
sender: ctx,
receiverPublicKey: event.target.receiver.pubkey,
message: event.text,
files: event.files,
kind: event.target.kind,
lamport_timestamp: lamport.now(),
pool,
tags: event.tags,
});
if (events instanceof Error) {
return events;
}
for (const eventSent of events) {
const err = await db.addEvent(eventSent);
if (err instanceof Error) {
console.error(err);
}
}
const editor = dmEditors.get(event.id);
if (editor) {
editor.files = [];
editor.text = "";
}
} else {
const eventSent = await sendSocialPost({
sender: ctx,
message: event.text,
lamport_timestamp: lamport.now(),
pool,
tags: event.tags,
});
if (eventSent instanceof Error) {
return eventSent;
}
await db.addEvent(eventSent);
if (event.id == "social") {
socialEditor.files = [];
socialEditor.text = "";
}
const editor = replyEditors.get(event.id);
if (editor) {
editor.files = [];
editor.text = "";
}
}
}