style: 完成所有文件的lint

src/state/AppState.tsx

@@ -1,35 +1,24 @@
-import { feature } from 'bun:bundle'
-import React, {
-  useContext,
-  useEffect,
-  useEffectEvent,
-  useState,
-  useSyncExternalStore,
-} from 'react'
-import { MailboxProvider } from '../context/mailbox.js'
-import { useSettingsChange } from '../hooks/useSettingsChange.js'
-import { logForDebugging } from '../utils/debug.js'
+import { feature } from 'bun:bundle';
+import React, { useContext, useEffect, useEffectEvent, useState, useSyncExternalStore } from 'react';
+import { MailboxProvider } from '../context/mailbox.js';
+import { useSettingsChange } from '../hooks/useSettingsChange.js';
+import { logForDebugging } from '../utils/debug.js';
 import {
   createDisabledBypassPermissionsContext,
   isBypassPermissionsModeDisabled,
-} from '../utils/permissions/permissionSetup.js'
-import { applySettingsChange } from '../utils/settings/applySettingsChange.js'
-import type { SettingSource } from '../utils/settings/constants.js'
-import { createStore } from './store.js'
+} from '../utils/permissions/permissionSetup.js';
+import { applySettingsChange } from '../utils/settings/applySettingsChange.js';
+import type { SettingSource } from '../utils/settings/constants.js';
+import { createStore } from './store.js';
 
 // DCE: voice context is ant-only. External builds get a passthrough.
 /* eslint-disable @typescript-eslint/no-require-imports */
-const VoiceProvider: (props: { children: React.ReactNode }) => React.ReactNode =
-  feature('VOICE_MODE')
-    ? require('../context/voice.js').VoiceProvider
-    : ({ children }) => children
+const VoiceProvider: (props: { children: React.ReactNode }) => React.ReactNode = feature('VOICE_MODE')
+  ? require('../context/voice.js').VoiceProvider
+  : ({ children }) => children;
 
 /* eslint-enable @typescript-eslint/no-require-imports */
-import {
-  type AppState,
-  type AppStateStore,
-  getDefaultAppState,
-} from './AppStateStore.js'
+import { type AppState, type AppStateStore, getDefaultAppState } from './AppStateStore.js';
 
 // TODO: Remove these re-exports once all callers import directly from
 // ./AppStateStore.js. Kept for back-compat during migration so .ts callers
@@ -42,40 +31,29 @@ export {
   IDLE_SPECULATION_STATE,
   type SpeculationResult,
   type SpeculationState,
-} from './AppStateStore.js'
+} from './AppStateStore.js';
 
-export const AppStoreContext = React.createContext<AppStateStore | null>(null)
+export const AppStoreContext = React.createContext<AppStateStore | null>(null);
 
 type Props = {
-  children: React.ReactNode
-  initialState?: AppState
-  onChangeAppState?: (args: { newState: AppState; oldState: AppState }) => void
-}
+  children: React.ReactNode;
+  initialState?: AppState;
+  onChangeAppState?: (args: { newState: AppState; oldState: AppState }) => void;
+};
 
-const HasAppStateContext = React.createContext<boolean>(false)
+const HasAppStateContext = React.createContext<boolean>(false);
 
-export function AppStateProvider({
-  children,
-  initialState,
-  onChangeAppState,
-}: Props): React.ReactNode {
+export function AppStateProvider({ children, initialState, onChangeAppState }: Props): React.ReactNode {
   // Don't allow nested AppStateProviders.
-  const hasAppStateContext = useContext(HasAppStateContext)
+  const hasAppStateContext = useContext(HasAppStateContext);
   if (hasAppStateContext) {
-    throw new Error(
-      'AppStateProvider can not be nested within another AppStateProvider',
-    )
+    throw new Error('AppStateProvider can not be nested within another AppStateProvider');
   }
 
   // Store is created once and never changes -- stable context value means
   // the provider never triggers re-renders. Consumers subscribe to slices
   // via useSyncExternalStore in useAppState(selector).
-  const [store] = useState(() =>
-    createStore<AppState>(
-      initialState ?? getDefaultAppState(),
-      onChangeAppState,
-    ),
-  )
+  const [store] = useState(() => createStore<AppState>(initialState ?? getDefaultAppState(), onChangeAppState));
 
   // Check on mount if bypass mode should be disabled
   // This handles the race condition where remote settings load BEFORE this component mounts,
@@ -83,30 +61,21 @@ export function AppStateProvider({
   // On subsequent sessions, the cached remote-settings.json is read during initial setup,
   // but on the first session the remote fetch may complete before React mounts.
   useEffect(() => {
-    const { toolPermissionContext } = store.getState()
-    if (
-      toolPermissionContext.isBypassPermissionsModeAvailable &&
-      isBypassPermissionsModeDisabled()
-    ) {
-      logForDebugging(
-        'Disabling bypass permissions mode on mount (remote settings loaded before mount)',
-      )
+    const { toolPermissionContext } = store.getState();
+    if (toolPermissionContext.isBypassPermissionsModeAvailable && isBypassPermissionsModeDisabled()) {
+      logForDebugging('Disabling bypass permissions mode on mount (remote settings loaded before mount)');
       store.setState(prev => ({
         ...prev,
-        toolPermissionContext: createDisabledBypassPermissionsContext(
-          prev.toolPermissionContext,
-        ),
-      }))
+        toolPermissionContext: createDisabledBypassPermissionsContext(prev.toolPermissionContext),
+      }));
     }
-  }, [])
+  }, []);
 
   // Listen for external settings changes and sync to AppState.
   // This ensures file watcher changes propagate through the app --
   // shared with the headless/SDK path via applySettingsChange.
-  const onSettingsChange = useEffectEvent((source: SettingSource) =>
-    applySettingsChange(source, store.setState),
-  )
-  useSettingsChange(onSettingsChange)
+  const onSettingsChange = useEffectEvent((source: SettingSource) => applySettingsChange(source, store.setState));
+  useSettingsChange(onSettingsChange);
 
   return (
     <HasAppStateContext.Provider value={true}>
@@ -116,18 +85,16 @@ export function AppStateProvider({
         </MailboxProvider>
       </AppStoreContext.Provider>
     </HasAppStateContext.Provider>
-  )
+  );
 }
 
 function useAppStore(): AppStateStore {
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  const store = useContext(AppStoreContext)
+  const store = useContext(AppStoreContext);
   if (!store) {
-    throw new ReferenceError(
-      'useAppState/useSetAppState cannot be called outside of an <AppStateProvider />',
-    )
+    throw new ReferenceError('useAppState/useSetAppState cannot be called outside of an <AppStateProvider />');
   }
-  return store
+  return store;
 }
 
 /**
@@ -147,22 +114,22 @@ function useAppStore(): AppStateStore {
  * ```
  */
 export function useAppState<T>(selector: (state: AppState) => T): T {
-  const store = useAppStore()
+  const store = useAppStore();
 
   const get = () => {
-    const state = store.getState()
-    const selected = selector(state)
+    const state = store.getState();
+    const selected = selector(state);
 
     if (process.env.USER_TYPE === 'ant' && state === selected) {
       throw new Error(
         `Your selector in \`useAppState(${selector.toString()})\` returned the original state, which is not allowed. You must instead return a property for optimised rendering.`,
-      )
+      );
     }
 
-    return selected
-  }
+    return selected;
+  };
 
-  return useSyncExternalStore(store.subscribe, get, get)
+  return useSyncExternalStore(store.subscribe, get, get);
 }
 
 /**
@@ -170,30 +137,26 @@ export function useAppState<T>(selector: (state: AppState) => T): T {
  * Returns a stable reference that never changes -- components using only
  * this hook will never re-render from state changes.
  */
-export function useSetAppState(): (
-  updater: (prev: AppState) => AppState,
-) => void {
-  return useAppStore().setState
+export function useSetAppState(): (updater: (prev: AppState) => AppState) => void {
+  return useAppStore().setState;
 }
 
 /**
  * Get the store directly (for passing getState/setState to non-React code).
  */
 export function useAppStateStore(): AppStateStore {
-  return useAppStore()
+  return useAppStore();
 }
 
-const NOOP_SUBSCRIBE = () => () => {}
+const NOOP_SUBSCRIBE = () => () => {};
 
 /**
  * Safe version of useAppState that returns undefined if called outside of AppStateProvider.
  * Useful for components that may be rendered in contexts where AppStateProvider isn't available.
  */
-export function useAppStateMaybeOutsideOfProvider<T>(
-  selector: (state: AppState) => T,
-): T | undefined {
-  const store = useContext(AppStoreContext)
+export function useAppStateMaybeOutsideOfProvider<T>(selector: (state: AppState) => T): T | undefined {
+  const store = useContext(AppStoreContext);
   return useSyncExternalStore(store ? store.subscribe : NOOP_SUBSCRIBE, () =>
     store ? selector(store.getState()) : undefined,
-  )
+  );
 }