Fix linting

lightrag_webui/src/components/graph/GraphLabels.tsx

@@ -11,23 +11,23 @@ const GraphLabels = () => {
   const label = useSettingsStore.use.queryLabel()
   const allDatabaseLabels = useGraphStore.use.allDatabaseLabels()
   const labelsLoadedRef = useRef(false)
-  
+
   // Track if a fetch is in progress to prevent multiple simultaneous fetches
   const fetchInProgressRef = useRef(false)
-  
+
   // Fetch labels once on component mount, using global flag to prevent duplicates
   useEffect(() => {
     // Check if we've already attempted to fetch labels in this session
     const labelsFetchAttempted = useGraphStore.getState().labelsFetchAttempted
-    
+
     // Only fetch if we haven't attempted in this session and no fetch is in progress
     if (!labelsFetchAttempted && !fetchInProgressRef.current) {
       fetchInProgressRef.current = true
       // Set global flag to indicate we've attempted to fetch in this session
       useGraphStore.getState().setLabelsFetchAttempted(true)
-      
+
       console.log('Fetching graph labels (once per session)...')
-      
+
       useGraphStore.getState().fetchAllDatabaseLabels()
         .then(() => {
           labelsLoadedRef.current = true
@@ -103,22 +103,22 @@ const GraphLabels = () => {
         if (newLabel === '...') {
           newLabel = '*'
         }
-        
+
         // Reset the fetch attempted flag to force a new data fetch
         useGraphStore.getState().setGraphDataFetchAttempted(false)
-        
+
         // Clear current graph data to ensure complete reload when label changes
         if (newLabel !== currentLabel) {
           const graphStore = useGraphStore.getState();
           graphStore.clearSelection();
-          
+
           // Reset the graph state but preserve the instance
           if (graphStore.sigmaGraph) {
             const nodes = Array.from(graphStore.sigmaGraph.nodes());
             nodes.forEach(node => graphStore.sigmaGraph?.dropNode(node));
           }
         }
-        
+
         if (newLabel === currentLabel && newLabel !== '*') {
           // 选择相同标签时切换到'*'
           useSettingsStore.getState().setQueryLabel('*')

lightrag_webui/src/components/ui/TabContent.tsx

@@ -18,7 +18,7 @@ const TabContent: React.FC<TabContentProps> = ({ tabId, children, className = ''
   // Register this tab with the context when mounted
   useEffect(() => {
     setTabVisibility(tabId, true);
-    
+
     // Cleanup when unmounted
     return () => {
       setTabVisibility(tabId, false);

lightrag_webui/src/contexts/TabVisibilityProvider.tsx

@@ -14,7 +14,7 @@ interface TabVisibilityProviderProps {
 export const TabVisibilityProvider: React.FC<TabVisibilityProviderProps> = ({ children }) => {
   // Get current tab from settings store
   const currentTab = useSettingsStore.use.currentTab();
-  
+
   // Initialize visibility state with current tab as visible
   const [visibleTabs, setVisibleTabs] = useState<Record<string, boolean>>(() => ({
     [currentTab]: true

lightrag_webui/src/contexts/useTabVisibility.ts

@@ -8,10 +8,10 @@ import { TabVisibilityContextType } from './types';
  */
 export const useTabVisibility = (): TabVisibilityContextType => {
   const context = useContext(TabVisibilityContext);
-  
+
   if (!context) {
     throw new Error('useTabVisibility must be used within a TabVisibilityProvider');
   }
-  
+
   return context;
 };

lightrag_webui/src/features/ApiSite.tsx

@@ -8,20 +8,20 @@ export default function ApiSite() {
   const { isTabVisible } = useTabVisibility()
   const isApiTabVisible = isTabVisible('api')
   const [iframeLoaded, setIframeLoaded] = useState(false)
-  
+
   // Load the iframe once on component mount
   useEffect(() => {
     if (!iframeLoaded) {
       setIframeLoaded(true)
     }
   }, [iframeLoaded])
-  
+
   // Use CSS to hide content when tab is not visible
   return (
     <div className={`size-full ${isApiTabVisible ? '' : 'hidden'}`}>
       {iframeLoaded ? (
-        <iframe 
-          src={backendBaseUrl + '/docs'} 
+        <iframe
+          src={backendBaseUrl + '/docs'}
           className="size-full w-full h-full"
           style={{ width: '100%', height: '100%', border: 'none' }}
           // Use key to ensure iframe doesn't reload

lightrag_webui/src/features/DocumentManager.tsx

@@ -76,7 +76,7 @@ export default function DocumentManager() {
     if (!isDocumentsTabVisible || !health) {
       return
     }
-    
+
     const interval = setInterval(async () => {
       try {
         await fetchDocuments()
@@ -84,7 +84,7 @@ export default function DocumentManager() {
         toast.error(t('documentPanel.documentManager.errors.scanProgressFailed', { error: errorMessage(err) }))
       }
     }, 5000)
-    
+
     return () => clearInterval(interval)
   }, [health, fetchDocuments, t, isDocumentsTabVisible])
 

lightrag_webui/src/features/GraphViewer.tsx

@@ -115,7 +115,7 @@ const GraphViewer = () => {
   const moveToSelectedNode = useGraphStore.use.moveToSelectedNode()
   const isFetching = useGraphStore.use.isFetching()
   const shouldRender = useGraphStore.use.shouldRender() // Rendering control state
-  
+
   // Get tab visibility
   const { isTabVisible } = useTabVisibility()
   const isGraphTabVisible = isTabVisible('knowledge-graph')
@@ -137,7 +137,7 @@ const GraphViewer = () => {
       initAttemptedRef.current = true
       console.log('Graph viewer initialized')
     }
-    
+
     // Cleanup function when component unmounts
     return () => {
       // Only log cleanup, don't actually clean up the WebGL context

lightrag_webui/src/hooks/useLightragGraph.tsx

@@ -148,7 +148,7 @@ const createSigmaGraph = (rawGraph: RawGraph | null) => {
     seedrandom(rawNode.id + Date.now().toString(), { global: true })
     const x = Math.random()
     const y = Math.random()
-    
+
     graph.addNode(rawNode.id, {
       label: rawNode.labels.join(', '),
       color: rawNode.color,
@@ -178,20 +178,20 @@ const useLightrangeGraph = () => {
   const maxQueryDepth = useSettingsStore.use.graphQueryMaxDepth()
   const minDegree = useSettingsStore.use.graphMinDegree()
   const isFetching = useGraphStore.use.isFetching()
-  
+
   // Get tab visibility
   const { isTabVisible } = useTabVisibility()
   const isGraphTabVisible = isTabVisible('knowledge-graph')
-  
+
   // Track previous parameters to detect actual changes
   const prevParamsRef = useRef({ queryLabel, maxQueryDepth, minDegree })
-  
+
   // Use ref to track if data has been loaded and initial load
   const dataLoadedRef = useRef(false)
   const initialLoadRef = useRef(false)
-  
+
   // Check if parameters have changed
-  const paramsChanged = 
+  const paramsChanged =
     prevParamsRef.current.queryLabel !== queryLabel ||
     prevParamsRef.current.maxQueryDepth !== maxQueryDepth ||
     prevParamsRef.current.minDegree !== minDegree
@@ -212,14 +212,14 @@ const useLightrangeGraph = () => {
 
   // Track if a fetch is in progress to prevent multiple simultaneous fetches
   const fetchInProgressRef = useRef(false)
-  
+
   // Data fetching logic - simplified but preserving TAB visibility check
   useEffect(() => {
     // Skip if fetch is already in progress
     if (fetchInProgressRef.current) {
       return
     }
-    
+
     // If there's no query label, reset the graph
     if (!queryLabel) {
       if (rawGraph !== null || sigmaGraph !== null) {
@@ -233,25 +233,25 @@ const useLightrangeGraph = () => {
       initialLoadRef.current = false
       return
     }
-    
+
     // Check if parameters have changed
-    if (!isFetching && !fetchInProgressRef.current && 
+    if (!isFetching && !fetchInProgressRef.current &&
         (paramsChanged || !useGraphStore.getState().graphDataFetchAttempted)) {
-      
+
       // Only fetch data if the Graph tab is visible
       if (!isGraphTabVisible) {
         console.log('Graph tab not visible, skipping data fetch');
         return;
       }
-      
+
       // Set flags
       fetchInProgressRef.current = true
       useGraphStore.getState().setGraphDataFetchAttempted(true)
-      
+
       const state = useGraphStore.getState()
       state.setIsFetching(true)
       state.setShouldRender(false) // Disable rendering during data loading
-      
+
       // Clear selection and highlighted nodes before fetching new graph
       state.clearSelection()
       if (state.sigmaGraph) {
@@ -259,32 +259,32 @@ const useLightrangeGraph = () => {
           state.sigmaGraph?.setNodeAttribute(node, 'highlighted', false)
         })
       }
-      
+
       // Update parameter reference
       prevParamsRef.current = { queryLabel, maxQueryDepth, minDegree }
-      
+
       console.log('Fetching graph data...')
-      
+
       // Use a local copy of the parameters
       const currentQueryLabel = queryLabel
       const currentMaxQueryDepth = maxQueryDepth
       const currentMinDegree = minDegree
-      
+
       // Fetch graph data
       fetchGraph(currentQueryLabel, currentMaxQueryDepth, currentMinDegree).then((data) => {
         const state = useGraphStore.getState()
-        
+
         // Reset state
         state.reset()
-        
+
         // Create and set new graph directly
         const newSigmaGraph = createSigmaGraph(data)
         data?.buildDynamicMap()
-        
+
         // Set new graph data
         state.setSigmaGraph(newSigmaGraph)
         state.setRawGraph(data)
-        
+
         // Extract labels from current graph data
         if (data) {
           const labelSet = new Set<string>()
@@ -303,21 +303,21 @@ const useLightrangeGraph = () => {
         } else {
           state.setGraphLabels(['*'])
         }
-        
+
         // Update flags
         dataLoadedRef.current = true
         initialLoadRef.current = true
         fetchInProgressRef.current = false
-        
+
         // Reset camera view
         state.setMoveToSelectedNode(true)
-        
+
         // Enable rendering if the tab is visible
         state.setShouldRender(isGraphTabVisible)
         state.setIsFetching(false)
       }).catch((error) => {
         console.error('Error fetching graph data:', error)
-        
+
         // Reset state on error
         const state = useGraphStore.getState()
         state.setIsFetching(false)
@@ -328,7 +328,7 @@ const useLightrangeGraph = () => {
       })
     }
   }, [queryLabel, maxQueryDepth, minDegree, isFetching, paramsChanged, isGraphTabVisible, rawGraph, sigmaGraph])
-  
+
   // Update rendering state and handle tab visibility changes
   useEffect(() => {
     // When tab becomes visible
@@ -337,7 +337,7 @@ const useLightrangeGraph = () => {
       if (rawGraph) {
         useGraphStore.getState().setShouldRender(true)
       }
-      
+
       // We no longer reset the fetch attempted flag here to prevent continuous API calls
     } else {
       // When tab becomes invisible, disable rendering
@@ -350,7 +350,7 @@ const useLightrangeGraph = () => {
     if (sigmaGraph) {
       return sigmaGraph as Graph<NodeType, EdgeType>
     }
-    
+
     // If no graph exists yet, create a new one and store it
     console.log('Creating new Sigma graph instance')
     const graph = new DirectedGraph()

lightrag_webui/src/stores/graph.ts

@@ -72,7 +72,7 @@ interface GraphState {
   moveToSelectedNode: boolean
   isFetching: boolean
   shouldRender: boolean
-  
+
   // Global flags to track data fetching attempts
   graphDataFetchAttempted: boolean
   labelsFetchAttempted: boolean
@@ -94,7 +94,7 @@ interface GraphState {
   fetchAllDatabaseLabels: () => Promise<void>
   setIsFetching: (isFetching: boolean) => void
   setShouldRender: (shouldRender: boolean) => void
-  
+
   // Methods to set global flags
   setGraphDataFetchAttempted: (attempted: boolean) => void
   setLabelsFetchAttempted: (attempted: boolean) => void
@@ -109,7 +109,7 @@ const useGraphStoreBase = create<GraphState>()((set, get) => ({
   moveToSelectedNode: false,
   isFetching: false,
   shouldRender: false,
-  
+
   // Initialize global flags
   graphDataFetchAttempted: false,
   labelsFetchAttempted: false,
@@ -147,13 +147,13 @@ const useGraphStoreBase = create<GraphState>()((set, get) => ({
   reset: () => {
     // Get the existing graph
     const existingGraph = get().sigmaGraph;
-    
+
     // If we have an existing graph, clear it by removing all nodes
     if (existingGraph) {
       const nodes = Array.from(existingGraph.nodes());
       nodes.forEach(node => existingGraph.dropNode(node));
     }
-    
+
     set({
       selectedNode: null,
       focusedNode: null,
@@ -195,7 +195,7 @@ const useGraphStoreBase = create<GraphState>()((set, get) => ({
   },
 
   setMoveToSelectedNode: (moveToSelectedNode?: boolean) => set({ moveToSelectedNode }),
-  
+
   // Methods to set global flags
   setGraphDataFetchAttempted: (attempted: boolean) => set({ graphDataFetchAttempted: attempted }),
   setLabelsFetchAttempted: (attempted: boolean) => set({ labelsFetchAttempted: attempted })