fix: fonts preview in Windows (#46)

* fix export fonts in windows

* optimize library page

Author: arnoldhao

frontend/src/features/library/components/TaskDialog.tsx

@@ -56,6 +56,7 @@ import { Separator } from "@/shared/ui/separator"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/ui/tabs"
 import { cn } from "@/lib/utils"
 
+import { useLibraryViewStore } from "../model/viewStore"
 import { openLibraryWorkspace } from "../model/workspaceStore"
 import { resolveFileIcon } from "../utils/fileIcons"
 import { formatBytes } from "../utils/format"
@@ -150,6 +151,7 @@ export function TaskDialog() {
   const open = useTaskDialogStore((state) => state.open)
   const operationId = useTaskDialogStore((state) => state.operationId)
   const closeTaskDialog = useTaskDialogStore((state) => state.closeTaskDialog)
+  const setLibraryPageTab = useLibraryViewStore((state) => state.setPageTab)
   const realtimeOperations = useLibraryRealtimeStore((state) => state.operations)
 
   const liveOperation = React.useMemo(
@@ -609,6 +611,7 @@ export function TaskDialog() {
             openMode: normalizeWorkspaceMode(file.fileType),
           }
         openLibraryWorkspace(target)
+        setLibraryPageTab("workspace")
         closeTaskDialog()
         return
       }
@@ -624,7 +627,7 @@ export function TaskDialog() {
         await openLibraryPath.mutateAsync({ path: file.path })
       }
     },
-    [closeTaskDialog, libraryQuery.data, openFileLocation, openLibraryPath, operation?.libraryId],
+    [closeTaskDialog, libraryQuery.data, openFileLocation, openLibraryPath, operation?.libraryId, setLibraryPageTab],
   )
 
   const handlePreviewFile = React.useCallback((file: OperationFileItem) => {

frontend/src/features/library/index.tsx

@@ -135,7 +135,14 @@ import { LibraryWorkspacePage, type LibraryWorkspaceToolbarState } from "./compo
 import { LibraryImportDialog } from "./components/LibraryImportDialog"
 import { useLibraryViewStore } from "./model/viewStore"
 import { openLibraryWorkspace, useLibraryWorkspaceStore } from "./model/workspaceStore"
-import type { LibraryFileRow, LibraryProgress, LibraryTaskOutput, LibraryTaskRow } from "./model/types"
+import type {
+  LibraryFileRow,
+  LibraryPageTab,
+  LibraryProgress,
+  LibraryTaskOutput,
+  LibraryTaskRow,
+  LibraryWorkspaceTarget,
+} from "./model/types"
 import { formatBytes } from "./utils/format"
 import { formatTemplate } from "./utils/i18n"
 import {
@@ -154,7 +161,6 @@ import { resolvePresetName } from "./utils/transcodePresets"
 import { buildWorkspaceTargetFromLibraryFile, canOpenLibraryWorkspaceFile } from "./utils/workspaceTargets"
 
 type LibraryNewAction = "download" | "importVideo" | "importSubtitle"
-type LibraryPageTab = "overview" | "tasks" | "resources" | "workspace" | "config"
 type ResourceViewMode = "library" | "file"
 type ResourceFileTypeFilter = "all" | "video" | "subtitle"
 type ResourceFileStatusFilter = "active" | "deleted" | "all"
@@ -201,7 +207,6 @@ export function LibraryPage() {
   const librariesQuery = useListLibraries()
   const selectedLibraryRealtimeFiles = useLibraryRealtimeStore((state) => state.files)
   const selectedLibraryRealtimeHistory = useLibraryRealtimeStore((state) => state.histories)
-  const workspaceOpenRevision = useLibraryWorkspaceStore((state) => state.openRevision)
   const workspaceTargetLibraryId = useLibraryWorkspaceStore((state) => state.libraryId)
 
   const externalTools = useExternalTools()
@@ -223,12 +228,13 @@ export function LibraryPage() {
   const moduleConfigQuery = useGetLibraryModuleConfig()
   const updateModuleConfig = useUpdateLibraryModuleConfig()
 
+  const pageTab = useLibraryViewStore((state) => state.pageTab)
   const rowsPerPage = useLibraryViewStore((state) => state.rowsPerPage)
   const columnVisibility = useLibraryViewStore((state) => state.columnVisibility)
+  const setPageTab = useLibraryViewStore((state) => state.setPageTab)
   const setRowsPerPage = useLibraryViewStore((state) => state.setRowsPerPage)
   const setColumnVisibility = useLibraryViewStore((state) => state.setColumnVisibility)
 
-  const [pageTab, setPageTab] = React.useState<LibraryPageTab>("overview")
   const [resourceViewMode, setResourceViewMode] = React.useState<ResourceViewMode>("library")
   const [resourceFileTypeFilter, setResourceFileTypeFilter] = React.useState<ResourceFileTypeFilter>("all")
   const [resourceFileStatusFilter, setResourceFileStatusFilter] = React.useState<ResourceFileStatusFilter>("active")
@@ -385,6 +391,31 @@ export function LibraryPage() {
   }, [currentViewMode])
   const currentColumnVisibility = { ...defaultVisibility, ...(columnVisibility[currentViewMode] ?? {}) }
 
+  const handlePageTabChange = React.useCallback(
+    (nextTab: LibraryPageTab) => {
+      if (nextTab === "workspace") {
+        const nextLibraryId = workspaceTargetLibraryId.trim()
+        if (nextLibraryId && selectedLibraryId !== nextLibraryId) {
+          setSelectedLibraryId(nextLibraryId)
+        }
+      }
+      setPageTab(nextTab)
+    },
+    [selectedLibraryId, setPageTab, workspaceTargetLibraryId],
+  )
+
+  const openWorkspaceTarget = React.useCallback(
+    (target: LibraryWorkspaceTarget) => {
+      const nextLibraryId = target.libraryId?.trim() ?? ""
+      if (nextLibraryId && selectedLibraryId !== nextLibraryId) {
+        setSelectedLibraryId(nextLibraryId)
+      }
+      openLibraryWorkspace(target)
+      setPageTab("workspace")
+    },
+    [selectedLibraryId, setPageTab],
+  )
+
   const labels = React.useMemo<LibraryLabelMaps>(() => {
     const typeLabels = {
       video: t("library.type.video"),
@@ -457,14 +488,13 @@ export function LibraryPage() {
 
   React.useEffect(() => {
     const trimmedLibraryId = workspaceTargetLibraryId.trim()
-    if (!workspaceOpenRevision || !trimmedLibraryId) {
+    if (pageTab !== "workspace" || !trimmedLibraryId) {
       return
     }
     if (selectedLibraryId !== trimmedLibraryId) {
       setSelectedLibraryId(trimmedLibraryId)
     }
-    setPageTab("workspace")
-  }, [selectedLibraryId, workspaceOpenRevision, workspaceTargetLibraryId])
+  }, [pageTab, selectedLibraryId, workspaceTargetLibraryId])
 
   React.useEffect(() => {
     const libraries = librariesQuery.data ?? []
@@ -1054,7 +1084,7 @@ export function LibraryPage() {
         language,
         t,
       }),
-    [language, t],
+    [language, setPageTab, t],
   )
 
   const taskSelectionColumn = React.useMemo<ColumnDef<LibraryTaskRow>>(
@@ -1107,7 +1137,7 @@ export function LibraryPage() {
           if (!target) {
             return
           }
-          openLibraryWorkspace(target)
+          openWorkspaceTarget(target)
         },
         onPreviewImage: (file) => {
           const path = file.path?.trim() ?? ""
@@ -1186,6 +1216,7 @@ export function LibraryPage() {
       filesById,
       handleDeleteFile,
       language,
+      openWorkspaceTarget,
       openLibraryPath,
       presetsQuery.data,
       t,
@@ -1852,7 +1883,7 @@ export function LibraryPage() {
         <div className="grid shrink-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-3 pt-1">
           <Tabs
             value={pageTab}
-            onValueChange={(value) => setPageTab(value as LibraryPageTab)}
+            onValueChange={(value) => handlePageTabChange(value as LibraryPageTab)}
             className="min-w-0 w-auto"
           >
             <TabsList>
@@ -2447,8 +2478,7 @@ export function LibraryPage() {
                       if (!target) {
                         return
                       }
-                      setSelectedLibraryId(file.libraryId)
-                      openLibraryWorkspace(target)
+                      openWorkspaceTarget(target)
                     }}
                     onOpenTaskDialog={openTaskDialog}
                   />

frontend/src/features/library/model/types.ts

@@ -1,5 +1,6 @@
 export type LibraryTab = "all" | "video" | "subtitle" | "thumbnail"
 export type LibraryViewMode = "task" | "file"
+export type LibraryPageTab = "overview" | "tasks" | "resources" | "workspace" | "config"
 
 export type LibraryProgress = {
   label: string

frontend/src/features/library/model/viewStore.ts

@@ -2,17 +2,19 @@ import { create } from "zustand"
 import { persist } from "zustand/middleware"
 import type { VisibilityState } from "@tanstack/react-table"
 
-import type { LibraryViewMode } from "./types"
+import type { LibraryPageTab, LibraryViewMode } from "./types"
 
 type ColumnVisibilityByView = {
   task: VisibilityState
   file: VisibilityState
 }
 
 type LibraryViewState = {
+  pageTab: LibraryPageTab
   viewMode: LibraryViewMode
   columnVisibility: ColumnVisibilityByView
   rowsPerPage: number
+  setPageTab: (tab: LibraryPageTab) => void
   setViewMode: (mode: LibraryViewMode) => void
   setColumnVisibility: (mode: LibraryViewMode, visibility: VisibilityState) => void
   setRowsPerPage: (rows: number) => void
@@ -30,9 +32,11 @@ const defaultColumnVisibility: ColumnVisibilityByView = {
 export const useLibraryViewStore = create<LibraryViewState>()(
   persist(
     (set) => ({
+      pageTab: "overview",
       viewMode: "task",
       columnVisibility: defaultColumnVisibility,
       rowsPerPage: 20,
+      setPageTab: (pageTab) => set({ pageTab }),
       setViewMode: (mode) => set({ viewMode: mode }),
       setColumnVisibility: (mode, visibility) =>
         set((state) => ({

internal/application/fonts/service/backend_other.go

@@ -0,0 +1,13 @@
+//go:build !windows
+
+package service
+
+import "context"
+
+func augmentPlatformFontCatalog(_ context.Context, _ *fontCatalog) error {
+	return nil
+}
+
+func exportPlatformFontFamily(_ context.Context, _ []string) (ExportedFontFamily, bool, error) {
+	return ExportedFontFamily{}, false, nil
+}