Enhance accessibility and linting configuration

- Add tabindex attributes to input fields for better keyboard navigation - Introduce ESLint configuration for improved code quality and consistency - Update package.json to include linting scripts and dependencies - Add tests for desktop tab navigation in POS flow
2026-06-08 16:35:56 +02:00
parent be5191825d
commit e126dfccf9
7 changed files with 1275 additions and 8 deletions
@@ -0,0 +1,139 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import vue from "eslint-plugin-vue";
+
+const commonGlobals = {
+  ...globals.browser,
+  ...globals.node,
+  ...globals.es2024,
+  grecaptcha: "readonly",
+};
+
+const vitestGlobals = {
+  ...globals.vitest,
+};
+
+const lintTargets = ["**/*.{js,mjs,cjs,ts,tsx,vue}"];
+const tsTargets = ["**/*.{ts,tsx,mts,cts}"];
+
+function warningRules(rules = {}) {
+  return Object.fromEntries(
+    Object.entries(rules).map(([name, value]) => {
+      if (value === "off" || value === 0) {
+        return [name, value];
+      }
+
+      if (Array.isArray(value)) {
+        return [name, ["warn", ...value.slice(1)]];
+      }
+
+      return [name, "warn"];
+    }),
+  );
+}
+
+function warningConfig(config, files) {
+  return {
+    ...config,
+    files: config.files ?? files,
+    rules: warningRules(config.rules),
+  };
+}
+
+const jsRecommended = warningConfig(js.configs.recommended, lintTargets);
+const tsRecommended = tseslint.configs.recommended.map((config) =>
+  warningConfig(config, tsTargets),
+);
+const vueEssential = vue.configs["flat/essential"].map((config) =>
+  warningConfig(config, ["**/*.vue"]),
+);
+
+const ignoredPaths = [
+  "app/build/**",
+  "coverage/**",
+  "dist/**",
+  "node_modules/**",
+  "node_modules.codex-backup/**",
+  "output/**",
+  "public/build/**",
+  "src/assets/test/**",
+  "test/**",
+  "vendor/**",
+  "*.timestamp-*.mjs",
+  "**/*.timestamp-*.mjs",
+];
+
+const commonUnusedOptions = {
+  argsIgnorePattern: "^_",
+  caughtErrorsIgnorePattern: "^_",
+  varsIgnorePattern: "^_",
+};
+
+export default [
+  {
+    ignores: ignoredPaths,
+  },
+  jsRecommended,
+  ...tsRecommended,
+  ...vueEssential,
+  {
+    files: ["**/*.vue"],
+    languageOptions: {
+      parserOptions: {
+        parser: tseslint.parser,
+        extraFileExtensions: [".vue"],
+        ecmaVersion: "latest",
+        sourceType: "module",
+      },
+    },
+  },
+  {
+    files: lintTargets,
+    plugins: {
+      vue,
+    },
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: commonGlobals,
+    },
+    rules: {
+      "no-console": "off",
+      "no-debugger": "warn",
+      "no-empty": "warn",
+      "no-undef": "warn",
+      "no-unused-vars": ["warn", commonUnusedOptions],
+      "no-useless-assignment": "warn",
+      "vue/multi-word-component-names": "off",
+      "vue/no-mutating-props": "warn",
+      "vue/no-unused-components": "warn",
+      "vue/no-unused-vars": "warn",
+      "vue/no-v-html": "off",
+    },
+  },
+  {
+    files: ["**/*.{ts,tsx}"],
+    plugins: {
+      "@typescript-eslint": tseslint.plugin,
+    },
+    rules: {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": ["warn", commonUnusedOptions],
+    },
+  },
+  {
+    files: ["tests/**/*.{js,ts}", "playwright*.ts", "scripts/**/*.{js,mjs}"],
+    languageOptions: {
+      globals: {
+        ...commonGlobals,
+        ...globals.node,
+        ...vitestGlobals,
+      },
+    },
+    rules: {
+      "no-empty": "warn",
+    },
+  },
+];