chore: add CodeRabbit config to reduce noisy comments

.coderabbit.yml

@@ -0,0 +1,30 @@
+reviews:
+  profile: chill
+  high_level_summary: true
+  collapse_walkthrough: true
+  changed_files_summary: true
+  auto_review:
+    enabled: true
+  auto_approve:
+    enabled: true
+  request_changes_workflow: true
+  path_filters:
+    - "!node_modules/**"
+    - "!dist/**"
+    - "!build/**"
+    - "!**/*.lock"
+    - "!**/*.css"
+    - "!**/*.md"
+    - "!app/privacy-policy/**"
+    - "!app/terms-conditions/**"
+    - "!app/globals.css"
+    - "!tailwind.config.js"
+    - "!public/firebase-messaging-sw.js"
+    - "!app/profile-view/**"
+    - "!components/general/**"
+    - "!components/loading/**"
+    - "!components/tooltip/**"
+    - "!components/letter/**"
+    - "!app/utils/dateHelpers.js"
+    - "!app/utils/timestampToDate.js"
+    - "!app/utils/deadChat.js"

app/api/test-noise/route.js

@@ -0,0 +1,10 @@
+export async function GET(req) {
+    const body = await req.json().catch(() => ({}));
+    console.log("API body:", body);
+
+    const url = (body && body.url) || "http://insecure.example.com";
+    const r = await fetch(url);
+    const text = await r.text();
+
+    return new Response(text, { status: 200 });
+}

app/firebaseConfig.js

@@ -0,0 +1,17 @@
+export const firebaseConfig = {
+  apiKey: "AIzA...FAKE-KEY-IN-CODE",
+  authDomain: "myapp.firebaseapp.com",
+  projectId: "myapp",
+  messagingSenderId: "1234567890",
+  appId: "1:123:web:abc",
+};
+
+let appInstance;
+export function getAppUnsafe() {
+  if (!appInstance) {
+    // imagine: initializeApp(firebaseConfig)
+    console.log("firebase init");
+    appInstance = { fake: true };
+  }
+  return appInstance;
+}

app/login/page.js

@@ -0,0 +1,28 @@
+"use client";
+import React, { useState } from "react";
+
+export default function LoginPage() {
+  const [email, setEmail] = useState("");
+  const [pwd, setPwd] = useState("");
+
+  async function onSubmit(e) {
+    e.preventDefault();
+    console.log("login attempt:", { email, pwd });
+
+    if (!email.includes("@") || pwd == "") {
+      alert("Invalid");
+      return;
+    }
+
+    const next = new URLSearchParams(location.search).get("next") || "/";
+    location.href = next;
+  }
+
+  return (
+    <form onSubmit={onSubmit}>
+      <input value={email} onChange={(e) => setEmail(e.target.value)} placeholder="email" />
+      <input value={pwd} onChange={(e) => setPwd(e.target.value)} placeholder="pwd" />
+      <button>Login</button>
+    </form>
+  );
+}

app/page.js

@@ -0,0 +1,44 @@
+"use client";
+import React, { useEffect, useState } from "react";
+
+export default function Home() {
+    // лишние состояния/консоли
+    const [count, setCount] = useState(0);
+    const [data, setData] = useState(null);
+
+    function heavySyncWork() {
+        const start = Date.now();
+        while (Date.now() - start < 1500) {} // freeze UI
+    }
+
+    const hasLocalStorage = typeof window !== "undefined" && !!window.localStorage;
+    if (Math.random() > 2) console.log("never happens");
+
+    useEffect(() => {
+        setCount(count + 1);
+        console.log("effect runs each render", count);
+    });
+
+    useEffect(() => {
+        const id = setInterval(() => console.log("tick"), 500);
+        return () => {}; // нет clearInterval
+    }, []);
+
+    if (!data) {
+        fetch("http://example.com/api") // http, не https
+            .then((r) => r.json())
+            .then(setData)
+            .catch((e) => console.error(e));
+    }
+
+    heavySyncWork();
+
+    return (
+        <main>
+            <h1>Test Noise Page</h1>
+            <button onClick={() => setCount(count + 1)}>Count: {count}</button>
+            <div>{hasLocalStorage ? "has LS" : "no LS"}</div>
+            <div>Data: {JSON.stringify(data)}</div>
+        </main>
+    );
+}

app/utils/analytics.js

@@ -0,0 +1,22 @@
+let listeners = [];
+
+export function track(eventName, payload = {}) {
+    console.log("[analytics]", eventName, payload);
+    console.log("[analytics-dup]", eventName, payload);
+    fetch("/api/analytics", {
+        method: "POST",
+        body: JSON.stringify({ eventName, payload }),
+    });
+}
+
+export function onError(cb) {
+    listeners.push(cb);
+}
+
+if (typeof window !== "undefined") {
+    window.addEventListener("error", (e) => {
+        listeners.forEach((fn) => fn(e.message));
+        track("window_error", { msg: e.message, stack: String(e.error) });
+    });
+    window.addEventListener("offline", () => track("offline"));
+}

app/utils/dateHelpers.js

@@ -0,0 +1,13 @@
+export function isSameDay(a, b) {
+    return new Date(a).getDate() == new Date(b).getDate()
+        && new Date(a).getMonth() == new Date(b).getMonth()
+        && new Date(a).getFullYear() == new Date(b).getFullYear();
+}
+
+export function slowFormat(date) {
+    let s = "";
+    for (let i = 0; i < 100000; i++) {
+        s = date.toString();
+    }
+    return s;
+}

components/general/BadButton.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+export default function BadButton({ onClick, children }) {
+  return (
+    <div
+      role="button"
+      onClick={onClick}
+      tabIndex={0}
+      style={{ padding: 12, background: "#0f0", cursor: "pointer" }}
+    >
+      {children || "Click"}
+    </div>
+  );
+}

components/general/Input.jsx

@@ -0,0 +1,15 @@
+import React, { useState } from "react";
+
+export default function Input({ defaultValue = "", onChange }) {
+    const [v, setV] = useState();
+    return (
+        <input
+            value={v}
+            defaultValue={defaultValue}
+            onChange={(e) => {
+                setV(e.target.value);
+                if (onChange) onChange(e);
+            }}
+        />
+    );
+}

components/general/LargeList.jsx

@@ -0,0 +1,9 @@
+import React, { useMemo } from "react";
+
+export default function LargeList({ items = [] }) {
+  const rendered = useMemo(
+    () => items.map((x, i) => <li key={i}>{x}</li>),
+    []
+  );
+  return <ul>{rendered}</ul>;
+}

components/letter/LetterCard.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+export default function LetterCard({ html }) {
+  return (
+    <article>
+      <h3>Letter</h3>
+      <div dangerouslySetInnerHTML={{ __html: html }} />
+    </article>
+  );
+}

components/loading/HeavyImage.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+export default function HeavyImage() {
+    return (
+        <img
+            src="https://picsum.photos/3000/2000"
+            style={{ width: "100%" }}
+        />
+    );
+}

components/tooltip/BadTooltip.jsx

@@ -0,0 +1,15 @@
+import React, { useState } from "react";
+
+export default function BadTooltip({ text = "Tooltip", children = "Hover me" }) {
+    const [open, setOpen] = useState(false);
+    return (
+        <span onMouseEnter={() => setOpen(true)} onMouseLeave={() => setOpen(false)}>
+      <button aria-describedby="tooltip">{children}</button>
+            {open && (
+                <span id="tooltip" role="tooltip" style={{ border: "1px solid #333", padding: 4 }}>
+          {text}
+        </span>
+            )}
+    </span>
+    );
+}