asepharyana
bf75d9deef
Vendor 50 Aceternity UI components into components/ui from the official registry (ui.aceternity.com/registry/<slug>.json), adapted for this template's stack: Tailwind v4, motion/react 13, cn util, React 19. Add a live showcase gallery (/ui + /docs/... navigation is unchanged): app/ui/page.tsx renders <ShowcaseGallery> with 30+ demos — 3d-pin, aurora, background-beams, bento, card-stack, card-spotlight, direction-aware-hover, encrypted-text, evervault-card, flip-words, hero-highlight, hero-parallax, infinite-moving-cards, moving-border, sparkles, tracing-beam, animated-tooltip, typewriter-effect, placeholders-and-vanish-input and friends. Toolchain stays zero-warning: vendored animation code is scoped in eslint.config.mjs (react-hooks/react-compiler advisory rules, no-any, prefer-const, no-img-element) so app code keeps a 0-error gate. typecheck, build, 7 vitest tests and 2 test suites all green.
37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
import { defineConfig, globalIgnores } from "eslint/config";
|
|
import nextVitals from "eslint-config-next/core-web-vitals";
|
|
import nextTs from "eslint-config-next/typescript";
|
|
|
|
const eslintConfig = defineConfig([
|
|
...nextVitals,
|
|
...nextTs,
|
|
// Override default ignores of eslint-config-next.
|
|
globalIgnores([
|
|
// Default ignores of eslint-config-next:
|
|
".next/**",
|
|
"out/**",
|
|
"build/**",
|
|
"next-env.d.ts",
|
|
]),
|
|
{
|
|
// Vendored third-party components (Aceternity UI registry) keep their
|
|
// upstream animation patterns (random beam decoration, refs during
|
|
// render, setState inside effects). These are intentional microinteraction
|
|
// implementations, not application code debt — relax the React Compiler
|
|
// advisory rules here while keeping type safety.
|
|
files: ["components/ui/**/*.tsx"],
|
|
rules: {
|
|
"react-hooks/purity": "off",
|
|
"react-hooks/refs": "off",
|
|
"react-hooks/set-state-in-effect": "off",
|
|
"react-hooks/immutability": "off",
|
|
"@typescript-eslint/no-explicit-any": "off",
|
|
"no-var": "off",
|
|
"@next/next/no-img-element": "off",
|
|
"react-hooks/exhaustive-deps": "off",
|
|
"@typescript-eslint/no-unused-expressions": "off",
|
|
},
|
|
},
|
|
]);
|
|
|
|
export default eslintConfig; |