feat: add new UI components and improve existing ones

- Introduced `Field` and `Label` components for better form handling. - Refactored `Input` and `Textarea` components to use forward refs and improved styling. - Updated `PendingSubmitButton` to use the new `Button` component. - Enhanced `Skeleton` component for better layout handling. - Revamped `Toast` component to support live regions and improved accessibility. - Updated sidebar configuration to use typed icons. - Added phase 3 UI boundary checks to prevent usage of deprecated imports. - Implemented new authentication action handler for better cookie management. - Improved setup logic for freelancer accounts with repair functionality.
2026-07-10 22:47:02 +03:00
parent ae8fa1425c
commit 24fcdf9a77
28 changed files with 1183 additions and 943 deletions
@@ -0,0 +1,77 @@
+import assert from "node:assert/strict";
+import fs from "node:fs";
+import path from "node:path";
+
+const repoRoot = process.cwd();
+const checkedPaths = [
+  "app/layout.tsx",
+  "app/globals.css",
+  "app/login",
+  "app/register",
+  "components/auth",
+  "components/layout",
+  "components/ui",
+  "config/sidebar.ts",
+  "config/portal-sidebar.ts",
+];
+
+const requiredInternalPrimitives = [
+  "components/ui/button.tsx",
+  "components/ui/input.tsx",
+  "components/ui/field.tsx",
+  "components/ui/card.tsx",
+  "components/ui/skeleton.tsx",
+  "components/ui/toast.tsx",
+];
+
+function walk(targetPath) {
+  const absolutePath = path.join(repoRoot, targetPath);
+
+  if (!fs.existsSync(absolutePath)) {
+    return [];
+  }
+
+  const stat = fs.statSync(absolutePath);
+
+  if (stat.isFile()) {
+    return [absolutePath];
+  }
+
+  return fs.readdirSync(absolutePath, { withFileTypes: true }).flatMap((entry) => {
+    const entryPath = path.join(absolutePath, entry.name);
+    const relativePath = path.relative(repoRoot, entryPath);
+
+    if (entry.isDirectory()) {
+      return walk(relativePath);
+    }
+
+    return /\.(css|tsx?|jsx?)$/.test(entry.name) ? [entryPath] : [];
+  });
+}
+
+for (const primitive of requiredInternalPrimitives) {
+  assert.ok(fs.existsSync(path.join(repoRoot, primitive)), `Missing internal primitive: ${primitive}`);
+}
+
+const violations = checkedPaths
+  .flatMap(walk)
+  .flatMap((filePath) => {
+    const content = fs.readFileSync(filePath, "utf8");
+    const relativePath = path.relative(repoRoot, filePath);
+    const matches = [];
+
+    if (content.includes("poyraz-ui")) {
+      matches.push(`${relativePath}: imports poyraz-ui`);
+    }
+
+    if (content.includes("--poyraz")) {
+      matches.push(`${relativePath}: uses --poyraz token`);
+    }
+
+    return matches;
+  });
+
+assert.deepEqual(violations, [], `UI boundary violations:\n${violations.join("\n")}`);
+
+console.log("Phase 3 UI boundary passed");
+