Feature/settings

.github/workflows/ci.yml

@@ -0,0 +1,44 @@
+name: CI
+
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      VITE_USE_PERF_LOGS: 'false'
+      USE_PERF_LOGS: 'false'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check import cycles (madge)
+        run: npm run check:imports
+
+      - name: Run lint (biome)
+        run: npm run lint
+
+      - name: Typecheck
+        run: npm run typecheck
+
+      - name: Run tests and coverage
+        run: npm run test:coverage
+
+      - name: Upload coverage
+        uses: actions/upload-artifact@v6
+        with:
+          name: coverage-report
+          path: coverage

.gitignore

@@ -12,6 +12,7 @@ dist
 dist-ssr
 *.local
 coverage/
+test-results/
 
 # Editor directories and files
 .vscode/*

README.md

@@ -10,6 +10,8 @@
 ![React](https://img.shields.io/badge/React-19.2-61dafb)
 ![TypeScript](https://img.shields.io/badge/TypeScript-5.9-3178c6)
 
+[![CI](https://github.com/<kotru21>/<FileManagerTauri>/actions/workflows/ci.yml/badge.svg)](https://github.com/<kotru21>/<FileManagerTauri>/actions)
+
 ## Возможности
 
 - 📁 Навигация по файловой системе с историей (назад/вперёд)

biome.json

@@ -30,7 +30,8 @@
         "noStaticElementInteractions": "off",
         "useKeyWithClickEvents": "off",
         "useSemanticElements": "off"
-      }
+      },
+      "style": {}
     }
   },
   "overrides": [
@@ -56,6 +57,59 @@
           "afterAll"
         ]
       }
+    },
+    {
+      "includes": ["**/src/entities/**"],
+      "linter": {
+        "rules": {
+          "style": {
+            "noRestrictedImports": {
+              "level": "error",
+              "options": {
+                "patterns": [
+                  {
+                    "group": [
+                      "@/features/*",
+                      "src/features/*",
+                      "./src/features/*",
+                      "*src/features/*"
+                    ],
+                    "message": "Importing from higher FSD layers into 'entities' is forbidden. Move logic to features or pass values via props/shared adapter."
+                  },
+                  {
+                    "group": ["@/widgets/*", "src/widgets/*", "./src/widgets/*", "*src/widgets/*"],
+                    "message": "Importing from widgets into entities is forbidden."
+                  },
+                  {
+                    "group": ["@/pages/*", "src/pages/*", "./src/pages/*", "*src/pages/*"],
+                    "message": "Importing from pages into entities is forbidden."
+                  }
+                ]
+              }
+            }
+          }
+        }
+      }
+    },
+    {
+      "includes": ["**/src/features/**"],
+      "linter": {
+        "rules": {
+          "style": {
+            "noRestrictedImports": {
+              "level": "error",
+              "options": {
+                "patterns": [
+                  {
+                    "group": ["@/widgets/*", "src/widgets/*", "./src/widgets/*", "*src/widgets/*"],
+                    "message": "Importing from widgets into features is forbidden. Use shared adapters or move logic."
+                  }
+                ]
+              }
+            }
+          }
+        }
+      }
     }
   ],
   "javascript": {

e2e/file-row-hover.spec.ts

@@ -0,0 +1,23 @@
+import type { Page } from "@playwright/test"
+import { expect, test } from "@playwright/test"
+
+// NOTE: Use DEV_SERVER_URL or default; requires dev server running
+
+test.describe("FileRow hover & cursor", () => {
+  test("hover shows actions and cursor is pointer", async ({ page }: { page: Page }) => {
+    const base = process.env.DEV_SERVER_URL ?? "http://localhost:5173"
+    await page.goto(base)
+
+    const row = page.locator('[data-testid^="file-row-"]').first()
+    await expect(row).toBeVisible()
+
+    await row.hover()
+    const cursor = await row.evaluate((el: HTMLElement) => getComputedStyle(el).cursor)
+    expect(cursor).toBe("pointer")
+
+    const actions = row.locator(".mr-2").first()
+    await expect(actions).toBeVisible()
+    const actionOpacity = await actions.evaluate((el: HTMLElement) => getComputedStyle(el).opacity)
+    expect(Number(actionOpacity)).toBeGreaterThan(0)
+  })
+})

e2e/recent-folders-hover.spec.ts

@@ -0,0 +1,44 @@
+import type { Page } from "@playwright/test"
+import { expect, test } from "@playwright/test"
+
+// NOTE: Use DEV_SERVER_URL or default; ensure dev server and recent folders exist
+
+test.describe("RecentFolders hover & cursor", () => {
+  test("hover shows remove button and cursor is pointer", async ({ page }: { page: Page }) => {
+    const base = process.env.DEV_SERVER_URL ?? "http://localhost:5173"
+
+    // Hydrate recent-folders store for deterministic test data
+    await page.addInitScript(() => {
+      try {
+        const key = "recent-folders"
+        const payload = {
+          state: { folders: [{ path: "/one", name: "One", lastVisited: Date.now() }] },
+        }
+        localStorage.setItem(key, JSON.stringify(payload))
+      } catch {
+        /* ignore */
+      }
+    })
+
+    await page.goto(base)
+
+    await page.waitForSelector("text=Недавние", { state: "visible" })
+
+    const folder = page.locator('[aria-label^="Open "]').first()
+    await expect(folder).toBeVisible()
+
+    await folder.hover()
+    const cursor = await folder.evaluate((el: HTMLElement) => getComputedStyle(el).cursor)
+    expect(cursor).toBe("pointer")
+
+    const aria = await folder.getAttribute("aria-label")
+    const name = aria?.replace(/^Open\s*/, "") ?? ""
+    const removeBtn = page.locator(`[aria-label="Remove ${name}"]`).first()
+    if ((await removeBtn.count()) > 0) {
+      const opacity = await removeBtn.evaluate((el: HTMLElement) => getComputedStyle(el).opacity)
+      expect(Number(opacity)).toBeGreaterThan(0)
+    } else {
+      test.skip(true, "No remove button found for the folder (no recent items?)")
+    }
+  })
+})

e2e/sidebar-persistence.spec.ts

@@ -0,0 +1,50 @@
+import { expect, test } from "@playwright/test"
+
+// NOTE: Use DEV_SERVER_URL or default; ensure dev server and recent folders exist
+
+test("Sidebar sections persist collapsed state across reload", async ({ page }) => {
+  const base = process.env.DEV_SERVER_URL ?? "http://localhost:5173"
+
+  // Hydrate recent-folders store for deterministic test data
+  await page.addInitScript(() => {
+    try {
+      const key = "recent-folders"
+      const payload = {
+        state: { folders: [{ path: "/one", name: "One", lastVisited: Date.now() }] },
+      }
+      localStorage.setItem(key, JSON.stringify(payload))
+    } catch {
+      /* ignore */
+    }
+  })
+
+  await page.goto(base)
+
+  await page.waitForSelector("text=Недавние", { state: "visible" })
+
+  const folderBtn = page.locator('[aria-label^="Open "]').first()
+  if ((await folderBtn.count()) === 0) {
+    test.skip(true, "No recent items to exercise persistence")
+    return
+  }
+
+  await page.click("text=Недавние")
+
+  const raw = await page.evaluate(() => localStorage.getItem("layout-storage"))
+  expect(raw).not.toBeNull()
+  expect(raw).toContain('"expandedSections"')
+  expect(raw).toContain('"recent":false')
+  const parsed = JSON.parse(raw || "{}")
+  expect(parsed?.layout?.expandedSections?.recent).toBe(false)
+
+  await page.reload()
+  await page.waitForSelector("text=Недавние", { state: "visible" })
+
+  const raw2 = await page.evaluate(() => localStorage.getItem("layout-storage"))
+  if (raw2?.includes('"recent":false')) {
+    await page.waitForTimeout(100)
+    expect(await page.locator('[aria-label^="Open "]').count()).toBe(0)
+  } else {
+    throw new Error(`Persisted layout not found after reload: ${String(raw2)}`)
+  }
+})