* Add Stores and StoresContext and use it in MatrixChat and RoomView Added a new kind of class: - Add God object `Stores` which will hold refs to all known stores and the `MatrixClient`. This object is NOT a singleton. - Add `StoresContext` to hold onto a ref of `Stores` for use inside components. `StoresContext` is created via: - Create `Stores` in `MatrixChat`, assigning the `MatrixClient` when we have one set. Currently sets the RVS to `RoomViewStore.instance`. - Wrap `MatrixChat`s `render()` function in a `StoresContext.Provider` so it can be used anywhere. `StoresContext` is currently only used in `RoomView` via the following changes: - Remove the HOC, which redundantly set `mxClient` as a prop. We don't need this as `RoomView` was using the client from `this.context`. - Change the type of context accepted from `MatrixClientContext` to `StoresContext`. - Modify alllll the places where `this.context` is used to interact with the client and suffix `.client`. - Modify places where we use `RoomViewStore.instance` and replace them with `this.context.roomViewStore`. This makes `RoomView` use a non-global instance of RVS. * Linting * SDKContext and make client an optional constructor arg * Move SDKContext to /src/contexts * Inject all RVS deps * Linting * Remove reset calls; deep copy the INITIAL_STATE to avoid test pollution * DI singletons used in RoomView; DI them in RoomView-test too * Initial RoomViewStore.instance after all files are imported to avoid cyclical deps * Lazily init stores to allow for circular dependencies Rather than stores accepting a list of other stores in their constructors, which doesn't work when A needs B and B needs A, make new-style stores simply accept Stores. When a store needs another store, they access it via `Stores` which then lazily constructs that store if it needs it. This breaks the circular dependency at constructor time, without needing to introduce wiring diagrams or any complex DI framework. * Delete RoomViewStore.instance Replaced with Stores.instance.roomViewStore * Linting * Move OverridableStores to test/TestStores * Rejig how eager stores get made; don't automatically do it else tests break * Linting * Linting and review comments * Fix new code to use Stores.instance * s/Stores/SdkContextClass/g * Update docs * Remove unused imports * Update src/stores/RoomViewStore.tsx Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> * Remove empty c'tor to make sonar happy Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
127 lines
4.9 KiB
TypeScript
127 lines
4.9 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import { MatrixClient } from "matrix-js-sdk/src/matrix";
|
|
import { createContext } from "react";
|
|
|
|
import defaultDispatcher from "../dispatcher/dispatcher";
|
|
import LegacyCallHandler from "../LegacyCallHandler";
|
|
import { PosthogAnalytics } from "../PosthogAnalytics";
|
|
import { SlidingSyncManager } from "../SlidingSyncManager";
|
|
import { RoomNotificationStateStore } from "../stores/notifications/RoomNotificationStateStore";
|
|
import RightPanelStore from "../stores/right-panel/RightPanelStore";
|
|
import { RoomViewStore } from "../stores/RoomViewStore";
|
|
import SpaceStore, { SpaceStoreClass } from "../stores/spaces/SpaceStore";
|
|
import { WidgetLayoutStore } from "../stores/widgets/WidgetLayoutStore";
|
|
import WidgetStore from "../stores/WidgetStore";
|
|
|
|
export const SDKContext = createContext<SdkContextClass>(undefined);
|
|
SDKContext.displayName = "SDKContext";
|
|
|
|
/**
|
|
* A class which lazily initialises stores as and when they are requested, ensuring they remain
|
|
* as singletons scoped to this object.
|
|
*/
|
|
export class SdkContextClass {
|
|
/**
|
|
* The global SdkContextClass instance. This is a temporary measure whilst so many stores remain global
|
|
* as well. Over time, these stores should accept a `SdkContextClass` instance in their constructor.
|
|
* When all stores do this, this static variable can be deleted.
|
|
*/
|
|
public static readonly instance = new SdkContextClass();
|
|
|
|
// Optional as we don't have a client on initial load if unregistered. This should be set
|
|
// when the MatrixClient is first acquired in the dispatcher event Action.OnLoggedIn.
|
|
// It is only safe to set this once, as updating this value will NOT notify components using
|
|
// this Context.
|
|
public client?: MatrixClient;
|
|
|
|
// All protected fields to make it easier to derive test stores
|
|
protected _RightPanelStore?: RightPanelStore;
|
|
protected _RoomNotificationStateStore?: RoomNotificationStateStore;
|
|
protected _RoomViewStore?: RoomViewStore;
|
|
protected _WidgetLayoutStore?: WidgetLayoutStore;
|
|
protected _WidgetStore?: WidgetStore;
|
|
protected _PosthogAnalytics?: PosthogAnalytics;
|
|
protected _SlidingSyncManager?: SlidingSyncManager;
|
|
protected _SpaceStore?: SpaceStoreClass;
|
|
protected _LegacyCallHandler?: LegacyCallHandler;
|
|
|
|
/**
|
|
* Automatically construct stores which need to be created eagerly so they can register with
|
|
* the dispatcher.
|
|
*/
|
|
public constructEagerStores() {
|
|
this._RoomViewStore = this.roomViewStore;
|
|
}
|
|
|
|
public get legacyCallHandler(): LegacyCallHandler {
|
|
if (!this._LegacyCallHandler) {
|
|
this._LegacyCallHandler = LegacyCallHandler.instance;
|
|
}
|
|
return this._LegacyCallHandler;
|
|
}
|
|
public get rightPanelStore(): RightPanelStore {
|
|
if (!this._RightPanelStore) {
|
|
this._RightPanelStore = RightPanelStore.instance;
|
|
}
|
|
return this._RightPanelStore;
|
|
}
|
|
public get roomNotificationStateStore(): RoomNotificationStateStore {
|
|
if (!this._RoomNotificationStateStore) {
|
|
this._RoomNotificationStateStore = RoomNotificationStateStore.instance;
|
|
}
|
|
return this._RoomNotificationStateStore;
|
|
}
|
|
public get roomViewStore(): RoomViewStore {
|
|
if (!this._RoomViewStore) {
|
|
this._RoomViewStore = new RoomViewStore(
|
|
defaultDispatcher, this,
|
|
);
|
|
}
|
|
return this._RoomViewStore;
|
|
}
|
|
public get widgetLayoutStore(): WidgetLayoutStore {
|
|
if (!this._WidgetLayoutStore) {
|
|
this._WidgetLayoutStore = WidgetLayoutStore.instance;
|
|
}
|
|
return this._WidgetLayoutStore;
|
|
}
|
|
public get widgetStore(): WidgetStore {
|
|
if (!this._WidgetStore) {
|
|
this._WidgetStore = WidgetStore.instance;
|
|
}
|
|
return this._WidgetStore;
|
|
}
|
|
public get posthogAnalytics(): PosthogAnalytics {
|
|
if (!this._PosthogAnalytics) {
|
|
this._PosthogAnalytics = PosthogAnalytics.instance;
|
|
}
|
|
return this._PosthogAnalytics;
|
|
}
|
|
public get slidingSyncManager(): SlidingSyncManager {
|
|
if (!this._SlidingSyncManager) {
|
|
this._SlidingSyncManager = SlidingSyncManager.instance;
|
|
}
|
|
return this._SlidingSyncManager;
|
|
}
|
|
public get spaceStore(): SpaceStoreClass {
|
|
if (!this._SpaceStore) {
|
|
this._SpaceStore = SpaceStore.instance;
|
|
}
|
|
return this._SpaceStore;
|
|
}
|
|
}
|