134 lines
3.3 KiB
TypeScript
134 lines
3.3 KiB
TypeScript
import type {
|
|
HistoryStats,
|
|
CheckConnectionResult,
|
|
SyncClient
|
|
} from "sync-client";
|
|
|
|
export class StatusDescription {
|
|
private lastHistoryStats: HistoryStats | undefined;
|
|
private lastRemaining: number | undefined;
|
|
private lastConnectionState: CheckConnectionResult | undefined;
|
|
|
|
private statusChangeListeners: (() => void)[] = [];
|
|
|
|
public constructor(private readonly syncClient: SyncClient) {
|
|
void this.updateConnectionState();
|
|
|
|
syncClient.history.addSyncHistoryUpdateListener((status) => {
|
|
this.lastHistoryStats = status;
|
|
this.updateDescription();
|
|
});
|
|
|
|
this.syncClient.syncer.addRemainingOperationsListener(
|
|
(remainingOperations) => {
|
|
this.lastRemaining = remainingOperations;
|
|
this.updateDescription();
|
|
}
|
|
);
|
|
|
|
this.syncClient.settings.addOnSettingsChangeHandlers(() => {
|
|
void this.updateConnectionState();
|
|
});
|
|
}
|
|
|
|
public async updateConnectionState(): Promise<void> {
|
|
this.lastConnectionState = await this.syncClient.checkConnection();
|
|
this.updateDescription();
|
|
}
|
|
|
|
public addStatusChangeListener(listener: () => void): void {
|
|
this.statusChangeListeners.push(listener);
|
|
}
|
|
public removeStatusChangeListener(listener: () => void): void {
|
|
this.statusChangeListeners = this.statusChangeListeners.filter(
|
|
(l) => l !== listener
|
|
);
|
|
}
|
|
|
|
public renderStatusDescription(container: HTMLElement): void {
|
|
container.empty();
|
|
container.addClass("status-description");
|
|
|
|
if (this.lastConnectionState == undefined) {
|
|
container.createSpan({
|
|
text: "VaultLink is starting up…",
|
|
cls: "warning"
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (!this.lastConnectionState.isSuccessful) {
|
|
container.createSpan({
|
|
text: `VaultLink failed to connect to the remote server with the error "${this.lastConnectionState.message}"`,
|
|
cls: "error"
|
|
});
|
|
return;
|
|
}
|
|
|
|
container.createSpan({ text: "VaultLink is connected to the server " });
|
|
container.createEl("a", {
|
|
text: this.syncClient.settings.getSettings().remoteUri,
|
|
href: this.syncClient.settings.getSettings().remoteUri
|
|
});
|
|
|
|
container.createSpan({
|
|
text: ` and has indexed approximately `
|
|
});
|
|
container.createSpan({
|
|
text: `${this.syncClient.documentCount}`,
|
|
cls: "number"
|
|
});
|
|
container.createSpan({
|
|
text: ` documents. `
|
|
});
|
|
|
|
if (
|
|
(this.lastRemaining ?? 0) === 0 &&
|
|
(this.lastHistoryStats?.success ?? 0) === 0 &&
|
|
(this.lastHistoryStats?.error ?? 0) === 0
|
|
) {
|
|
if (this.syncClient.settings.getSettings().isSyncEnabled) {
|
|
container.createSpan({
|
|
text: "Syncing is enabled but VaultLink hasn't found anything to sync yet."
|
|
});
|
|
} else {
|
|
container.createSpan({
|
|
text: "However, syncing is disabled right now.",
|
|
cls: "warning"
|
|
});
|
|
}
|
|
return;
|
|
}
|
|
|
|
container.createSpan({
|
|
text: "The plugin has "
|
|
});
|
|
container.createSpan({
|
|
text: `${this.lastRemaining ?? 0}`,
|
|
cls: "number"
|
|
});
|
|
container.createSpan({
|
|
text: " outstanding operations while having succeeded "
|
|
});
|
|
container.createSpan({
|
|
text: `${this.lastHistoryStats?.success ?? 0}`,
|
|
cls: ["number", "good"]
|
|
});
|
|
container.createSpan({
|
|
text: " times and failed "
|
|
});
|
|
container.createSpan({
|
|
text: `${this.lastHistoryStats?.error ?? 0}`,
|
|
cls: ["number", "bad"]
|
|
});
|
|
container.createSpan({
|
|
text: " times."
|
|
});
|
|
}
|
|
|
|
private updateDescription(): void {
|
|
this.statusChangeListeners.forEach((listener) => {
|
|
listener();
|
|
});
|
|
}
|
|
}
|