blowater/UI/message-panel.test.tsx

/** @jsx h */
import { h, render } from "https://esm.sh/preact@10.17.1";
import { MessagePanel } from "./message-panel.tsx";
import { InvalidKey, PrivateKey } from "../lib/nostr-ts/key.ts";
import { InMemoryAccountContext, NostrKind } from "../lib/nostr-ts/nostr.ts";
import { Datebase_View } from "../database.ts";
import { testEventBus, testEventMarker, testEventsAdapter, testRelayAdapter } from "./_setup.test.ts";
import { prepareNormalNostrEvent } from "../lib/nostr-ts/event.ts";
import { DM_List } from "./conversation-list.ts";
import { EventSyncer } from "./event_syncer.ts";
import { ConnectionPool } from "../lib/nostr-ts/relay-pool.ts";
import { ProfileSyncer } from "../features/profile.ts";
import { handle_SendMessage } from "./app_update.tsx";
import { LamportTime } from "../time.ts";
import { initialModel } from "./app_model.ts";
import { relays } from "../lib/nostr-ts/relay-list.test.ts";
import { fail } from "https://deno.land/std@0.176.0/testing/asserts.ts";
import { GroupChatSyncer, GroupMessageController } from "../features/gm.ts";

const ctx = InMemoryAccountContext.New(PrivateKey.Generate());
const database = await test_db_view();

const lamport = new LamportTime(0);

await database.addEvent(
    await prepareNormalNostrEvent(ctx, {
        content: "hi",
        kind: NostrKind.TEXT_NOTE,
    }),
);
await database.addEvent(
    await prepareNormalNostrEvent(ctx, {
        content: "hi 2",
        kind: NostrKind.TEXT_NOTE,
    }),
);
await database.addEvent(
    await prepareNormalNostrEvent(ctx, {
        content: "hi 3",
        kind: NostrKind.TEXT_NOTE,
    }),
);
const pool = new ConnectionPool();
const model = initialModel();
pool.addRelayURL(relays[0]);
const groupMessageController = new GroupMessageController(
    ctx,
    new GroupChatSyncer(database, pool),
    new ProfileSyncer(database, pool),
);

const editor = model.dmEditors.get(ctx.publicKey.hex);

const view = () => {
    if (editor == undefined) {
        return undefined;
    }
    return (
        <MessagePanel
            profileGetter={database}
            /**
             * If we use a map to store all editor models,
             * need to distinguish editor models for DMs and GMs
             */
            editorModel={editor}
            eventSyncer={new EventSyncer(pool, database)}
            focusedContent={undefined}
            myPublicKey={ctx.publicKey}
            profilesSyncer={new ProfileSyncer(database, pool)}
            emit={testEventBus.emit}
            messages={[]}
            rightPanelModel={{
                show: true,
            }}
            isGroupChat={false}
        />
    );
};

render(view(), document.body);

for await (const e of testEventBus.onChange()) {
    console.log(e);
    if (e.type == "SendMessage") {
        const err = await handle_SendMessage(
            e,
            ctx,
            lamport,
            pool,
            model.dmEditors,
            model.gmEditors,
            database,
            groupMessageController,
        );
        if (err instanceof Error) {
            console.error("update:SendMessage", err);
            continue; // todo: global error toast
        }
    } else if (e.type == "UpdateEditorText") {
    }
    render(view(), document.body);
}