chore: add linting, formatting, and type-checking

Add ESLint, Prettier, and TypeScript config files extending the shared
Headlamp plugin configs. Add npm scripts for lint/format. Auto-fix
existing source files. Add CI workflow for PRs and main pushes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@headlamp-k8s/eslint-config'],
+};

.gitea/workflows/ci.yaml

@@ -0,0 +1,27 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    container: node:20
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npx eslint --ext .ts,.tsx src/
+
+      - name: Type-check
+        run: npx tsc --noEmit
+
+      - name: Format check
+        run: npx prettier --check src/

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require('@headlamp-k8s/eslint-config/prettier-config');

package.json

@@ -6,7 +6,11 @@
     "start": "headlamp-plugin start",
     "build": "headlamp-plugin build",
     "package": "headlamp-plugin package",
-    "tsc": "tsc --noEmit"
+    "tsc": "tsc --noEmit",
+    "lint": "eslint --ext .ts,.tsx src/",
+    "lint:fix": "eslint --ext .ts,.tsx --fix src/",
+    "format": "prettier --write src/",
+    "format:check": "prettier --check src/"
   },
   "devDependencies": {
     "@kinvolk/headlamp-plugin": "^0.13.0"

src/api/polaris.ts

@@ -157,7 +157,7 @@ export function usePolarisData(refreshIntervalSeconds: number): PolarisDataState
       return;
     }
     const intervalId = window.setInterval(() => {
-      setTick((t) => t + 1);
+      setTick(t => t + 1);
     }, refreshIntervalSeconds * 1000);
     return () => window.clearInterval(intervalId);
   }, [refreshIntervalSeconds]);

src/components/PolarisView.tsx

@@ -1,8 +1,4 @@
-import {
+import { Loader, SectionBox, SectionHeader } from '@kinvolk/headlamp-plugin/lib/CommonComponents';
-  Loader,
-  SectionBox,
-  SectionHeader,
-} from '@kinvolk/headlamp-plugin/lib/CommonComponents';
 import React from 'react';
 import {
   AuditData,
@@ -20,19 +16,16 @@ const INTERVAL_OPTIONS = [
   { label: '30 minutes', value: 1800 },
 ];
 
-function RefreshSettings(props: {
+function RefreshSettings(props: { interval: number; onChange: (seconds: number) => void }) {
-  interval: number;
-  onChange: (seconds: number) => void;
-}) {
   return (
     <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
       <label htmlFor="polaris-refresh-interval">Refresh interval:</label>
       <select
         id="polaris-refresh-interval"
         value={props.interval}
-        onChange={(e) => props.onChange(Number(e.target.value))}
+        onChange={e => props.onChange(Number(e.target.value))}
       >
-        {INTERVAL_OPTIONS.map((opt) => (
+        {INTERVAL_OPTIONS.map(opt => (
           <option key={opt.value} value={opt.value}>
             {opt.label}
           </option>
@@ -69,9 +62,7 @@ function ScoreBadge(props: { score: number }) {
   const color = props.score >= 80 ? '#4caf50' : props.score >= 50 ? '#ff9800' : '#f44336';
   return (
     <div style={{ textAlign: 'center', marginBottom: '16px' }}>
-      <div style={{ fontSize: '3rem', fontWeight: 'bold', color }}>
+      <div style={{ fontSize: '3rem', fontWeight: 'bold', color }}>{props.score}%</div>
-        {props.score}%
-      </div>
       <div style={{ fontSize: '0.875rem', opacity: 0.8 }}>Cluster Score</div>
     </div>
   );
@@ -135,13 +126,12 @@ export default function PolarisView() {
 
   return (
     <>
-      <SectionHeader title="Polaris" actions={[
+      <SectionHeader
-        <RefreshSettings
+        title="Polaris"
-          key="refresh"
+        actions={[
-          interval={interval}
+          <RefreshSettings key="refresh" interval={interval} onChange={handleIntervalChange} />,
-          onChange={handleIntervalChange}
+        ]}
-        />,
+      />
-      ]} />
 
       {error && (
         <SectionBox title="Error">
@@ -153,9 +143,7 @@ export default function PolarisView() {
 
       {!data && !error && (
         <SectionBox title="No Data">
-          <div style={{ padding: '16px' }}>
+          <div style={{ padding: '16px' }}>No Polaris audit results found.</div>
-            No Polaris audit results found.
-          </div>
         </SectionBox>
       )}
     </>

src/index.tsx

@@ -1,7 +1,4 @@
-import {
+import { registerRoute, registerSidebarEntry } from '@kinvolk/headlamp-plugin/lib';
-  registerRoute,
-  registerSidebarEntry,
-} from '@kinvolk/headlamp-plugin/lib';
 import React from 'react';
 import PolarisView from './components/PolarisView';
 

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@kinvolk/headlamp-plugin/config/plugins-tsconfig.json",
+  "include": ["src"]
+}