v0.25.23.beta1

### Fixed (This should be backported to 0.25.22 if the beta phase is prolonged)

- No longer larger files will not create a chunks during preparing `Reset Synchronisation on This Device`.

### Behaviour changes

- Setup wizard is now more `goal-oriented`. Brand-new screens are introduced.
- `Fetch everything` and `Rebuild everything` is now `Reset Synchronisation on This Device` and `Overwrite Server Data with This Device's Files`.
- Remote configuration and E2EE settings are now separated to each modal dialogue.
- Peer-to-Peer settings is also separated into its own modal dialogue.
- Setup-URI, and Report for the Issue are now not copied to clipboard automatically. Instead, there are copy dialogue and buttons to copy them explicitly.
- No longer optional features are introduced during the setup or `Reset Synchronisation on This Device`, `Overwrite Server Data with This Device's Files`.
- We cannot preform `Fetch everything` and `Rebuild everything` (Removed, so the old name) without restarting Obsidian now.

### Miscellaneous

- Setup QR Code generation is separated into a src/lib/src/API/processSetting.ts file. Please use it as a subrepository if you want to generate QR codes in your own application.
- Setup-URI is also separated into a src/lib/src/API/processSetting.ts
- Some direct access to web-APIs are now wrapped into the services layer.

### Dependency updates

- Many dependencies are updated. Please see `package.json`.
- As upgrading TypeScript, Fixed many UInt8Array<ArrayBuffer> and Uint8Array type mismatches.

src/modules/features/SettingDialogue/InfoPanel.svelte

@@ -0,0 +1,80 @@
+<script lang="ts">
+    /**
+     * Info Panel to display key-value information from the port
+     * Mostly used in the Setting Dialogue
+     */
+    import { type SveltePanelProps } from "./SveltePanel";
+    type Props = SveltePanelProps<{
+        info: Record<string, any>;
+    }>;
+    const { port }: Props = $props();
+    const info = $derived.by(() => $port?.info ?? {});
+    const infoEntries = $derived(Object.entries(info ?? {}));
+</script>
+
+<div class="info-panel">
+    <div class="info-grid" role="list">
+        {#each infoEntries as [key, value]}
+            <div class="info-entry info-key" role="listitem" aria-label={key}>
+                <div class="key">{key}</div>
+            </div>
+            <div class="info-entry info-item" role="listitem" aria-label={key}>
+                <div class="value">{value}</div>
+            </div>
+        {/each}
+    </div>
+</div>
+
+<style>
+    .info-panel {
+        padding: 0.6rem;
+        flex-grow: 1;
+    }
+
+    /* Main Grid (Info Items) 220px to 1fr, repeat */
+    .info-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+        gap: 0.6rem;
+        margin-top: 0.5rem;
+    }
+    .info-entry {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        gap: 0.5rem;
+        border-radius: 6px;
+        box-sizing: border-box;
+        min-height: 1.2em;
+    }
+
+    .info-key {
+        font-weight: 600;
+        align-items: center;
+        border-top: 1px solid var(--background-modifier-hover);
+        border-bottom: 1px solid var(--background-modifier-hover);
+        /* color: var(--text-muted, #6b6b6b); */
+    }
+    .info-item {
+        align-items: start;
+        padding: 0.5rem;
+        background: var(--background-modifier-hover, rgba(0, 0, 0, 0.03));
+    }
+
+    .value {
+        white-space: pre-wrap;
+        word-break: break-word;
+        color: var(--text-normal, #e6e6e6);
+        min-height: 1em;
+    }
+
+    @media (max-width: 420px) {
+        .info-item {
+            grid-template-columns: 1fr;
+        }
+        /* .label {
+            order: -1;
+            white-space: normal;
+            padding-bottom: 0.25rem;
+        } */
+    }
+</style>

src/modules/features/SettingDialogue/PaneHatch.ts

@@ -170,11 +170,13 @@ ${stringifyYaml({
     ...pluginConfig,
 })}`;
                     console.log(msgConfig);
-                    await navigator.clipboard.writeText(msgConfig);
-                    Logger(
-                        `Generated report has been copied to clipboard. Please report the issue with this! Thank you for your cooperation!`,
-                        LOG_LEVEL_NOTICE
-                    );
+                    if ((await this.services.UI.promptCopyToClipboard("Generated report", msgConfig)) == true) {
+                        // await navigator.clipboard.writeText(msgConfig);
+                        // Logger(
+                        //     `Generated report has been copied to clipboard. Please report the issue with this! Thank you for your cooperation!`,
+                        //     LOG_LEVEL_NOTICE
+                        // );
+                    }
                 })
         );
         new Setting(paneEl).autoWireToggle("writeLogToTheFile");

src/modules/features/SettingDialogue/PaneMaintenance.ts

@@ -1,6 +1,6 @@
 import { LocalDatabaseMaintenance } from "../../../features/LocalDatabaseMainte/CmdLocalDatabaseMainte.ts";
 import { LOG_LEVEL_NOTICE, Logger } from "../../../lib/src/common/logger.ts";
-import { FLAGMD_REDFLAG, FLAGMD_REDFLAG2_HR, FLAGMD_REDFLAG3_HR } from "../../../lib/src/common/types.ts";
+import { FlagFilesHumanReadable, FLAGMD_REDFLAG } from "../../../lib/src/common/types.ts";
 import { fireAndForget } from "../../../lib/src/common/utils.ts";
 import { LiveSyncCouchDBReplicator } from "../../../lib/src/replication/couchdb/LiveSyncReplicator.ts";
 import { LiveSyncSetting as Setting } from "./LiveSyncSetting.ts";
@@ -98,6 +98,35 @@ export function paneMaintenance(
             );
     });
 
+    void addPanel(paneEl, "Reset Synchronisation information").then((paneEl) => {
+        new Setting(paneEl)
+            .setName("Reset Synchronisation on This Device")
+            .setDesc("Restore or reconstruct local database from remote.")
+            .addButton((button) =>
+                button
+                    .setButtonText("Schedule and Restart")
+                    .setCta()
+                    .setDisabled(false)
+                    .onClick(async () => {
+                        await this.plugin.storageAccess.writeFileAuto(FlagFilesHumanReadable.FETCH_ALL, "");
+                        this.services.appLifecycle.performRestart();
+                    })
+            );
+        new Setting(paneEl)
+            .setName("Overwrite Server Data with This Device's Files")
+            .setDesc("Rebuild local and remote database with local files.")
+            .addButton((button) =>
+                button
+                    .setButtonText("Schedule and Restart")
+                    .setCta()
+                    .setDisabled(false)
+                    .onClick(async () => {
+                        await this.plugin.storageAccess.writeFileAuto(FlagFilesHumanReadable.REBUILD_ALL, "");
+                        this.services.appLifecycle.performRestart();
+                    })
+            );
+    });
+
     void addPanel(paneEl, "Syncing", () => {}, this.onlyOnCouchDBOrMinIO).then((paneEl) => {
         new Setting(paneEl)
             .setName("Resend")
@@ -244,69 +273,7 @@ export function paneMaintenance(
                 );
         }
     );
-    void addPanel(paneEl, "Rebuilding Operations (Local)").then((paneEl) => {
-        new Setting(paneEl)
-            .setName("Fetch from remote")
-            .setDesc("Restore or reconstruct local database from remote.")
-            .addButton((button) =>
-                button
-                    .setButtonText("Fetch")
-                    .setWarning()
-                    .setDisabled(false)
-                    .onClick(async () => {
-                        await this.plugin.storageAccess.writeFileAuto(FLAGMD_REDFLAG3_HR, "");
-                        this.services.appLifecycle.performRestart();
-                    })
-            )
-            .addButton((button) =>
-                button
-                    .setButtonText("Fetch w/o restarting")
-                    .setWarning()
-                    .setDisabled(false)
-                    .onClick(async () => {
-                        await this.rebuildDB("localOnly");
-                    })
-            );
 
-        new Setting(paneEl)
-            .setName("Fetch rebuilt DB (Save local documents before)")
-            .setDesc("Restore or reconstruct local database from remote database but use local chunks.")
-            .addButton((button) =>
-                button
-                    .setButtonText("Save and Fetch")
-                    .setWarning()
-                    .setDisabled(false)
-                    .onClick(async () => {
-                        await this.rebuildDB("localOnlyWithChunks");
-                    })
-            )
-            .addOnUpdate(this.onlyOnCouchDB);
-    });
-
-    void addPanel(paneEl, "Total Overhaul", () => {}, this.onlyOnCouchDBOrMinIO).then((paneEl) => {
-        new Setting(paneEl)
-            .setName("Rebuild everything")
-            .setDesc("Rebuild local and remote database with local files.")
-            .addButton((button) =>
-                button
-                    .setButtonText("Rebuild")
-                    .setWarning()
-                    .setDisabled(false)
-                    .onClick(async () => {
-                        await this.plugin.storageAccess.writeFileAuto(FLAGMD_REDFLAG2_HR, "");
-                        this.services.appLifecycle.performRestart();
-                    })
-            )
-            .addButton((button) =>
-                button
-                    .setButtonText("Rebuild w/o restarting")
-                    .setWarning()
-                    .setDisabled(false)
-                    .onClick(async () => {
-                        await this.rebuildDB("rebuildBothByThisDevice");
-                    })
-            );
-    });
     void addPanel(paneEl, "Rebuilding Operations (Remote Only)", () => {}, this.onlyOnCouchDBOrMinIO).then((paneEl) => {
         new Setting(paneEl)
             .setName("Perform cleanup")

src/modules/features/SettingDialogue/PaneSetup.ts

@@ -13,6 +13,7 @@ import type { PageFunctions } from "./SettingPane.ts";
 import { visibleOnly } from "./SettingPane.ts";
 import { DEFAULT_SETTINGS } from "../../../lib/src/common/types.ts";
 import { request } from "obsidian";
+import { SetupManager, UserMode } from "../ModuleSetupObsidian.ts";
 export function paneSetup(
     this: ObsidianLiveSyncSettingTab,
     paneEl: HTMLElement,
@@ -30,11 +31,13 @@ export function paneSetup(
             });
 
         new Setting(paneEl)
-            .setName($msg("obsidianLiveSyncSettingTab.nameManualSetup"))
-            .setDesc($msg("obsidianLiveSyncSettingTab.descManualSetup"))
+            .setName("Rerun Onboarding Wizard")
+            .setDesc("Rerun the onboarding wizard to set up Self-hosted LiveSync again.")
             .addButton((text) => {
-                text.setButtonText($msg("obsidianLiveSyncSettingTab.btnStart")).onClick(async () => {
-                    await this.enableMinimalSetup();
+                text.setButtonText("Rerun Wizard").onClick(async () => {
+                    const setupManager = this.plugin.getModule(SetupManager);
+                    await setupManager.onBoard(UserMode.ExistingUser);
+                    // await this.plugin.moduleSetupObsidian.onBoardingWizard(true);
                 });
             });
 

src/modules/features/SettingDialogue/SveltePanel.ts

@@ -0,0 +1,54 @@
+import { mount, type Component, unmount } from "svelte";
+import { type Writable, writable, get } from "svelte/store";
+
+/**
+ * Props passed to Svelte panels, containing a writable port
+ * to communicate with the panel
+ */
+export type SveltePanelProps<T = any> = {
+    port: Writable<T | undefined>;
+};
+
+/**
+ * A class to manage a Svelte panel within Obsidian
+ * Especially useful for settings panels
+ */
+export class SveltePanel<T = any> {
+    private _mountedComponent: ReturnType<typeof mount>;
+    private _componentValue = writable<T | undefined>(undefined);
+    /**
+     * Creates a Svelte panel instance
+     * @param component Component to mount
+     * @param mountTo HTMLElement to mount the component to
+     * @param valueStore Optional writable store to bind to the component's port, if not provided a new one will be created
+     * @returns The SveltePanel instance
+     */
+    constructor(component: Component<SveltePanelProps<T>>, mountTo: HTMLElement, valueStore?: Writable<T>) {
+        this._componentValue = valueStore ?? writable<T | undefined>(undefined);
+        this._mountedComponent = mount(component, {
+            target: mountTo,
+            props: {
+                port: this._componentValue,
+            },
+        });
+        return this;
+    }
+    /**
+     * Destroys the Svelte panel instance by unmounting the component
+     */
+    destroy() {
+        if (this._mountedComponent) {
+            void unmount(this._mountedComponent);
+        }
+    }
+
+    /**
+     * Gets or sets the current value of the component's port
+     */
+    get componentValue() {
+        return get(this._componentValue);
+    }
+    set componentValue(value: T | undefined) {
+        this._componentValue.set(value);
+    }
+}

src/modules/features/SettingDialogue/settingUtils.ts

@@ -0,0 +1,78 @@
+import { escapeStringToHTML } from "octagonal-wheels/string";
+import { E2EEAlgorithmNames, type ObsidianLiveSyncSettings } from "../../../lib/src/common/types";
+import {
+    pickCouchDBSyncSettings,
+    pickBucketSyncSettings,
+    pickP2PSyncSettings,
+    pickEncryptionSettings,
+} from "../../../lib/src/common/utils";
+import { getConfig, type AllSettingItemKey } from "./settingConstants";
+
+/**
+ * Generates a summary of P2P configuration settings
+ * @param setting Settings object
+ * @param additional Additional summary information to include
+ * @param showAdvanced Whether to include advanced settings
+ * @returns Summary object
+ */
+export function getP2PConfigSummary(
+    setting: ObsidianLiveSyncSettings,
+    additional: Record<string, string> = {},
+    showAdvanced = false
+) {
+    const settingTable: Partial<ObsidianLiveSyncSettings> = pickP2PSyncSettings(setting);
+    return { ...getSummaryFromPartialSettings({ ...settingTable }, showAdvanced), ...additional };
+}
+/**
+ * Generates a summary of Object Storage configuration settings
+ * @param setting Settings object
+ * @param showAdvanced Whether to include advanced settings
+ * @returns Summary object
+ */
+export function getBucketConfigSummary(setting: ObsidianLiveSyncSettings, showAdvanced = false) {
+    const settingTable: Partial<ObsidianLiveSyncSettings> = pickBucketSyncSettings(setting);
+    return getSummaryFromPartialSettings(settingTable, showAdvanced);
+}
+/**
+ * Generates a summary of CouchDB configuration settings
+ * @param setting Settings object
+ * @param showAdvanced Whether to include advanced settings
+ * @returns Summary object
+ */
+export function getCouchDBConfigSummary(setting: ObsidianLiveSyncSettings, showAdvanced = false) {
+    const settingTable: Partial<ObsidianLiveSyncSettings> = pickCouchDBSyncSettings(setting);
+    return getSummaryFromPartialSettings(settingTable, showAdvanced);
+}
+
+/**
+ * Generates a summary of E2EE configuration settings
+ * @param setting Settings object
+ * @param showAdvanced Whether to include advanced settings
+ * @returns Summary object
+ */
+export function getE2EEConfigSummary(setting: ObsidianLiveSyncSettings, showAdvanced = false) {
+    const settingTable: Partial<ObsidianLiveSyncSettings> = pickEncryptionSettings(setting);
+    return getSummaryFromPartialSettings(settingTable, showAdvanced);
+}
+
+/**
+ * Converts partial settings into a summary object
+ * @param setting Partial settings object
+ * @param showAdvanced Whether to include advanced settings
+ * @returns Summary object
+ */
+export function getSummaryFromPartialSettings(setting: Partial<ObsidianLiveSyncSettings>, showAdvanced = false) {
+    const outputSummary: Record<string, string> = {};
+    for (const key of Object.keys(setting) as (keyof ObsidianLiveSyncSettings)[]) {
+        const config = getConfig(key as AllSettingItemKey);
+        if (!config) continue;
+        if (config.isAdvanced && !showAdvanced) continue;
+        const value =
+            key != "E2EEAlgorithm"
+                ? `${setting[key]}`
+                : E2EEAlgorithmNames[`${setting[key]}` as keyof typeof E2EEAlgorithmNames];
+        const displayValue = config.isHidden ? "•".repeat(value.length) : escapeStringToHTML(value);
+        outputSummary[config.name] = displayValue;
+    }
+    return outputSummary;
+}

src/modules/features/SettingDialogue/utilFixCouchDBSetting.ts

@@ -0,0 +1,274 @@
+import { requestToCouchDBWithCredentials } from "../../../common/utils";
+import { $msg } from "../../../lib/src/common/i18n";
+import { LOG_LEVEL_INFO, LOG_LEVEL_NOTICE, LOG_LEVEL_VERBOSE, Logger } from "../../../lib/src/common/logger";
+import type { ObsidianLiveSyncSettings } from "../../../lib/src/common/types";
+import { fireAndForget, parseHeaderValues } from "../../../lib/src/common/utils";
+import { isCloudantURI } from "../../../lib/src/pouchdb/utils_couchdb";
+import { generateCredentialObject } from "../../../lib/src/replication/httplib";
+
+export const checkConfig = async (
+    checkResultDiv: HTMLDivElement | undefined,
+    editingSettings: ObsidianLiveSyncSettings
+) => {
+    Logger($msg("obsidianLiveSyncSettingTab.logCheckingDbConfig"), LOG_LEVEL_INFO);
+    let isSuccessful = true;
+    const emptyDiv = createDiv();
+    emptyDiv.innerHTML = "<span></span>";
+    checkResultDiv?.replaceChildren(...[emptyDiv]);
+    const addResult = (msg: string, classes?: string[]) => {
+        const tmpDiv = createDiv();
+        tmpDiv.addClass("ob-btn-config-fix");
+        if (classes) {
+            tmpDiv.addClasses(classes);
+        }
+        tmpDiv.innerHTML = `${msg}`;
+        checkResultDiv?.appendChild(tmpDiv);
+    };
+    try {
+        if (isCloudantURI(editingSettings.couchDB_URI)) {
+            Logger($msg("obsidianLiveSyncSettingTab.logCannotUseCloudant"), LOG_LEVEL_NOTICE);
+            return;
+        }
+        // Tip: Add log for cloudant as Logger($msg("obsidianLiveSyncSettingTab.logServerConfigurationCheck"));
+        const customHeaders = parseHeaderValues(editingSettings.couchDB_CustomHeaders);
+        const credential = generateCredentialObject(editingSettings);
+        const r = await requestToCouchDBWithCredentials(
+            editingSettings.couchDB_URI,
+            credential,
+            window.origin,
+            undefined,
+            undefined,
+            undefined,
+            customHeaders
+        );
+        const responseConfig = r.json;
+
+        const addConfigFixButton = (title: string, key: string, value: string) => {
+            if (!checkResultDiv) return;
+            const tmpDiv = createDiv();
+            tmpDiv.addClass("ob-btn-config-fix");
+            tmpDiv.innerHTML = `<label>${title}</label><button>${$msg("obsidianLiveSyncSettingTab.btnFix")}</button>`;
+            const x = checkResultDiv.appendChild(tmpDiv);
+            x.querySelector("button")?.addEventListener("click", () => {
+                fireAndForget(async () => {
+                    Logger($msg("obsidianLiveSyncSettingTab.logCouchDbConfigSet", { title, key, value }));
+                    const res = await requestToCouchDBWithCredentials(
+                        editingSettings.couchDB_URI,
+                        credential,
+                        undefined,
+                        key,
+                        value,
+                        undefined,
+                        customHeaders
+                    );
+                    if (res.status == 200) {
+                        Logger($msg("obsidianLiveSyncSettingTab.logCouchDbConfigUpdated", { title }), LOG_LEVEL_NOTICE);
+                        checkResultDiv.removeChild(x);
+                        await checkConfig(checkResultDiv, editingSettings);
+                    } else {
+                        Logger($msg("obsidianLiveSyncSettingTab.logCouchDbConfigFail", { title }), LOG_LEVEL_NOTICE);
+                        Logger(res.text, LOG_LEVEL_VERBOSE);
+                    }
+                });
+            });
+        };
+        addResult($msg("obsidianLiveSyncSettingTab.msgNotice"), ["ob-btn-config-head"]);
+        addResult($msg("obsidianLiveSyncSettingTab.msgIfConfigNotPersistent"), ["ob-btn-config-info"]);
+        addResult($msg("obsidianLiveSyncSettingTab.msgConfigCheck"), ["ob-btn-config-head"]);
+
+        const serverBanner = r.headers["server"] ?? r.headers["Server"] ?? "unknown";
+        addResult($msg("obsidianLiveSyncSettingTab.serverVersion", { info: serverBanner }));
+        const versionMatch = serverBanner.match(/CouchDB(\/([0-9.]+))?/);
+        const versionStr = versionMatch ? versionMatch[2] : "0.0.0";
+        const versionParts = `${versionStr}.0.0.0`.split(".");
+        // Compare version string with the target version.
+        // version must be a string like "3.2.1" or "3.10.2", and must be two or three parts.
+        function isGreaterThanOrEqual(version: string) {
+            const targetParts = version.split(".");
+            for (let i = 0; i < targetParts.length; i++) {
+                // compare as number if possible (so 3.10 > 3.2, 3.10.1b > 3.10.1a)
+                const result = versionParts[i].localeCompare(targetParts[i], undefined, { numeric: true });
+                if (result > 0) return true;
+                if (result < 0) return false;
+            }
+            return true;
+        }
+        // Admin check
+        //  for database creation and deletion
+        if (!(editingSettings.couchDB_USER in responseConfig.admins)) {
+            addResult($msg("obsidianLiveSyncSettingTab.warnNoAdmin"));
+        } else {
+            addResult($msg("obsidianLiveSyncSettingTab.okAdminPrivileges"));
+        }
+        if (isGreaterThanOrEqual("3.2.0")) {
+            // HTTP user-authorization check
+            if (responseConfig?.chttpd?.require_valid_user != "true") {
+                isSuccessful = false;
+                addResult($msg("obsidianLiveSyncSettingTab.errRequireValidUser"));
+                addConfigFixButton(
+                    $msg("obsidianLiveSyncSettingTab.msgSetRequireValidUser"),
+                    "chttpd/require_valid_user",
+                    "true"
+                );
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okRequireValidUser"));
+            }
+        } else {
+            if (responseConfig?.chttpd_auth?.require_valid_user != "true") {
+                isSuccessful = false;
+                addResult($msg("obsidianLiveSyncSettingTab.errRequireValidUserAuth"));
+                addConfigFixButton(
+                    $msg("obsidianLiveSyncSettingTab.msgSetRequireValidUserAuth"),
+                    "chttpd_auth/require_valid_user",
+                    "true"
+                );
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okRequireValidUserAuth"));
+            }
+        }
+        // HTTPD check
+        //  Check Authentication header
+        if (!responseConfig?.httpd["WWW-Authenticate"]) {
+            isSuccessful = false;
+            addResult($msg("obsidianLiveSyncSettingTab.errMissingWwwAuth"));
+            addConfigFixButton(
+                $msg("obsidianLiveSyncSettingTab.msgSetWwwAuth"),
+                "httpd/WWW-Authenticate",
+                'Basic realm="couchdb"'
+            );
+        } else {
+            addResult($msg("obsidianLiveSyncSettingTab.okWwwAuth"));
+        }
+        if (isGreaterThanOrEqual("3.2.0")) {
+            if (responseConfig?.chttpd?.enable_cors != "true") {
+                isSuccessful = false;
+                addResult($msg("obsidianLiveSyncSettingTab.errEnableCorsChttpd"));
+                addConfigFixButton(
+                    $msg("obsidianLiveSyncSettingTab.msgEnableCorsChttpd"),
+                    "chttpd/enable_cors",
+                    "true"
+                );
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okEnableCorsChttpd"));
+            }
+        } else {
+            if (responseConfig?.httpd?.enable_cors != "true") {
+                isSuccessful = false;
+                addResult($msg("obsidianLiveSyncSettingTab.errEnableCors"));
+                addConfigFixButton($msg("obsidianLiveSyncSettingTab.msgEnableCors"), "httpd/enable_cors", "true");
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okEnableCors"));
+            }
+        }
+        // If the server is not cloudant, configure request size
+        if (!isCloudantURI(editingSettings.couchDB_URI)) {
+            // REQUEST SIZE
+            if (Number(responseConfig?.chttpd?.max_http_request_size ?? 0) < 4294967296) {
+                isSuccessful = false;
+                addResult($msg("obsidianLiveSyncSettingTab.errMaxRequestSize"));
+                addConfigFixButton(
+                    $msg("obsidianLiveSyncSettingTab.msgSetMaxRequestSize"),
+                    "chttpd/max_http_request_size",
+                    "4294967296"
+                );
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okMaxRequestSize"));
+            }
+            if (Number(responseConfig?.couchdb?.max_document_size ?? 0) < 50000000) {
+                isSuccessful = false;
+                addResult($msg("obsidianLiveSyncSettingTab.errMaxDocumentSize"));
+                addConfigFixButton(
+                    $msg("obsidianLiveSyncSettingTab.msgSetMaxDocSize"),
+                    "couchdb/max_document_size",
+                    "50000000"
+                );
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okMaxDocumentSize"));
+            }
+        }
+        // CORS check
+        //  checking connectivity for mobile
+        if (responseConfig?.cors?.credentials != "true") {
+            isSuccessful = false;
+            addResult($msg("obsidianLiveSyncSettingTab.errCorsCredentials"));
+            addConfigFixButton($msg("obsidianLiveSyncSettingTab.msgSetCorsCredentials"), "cors/credentials", "true");
+        } else {
+            addResult($msg("obsidianLiveSyncSettingTab.okCorsCredentials"));
+        }
+        const ConfiguredOrigins = ((responseConfig?.cors?.origins ?? "") + "").split(",");
+        if (
+            responseConfig?.cors?.origins == "*" ||
+            (ConfiguredOrigins.indexOf("app://obsidian.md") !== -1 &&
+                ConfiguredOrigins.indexOf("capacitor://localhost") !== -1 &&
+                ConfiguredOrigins.indexOf("http://localhost") !== -1)
+        ) {
+            addResult($msg("obsidianLiveSyncSettingTab.okCorsOrigins"));
+        } else {
+            const fixedValue = [
+                ...new Set([
+                    ...ConfiguredOrigins.map((e) => e.trim()),
+                    "app://obsidian.md",
+                    "capacitor://localhost",
+                    "http://localhost",
+                ]),
+            ].join(",");
+            addResult($msg("obsidianLiveSyncSettingTab.errCorsOrigins"));
+            addConfigFixButton($msg("obsidianLiveSyncSettingTab.msgSetCorsOrigins"), "cors/origins", fixedValue);
+            isSuccessful = false;
+        }
+        addResult($msg("obsidianLiveSyncSettingTab.msgConnectionCheck"), ["ob-btn-config-head"]);
+        addResult($msg("obsidianLiveSyncSettingTab.msgCurrentOrigin", { origin: window.location.origin }));
+
+        // Request header check
+        const origins = ["app://obsidian.md", "capacitor://localhost", "http://localhost"];
+        for (const org of origins) {
+            const rr = await requestToCouchDBWithCredentials(
+                editingSettings.couchDB_URI,
+                credential,
+                org,
+                undefined,
+                undefined,
+                undefined,
+                customHeaders
+            );
+            const responseHeaders = Object.fromEntries(
+                Object.entries(rr.headers).map((e) => {
+                    e[0] = `${e[0]}`.toLowerCase();
+                    return e;
+                })
+            );
+            addResult($msg("obsidianLiveSyncSettingTab.msgOriginCheck", { org }));
+            if (responseHeaders["access-control-allow-credentials"] != "true") {
+                addResult($msg("obsidianLiveSyncSettingTab.errCorsNotAllowingCredentials"));
+                isSuccessful = false;
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okCorsCredentialsForOrigin"));
+            }
+            if (responseHeaders["access-control-allow-origin"] != org) {
+                addResult(
+                    $msg("obsidianLiveSyncSettingTab.warnCorsOriginUnmatched", {
+                        from: origin,
+                        to: responseHeaders["access-control-allow-origin"],
+                    })
+                );
+            } else {
+                addResult($msg("obsidianLiveSyncSettingTab.okCorsOriginMatched"));
+            }
+        }
+        addResult($msg("obsidianLiveSyncSettingTab.msgDone"), ["ob-btn-config-head"]);
+        addResult($msg("obsidianLiveSyncSettingTab.msgConnectionProxyNote"), ["ob-btn-config-info"]);
+        Logger($msg("obsidianLiveSyncSettingTab.logCheckingConfigDone"), LOG_LEVEL_INFO);
+    } catch (ex: any) {
+        if (ex?.status == 401) {
+            isSuccessful = false;
+            addResult($msg("obsidianLiveSyncSettingTab.errAccessForbidden"));
+            addResult($msg("obsidianLiveSyncSettingTab.errCannotContinueTest"));
+            Logger($msg("obsidianLiveSyncSettingTab.logCheckingConfigDone"), LOG_LEVEL_INFO);
+        } else {
+            Logger($msg("obsidianLiveSyncSettingTab.logCheckingConfigFailed"), LOG_LEVEL_NOTICE);
+            Logger(ex);
+            isSuccessful = false;
+        }
+    }
+    return isSuccessful;
+};