add context

Author: geocine

eslint.config.js

@@ -10,7 +10,10 @@ export default [
     files: ['**/*.{js,jsx}'],
     languageOptions: {
       ecmaVersion: 2020,
-      globals: globals.browser,
+      globals: {
+        ...globals.browser,
+        __dirname: true
+      },
       parserOptions: {
         ecmaVersion: 'latest',
         ecmaFeatures: { jsx: true },
@@ -30,7 +33,7 @@ export default [
       ...reactHooks.configs.recommended.rules,
       'react/jsx-no-target-blank': 'off',
       'react-refresh/only-export-components': [
-        'warn',
+        'off',
         { allowConstantExport: true },
       ],
     },

jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@*": [
+        "./src/*"
+      ]
+    }
+  }
+}

src/components/FanMonitor.jsx src/components/FanMonitor/FanMonitor.jsx

@@ -1,20 +1,6 @@
 import PropTypes from 'prop-types';
-import { useFanStrategy } from '../contexts/FanStrategyContext';
-
-const useFanMonitor = (strategyHook) => {
-  const strategy = strategyHook();
-  const { state, setSpeed, reset, validateSpeed } = strategy;
-  const { speed, isRunning, warning } = state;
-
-  return {
-    speed,
-    isRunning,
-    warning,
-    reset,
-    setSpeed,
-    validateSpeed
-  };
-};
+import { useFanStrategy } from './FanStrategyContext';
+import useFanMonitor from './useFanMonitor';
 
 export const FanMonitor = ({ strategy }) => {
   const contextStrategy = useFanStrategy;

src/contexts/FanStrategyContext.jsx src/components/FanMonitor/FanStrategyContext.jsx

@@ -0,0 +1,16 @@
+const useFanMonitor = (strategyHook) => {
+    const strategy = strategyHook();
+    const { state, setSpeed, reset, validateSpeed } = strategy;
+    const { speed, isRunning, warning } = state;
+  
+    return {
+      speed,
+      isRunning,
+      warning,
+      reset,
+      setSpeed,
+      validateSpeed
+    };
+  };
+
+export default useFanMonitor;

src/components/FanMonitor/useFanMonitor.js

@@ -1,6 +1,6 @@
-import { FanMonitor } from '../../components/FanMonitor';
+import { FanMonitor } from '@components/FanMonitor/FanMonitor';
 import { useDesktopFanStrategy } from './desktopFanStrategy';
-import { FanStrategyProvider } from '../../contexts/FanStrategyContext';
+import { FanStrategyProvider } from '@components/FanMonitor/FanStrategyContext';
 
 export const DesktopFan = () => {
   return (

src/devices/desktop/DesktopFan.jsx

@@ -1,6 +1,6 @@
-import { FanMonitor } from '../../components/FanMonitor';
+import { FanMonitor } from '@components/FanMonitor/FanMonitor';
 import { useLaptopFanStrategy } from './laptopFanStrategy';
-import { FanStrategyProvider } from '../../contexts/FanStrategyContext';
+import { FanStrategyProvider } from '@components/FanMonitor/FanStrategyContext';
 
 export const LaptopFan = () => {
   return (

src/devices/laptop/LaptopFan.jsx

@@ -1,6 +1,6 @@
-import { FanMonitor } from '../../components/FanMonitor';
+import { FanMonitor } from '@components/FanMonitor/FanMonitor';
 import { useServerFanStrategy } from './serverFanStrategy';
-import { FanStrategyProvider } from '../../contexts/FanStrategyContext';
+import { FanStrategyProvider } from '@components/FanMonitor/FanStrategyContext';
 
 export const ServerFan = () => {
   return (

src/devices/server/ServerFan.jsx

@@ -1,7 +1,14 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import path from 'path';
+
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    alias: {
+      '@components': path.resolve(__dirname, './src/components')
+    }
+  }
 })