Switch to BiomeJS (#306)

src-web/components/Settings/Settings.tsx

@@ -2,7 +2,7 @@ import { useSearch } from '@tanstack/react-router';
 import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow';
 import { type } from '@tauri-apps/plugin-os';
 import classNames from 'classnames';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useKeyPressEvent } from 'react-use';
 import { appInfo } from '../../lib/appInfo';
 import { capitalize } from '../../lib/capitalize';
@@ -10,8 +10,8 @@ import { HStack } from '../core/Stacks';
 import type { TabItem } from '../core/Tabs/Tabs';
 import { TabContent, Tabs } from '../core/Tabs/Tabs';
 import { HeaderSize } from '../HeaderSize';
-import { SettingsInterface } from './SettingsInterface';
 import { SettingsGeneral } from './SettingsGeneral';
+import { SettingsInterface } from './SettingsInterface';
 import { SettingsLicense } from './SettingsLicense';
 import { SettingsPlugins } from './SettingsPlugins';
 import { SettingsProxy } from './SettingsProxy';

src-web/components/Settings/SettingsGeneral.tsx

@@ -2,8 +2,8 @@ import { revealItemInDir } from '@tauri-apps/plugin-opener';
 import { patchModel, settingsAtom } from '@yaakapp-internal/models';
 import { useAtomValue } from 'jotai';
 import { activeWorkspaceAtom } from '../../hooks/useActiveWorkspace';
-import { appInfo } from '../../lib/appInfo';
 import { useCheckForUpdates } from '../../hooks/useCheckForUpdates';
+import { appInfo } from '../../lib/appInfo';
 import { revealInFinderText } from '../../lib/reveal';
 import { CargoFeature } from '../CargoFeature';
 import { Checkbox } from '../core/Checkbox';
@@ -108,8 +108,10 @@ export function SettingsGeneral() {
           placeholder="0"
           labelPosition="left"
           defaultValue={`${workspace.settingRequestTimeout}`}
-          validate={(value) => parseInt(value) >= 0}
-          onChange={(v) => patchModel(workspace, { settingRequestTimeout: parseInt(v) || 0 })}
+          validate={(value) => Number.parseInt(value, 10) >= 0}
+          onChange={(v) =>
+            patchModel(workspace, { settingRequestTimeout: Number.parseInt(v, 10) || 0 })
+          }
           type="number"
         />
 

src-web/components/Settings/SettingsInterface.tsx

@@ -4,7 +4,7 @@ import { useLicense } from '@yaakapp-internal/license';
 import type { EditorKeymap, Settings } from '@yaakapp-internal/models';
 import { patchModel, settingsAtom } from '@yaakapp-internal/models';
 import { useAtomValue } from 'jotai';
-import React from 'react';
+
 import { activeWorkspaceAtom } from '../../hooks/useActiveWorkspace';
 import { clamp } from '../../lib/clamp';
 import { showConfirm } from '../../lib/confirm';
@@ -95,7 +95,7 @@ export function SettingsInterface() {
           defaultValue="14"
           value={`${settings.interfaceFontSize}`}
           options={fontSizeOptions}
-          onChange={(v) => patchModel(settings, { interfaceFontSize: parseInt(v) })}
+          onChange={(v) => patchModel(settings, { interfaceFontSize: Number.parseInt(v, 10) })}
         />
       </HStack>
       <HStack space={2} alignItems="end">
@@ -127,7 +127,7 @@ export function SettingsInterface() {
           value={`${settings.editorFontSize}`}
           options={fontSizeOptions}
           onChange={(v) =>
-            patchModel(settings, { editorFontSize: clamp(parseInt(v) || 14, 8, 30) })
+            patchModel(settings, { editorFontSize: clamp(Number.parseInt(v, 10) || 14, 8, 30) })
           }
         />
       </HStack>

src-web/components/Settings/SettingsLicense.tsx

@@ -1,7 +1,7 @@
 import { openUrl } from '@tauri-apps/plugin-opener';
 import { useLicense } from '@yaakapp-internal/license';
 import { differenceInDays } from 'date-fns';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useToggle } from '../../hooks/useToggle';
 import { pluralizeCount } from '../../lib/pluralize';
 import { CargoFeature } from '../CargoFeature';
@@ -66,8 +66,7 @@ function SettingsLicenseCmp() {
             <br />
             <span className="opacity-50">
               You may continue using Yaak for personal use free, forever.
-              <br />
-              A license is required for commercial use.
+              <br />A license is required for commercial use.
             </span>
             <Separator className="my-2" />
             <div className="flex flex-wrap items-center gap-x-2 text-sm text-notice">

src-web/components/Settings/SettingsPlugins.tsx

@@ -10,7 +10,7 @@ import {
   uninstallPlugin,
 } from '@yaakapp-internal/plugins';
 import { useAtomValue } from 'jotai';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useDebouncedValue } from '../../hooks/useDebouncedValue';
 import { useInstallPlugin } from '../../hooks/useInstallPlugin';
 import { usePluginInfo } from '../../hooks/usePluginInfo';
@@ -306,7 +306,7 @@ function usePromptUninstall(pluginId: string | null, name: string) {
       if (pluginId == null) return;
 
       const confirmed = await showConfirmDelete({
-        id: 'uninstall-plugin-' + pluginId,
+        id: `uninstall-plugin-${pluginId}`,
         title: 'Uninstall Plugin',
         confirmText: 'Uninstall',
         description: (

src-web/components/Settings/SettingsProxy.tsx

@@ -1,6 +1,6 @@
 import { patchModel, settingsAtom } from '@yaakapp-internal/models';
 import { useAtomValue } from 'jotai';
-import React from 'react';
+
 import { Checkbox } from '../core/Checkbox';
 import { InlineCode } from '../core/InlineCode';
 import { PlainInput } from '../core/PlainInput';

src-web/components/Settings/SettingsTheme.tsx

@@ -1,6 +1,6 @@
 import { patchModel, settingsAtom } from '@yaakapp-internal/models';
 import { useAtomValue } from 'jotai';
-import React, { lazy, Suspense } from 'react';
+import { lazy, Suspense } from 'react';
 import { activeWorkspaceAtom } from '../../hooks/useActiveWorkspace';
 import { useResolvedAppearance } from '../../hooks/useResolvedAppearance';
 import { useResolvedTheme } from '../../hooks/useResolvedTheme';
@@ -127,7 +127,7 @@ export function SettingsTheme() {
               color={c}
               size="2xs"
               iconSize="xs"
-              icon={icons[i % icons.length]!}
+              icon={icons[i % icons.length] ?? 'info'}
               iconClassName="text"
               title={`${c}`}
             />
@@ -139,7 +139,7 @@ export function SettingsTheme() {
               variant="border"
               size="2xs"
               iconSize="xs"
-              icon={icons[i % icons.length]!}
+              icon={icons[i % icons.length] ?? 'info'}
               iconClassName="text"
               title={`${c}`}
             />