fix lint issues

Author: AlaricBaraou

package.json

@@ -32,7 +32,7 @@
     "start": "tsdx watch",
     "build": "tsdx build",
     "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
+    "lint": "tsdx lint --fix",
     "prepare": "tsdx build",
     "size": "size-limit",
     "analyze": "size-limit --why",

src/A11y.tsx

@@ -119,12 +119,12 @@ export const A11y: React.FC<Props> = ({
     pressed: startPressed ? startPressed : false,
   });
 
-  const a11yScreenReader = useAnnounceStore(state => state.a11yScreenReader);
+  const a11yScreenReader = useAnnounceStore((state) => state.a11yScreenReader);
 
   const overHtml = useRef(false);
   const overMesh = useRef(false);
 
-  const domElement = useThree(state => state.gl.domElement);
+  const domElement = useThree((state) => state.gl.domElement);
 
   // temporary fix to prevent error -> keep track of our component's mounted state
   const componentIsMounted = useRef(true);
@@ -137,7 +137,7 @@ export const A11y: React.FC<Props> = ({
 
   React.Children.only(children);
   // @ts-ignore
-  const handleOnPointerOver = e => {
+  const handleOnPointerOver = (e) => {
     if (e.eventObject) {
       overMesh.current = true;
     } else {
@@ -155,7 +155,7 @@ export const A11y: React.FC<Props> = ({
     }
   };
   // @ts-ignore
-  const handleOnPointerOut = e => {
+  const handleOnPointerOut = (e) => {
     if (e.eventObject) {
       overMesh.current = false;
     } else {
@@ -220,7 +220,7 @@ export const A11y: React.FC<Props> = ({
             )}
             onPointerOver={handleOnPointerOver}
             onPointerOut={handleOnPointerOut}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
               if (disabled) {
                 return;
@@ -262,7 +262,7 @@ export const A11y: React.FC<Props> = ({
             )}
             onPointerOver={handleOnPointerOver}
             onPointerOut={handleOnPointerOut}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
               if (disabled) {
                 return;
@@ -302,7 +302,7 @@ export const A11y: React.FC<Props> = ({
           href={href}
           onPointerOver={handleOnPointerOver}
           onPointerOut={handleOnPointerOut}
-          onClick={e => {
+          onClick={(e) => {
             e.stopPropagation();
             e.preventDefault();
             if (typeof actionCall === 'function') actionCall();
@@ -460,7 +460,7 @@ export const A11y: React.FC<Props> = ({
     >
       <group
         {...props}
-        onClick={e => {
+        onClick={(e) => {
           e.stopPropagation();
           if (disabled || (dragThreshold && e.delta > dragThreshold)) {
             return;

src/A11yAnnouncer.tsx

@@ -14,7 +14,7 @@ const offScreenStyle = {
 };
 
 export const A11yAnnouncer: React.FC = () => {
-  const message = useAnnounceStore(state => state.message);
+  const message = useAnnounceStore((state) => state.message);
 
   useEffect(() => {
     const mouseClickListener = (e: MouseEvent) => {

src/A11yDebuger.tsx

@@ -5,7 +5,7 @@ interface Props {}
 
 export const A11yDebuger: React.FC<Props> = ({}) => {
   const [el] = useState(() => document.createElement('div'));
-  const root = React.useMemo(() => ReactDOM.createRoot(el), [el])
+  const root = React.useMemo(() => ReactDOM.createRoot(el), [el]);
   const [boundingStyle, setBoundingStyle] = useState({});
   const [debugState, setDebugState] = useState({
     prefersDarkScheme: false,
@@ -28,7 +28,7 @@ export const A11yDebuger: React.FC<Props> = ({}) => {
         'r3f-a11y-debug-id'
       );
       if (r3fa11ydebugidref) {
-        document.querySelectorAll('[r3fa11ydebugidref]').forEach(node => {
+        document.querySelectorAll('[r3fa11ydebugidref]').forEach((node) => {
           //@ts-ignore
           node.style.color = null;
         });
@@ -41,15 +41,15 @@ export const A11yDebuger: React.FC<Props> = ({}) => {
         }
       }
     };
-      //@ts-ignore
-    const root = ReactDOM.createRoot(domStructureRef.current)
+    //@ts-ignore
+    const root = ReactDOM.createRoot(domStructureRef.current);
     console.log('enregistre ev');
     document.addEventListener('focus', selectActiveEl, true);
     let superinterval = window.setInterval(() => {
       let r3fPosId = 0;
       //@ts-ignore
       let elements = [];
-      document.querySelectorAll('[r3f-a11y]').forEach(node => {
+      document.querySelectorAll('[r3f-a11y]').forEach((node) => {
         node.setAttribute('r3f-a11y-debug-id', '' + r3fPosId);
         // let li = document.createElement('li');
         // li.innerHTML = node.tagName ;
@@ -90,7 +90,7 @@ export const A11yDebuger: React.FC<Props> = ({}) => {
   }, [a11yPrefersState]);
 
   // @ts-ignore
-  const handleChange = e => {
+  const handleChange = (e) => {
     // @ts-ignore
     setA11yPrefersState({
       prefersDarkScheme:

src/A11ySection.tsx

@@ -33,7 +33,7 @@ export const A11ySection: React.FC<Props> = ({
 }) => {
   const ref = useRef<HTMLElement | null>(null);
   const refpDesc = useRef<HTMLParagraphElement | null>(null);
-  const gl = useThree(state => state.gl);
+  const gl = useThree((state) => state.gl);
   const [el] = React.useState(() => document.createElement('section'));
   const target = gl.domElement.parentNode;
 
@@ -45,7 +45,7 @@ export const A11ySection: React.FC<Props> = ({
     el.setAttribute('r3f-a11y', 'true');
     el.setAttribute(
       'style',
-      (styles => {
+      ((styles) => {
         return Object.keys(styles).reduce(
           (acc, key) =>
             acc +

src/Html.tsx

@@ -89,7 +89,7 @@ export const Html = React.forwardRef(
     const scene = useThree(({ scene }) => scene);
     const size = useThree(({ size }) => size);
     const [el] = React.useState(() => document.createElement('div'));
-    const root = React.useMemo(() => ReactDOM.createRoot(el), [el])
+    const root = React.useMemo(() => ReactDOM.createRoot(el), [el]);
     const group = React.useRef<Group>(null);
     const oldZoom = React.useRef(0);
     const oldPosition = React.useRef([0, 0]);
@@ -105,7 +105,7 @@ export const Html = React.forwardRef(
         }
         return () => {
           if (target) target.removeChild(el);
-          root.unmount()
+          root.unmount();
         };
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps

src/announceStore.tsx

@@ -5,10 +5,10 @@ type State = {
   a11yScreenReader: (message: string) => void;
 };
 
-const useAnnounceStore = create<State>(set => {
+const useAnnounceStore = create<State>((set) => {
   return {
     message: '',
-    a11yScreenReader: message => {
+    a11yScreenReader: (message) => {
       set(() => {
         return { message: message };
       });