90f4d34fbb
* Reapply "Update the mobile_guide page to the new design. (#30006)" (#30104)
This reverts commit c51823db5e.
* Use Element X as the default mobile_guide_app_variant when omitted.
* Fix a build error on Windows.
Additionally revert "Remove unnecessary <%= require %> usages" and let webpack handle all of the assets (without a manual copy rule).
* Exclude mobile_guide from coverage gate
It has playwright tests
* Revert the re-introduction of <%= require %>
* Fix snapshot tests on mobile_guide.
---------
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
89 lines
3.3 KiB
TypeScript
89 lines
3.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.
|
|
*/
|
|
|
|
/*
|
|
* Shared code that is used by the mobile guide and the mobile.element.io site.
|
|
*/
|
|
|
|
export enum MobileAppVariant {
|
|
Classic = "classic",
|
|
X = "x",
|
|
Pro = "pro",
|
|
}
|
|
|
|
export interface MobileAppMetadata {
|
|
name: string;
|
|
appleAppId: string;
|
|
appStoreUrl: string;
|
|
playStoreUrl: string;
|
|
fDroidUrl?: string;
|
|
deepLinkPath: string;
|
|
usesLegacyDeepLink: boolean;
|
|
isProApp: boolean;
|
|
}
|
|
|
|
export const mobileApps: Record<MobileAppVariant, MobileAppMetadata> = {
|
|
[MobileAppVariant.Classic]: {
|
|
name: "Element",
|
|
appleAppId: "id1083446067",
|
|
appStoreUrl: "https://apps.apple.com/app/element-messenger/id1083446067",
|
|
playStoreUrl: "https://play.google.com/store/apps/details?id=im.vector.app",
|
|
fDroidUrl: "https://f-droid.org/packages/im.vector.app",
|
|
deepLinkPath: "",
|
|
usesLegacyDeepLink: true,
|
|
isProApp: false,
|
|
},
|
|
[MobileAppVariant.X]: {
|
|
name: "Element X",
|
|
appleAppId: "id1631335820",
|
|
appStoreUrl: "https://apps.apple.com/app/element-x-secure-chat-call/id1631335820",
|
|
playStoreUrl: "https://play.google.com/store/apps/details?id=io.element.android.x",
|
|
fDroidUrl: "https://f-droid.org/packages/io.element.android.x",
|
|
deepLinkPath: "/element",
|
|
usesLegacyDeepLink: false,
|
|
isProApp: false,
|
|
},
|
|
[MobileAppVariant.Pro]: {
|
|
name: "Element Pro",
|
|
appleAppId: "id6502951615",
|
|
appStoreUrl: "https://apps.apple.com/app/element-pro-for-work/id6502951615",
|
|
playStoreUrl: "https://play.google.com/store/apps/details?id=io.element.enterprise",
|
|
deepLinkPath: "/element-pro",
|
|
usesLegacyDeepLink: false,
|
|
isProApp: true,
|
|
},
|
|
};
|
|
|
|
export function updateMobilePage(metadata: MobileAppMetadata, deepLinkUrl: string, server: string | undefined): void {
|
|
const appleMeta = document.querySelector('meta[name="apple-itunes-app"]') as Element;
|
|
appleMeta.setAttribute("content", `app-id=${metadata.appleAppId}`);
|
|
|
|
if (server) {
|
|
(document.getElementById("header_title") as HTMLHeadingElement).innerText = `Join ${server} on Element`;
|
|
}
|
|
(document.getElementById("app_store_link") as HTMLAnchorElement).href = metadata.appStoreUrl;
|
|
(document.getElementById("play_store_link") as HTMLAnchorElement).href = metadata.playStoreUrl;
|
|
|
|
if (metadata.fDroidUrl) {
|
|
(document.getElementById("f_droid_link") as HTMLAnchorElement).href = metadata.fDroidUrl;
|
|
} else {
|
|
document.getElementById("f_droid_section")!.style.display = "none";
|
|
}
|
|
|
|
const step1Heading = document.getElementById("step1_heading")!;
|
|
step1Heading.innerHTML = step1Heading!.innerHTML.replace("Element", metadata.name);
|
|
|
|
// Step 2 is only shown on the mobile guide, not on mobile.element.io
|
|
if (document.getElementById("step2_container")) {
|
|
document.getElementById("step2_container")!.style.display = "block";
|
|
if (metadata.isProApp) {
|
|
document.getElementById("step2_description")!.innerHTML = "Use your work email to join";
|
|
}
|
|
(document.getElementById("deep_link_button") as HTMLAnchorElement).href = deepLinkUrl;
|
|
}
|
|
}
|