init

src/pages/HomePage.tsx

@@ -0,0 +1,102 @@
+import React, { useState, useEffect, useRef } from 'react'
+import Header from '../components/Header'
+import Sidebar from '../components/Sidebar'
+import AppList from '../components/AppList'
+import MovieSearch from '../components/MovieSearch'
+import '../styles/main.css'
+import { AppEntry, Bookmark } from '../components/Settings'
+
+interface OpenedApp {
+  name: string
+  imageUrl: string
+  url: string
+}
+
+const HomePage: React.FC = () => {
+  const [openedApps, setOpenedApps] = useState<OpenedApp[]>([])
+  const [activeApp, setActiveApp] = useState<string>('home')
+  const [appCardList, setAppCardList] = useState<AppEntry[]>([])
+  const [movieQuery, setMovieQuery] = useState<string | null>(null)
+  const [bookmarks, setBookmarks] = useState<Bookmark[]>([])
+  const configRef = useRef<any>({})
+
+  useEffect(() => {
+    if (!window.electron) return
+    window.electron.readConfig().then((cfg: any) => {
+      configRef.current = cfg ?? {}
+      if (cfg?.apps) setAppCardList(cfg.apps)
+      if (cfg?.bookmarks) setBookmarks(cfg.bookmarks)
+      if (cfg?.proxy?.host && cfg?.proxy?.port) {
+        window.electron!.setProxy(cfg.proxy.host, cfg.proxy.port)
+      }
+    })
+    const offOpenedApps = window.electron.on('update-opened-apps', (apps: OpenedApp[], activeName: string) => {
+      setOpenedApps(apps)
+      setActiveApp(activeName ?? 'home')
+    })
+    const offAlert = window.electron.on('alert', (text: string) => alert(text))
+    return () => { offOpenedApps(); offAlert() }
+  }, [])
+
+  const handleSidebarAppClick = (name: string) => {
+    setActiveApp(name)
+    window.electron?.showView(name)
+  }
+
+  const handleMovieSearch = (query: string) => {
+    window.electron?.hideView()
+    setMovieQuery(query)
+    setActiveApp('movie-search')
+  }
+
+  const handleMovieSearchOpen = (name: string, url: string) => {
+    window.electron?.createView(name, url, '', 1.0, resolveUseProxy(url))
+    setActiveApp(name)
+  }
+
+  const handleBookmarkAdd = (title: string, url: string, poster: string, source: string) => {
+    const updated = [...bookmarks, { title, url, poster, source }]
+    setBookmarks(updated)
+    configRef.current = { ...configRef.current, bookmarks: updated }
+    window.electron?.writeConfig(configRef.current)
+  }
+
+  const handleBookmarkRemove = (index: number) => {
+    const updated = bookmarks.filter((_, i) => i !== index)
+    setBookmarks(updated)
+    configRef.current = { ...configRef.current, bookmarks: updated }
+    window.electron?.writeConfig(configRef.current)
+  }
+
+  const resolveUseProxy = (url: string) => {
+    try {
+      const host = new URL(url).hostname
+      const match = appCardList.find(a => { try { return new URL(a.url).hostname === host } catch { return false } })
+      return match ? match.useProxy : true
+    } catch { return true }
+  }
+
+  const handleBookmarkOpen = (b: Bookmark) => {
+    window.electron?.createView(b.title, b.url, b.poster || '', 1.0, resolveUseProxy(b.url))
+    setActiveApp(b.title)
+  }
+
+  const sidebarApps = openedApps.map(app => ({
+    ...app,
+    isActive: activeApp === app.name,
+    onClick: () => handleSidebarAppClick(app.name),
+  }))
+
+  return (
+    <>
+      <Header activeApp={activeApp} setActiveApp={setActiveApp} onAppsChange={setAppCardList} onMovieSearch={handleMovieSearch} onBookmark={handleBookmarkAdd} onBookmarkRemove={handleBookmarkRemove} bookmarks={bookmarks} />
+      <Sidebar openedApps={sidebarApps} activeApp={activeApp} setActiveApp={setActiveApp} />
+      {activeApp === 'movie-search'
+        ? <MovieSearch initialQuery={movieQuery ?? ''} onOpenUrl={handleMovieSearchOpen} onBookmark={handleBookmarkAdd} />
+        : <AppList apps={appCardList} bookmarks={bookmarks} onBookmarkOpen={handleBookmarkOpen} onBookmarkRemove={handleBookmarkRemove} />
+      }
+    </>
+  )
+}
+
+export default HomePage