/* ============================================================
MUIY 2.0 — Install/reminders & caregiver sharing
Flows, in the app's own visual language:
· GetAppSheet (type 'getApp') — real PWA install + real notifications
· CaregiversSheet (type 'caregivers') — invite a parent / doctor, scoped access
· InviteCaregiverSheet (type 'inviteCaregiver')
Backup & restore now lives in one place: the "Your data" hub (DataBackupSheet
in me.jsx), the single source of truth for storage, saving and backups.
============================================================ */
/* ---------- small shared bits ---------- */
function tcStandalone() {
try {
return (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) ||
window.navigator.standalone === true;
} catch (e) { return false; }
}
function tcOS() {
if (typeof navigator === 'undefined') return 'web';
const ua = (navigator.userAgent || '').toLowerCase();
const iOS = /iphone|ipad|ipod/.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
if (iOS) return 'ios';
if (/android/.test(ua)) return 'android';
return 'web';
}
/* Platform + browser detection for install guidance. UA sniffing is only used
to pick which instruction set to show — never to gate functionality. */
function tcInstallEnv() {
const ua = ((typeof navigator !== 'undefined' && navigator.userAgent) || '').toLowerCase();
const iPad = /ipad/.test(ua) || (typeof navigator !== 'undefined' && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
const iPhone = /iphone|ipod/.test(ua);
const android = /android/.test(ua);
const samsung = /samsungbrowser/.test(ua);
const edge = /edg(e|a|ios)?\//.test(ua);
const firefox = /firefox|fxios/.test(ua);
const opera = /opr\/|opera/.test(ua);
const chrome = /chrome|crios/.test(ua) && !samsung && !edge && !opera;
const safari = /safari/.test(ua) && !chrome && !samsung && !edge && !firefox && !opera;
const os = iPhone ? 'iphone' : iPad ? 'ipad' : android ? 'android' : 'desktop';
const browser = samsung ? 'samsung' : edge ? 'edge' : chrome ? 'chrome' : firefox ? 'firefox' : safari ? 'safari' : 'other';
const deviceWord = os === 'iphone' ? 'iPhone' : os === 'ipad' ? 'iPad' : os === 'android' ? 'phone' : 'computer';
return { os, browser, deviceWord, ios: iPhone || iPad, android };
}
/* Manual install steps per platform + browser — shown when the native
beforeinstallprompt isn't available (iOS Safari never fires it). */
function tcInstallSteps(env) {
if (env.ios) {
if (env.browser === 'safari') return [
env.os === 'ipad' ? 'Tap the Share button (square with an arrow) at the top of Safari' : 'Tap the Share button (square with an arrow) in Safari’s toolbar',
'Scroll down and choose “Add to Home Screen”',
'Tap “Add” — MUIY appears with your apps',
];
return [
'Open muiy.app in Safari (installing works best there)',
'Tap the Share button → “Add to Home Screen”',
'Tap “Add” — MUIY appears with your apps',
];
}
if (env.android) {
if (env.browser === 'samsung') return [
'Tap the menu (☰) in the bottom toolbar',
'Choose “Add page to” → “Home screen”',
'Confirm — MUIY opens full-screen like an app',
];
return [
'Open the browser menu (⋮, top right)',
'Tap “Install app” (or “Add to Home screen”)',
'Confirm — MUIY opens full-screen like an app',
];
}
if (env.browser === 'chrome') return [
'Find the install icon at the right end of the address bar (a screen with a ↓)',
'Click it, then click “Install”',
'MUIY opens in its own window, like a desktop app',
];
if (env.browser === 'edge') return [
'Open the menu (…) in the top-right corner',
'Choose “Apps” → “Install MUIY”',
'MUIY opens in its own window, like a desktop app',
];
if (env.browser === 'firefox') return [
'Firefox can’t install web apps directly',
'Open muiy.app in Chrome, Edge or Safari',
'Then install from that browser’s menu',
];
return [
'Open your browser’s menu',
'Choose “Install MUIY” / “Add to Home screen”',
'If you don’t see it, try Chrome, Edge or Safari',
];
}
/* Home-screen install entry point. Visible until MUIY is installed or the
user dismisses it (remembered in settings.installCardDismissed — synced,
so it never nags again). Install taps the native browser prompt when one
is available; otherwise the guided Get-the-app sheet opens with steps for
exactly this device + browser. */
function InstallAppCard({ store }) {
const [installed, setInstalled] = React.useState(tcStandalone());
React.useEffect(() => {
const onInstalled = () => setInstalled(true);
window.addEventListener('appinstalled', onInstalled);
return () => window.removeEventListener('appinstalled', onInstalled);
}, []);
const dismissed = !!(store.settings && store.settings.installCardDismissed);
if (installed || dismissed) return null;
const env = tcInstallEnv();
const install = () => {
const dp = window.__deferredInstallPrompt;
if (dp) {
dp.prompt();
dp.userChoice.then((c) => { if (c && c.outcome === 'accepted') store.showToast('Installing…', '🌱'); }).catch(() => {});
window.__deferredInstallPrompt = null;
} else {
store.openModal('getApp', {});
}
};
const dismiss = () => store.mutate((d) => { if (!d.settings) d.settings = {}; d.settings.installCardDismissed = true; });
return (
Install MUIY on your {env.deviceWord}
Faster access and a more app-like experience — tap Install and we’ll guide you through the steps.
);
}
function PreviewTag() {
return PREVIEW;
}
function CloudCap({ children }) {
return
Dose times, donor rest-days and upcoming transfusions.
{[
['pill', 'Chelation doses', 'At your scheduled dose times'],
['drop', 'Transfusion due', 'A few days before each one'],
['users', 'Donors ready', 'When someone in your pool can give again'],
].map(([ic, t, d]) => (
{t} · {d}
))}
{perm === 'granted'
?
Reminders are on for this device.
: perm === 'denied'
?
Notifications are blocked in your browser settings. Re-enable them for this site, then come back.
: }
Reminders work best with MUIY added to your home screen. Scheduled push delivery while the app is closed is rolling out with MUIY Cloud.