fix(tauri): configure deep-link plugin for mobile custom scheme

Root cause: dynamic import('@tauri-apps/plugin-opener') silently fails on
Android Tauri WebView because the module resolution path for @tauri-apps/api
(plugin dependency) differs from npm expectations in the bundled context.

Rewrote tauri.ts to use window.__TAURI_INTERNALS__.invoke() directly:
- openUrl() → invoke('plugin:opener|open_url', {url})
- setupDeepLinkHandler() → invoke('plugin:deep-link|get_current')
- Warm-start listener still uses import('@tauri-apps/api/event') for
  deep-link://new-url events (bundled as separate chunk by Vite)
- Added @tauri-apps/api as direct dependency

Also kept withGlobalTauri: true (needed for __TAURI_INTERNALS__ injection)
but reverted APK frontendDist back to bundled React app (../web/dist)
since redirect-to-live-web approach was unreliable.

Co-Authored-By: Claude <noreply@anthropic.com>

apps/tauri/tauri.conf.json

@@ -4,10 +4,10 @@
   "version": "0.1.0",
   "identifier": "com.zeavis.edu",
   "build": {
-    "frontendDist": "../web/dist-tauri",
+    "frontendDist": "../web/dist",
     "devUrl": "http://localhost:5173",
-    "beforeBuildCommand": "echo 'Nothing to build (APK loads live web content)'",
-    "beforeDevCommand": "echo 'Dev mode - connect to localhost:5173'"
+    "beforeBuildCommand": "cd ../web && bun run build",
+    "beforeDevCommand": "cd ../web && bun run dev"
   },
   "app": {
     "withGlobalTauri": true,
@@ -26,5 +26,13 @@
     "active": true,
     "targets": "all"
   },
-  "plugins": {}
+  "plugins": {
+    "deep-link": {
+      "mobile": [
+        {
+          "scheme": ["zeavisedu"]
+        }
+      ]
+    }
+  }
 }

apps/web/src/lib/tauri.ts

@@ -1,7 +1,6 @@
 /**
  * Lightweight Tauri environment detection and utilities.
- * Avoids importing @tauri-apps/api at module level so the web build
- * doesn't bundle Tauri internals.
+ * Uses raw __TAURI_INTERNALS__ IPC to avoid bundling/import issues on Android.
  */
 
 let _isTauri: boolean | null = null;
@@ -14,24 +13,30 @@ export function isTauri(): boolean {
   return _isTauri;
 }
 
+/** Get the Tauri IPC invoke function directly from the global internals. */
+function tauriInvoke(): (cmd: string, args?: Record<string, unknown>) => Promise<unknown> {
+  const T = (window as any).__TAURI_INTERNALS__;
+  if (!T?.invoke) throw new Error('Tauri IPC not available');
+  return T.invoke.bind(T);
+}
+
 export async function openUrl(url: string): Promise<void> {
   if (!isTauri()) {
+    // Not in Tauri — normal browser navigation
     window.location.href = url;
     return;
   }
-  const { openUrl: tauriOpenUrl } = await import('@tauri-apps/plugin-opener');
-  await tauriOpenUrl(url);
+  try {
+    const invoke = tauriInvoke();
+    await invoke('plugin:opener|open_url', { url });
+  } catch (err) {
+    console.error('Tauri openUrl failed, trying fallback:', err);
+    // Fallback: navigate the WebView (Google will block, but best effort)
+    window.location.href = url;
+  }
 }
 
-/**
- * Listen for deep link URLs when the app is opened from an external link.
- * On Android, after Google OAuth completes in the system browser, the
- * callback page redirects to zeavisedu://... which triggers this listener.
- * We extract the path + query and navigate the WebView there.
- */
 function processDeepLinkUrl(url: string): void {
-  // url looks like: zeavisedu://login/login?token=xxx
-  // We need to extract path+query and navigate the WebView there
   try {
     const u = new URL(url);
     const target = u.pathname + u.search + u.hash;
@@ -39,32 +44,34 @@ function processDeepLinkUrl(url: string): void {
       window.location.href = target;
       return;
     }
-  } catch { /* try fallback below */ }
+  } catch { /* fall through */ }
 
-  // Fallback: handle both double-slash (://) and single-slash (:/) schemes
+  // Fallback: handle both :// and :/ custom schemes
   let match = url.match(/^[^:]+:\/\/(?:[^/]+)?(\/.*)?$/);
-  if (!match) {
-    match = url.match(/^[^:]+:\/(\/.*)?$/);
-  }
-  if (match?.[1]) {
-    window.location.href = match[1];
-  }
+  if (!match) match = url.match(/^[^:]+:\/(\/.*)?$/);
+  if (match?.[1]) window.location.href = match[1];
 }
 
 export async function setupDeepLinkHandler(): Promise<void> {
   if (!isTauri()) return;
 
-  const { onOpenUrl, getCurrent } = await import('@tauri-apps/plugin-deep-link');
+  try {
+    const invoke = tauriInvoke();
 
-  // Handle cold-start deep links (app opened via intent)
-  getCurrent().then((urls) => {
-    if (urls?.[0]) processDeepLinkUrl(urls[0]);
-  }).catch(() => { /* ignore */ });
+    // Cold-start: app just opened via intent:// or custom scheme
+    invoke('plugin:deep-link|get_current')
+      .then((urls: any) => {
+        if (urls?.[0]) processDeepLinkUrl(urls[0]);
+      })
+      .catch(() => { /* plugin may not be registered yet */ });
 
-  // Handle warm-start deep links (app already running, new intent received)
-  onOpenUrl((urls) => {
-    for (const url of urls) {
-      processDeepLinkUrl(url);
-    }
-  });
+    // Warm-start: listen for new URLs while app is running
+    const { listen } = await import('@tauri-apps/api/event');
+    listen('deep-link://new-url', (event: any) => {
+      const urls = event.payload as string[];
+      for (const url of urls) processDeepLinkUrl(url);
+    });
+  } catch (err) {
+    console.error('Tauri deep-link setup failed:', err);
+  }
 }

bun.lock

@@ -5,6 +5,7 @@
     "": {
       "name": "zeavis-edu",
       "dependencies": {
+        "@tauri-apps/api": "2.11.0",
         "@tauri-apps/plugin-deep-link": "2.4.9",
         "@tauri-apps/plugin-opener": "2.5.4",
       },

package.json

@@ -15,6 +15,7 @@
     "packages/*"
   ],
   "dependencies": {
+    "@tauri-apps/api": "2.11.0",
     "@tauri-apps/plugin-deep-link": "2.4.9",
     "@tauri-apps/plugin-opener": "2.5.4"
   }