Update biome config

Author: WillsonHaw

.changeset/wild-ears-mate.md

@@ -0,0 +1,9 @@
+---
+"@plexinc/react-native-lightning-example": patch
+"@plexinc/react-native-lightning": patch
+"@plexinc/react-lightning-example": patch
+"@plexinc/react-lightning-plugin-devtools": patch
+"@plexinc/react-lightning-storybook": patch
+---
+
+Update biome config

.vscode/settings.json

@@ -2,7 +2,8 @@
   "editor.defaultFormatter": "biomejs.biome",
   "editor.codeActionsOnSave": {
     "quickfix.biome": "explicit",
-    "source.organizeImports.biome": "explicit"
+    "source.organizeImports.biome": "explicit",
+    "source.fixAll.biome": "explicit"
   },
   "typescript.tsdk": "node_modules/typescript/lib",
   "cSpell.words": ["lightningjs", "threadx"],

apps/react-lightning-example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexinc/react-lightning-example",
-  "description": "Sample implementation of @plex/react-native-lightning in a React Native app",
+  "description": "Sample implementation of @plexinc/react-lightning in a React app",
   "version": "0.1.3",
   "author": "Plex Inc.",
   "license": "MIT",

apps/react-native-lightning-example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexinc/react-native-lightning-example",
-  "description": "Sample implementation of @plex/react-native-lightning in a React Native app",
+  "description": "Sample implementation of @plexinc/react-native-lightning in a React Native app",
   "version": "0.1.3",
   "author": "Plex Inc.",
   "license": "MIT",

apps/react-native-lightning-example/src/pages/AnimationTest.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { Button, StyleSheet, View } from 'react-native';
 import Animated, {
   useAnimatedStyle,

apps/react-native-lightning-example/src/pages/FlashListTest.tsx

@@ -1,5 +1,5 @@
-import { FocusGroup } from '@plexinc/react-lightning';
 import { Column } from '@plexinc/react-lightning-components';
+import { FocusGroup } from '@plexinc/react-native-lightning';
 import { FlashList } from '@shopify/flash-list';
 import { Text } from 'react-native';
 

apps/storybook/.storybook/preview.tsx

@@ -1,5 +1,4 @@
 import type { Preview } from '@storybook/react';
-import React from 'react';
 import { StorybookDecorator } from '../src/components/StorybookDecorator';
 import theme from './theme';
 

biome.json

@@ -3,9 +3,16 @@
   "files": {
     "ignore": ["package.json", ".vscode", "public"]
   },
+  "organizeImports": {
+    "enabled": true
+  },
   "linter": {
     "enabled": true,
     "rules": {
+      "recommended": true,
+      "correctness": {
+        "noUnusedImports": "error"
+      },
       "a11y": {
         "useKeyWithMouseEvents": "off",
         "useKeyWithClickEvents": "off",
@@ -14,16 +21,21 @@
     }
   },
   "formatter": {
+    "enabled": true,
     "indentStyle": "space"
   },
   "javascript": {
+    "linter": {
+      "enabled": true
+    },
     "formatter": {
       "quoteStyle": "single"
     }
   },
   "vcs": {
     "enabled": true,
     "clientKind": "git",
+    "defaultBranch": "main",
     "useIgnoreFile": true
   }
 }

packages/plugin-devtools/src/panels/lightning/LightningTree.tsx

@@ -1,8 +1,7 @@
-import { useCallback, useContext, useRef } from 'react';
-import { type NodeApi, Tree, TreeApi } from 'react-arborist';
+import { useCallback, useContext } from 'react';
+import { type NodeApi, Tree } from 'react-arborist';
 import useResizeObserver from 'use-resize-observer';
 import { sendMessage } from 'webext-bridge/devtools';
-import { useExtensionMessaging } from '../../communication/useExtensionMessaging';
 import { SelectedPreviewContext } from '../../preview/SelectedPreviewProvider';
 import useRefStoreContext from '../../store/useRefStoreContext';
 import type { ElementTreeNode } from '../../tree/BidirectionalDataTree';

packages/plugin-devtools/src/preview/ElementPreview.tsx

@@ -1,7 +1,6 @@
 import { type FC, useCallback, useMemo, useState } from 'react';
 import { useExtensionMessaging } from '../communication/useExtensionMessaging';
 import { PanelWithToolbar } from '../components/PanelWithToolbar';
-import { useTheme } from '../hooks/useTheme';
 import { Fps } from './Fps';
 
 export const ElementPreview: FC = () => {

packages/plugin-devtools/src/tree/TreeNode.tsx

@@ -1,6 +1,5 @@
 import {
   type CSSProperties,
-  Children,
   type FC,
   type ReactNode,
   useCallback,

packages/react-native-lightning/src/exports/TouchableHighlight.tsx

@@ -1,6 +1,6 @@
 import type { LightningElement } from '@plexinc/react-lightning';
 import { useCombinedRef, useFocus } from '@plexinc/react-lightning';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import type { TouchableHighlightProps } from 'react-native';
 import { Pressable } from './Pressable';
 

packages/react-native-lightning/src/exports/TouchableOpacity.tsx

@@ -1,6 +1,6 @@
 import type { LightningElement } from '@plexinc/react-lightning';
 import { useCombinedRef, useFocus } from '@plexinc/react-lightning';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import type { TouchableOpacityProps } from 'react-native';
 import { Pressable } from './Pressable';
 

packages/react-native-lightning/src/exports/TouchableWithoutFeedback.tsx

@@ -3,7 +3,7 @@ import {
   useCombinedRef,
   useFocus,
 } from '@plexinc/react-lightning';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import type { TouchableWithoutFeedbackProps } from 'react-native';
 import { Pressable } from './Pressable';