feat(web): connect quick share flow

Signed-off-by: JustMe <mr.toing@outlook.com>

web/src/app/App.tsx

@@ -0,0 +1,65 @@
+import { useState } from 'react';
+import { Home } from '@/features/home/Home';
+import { JoinScreen, MissingAccess } from '@/features/scan/JoinScreen';
+import { useChannels } from '@/store/channels';
+import { useWorkspace } from '@/store/workspace';
+import { ChannelScreen } from './ChannelScreen';
+import { ShareScreen } from './ShareScreen';
+import { channelPath, navigate, useRoute } from './navigation';
+import { Splash } from './Splash';
+
+const SEEN_KEY = 'wd.splash';
+
+function splashSeen(): boolean {
+  try {
+    return sessionStorage.getItem(SEEN_KEY) === '1';
+  } catch {
+    return false;
+  }
+}
+
+export function App() {
+  const route = useRoute();
+  const list = useChannels((s) => s.list);
+  const pendingLink = useChannels((s) => s.pendingLink);
+  const setPendingLink = useChannels((s) => s.setPendingLink);
+  const wsReady = useWorkspace((s) => s.ready);
+  const [splash, setSplash] = useState(() => !splashSeen());
+
+  const saved = route.name === 'channel' && list.some((c) => c.id === route.id);
+  // 只有打开已保存的频道才需要等数据;首页与加入页没有加载过程
+  const ready = !saved || wsReady;
+
+  function onSplashDone() {
+    try {
+      sessionStorage.setItem(SEEN_KEY, '1');
+    } catch {
+      /* 无存储时每次都播,不影响功能 */
+    }
+    setSplash(false);
+  }
+
+  let screen;
+  if (route.name === 'home') screen = <Home />;
+  else if (route.name === 'share') screen = <ShareScreen id={route.id} />;
+  else if (saved) screen = <ChannelScreen id={route.id} />;
+  else if (pendingLink?.id === route.id) {
+    screen = (
+      <JoinScreen
+        link={pendingLink}
+        onJoined={(c) => navigate(channelPath(c.id))}
+        onCancel={() => {
+          setPendingLink(null);
+          navigate('/');
+        }}
+      />
+    );
+  } else screen = <MissingAccess onHome={() => navigate('/')} />;
+
+  return (
+    <>
+      {screen}
+      {splash ? <Splash ready={ready} onDone={onSplashDone} /> : null}
+    </>
+  );
+}