R Midhun Suresh
ee37734cfc
* Introduce snapshot class to track snapshot updates This avoids the hassle of having to manually call emit. * Better viewmodel ergonomics - Rename `SubscriptionViewModel` to `BaseViewModel`. I feel this is appropriate since that class does more than just manage subscriptions. - `getSnapshot` is no longer an abstract method. It's simply a method that returns the current snapshot state. This ensures that getSnapshot result is cached by default which is required by `useSyncExternalStore`. - `props` are a property of the base vm class so that actual VMs don't have to keep creating this property. * Update `TextualEventViewModel` * Fix test * Rename `TextualEvent` to `TextualEventView` * Fix snapshot object not being merged * Rename directory to `EventTileView` * Fix broken snapshot * Add test for snapshot class
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
/*
|
|
Copyright 2025 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import { MatrixEventEvent } from "matrix-js-sdk/src/matrix";
|
|
|
|
import { type EventTileTypeProps } from "../../events/EventTileFactory";
|
|
import { MatrixClientPeg } from "../../MatrixClientPeg";
|
|
import { textForEvent } from "../../TextForEvent";
|
|
import { type TextualEventViewSnapshot } from "../../shared-components/event-tiles/TextualEventView/TextualEventView";
|
|
import { BaseViewModel } from "../base/BaseViewModel";
|
|
|
|
export class TextualEventViewModel extends BaseViewModel<TextualEventViewSnapshot, EventTileTypeProps> {
|
|
public constructor(props: EventTileTypeProps) {
|
|
super(props, { content: "" });
|
|
this.setTextFromEvent();
|
|
}
|
|
|
|
private setTextFromEvent = (): void => {
|
|
const content = textForEvent(this.props.mxEvent, MatrixClientPeg.safeGet(), true, this.props.showHiddenEvents);
|
|
this.snapshot.set({ content });
|
|
};
|
|
|
|
protected addDownstreamSubscription = (): void => {
|
|
this.props.mxEvent.on(MatrixEventEvent.SentinelUpdated, this.setTextFromEvent);
|
|
};
|
|
|
|
protected removeDownstreamSubscription = (): void => {
|
|
this.props.mxEvent.off(MatrixEventEvent.SentinelUpdated, this.setTextFromEvent);
|
|
};
|
|
}
|