Merge branch 'main' into 2.0.0-next

Author: Rel1cx

.pkgs/configs/package.json

@@ -19,7 +19,7 @@
     "lint:ts": "tsc --noEmit"
   },
   "dependencies": {
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@stylistic/eslint-plugin": "^4.2.0",
     "eslint-plugin-de-morgan": "^1.2.1",
     "eslint-plugin-function": "^0.0.21",

.pkgs/eslint-plugin-local/package.json

@@ -26,7 +26,7 @@
     "@eslint-react/kit": "workspace:*",
     "@eslint-react/shared": "workspace:*",
     "@eslint-react/var": "workspace:*",
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@stylistic/eslint-plugin": "^4.2.0",
     "@typescript-eslint/scope-manager": "^8.31.1",
     "@typescript-eslint/type-utils": "^8.31.1",

apps/website/components/ESLintReact.tsx

@@ -8,7 +8,7 @@ export function ESLintReact() {
     <div className="flex flex-col items-center gap-4 m-0 mx-auto p-8 w-fit">
       <Image alt="logo" height="150" quality={100} src={logo as StaticImageData} width="150" />
       <span className="text-2xl">ESLint React</span>
-      <p className="text-center text-gray-400">
+      <p className="text-center text-gray-400 pt-4">
         A series of composable ESLint rules for React and friends.
       </p>
     </div>

apps/website/components/EffectLayer.tsx

@@ -195,6 +195,21 @@ function createUniforms(width: number, height: number) {
   };
 }
 
+function createRenderer(canvas: HTMLCanvasElement, width: number, height: number, dpr = 2) {
+  return new Renderer({
+    alpha: true,
+    antialias: true,
+    canvas,
+    depth: false,
+    dpr,
+    height,
+    powerPreference: "high-performance",
+    premultipliedAlpha: true,
+    webgl: 2,
+    width,
+  });
+}
+
 export type EffectLayerProps = PropsWithChildren<{
   className?: string;
 }>;
@@ -203,6 +218,7 @@ export function EffectLayer({ children, className }: EffectLayerProps) {
   const rRaf = useRef<number>(null);
   const rRoot = useRef<HTMLDivElement>(null);
   const rCanvas = useRef<HTMLCanvasElement>(null);
+  const isActive = useRef<boolean>(false);
 
   useEffect(() => {
     if (rRoot.current == null) return;
@@ -212,18 +228,7 @@ export function EffectLayer({ children, className }: EffectLayerProps) {
     const canvas = rCanvas.current;
     const rect = root.getBoundingClientRect();
     const uniforms = createUniforms(rect.width, rect.height);
-    const renderer = new Renderer({
-      alpha: true,
-      antialias: false,
-      canvas,
-      depth: false,
-      dpr: window.devicePixelRatio,
-      height: rect.height,
-      powerPreference: "high-performance",
-      premultipliedAlpha: true,
-      webgl: 2,
-      width: rect.width,
-    });
+    const renderer = createRenderer(canvas, rect.width, rect.height, window.devicePixelRatio);
 
     const { gl } = renderer;
     const geometry = new Triangle(gl);
@@ -236,27 +241,34 @@ export function EffectLayer({ children, className }: EffectLayerProps) {
     const mesh = new Mesh(gl, { geometry, program });
 
     function update(time: number) {
+      if (!isActive.current) return;
       uniforms.uTime.value = time * 0.001;
       renderer.render({ scene: mesh });
       rRaf.current = requestAnimationFrame(update);
     }
 
+    function resize(rect: DOMRect) {
+      if (!isActive.current) return;
+      uniforms.uResolution.value.set(rect.width, rect.height);
+      renderer.setSize(rect.width, rect.height);
+      renderer.render({ scene: mesh });
+    }
+
     const ro = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        if (entry.target !== root) continue;
-        const rect = entry.contentRect;
-        uniforms.uResolution.value.set(rect.width, rect.height);
-        renderer.setSize(rect.width, rect.height);
-        renderer.render({ scene: mesh });
-        return;
-      }
+      if (!isActive.current) return;
+      if (entries.length == null) return;
+      requestAnimationFrame(() => {
+        resize(root.getBoundingClientRect());
+      });
     });
 
     ro.observe(root);
     rRaf.current = requestAnimationFrame(update);
     canvas.style.opacity = "1";
+    isActive.current = true;
 
     return () => {
+      isActive.current = false;
       canvas.style.opacity = "0";
       if (rRaf.current != null) cancelAnimationFrame(rRaf.current);
       ro.disconnect();
@@ -296,5 +308,6 @@ const styles = {
     "transition-opacity",
     "duration",
     "ease-[ease-in-out]",
+    "pointer-events-none",
   ),
 };

apps/website/package.json

@@ -20,7 +20,7 @@
     "fumadocs-twoslash": "3.1.1",
     "fumadocs-typescript": "4.0.3",
     "fumadocs-ui": "15.2.12",
-    "lucide-react": "^0.506.0",
+    "lucide-react": "^0.507.0",
     "next": "^15.3.1",
     "next-view-transitions": "^0.3.4",
     "ogl": "^1.0.11",
@@ -34,7 +34,7 @@
     "@eslint-react/eslint-plugin": "workspace:*",
     "@eslint-react/kit": "workspace:*",
     "@eslint-react/shared": "workspace:*",
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@eslint/markdown": "^6.4.0",
     "@local/configs": "workspace:*",
     "@mdx-js/mdx": "^3.1.0",

examples/next-app/package.json

@@ -17,7 +17,7 @@
   "devDependencies": {
     "@eslint-react/eslint-plugin": "workspace:*",
     "@eslint/config-inspector": "^1.0.2",
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@next/eslint-plugin-next": "^15.3.1",
     "@tsconfig/next": "^2.0.3",
     "@tsconfig/node22": "^22.0.1",

examples/vite-react-dom-app/package.json

@@ -17,7 +17,7 @@
   "devDependencies": {
     "@eslint-react/eslint-plugin": "workspace:*",
     "@eslint/config-inspector": "^1.0.2",
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@tsconfig/node22": "^22.0.1",
     "@tsconfig/strictest": "^2.0.5",
     "@tsconfig/vite-react": "^3.4.0",

examples/vite-react-dom-js-app/package.json

@@ -17,7 +17,7 @@
   "devDependencies": {
     "@eslint-react/eslint-plugin": "workspace:*",
     "@eslint/config-inspector": "^1.0.2",
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.3",
     "@vitejs/plugin-react": "^4.4.1",

examples/vite-react-dom-js-with-babel-eslint-parser-app/package.json

@@ -20,7 +20,7 @@
     "@babel/preset-env": "^7.27.1",
     "@babel/preset-react": "^7.27.1",
     "@eslint/config-inspector": "^1.0.2",
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@types/babel__core": "~7.20.5",
     "@types/babel__preset-env": "~7.10.0",
     "@types/react": "^19.1.2",

examples/vite-react-dom-with-ts-blank-eslint-parser-app/package.json

@@ -19,7 +19,7 @@
     "@eslint-react/kit": "workspace:*",
     "@eslint-react/shared": "workspace:*",
     "@eslint/config-inspector": "^1.0.2",
-    "@eslint/js": "^9.25.1",
+    "@eslint/js": "^9.26.0",
     "@tsconfig/node22": "^22.0.1",
     "@tsconfig/strictest": "^2.0.5",
     "@tsconfig/vite-react": "^3.4.0",