Merge pull request #61 from Brandawg93/grafana

Add support for Grafana & InfluxDB

.stylelintrc.json

@@ -0,0 +1,11 @@
+{
+  "extends": ["stylelint-config-standard"],
+  "rules": {
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": ["tailwind"]
+      }
+    ]
+  }
+}

README.md

@@ -27,7 +27,6 @@ docker run -p 8080:8080 --restart unless-stopped \
 ### docker-compose.yml
 
 ```yaml
-version: '3'
 services:
   peanut:
     image: brandawg93/peanut:latest

__tests__/unit/app/page.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import Page from '@/app/page'

__tests__/unit/client/components/daynight/index.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { fireEvent, render } from '@testing-library/react'
 import DayNightSwitch from '@/client/components/daynight'
 

__tests__/unit/client/components/daynight/mobile.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { fireEvent, render } from '@testing-library/react'
 import DayNightSwitch from '@/client/components/daynight/mobile'
 

__tests__/unit/client/components/footer.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import Footer from '@/client/components/footer'
 

__tests__/unit/client/components/gauge.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import Gauge from '@/client/components/gauge'
 

__tests__/unit/client/components/grid.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import NutGrid from '@/client/components/grid'

__tests__/unit/client/components/kpi.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import Kpi from '@/client/components/kpi'
 

__tests__/unit/client/components/line-chart.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import LineChart from '@/client/components/line-chart'
 import { DEVICE } from '@/common/types'
@@ -34,9 +35,9 @@ describe('Line', () => {
     const { getByTestId } = render(
       <LineChart
         serial={vars['device.serial']?.value}
-        inputVoltage={parseFloat(vars['input.voltage'].value)}
-        inputVoltageNominal={parseFloat(vars['input.voltage.nominal']?.value)}
-        outputVoltage={parseFloat(vars['output.voltage']?.value)}
+        inputVoltage={parseFloat(vars['input.voltage'].value as string)}
+        inputVoltageNominal={parseFloat(vars['input.voltage.nominal']?.value as string)}
+        outputVoltage={parseFloat(vars['output.voltage']?.value as string)}
         updated={new Date()}
       />
     )

__tests__/unit/client/components/navbar.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render, screen } from '@testing-library/react'
 import NavBar from '@/client/components/navbar'
 

__tests__/unit/client/components/runtime.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import Runtime from '@/client/components/runtime'
 

__tests__/unit/client/components/watts-chart.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import WattsChart from '@/client/components/watts-chart'
 import { DEVICE } from '@/common/types'
@@ -31,8 +32,8 @@ describe('Gauge', () => {
     const { getByTestId } = render(
       <WattsChart
         serial={vars['device.serial']?.value}
-        realpower={parseFloat(vars['ups.realpower'].value)}
-        realpowerNominal={parseFloat(vars['ups.realpower.nominal']?.value)}
+        realpower={parseFloat(vars['ups.realpower'].value as string)}
+        realpowerNominal={parseFloat(vars['ups.realpower.nominal']?.value as string)}
         updated={new Date()}
       />
     )

__tests__/unit/client/components/wrapper.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { render } from '@testing-library/react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 

__tests__/unit/server/nut.test.ts

@@ -69,6 +69,7 @@ describe('Nut', () => {
     jest.spyOn(PromiseSocket.prototype, 'readAll').mockResolvedValueOnce('OK\n')
     jest.spyOn(PromiseSocket.prototype, 'readAll').mockResolvedValueOnce('OK\n')
     jest.spyOn(PromiseSocket.prototype, 'readAll').mockResolvedValue(listVarUps)
+    jest.spyOn(Nut.prototype, 'getType').mockResolvedValue('STRING')
     await nut.connect()
     const data = await nut.getData('ups')
     expect(data['battery.charge'].value).toEqual('100')

eslint.config.mjs

@@ -0,0 +1,47 @@
+import globals from 'globals'
+import pluginJs from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import pluginReactConfig from 'eslint-plugin-react/configs/recommended.js'
+import { fixupConfigRules } from '@eslint/compat'
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+import reactPlugin from 'eslint-plugin-react'
+import prettier from 'eslint-plugin-prettier'
+
+export default [
+  {
+    files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
+    plugins: { reactPlugin, prettier },
+  },
+  {
+    ignores: [
+      'dist',
+      '.next',
+      'scripts',
+      'pnpm-lock.yml',
+      'config',
+      '*.png',
+      '.pnpm-store',
+      '.husky',
+      '.devcontainer',
+      '.gitignore',
+    ],
+  },
+  { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
+  { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...fixupConfigRules(pluginReactConfig),
+  eslintPluginPrettierRecommended,
+  {
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  {
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+  },
+]