native/src/lib/sidebar-apps.ts

import React from 'react';
import { Linking } from 'react-native';
import { useSettingsStore, type SidebarApp } from '../stores/settings-store';

/**
 * Sidebar apps the user marked "show on mobile". The drawer (SidebarDrawer)
 * is expected to render these below the folder list; the settings pane only
 * edits them. Mirrors the webmail's navigation-rail filter on `showOnMobile`.
 */
export function useMobileSidebarApps(): SidebarApp[] {
  // `.filter()` in the selector would allocate a new array per call, which
  // zustand v5 reads as a changed snapshot on every render (infinite loop).
  // Subscribe to the stored array and derive from it.
  const apps = useSettingsStore((s) => s.sidebarApps);
  return React.useMemo(() => apps.filter((app) => app.showOnMobile), [apps]);
}

/**
 * Open a sidebar app. Inline (iframe) apps have no native equivalent yet, so
 * both open modes hand the URL to the system browser.
 */
export async function openSidebarApp(app: SidebarApp): Promise<void> {
  try {
    await Linking.openURL(app.url);
  } catch {
    // unsupported scheme - nothing to do
  }
}