@rxtx4816/cockpit-plugin-base-react 1.0.0

package/eslint.config.base.js

@@ -0,0 +1,85 @@
+import eslint from "@eslint/js";
+import tseslint from "@typescript-eslint/eslint-plugin";
+import tsparser from "@typescript-eslint/parser";
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+
+// Globals shared by all Cockpit plugins.
+// Pass extraGlobals to add plugin-specific names (e.g. CockpitHttpClient for caddy).
+const BASE_GLOBALS = {
+  console: "readonly",
+  document: "readonly",
+  window: "readonly",
+  Window: "readonly",
+  Element: "readonly",
+  HTMLElement: "readonly",
+  HTMLDivElement: "readonly",
+  HTMLInputElement: "readonly",
+  HTMLSelectElement: "readonly",
+  HTMLTextAreaElement: "readonly",
+  HTMLButtonElement: "readonly",
+  setTimeout: "readonly",
+  clearTimeout: "readonly",
+  setInterval: "readonly",
+  clearInterval: "readonly",
+  localStorage: "readonly",
+  Event: "readonly",
+  CustomEvent: "readonly",
+  Promise: "readonly",
+  queueMicrotask: "readonly",
+  MutationObserver: "readonly",
+  URL: "readonly",
+  navigator: "readonly",
+  Blob: "readonly",
+  KeyboardEvent: "readonly",
+  StorageEvent: "readonly",
+  MessageEvent: "readonly",
+  sessionStorage: "readonly",
+  performance: "readonly",
+  HTMLPreElement: "readonly",
+  HTMLTableSectionElement: "readonly",
+  requestAnimationFrame: "readonly",
+  cockpit: "readonly",
+  CockpitProcess: "readonly",
+  CockpitChannel: "readonly",
+};
+
+/**
+ * @param {Record<string, "readonly" | "writable">} extraGlobals
+ * @returns {import("eslint").Linter.Config[]}
+ */
+export function createEslintConfig(extraGlobals = {}) {
+  return [
+    {
+      ignores: ["src/main.js", "src/main.css"],
+    },
+    eslint.configs.recommended,
+    {
+      files: ["src/**/*.{ts,tsx}"],
+      languageOptions: {
+        parser: tsparser,
+        parserOptions: {
+          ecmaVersion: "latest",
+          sourceType: "module",
+          ecmaFeatures: { jsx: true },
+        },
+        globals: { ...BASE_GLOBALS, ...extraGlobals },
+      },
+      plugins: {
+        "@typescript-eslint": tseslint,
+        react,
+        "react-hooks": reactHooks,
+      },
+      rules: {
+        ...tseslint.configs.recommended.rules,
+        ...react.configs.recommended.rules,
+        ...reactHooks.configs.recommended.rules,
+        "react/react-in-jsx-scope": "off",
+        "react-hooks/set-state-in-effect": "off",
+        "no-unused-vars": "off",
+        "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
+      },
+      settings: { react: { version: "detect" } },
+    },
+  ];
+}

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@rxtx4816/cockpit-plugin-base-react",
+  "version": "1.0.0",
+  "description": "Shared infrastructure for Cockpit plugins: i18n, dark theme, test setup, config presets, CI/CD workflows, and QEMU VM harness",
+  "type": "module",
+  "author": "RXTX4816",
+  "license": "MIT",
+  "homepage": "https://github.com/RXTX4816/cockpit-plugin-base-react",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/RXTX4816/cockpit-plugin-base-react.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "types": "./src/cockpit.d.ts",
+  "exports": {
+    ".": {
+      "default": "./src/index.ts"
+    },
+    "./dark-theme": {
+      "default": "./src/dark-theme.ts"
+    },
+    "./i18n": {
+      "default": "./src/i18n.ts"
+    },
+    "./bootstrap": {
+      "default": "./src/bootstrap.tsx"
+    },
+    "./hooks/useAsyncAction": {
+      "default": "./src/hooks/useAsyncAction.ts"
+    },
+    "./hooks/useAutoRefresh": {
+      "default": "./src/hooks/useAutoRefresh.ts"
+    },
+    "./hooks/useAsyncStream": {
+      "default": "./src/hooks/useAsyncStream.ts"
+    },
+    "./hooks/useConfirmAction": {
+      "default": "./src/hooks/useConfirmAction.ts"
+    },
+    "./hooks/usePollingFetch": {
+      "default": "./src/hooks/usePollingFetch.ts"
+    },
+    "./components": {
+      "default": "./src/components/index.ts"
+    },
+    "./systemd": {
+      "default": "./src/systemd/index.ts"
+    },
+    "./testing": {
+      "default": "./src/testing/setup.ts"
+    },
+    "./testing/helpers": {
+      "default": "./src/testing/helpers.ts"
+    },
+    "./tsconfig.base.json": "./tsconfig.base.json",
+    "./eslint.config.base": {
+      "default": "./eslint.config.base.js"
+    },
+    "./vitest.config.base": {
+      "default": "./vitest.config.base.ts"
+    }
+  },
+  "files": [
+    "src/",
+    "scripts/",
+    "tsconfig.base.json",
+    "eslint.config.base.js",
+    "vitest.config.base.ts"
+  ],
+  "bin": {
+    "cockpit-test-vm": "./scripts/test-vm.sh"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "i18next": ">=26",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "react-i18next": ">=17"
+  },
+  "devDependencies": {
+    "@patternfly/react-core": "^6.5.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.61.1",
+    "@typescript-eslint/parser": "^8.61.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "i18next": "^26.3.1",
+    "jsdom": "^29.1.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-i18next": "^17.0.8",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.9"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "keywords": [
+    "cockpit",
+    "plugin",
+    "base",
+    "shared",
+    "infrastructure"
+  ]
+}