bye-thrash 0.0.1

package/README.md

@@ -0,0 +1,205 @@
+# <img src="./static/JOYCO.png" alt="JOYCO Logo" height="36" width="36" align="top" />&nbsp;&nbsp;JOYCO | Bye Thrash
+
+### Detect and destroy layout thrashing
+
+A dev-only library that patches browser APIs to detect layout-triggering reads after style mutations in the same animation frame.
+
+## What is layout thrashing?
+
+Layout thrashing occurs when JavaScript reads a layout property (like `offsetWidth` or `getBoundingClientRect`) immediately after writing to styles in the same frame. This forces the browser to perform a synchronous reflow — one of the most expensive operations in the rendering pipeline.
+
+```js
+// Bad — triggers forced reflow
+el.style.width = '100px'
+const w = el.offsetWidth // browser must recalculate layout NOW
+
+// Worse — N forced reflows in a loop
+for (const box of boxes) {
+  box.style.width = box.offsetWidth + 10 + 'px'
+}
+```
+
+## Installation
+
+```bash
+npm install bye-thrash
+```
+
+## Quick Start
+
+```jsx
+'use client'
+
+import { useEffect } from 'react'
+import { thrash } from 'bye-thrash'
+
+export function ThrashMonitor() {
+  useEffect(() => {
+    thrash.init()
+    return () => thrash.destroy()
+  }, [])
+
+  return null
+}
+```
+
+Drop `<ThrashMonitor />` into your app layout. Open DevTools console — any layout thrashing will log warnings like:
+
+```
+[thrash] Layout read "offsetWidth" after style write. Call site: handleResize (src/components/Grid.tsx:42:8)
+```
+
+## API
+
+### `thrash.init()`
+
+Patches browser APIs and begins detecting layout thrashing. Automatically skipped in production (`NODE_ENV === 'production'`) unless explicitly enabled via `configure({ enabled: true })`.
+
+### `thrash.destroy()`
+
+Restores all patched APIs to their originals, cancels the internal frame loop, and clears all recorded data. Safe to call multiple times.
+
+### `thrash.configure(options)`
+
+Configure behavior before or after calling `init()`.
+
+```ts
+thrash.configure({
+  mode: 'warn',           // 'warn' | 'throw' | 'silent'
+  ignorePatterns: [],      // (string | RegExp)[] — stack traces matching these are ignored
+  autoRaf: true,           // whether bye-thrash manages its own requestAnimationFrame loop
+})
+```
+
+| Option | Default | Description |
+|--------|---------|-------------|
+| `mode` | `'warn'` | `'warn'` logs to console, `'throw'` throws an error, `'silent'` records without output |
+| `ignorePatterns` | `[]` | Stack trace patterns to ignore — useful for known third-party thrashing you can't fix |
+| `autoRaf` | `true` | When `true`, bye-thrash runs its own rAF loop to reset frame state. Set to `false` if you manage frame timing yourself (see [Manual tick](#manual-tick)) |
+
+### `thrash.tick()`
+
+Manually resets the frame state (`dirtyFrame` and per-frame read tracking). Only needed when `autoRaf` is `false`.
+
+### `thrash.report(options?)`
+
+Returns an array of `ReportEntry` objects for all detected thrashing, sorted by count (highest first). Also logs a `console.table` (unless mode is `'silent'`).
+
+```ts
+const entries = thrash.report()
+// [{ prop: 'offsetWidth', count: 12, callSite: '...', lastSeen: 1711600000000 }]
+
+// Keep accumulated data (don't clear after reporting)
+thrash.report({ clear: false })
+```
+
+## What gets detected
+
+### Writes (mark frame as dirty)
+
+| API | Example |
+|-----|---------|
+| Any `el.style.*` assignment | `el.style.width = '100px'` |
+| `style.setProperty()` | `el.style.setProperty('--x', '10')` |
+| `setAttribute` for `style` / `class` | `el.setAttribute('class', 'foo')` |
+| `classList.*` | `el.classList.add('active')` |
+| `className` | `el.className = 'foo bar'` |
+
+### Reads (trigger warning if frame is dirty)
+
+| API | Example |
+|-----|---------|
+| `offsetWidth/Height/Top/Left` | `el.offsetWidth` |
+| `clientWidth/Height/Top/Left` | `el.clientHeight` |
+| `scrollWidth/Height/Top/Left` | `el.scrollTop` |
+| `getBoundingClientRect()` | `el.getBoundingClientRect()` |
+| `getClientRects()` | `el.getClientRects()` |
+| `getComputedStyle()` | `window.getComputedStyle(el)` |
+| `innerText` | `el.innerText` |
+| `window.innerWidth/Height` | `window.innerWidth` |
+| `window.scrollX/Y` | `window.scrollY` |
+
+## Manual tick
+
+If you use a library like [tempus](https://github.com/darkroom-engineering/tempus) to orchestrate `requestAnimationFrame` callback order, bye-thrash's internal rAF loop may fire at the wrong time relative to your code — making the dirty/clean frame boundary unreliable.
+
+Disable the internal loop and call `tick()` yourself at the start of each frame:
+
+```ts
+import { thrash } from 'bye-thrash'
+import tempus from 'tempus'
+
+thrash.configure({ autoRaf: false })
+thrash.init()
+
+// Reset frame state at the very start of each frame
+tempus.add((time, delta) => {
+  thrash.tick()
+}, 0) // priority 0 = runs first
+```
+
+## How to fix thrashing
+
+**Read first, write second:**
+
+```js
+const w = el.offsetWidth       // read (clean frame)
+el.style.width = w + 50 + 'px' // write
+```
+
+**Batch reads and writes separately:**
+
+```js
+// All reads
+const widths = boxes.map(b => b.offsetWidth)
+
+// All writes
+boxes.forEach((b, i) => {
+  b.style.width = widths[i] + 10 + 'px'
+})
+```
+
+**Defer reads to the next frame:**
+
+```js
+el.style.width = '200px'
+requestAnimationFrame(() => {
+  const rect = el.getBoundingClientRect() // safe — new frame
+})
+```
+
+## Types
+
+```ts
+import type { ThrashConfig, ReportEntry, ReportOptions } from 'bye-thrash'
+```
+
+<br/>
+
+## Version Management
+
+This library uses [Changesets](https://github.com/changesets/changesets) to manage versions and publish releases.
+
+### Adding a changeset
+
+When you make changes that need to be released:
+
+```bash
+pnpm changeset
+```
+
+This will prompt you to:
+
+1. Select which packages you want to include in the changeset
+2. Choose whether it's a major/minor/patch bump
+3. Provide a summary of the changes
+
+### Creating a release
+
+```bash
+# 1. Create new versions of packages
+pnpm version:package
+
+# 2. Release (builds and publishes to npm)
+pnpm release
+```

package/dist/index.d.mts

@@ -0,0 +1,45 @@
+type Mode = 'warn' | 'throw' | 'silent';
+interface ThrashConfig {
+    mode: Mode;
+    ignorePatterns: (string | RegExp)[];
+    enabled: boolean;
+    autoRaf: boolean;
+}
+interface ReportEntry {
+    prop: string;
+    count: number;
+    callSite: string;
+    lastSeen: number;
+}
+interface ReportOptions {
+    clear?: boolean;
+}
+declare class Thrash {
+    private config;
+    private dirtyFrame;
+    private rafId;
+    private frameReads;
+    private offenders;
+    private styleProxyCache;
+    private restoreFns;
+    configure(options: Partial<ThrashConfig>): void;
+    init(): void;
+    destroy(): void;
+    tick(): void;
+    report(options?: ReportOptions): ReportEntry[];
+    private onLayoutRead;
+    private extractCallSite;
+    private shouldIgnore;
+    private isProduction;
+    private patchMethod;
+    private patchGetter;
+    private patchSetter;
+    private lookupDescriptor;
+    private patchWrites;
+    private patchReads;
+}
+declare const thrash: Thrash;
+
+declare const VERSION: string;
+
+export { type ReportEntry, type ReportOptions, Thrash, type ThrashConfig, VERSION, thrash };

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+type Mode = 'warn' | 'throw' | 'silent';
+interface ThrashConfig {
+    mode: Mode;
+    ignorePatterns: (string | RegExp)[];
+    enabled: boolean;
+    autoRaf: boolean;
+}
+interface ReportEntry {
+    prop: string;
+    count: number;
+    callSite: string;
+    lastSeen: number;
+}
+interface ReportOptions {
+    clear?: boolean;
+}
+declare class Thrash {
+    private config;
+    private dirtyFrame;
+    private rafId;
+    private frameReads;
+    private offenders;
+    private styleProxyCache;
+    private restoreFns;
+    configure(options: Partial<ThrashConfig>): void;
+    init(): void;
+    destroy(): void;
+    tick(): void;
+    report(options?: ReportOptions): ReportEntry[];
+    private onLayoutRead;
+    private extractCallSite;
+    private shouldIgnore;
+    private isProduction;
+    private patchMethod;
+    private patchGetter;
+    private patchSetter;
+    private lookupDescriptor;
+    private patchWrites;
+    private patchReads;
+}
+declare const thrash: Thrash;
+
+declare const VERSION: string;
+
+export { type ReportEntry, type ReportOptions, Thrash, type ThrashConfig, VERSION, thrash };

package/dist/index.js

@@ -0,0 +1,319 @@
+'use strict';
+
+// package.json
+var version = "0.0.1";
+
+// packages/core/core.tsx
+var LIB_FILENAME = "thrash";
+var USER_CODE_RE = /\.(tsx?|jsx?|mjs|cjs)[:)]/;
+var FRAMEWORK_RE = /react-dom|react-reconciler|react-server|scheduler|__next|next\/dist|_next\/static\/chunks|webpack|turbopack|hmr-runtime|chunk-/;
+var activeInstance = null;
+var Thrash = class {
+  constructor() {
+    this.config = {
+      mode: "warn",
+      ignorePatterns: [],
+      enabled: false,
+      autoRaf: true
+    };
+    this.dirtyFrame = false;
+    this.rafId = null;
+    this.frameReads = [];
+    this.offenders = /* @__PURE__ */ new Map();
+    this.styleProxyCache = /* @__PURE__ */ new WeakMap();
+    this.restoreFns = [];
+  }
+  configure(options) {
+    Object.assign(this.config, options);
+  }
+  init() {
+    if (this.isProduction() && !this.config.enabled) return;
+    if (this.config.enabled) return;
+    if (activeInstance && activeInstance !== this) {
+      throw new Error("[thrash] Another instance is already active. Call destroy() on it first.");
+    }
+    this.config.enabled = true;
+    this.dirtyFrame = false;
+    this.frameReads = [];
+    this.patchWrites();
+    this.patchReads();
+    activeInstance = this;
+    if (this.config.autoRaf) {
+      this.rafId = requestAnimationFrame(() => this.tick());
+    }
+  }
+  destroy() {
+    this.config.enabled = false;
+    for (const restore of this.restoreFns) {
+      try {
+        restore();
+      } catch {
+      }
+    }
+    this.restoreFns.length = 0;
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+    this.offenders.clear();
+    this.frameReads = [];
+    activeInstance = null;
+  }
+  tick() {
+    this.dirtyFrame = false;
+    this.frameReads = [];
+    if (this.config.autoRaf) {
+      this.rafId = requestAnimationFrame(() => this.tick());
+    }
+  }
+  report(options = {}) {
+    const { clear = true } = options;
+    const entries = [];
+    for (const [, offender] of this.offenders) {
+      entries.push({
+        prop: offender.prop,
+        count: offender.count,
+        callSite: offender.callSite,
+        lastSeen: offender.lastSeen
+      });
+    }
+    entries.sort((a, b) => b.count - a.count);
+    if (entries.length > 0) {
+      console.table(entries);
+    } else {
+      console.log("[thrash] No layout thrashing detected.");
+    }
+    if (clear) this.offenders.clear();
+    return entries;
+  }
+  // -------------------------------------------------------------------------
+  // Detection
+  // -------------------------------------------------------------------------
+  onLayoutRead(prop) {
+    if (!this.config.enabled) return;
+    const stack = new Error().stack ?? "";
+    if (this.shouldIgnore(stack)) return;
+    this.frameReads.push({ prop, stack, timestamp: performance.now() });
+    if (!this.dirtyFrame) return;
+    const callSite = this.extractCallSite(stack);
+    const key = `${prop}::${callSite}`;
+    const existing = this.offenders.get(key);
+    if (existing) {
+      existing.count++;
+      existing.lastSeen = Date.now();
+    } else {
+      this.offenders.set(key, {
+        count: 1,
+        prop,
+        callSite,
+        stack,
+        lastSeen: Date.now()
+      });
+    }
+    const message = `[thrash] Layout read "${prop}" after style write. Call site: ${callSite}`;
+    if (this.config.mode === "throw") {
+      throw new Error(message);
+    } else if (this.config.mode === "warn") {
+      console.warn(message);
+    }
+  }
+  extractCallSite(stack) {
+    const lines = stack.split("\n").slice(1);
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (trimmed.includes(LIB_FILENAME)) continue;
+      if (trimmed.includes("node_modules")) continue;
+      if (FRAMEWORK_RE.test(trimmed)) continue;
+      if (USER_CODE_RE.test(trimmed)) {
+        return trimmed.replace(/^\s*at\s+/, "");
+      }
+    }
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (trimmed.includes(LIB_FILENAME)) continue;
+      if (trimmed.includes("node_modules")) continue;
+      if (FRAMEWORK_RE.test(trimmed)) continue;
+      return trimmed.replace(/^\s*at\s+/, "");
+    }
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (trimmed.includes(LIB_FILENAME)) continue;
+      return trimmed.replace(/^\s*at\s+/, "");
+    }
+    return "unknown";
+  }
+  shouldIgnore(stack) {
+    return this.config.ignorePatterns.some((pattern) => {
+      if (typeof pattern === "string") return stack.includes(pattern);
+      return pattern.test(stack);
+    });
+  }
+  isProduction() {
+    try {
+      return process.env.NODE_ENV === "production";
+    } catch {
+      return false;
+    }
+  }
+  patchMethod(target, methodName, wrapper) {
+    const original = target[methodName];
+    if (typeof original !== "function") return;
+    const patched = wrapper(original);
+    target[methodName] = patched;
+    this.restoreFns.push(() => {
+      target[methodName] = original;
+    });
+  }
+  patchGetter(target, prop, onGet) {
+    const descriptor = this.lookupDescriptor(target, prop);
+    if (!descriptor?.get) return;
+    const originalGet = descriptor.get;
+    Object.defineProperty(target, prop, {
+      ...descriptor,
+      get() {
+        onGet(prop);
+        return originalGet.call(this);
+      }
+    });
+    this.restoreFns.push(() => {
+      Object.defineProperty(target, prop, descriptor);
+    });
+  }
+  patchSetter(target, prop, onSet) {
+    const descriptor = this.lookupDescriptor(target, prop);
+    if (!descriptor?.set) return;
+    const originalSet = descriptor.set;
+    const originalGet = descriptor.get;
+    Object.defineProperty(target, prop, {
+      ...descriptor,
+      get: originalGet ? function() {
+        return originalGet.call(this);
+      } : void 0,
+      set(value) {
+        onSet();
+        originalSet.call(this, value);
+      }
+    });
+    this.restoreFns.push(() => {
+      Object.defineProperty(target, prop, descriptor);
+    });
+  }
+  lookupDescriptor(target, prop) {
+    let current = target;
+    while (current) {
+      const desc = Object.getOwnPropertyDescriptor(current, prop);
+      if (desc) return desc;
+      current = Object.getPrototypeOf(current);
+    }
+    return void 0;
+  }
+  patchWrites() {
+    const markDirty = () => {
+      this.dirtyFrame = true;
+    };
+    this.patchMethod(CSSStyleDeclaration.prototype, "setProperty", (orig) => {
+      return function(...args) {
+        markDirty();
+        return orig.apply(this, args);
+      };
+    });
+    this.patchMethod(Element.prototype, "setAttribute", (orig) => {
+      return function(...args) {
+        const name = args[0]?.toLowerCase?.();
+        if (name === "style" || name === "class") markDirty();
+        return orig.apply(this, args);
+      };
+    });
+    const classListMethods = ["add", "remove", "toggle", "replace"];
+    for (const method of classListMethods) {
+      this.patchMethod(DOMTokenList.prototype, method, (orig) => {
+        return function(...args) {
+          markDirty();
+          return orig.apply(this, args);
+        };
+      });
+    }
+    this.patchSetter(HTMLElement.prototype, "className", markDirty);
+    const styleDescriptor = this.lookupDescriptor(HTMLElement.prototype, "style");
+    if (styleDescriptor?.get) {
+      const originalStyleGet = styleDescriptor.get;
+      const config = this.config;
+      const cache = this.styleProxyCache;
+      Object.defineProperty(HTMLElement.prototype, "style", {
+        ...styleDescriptor,
+        get() {
+          const real = originalStyleGet.call(this);
+          if (!config.enabled) return real;
+          const cached = cache.get(this);
+          if (cached) return cached;
+          const proxy = new Proxy(real, {
+            set(target, prop, value) {
+              markDirty();
+              return Reflect.set(target, prop, value, target);
+            }
+          });
+          cache.set(this, proxy);
+          return proxy;
+        }
+      });
+      this.restoreFns.push(() => {
+        Object.defineProperty(HTMLElement.prototype, "style", styleDescriptor);
+        this.styleProxyCache = /* @__PURE__ */ new WeakMap();
+      });
+    }
+  }
+  patchReads() {
+    const onRead = (prop) => this.onLayoutRead(prop);
+    const elementReadProps = [
+      "offsetWidth",
+      "offsetHeight",
+      "offsetTop",
+      "offsetLeft",
+      "offsetParent",
+      "clientWidth",
+      "clientHeight",
+      "clientTop",
+      "clientLeft",
+      "scrollWidth",
+      "scrollHeight",
+      "scrollTop",
+      "scrollLeft"
+    ];
+    for (const prop of elementReadProps) {
+      this.patchGetter(HTMLElement.prototype, prop, onRead);
+    }
+    this.patchMethod(Element.prototype, "getBoundingClientRect", (orig) => {
+      return function() {
+        onRead("getBoundingClientRect");
+        return orig.call(this);
+      };
+    });
+    this.patchMethod(Element.prototype, "getClientRects", (orig) => {
+      return function() {
+        onRead("getClientRects");
+        return orig.call(this);
+      };
+    });
+    this.patchGetter(HTMLElement.prototype, "innerText", onRead);
+    const windowReadProps = ["innerWidth", "innerHeight", "scrollX", "scrollY"];
+    for (const prop of windowReadProps) {
+      this.patchGetter(window, prop, onRead);
+    }
+    this.patchMethod(window, "getComputedStyle", (orig) => {
+      return function(...args) {
+        onRead("getComputedStyle");
+        return orig.apply(this, args);
+      };
+    });
+  }
+};
+var thrash = new Thrash();
+
+// packages/core/index.ts
+var VERSION = version;
+
+exports.Thrash = Thrash;
+exports.VERSION = VERSION;
+exports.thrash = thrash;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json","../packages/core/core.tsx","../packages/core/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["{\n  \"name\": \"bye-thrash\",\n  \"publishConfig\": {\n    \"registry\": \"https://registry.npmjs.org\",\n    \"access\": \"public\"\n  },\n  \"version\": \"0.0.1\",\n  \"description\": \"Detect and destroy layout thrashing\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"files\": [\n    \"dist\"\n  ],\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"default\": \"./dist/index.mjs\"\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"concurrently \\\"tsup --watch\\\" \\\"cd templates/demo && pnpm dev\\\"\",\n    \"typecheck\": \"tsc --noEmit\",\n    \"version:package\": \"pnpm changeset version\",\n    \"release\": \"pnpm build && pnpm changeset publish\",\n    \"lint\": \"eslint -c ./eslint.config.mjs . --fix --no-cache\"\n  },\n  \"author\": \"joyco.studio\",\n  \"license\": \"ISC\",\n  \"packageManager\": \"pnpm@10.29.2\",\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.11\",\n    \"@eslint/js\": \"^9.18.0\",\n    \"@types/node\": \"^20.11.24\",\n    \"@typescript-eslint/eslint-plugin\": \"^8.21.0\",\n    \"@typescript-eslint/parser\": \"^8.21.0\",\n    \"eslint\": \"^9.18.0\",\n    \"eslint-config-prettier\": \"^10.0.1\",\n    \"eslint-plugin-prettier\": \"^5.2.3\",\n    \"eslint-plugin-react\": \"^7.37.4\",\n    \"eslint-plugin-react-compiler\": \"19.0.0-beta-decd7b8-20250118\",\n    \"globals\": \"^15.14.0\",\n    \"prettier\": \"^3.4.2\",\n    \"tsup\": \"^8.0.2\",\n    \"typescript\": \"^5.7.3\",\n    \"typescript-eslint\": \"^8.21.0\"\n  },\n  \"dependencies\": {\n    \"concurrently\": \"^9.2.1\"\n  }\n}\n","type Mode = 'warn' | 'throw' | 'silent'\n\ninterface ThrashConfig {\n  mode: Mode\n  ignorePatterns: (string | RegExp)[]\n  enabled: boolean\n  autoRaf: boolean\n}\n\ninterface Offender {\n  count: number\n  prop: string\n  callSite: string\n  stack: string\n  lastSeen: number\n}\n\ninterface FrameRead {\n  prop: string\n  stack: string\n  timestamp: number\n}\n\ninterface ReportEntry {\n  prop: string\n  count: number\n  callSite: string\n  lastSeen: number\n}\n\ninterface ReportOptions {\n  clear?: boolean\n}\n\nconst LIB_FILENAME = 'thrash'\nconst USER_CODE_RE = /\\.(tsx?|jsx?|mjs|cjs)[:)]/\nconst FRAMEWORK_RE =\n  /react-dom|react-reconciler|react-server|scheduler|__next|next\\/dist|_next\\/static\\/chunks|webpack|turbopack|hmr-runtime|chunk-/\n\nlet activeInstance: Thrash | null = null\n\nclass Thrash {\n  private config: ThrashConfig = {\n    mode: 'warn',\n    ignorePatterns: [],\n    enabled: false,\n    autoRaf: true,\n  }\n\n  private dirtyFrame = false\n  private rafId: number | null = null\n  private frameReads: FrameRead[] = []\n  private offenders = new Map<string, Offender>()\n  private styleProxyCache = new WeakMap<HTMLElement, CSSStyleDeclaration>()\n  private restoreFns: Array<() => void> = []\n\n  configure(options: Partial<ThrashConfig>): void {\n    Object.assign(this.config, options)\n  }\n\n  init(): void {\n    if (this.isProduction() && !this.config.enabled) return\n    if (this.config.enabled) return\n    if (activeInstance && activeInstance !== this) {\n      throw new Error('[thrash] Another instance is already active. Call destroy() on it first.')\n    }\n\n    this.config.enabled = true\n    this.dirtyFrame = false\n    this.frameReads = []\n\n    this.patchWrites()\n    this.patchReads()\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    activeInstance = this\n\n    if (this.config.autoRaf) {\n      this.rafId = requestAnimationFrame(() => this.tick())\n    }\n  }\n\n  destroy(): void {\n    this.config.enabled = false\n\n    for (const restore of this.restoreFns) {\n      try {\n        restore()\n      } catch {\n        // Descriptor may already be gone\n      }\n    }\n    this.restoreFns.length = 0\n\n    if (this.rafId !== null) {\n      cancelAnimationFrame(this.rafId)\n      this.rafId = null\n    }\n\n    this.offenders.clear()\n    this.frameReads = []\n    activeInstance = null\n  }\n\n  tick(): void {\n    this.dirtyFrame = false\n    this.frameReads = []\n    if (this.config.autoRaf) {\n      this.rafId = requestAnimationFrame(() => this.tick())\n    }\n  }\n\n  report(options: ReportOptions = {}): ReportEntry[] {\n    const { clear = true } = options\n\n    const entries: ReportEntry[] = []\n    for (const [, offender] of this.offenders) {\n      entries.push({\n        prop: offender.prop,\n        count: offender.count,\n        callSite: offender.callSite,\n        lastSeen: offender.lastSeen,\n      })\n    }\n\n    entries.sort((a, b) => b.count - a.count)\n\n    if (entries.length > 0) {\n      console.table(entries)\n    } else {\n      console.log('[thrash] No layout thrashing detected.')\n    }\n\n    if (clear) this.offenders.clear()\n\n    return entries\n  }\n\n  // -------------------------------------------------------------------------\n  // Detection\n  // -------------------------------------------------------------------------\n\n  private onLayoutRead(prop: string): void {\n    if (!this.config.enabled) return\n\n    const stack = new Error().stack ?? ''\n\n    if (this.shouldIgnore(stack)) return\n\n    this.frameReads.push({ prop, stack, timestamp: performance.now() })\n\n    if (!this.dirtyFrame) return\n\n    const callSite = this.extractCallSite(stack)\n    const key = `${prop}::${callSite}`\n    const existing = this.offenders.get(key)\n\n    if (existing) {\n      existing.count++\n      existing.lastSeen = Date.now()\n    } else {\n      this.offenders.set(key, {\n        count: 1,\n        prop,\n        callSite,\n        stack,\n        lastSeen: Date.now(),\n      })\n    }\n\n    const message = `[thrash] Layout read \"${prop}\" after style write. Call site: ${callSite}`\n\n    if (this.config.mode === 'throw') {\n      throw new Error(message)\n    } else if (this.config.mode === 'warn') {\n      console.warn(message)\n    }\n  }\n\n  private extractCallSite(stack: string): string {\n    const lines = stack.split('\\n').slice(1)\n\n    for (const line of lines) {\n      const trimmed = line.trim()\n      if (trimmed.includes(LIB_FILENAME)) continue\n      if (trimmed.includes('node_modules')) continue\n      if (FRAMEWORK_RE.test(trimmed)) continue\n      if (USER_CODE_RE.test(trimmed)) {\n        return trimmed.replace(/^\\s*at\\s+/, '')\n      }\n    }\n\n    for (const line of lines) {\n      const trimmed = line.trim()\n      if (trimmed.includes(LIB_FILENAME)) continue\n      if (trimmed.includes('node_modules')) continue\n      if (FRAMEWORK_RE.test(trimmed)) continue\n      return trimmed.replace(/^\\s*at\\s+/, '')\n    }\n\n    for (const line of lines) {\n      const trimmed = line.trim()\n      if (trimmed.includes(LIB_FILENAME)) continue\n      return trimmed.replace(/^\\s*at\\s+/, '')\n    }\n\n    return 'unknown'\n  }\n\n  private shouldIgnore(stack: string): boolean {\n    return this.config.ignorePatterns.some((pattern) => {\n      if (typeof pattern === 'string') return stack.includes(pattern)\n      return pattern.test(stack)\n    })\n  }\n\n  private isProduction(): boolean {\n    try {\n      return process.env.NODE_ENV === 'production'\n    } catch {\n      return false\n    }\n  }\n\n  private patchMethod<T extends object>(\n    target: T,\n    methodName: string,\n    wrapper: (original: (...args: unknown[]) => unknown) => (...args: unknown[]) => unknown\n  ): void {\n    const original = (target as Record<string, unknown>)[methodName] as (...args: unknown[]) => unknown\n    if (typeof original !== 'function') return\n\n    const patched = wrapper(original)\n    ;(target as Record<string, unknown>)[methodName] = patched\n\n    this.restoreFns.push(() => {\n      ;(target as Record<string, unknown>)[methodName] = original\n    })\n  }\n\n  private patchGetter<T extends object>(target: T, prop: string, onGet: (prop: string) => void): void {\n    const descriptor = this.lookupDescriptor(target, prop)\n    if (!descriptor?.get) return\n\n    const originalGet = descriptor.get\n\n    Object.defineProperty(target, prop, {\n      ...descriptor,\n      get() {\n        onGet(prop)\n        return originalGet.call(this)\n      },\n    })\n\n    this.restoreFns.push(() => {\n      Object.defineProperty(target, prop, descriptor)\n    })\n  }\n\n  private patchSetter<T extends object>(target: T, prop: string, onSet: () => void): void {\n    const descriptor = this.lookupDescriptor(target, prop)\n    if (!descriptor?.set) return\n\n    const originalSet = descriptor.set\n    const originalGet = descriptor.get\n\n    Object.defineProperty(target, prop, {\n      ...descriptor,\n      get: originalGet\n        ? function (this: unknown) {\n            return originalGet.call(this)\n          }\n        : undefined,\n      set(value: unknown) {\n        onSet()\n        originalSet.call(this, value)\n      },\n    })\n\n    this.restoreFns.push(() => {\n      Object.defineProperty(target, prop, descriptor)\n    })\n  }\n\n  private lookupDescriptor(target: object, prop: string): PropertyDescriptor | undefined {\n    let current: object | null = target\n    while (current) {\n      const desc = Object.getOwnPropertyDescriptor(current, prop)\n      if (desc) return desc\n      current = Object.getPrototypeOf(current) as object | null\n    }\n    return undefined\n  }\n\n  private patchWrites(): void {\n    const markDirty = () => {\n      this.dirtyFrame = true\n    }\n\n    this.patchMethod(CSSStyleDeclaration.prototype, 'setProperty', (orig) => {\n      return function (this: CSSStyleDeclaration, ...args: unknown[]) {\n        markDirty()\n        return orig.apply(this, args)\n      }\n    })\n\n    this.patchMethod(Element.prototype, 'setAttribute', (orig) => {\n      return function (this: Element, ...args: unknown[]) {\n        const name = (args[0] as string)?.toLowerCase?.()\n        if (name === 'style' || name === 'class') markDirty()\n        return orig.apply(this, args)\n      }\n    })\n\n    const classListMethods = ['add', 'remove', 'toggle', 'replace'] as const\n    for (const method of classListMethods) {\n      this.patchMethod(DOMTokenList.prototype, method, (orig) => {\n        return function (this: DOMTokenList, ...args: unknown[]) {\n          markDirty()\n          return orig.apply(this, args)\n        }\n      })\n    }\n\n    this.patchSetter(HTMLElement.prototype, 'className', markDirty)\n\n    // Proxy the `style` getter so any property assignment on the returned\n    // CSSStyleDeclaration marks the frame dirty. Browsers implement CSS\n    // properties as exotic/internal properties without standard descriptors,\n    // so patching individual setters doesn't work.\n    const styleDescriptor = this.lookupDescriptor(HTMLElement.prototype, 'style')\n    if (styleDescriptor?.get) {\n      const originalStyleGet = styleDescriptor.get\n      const config = this.config\n      const cache = this.styleProxyCache\n\n      Object.defineProperty(HTMLElement.prototype, 'style', {\n        ...styleDescriptor,\n        get(this: HTMLElement) {\n          const real = originalStyleGet.call(this) as CSSStyleDeclaration\n          if (!config.enabled) return real\n\n          const cached = cache.get(this)\n          if (cached) return cached\n\n          const proxy = new Proxy(real, {\n            set(target, prop, value) {\n              markDirty()\n              return Reflect.set(target, prop, value, target)\n            },\n          })\n\n          cache.set(this, proxy)\n          return proxy\n        },\n      })\n\n      this.restoreFns.push(() => {\n        Object.defineProperty(HTMLElement.prototype, 'style', styleDescriptor)\n        this.styleProxyCache = new WeakMap()\n      })\n    }\n  }\n\n  private patchReads(): void {\n    const onRead = (prop: string) => this.onLayoutRead(prop)\n\n    const elementReadProps = [\n      'offsetWidth',\n      'offsetHeight',\n      'offsetTop',\n      'offsetLeft',\n      'offsetParent',\n      'clientWidth',\n      'clientHeight',\n      'clientTop',\n      'clientLeft',\n      'scrollWidth',\n      'scrollHeight',\n      'scrollTop',\n      'scrollLeft',\n    ]\n\n    for (const prop of elementReadProps) {\n      this.patchGetter(HTMLElement.prototype, prop, onRead)\n    }\n\n    this.patchMethod(Element.prototype, 'getBoundingClientRect', (orig) => {\n      return function (this: Element) {\n        onRead('getBoundingClientRect')\n        return orig.call(this)\n      }\n    })\n\n    this.patchMethod(Element.prototype, 'getClientRects', (orig) => {\n      return function (this: Element) {\n        onRead('getClientRects')\n        return orig.call(this)\n      }\n    })\n\n    this.patchGetter(HTMLElement.prototype, 'innerText', onRead)\n\n    const windowReadProps = ['innerWidth', 'innerHeight', 'scrollX', 'scrollY']\n    for (const prop of windowReadProps) {\n      this.patchGetter(window, prop, onRead)\n    }\n\n    this.patchMethod(window, 'getComputedStyle', (orig) => {\n      return function (this: typeof window, ...args: unknown[]) {\n        onRead('getComputedStyle')\n        return orig.apply(this, args)\n      }\n    })\n  }\n}\n\nexport const thrash = new Thrash()\nexport { Thrash }\nexport type { ThrashConfig, ReportEntry, ReportOptions }\n","import { version } from '../../package.json'\n\nexport const VERSION = version\nexport * from './core'\n"]}

package/dist/index.mjs

@@ -0,0 +1,315 @@
+// package.json
+var version = "0.0.1";
+
+// packages/core/core.tsx
+var LIB_FILENAME = "thrash";
+var USER_CODE_RE = /\.(tsx?|jsx?|mjs|cjs)[:)]/;
+var FRAMEWORK_RE = /react-dom|react-reconciler|react-server|scheduler|__next|next\/dist|_next\/static\/chunks|webpack|turbopack|hmr-runtime|chunk-/;
+var activeInstance = null;
+var Thrash = class {
+  constructor() {
+    this.config = {
+      mode: "warn",
+      ignorePatterns: [],
+      enabled: false,
+      autoRaf: true
+    };
+    this.dirtyFrame = false;
+    this.rafId = null;
+    this.frameReads = [];
+    this.offenders = /* @__PURE__ */ new Map();
+    this.styleProxyCache = /* @__PURE__ */ new WeakMap();
+    this.restoreFns = [];
+  }
+  configure(options) {
+    Object.assign(this.config, options);
+  }
+  init() {
+    if (this.isProduction() && !this.config.enabled) return;
+    if (this.config.enabled) return;
+    if (activeInstance && activeInstance !== this) {
+      throw new Error("[thrash] Another instance is already active. Call destroy() on it first.");
+    }
+    this.config.enabled = true;
+    this.dirtyFrame = false;
+    this.frameReads = [];
+    this.patchWrites();
+    this.patchReads();
+    activeInstance = this;
+    if (this.config.autoRaf) {
+      this.rafId = requestAnimationFrame(() => this.tick());
+    }
+  }
+  destroy() {
+    this.config.enabled = false;
+    for (const restore of this.restoreFns) {
+      try {
+        restore();
+      } catch {
+      }
+    }
+    this.restoreFns.length = 0;
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+    this.offenders.clear();
+    this.frameReads = [];
+    activeInstance = null;
+  }
+  tick() {
+    this.dirtyFrame = false;
+    this.frameReads = [];
+    if (this.config.autoRaf) {
+      this.rafId = requestAnimationFrame(() => this.tick());
+    }
+  }
+  report(options = {}) {
+    const { clear = true } = options;
+    const entries = [];
+    for (const [, offender] of this.offenders) {
+      entries.push({
+        prop: offender.prop,
+        count: offender.count,
+        callSite: offender.callSite,
+        lastSeen: offender.lastSeen
+      });
+    }
+    entries.sort((a, b) => b.count - a.count);
+    if (entries.length > 0) {
+      console.table(entries);
+    } else {
+      console.log("[thrash] No layout thrashing detected.");
+    }
+    if (clear) this.offenders.clear();
+    return entries;
+  }
+  // -------------------------------------------------------------------------
+  // Detection
+  // -------------------------------------------------------------------------
+  onLayoutRead(prop) {
+    if (!this.config.enabled) return;
+    const stack = new Error().stack ?? "";
+    if (this.shouldIgnore(stack)) return;
+    this.frameReads.push({ prop, stack, timestamp: performance.now() });
+    if (!this.dirtyFrame) return;
+    const callSite = this.extractCallSite(stack);
+    const key = `${prop}::${callSite}`;
+    const existing = this.offenders.get(key);
+    if (existing) {
+      existing.count++;
+      existing.lastSeen = Date.now();
+    } else {
+      this.offenders.set(key, {
+        count: 1,
+        prop,
+        callSite,
+        stack,
+        lastSeen: Date.now()
+      });
+    }
+    const message = `[thrash] Layout read "${prop}" after style write. Call site: ${callSite}`;
+    if (this.config.mode === "throw") {
+      throw new Error(message);
+    } else if (this.config.mode === "warn") {
+      console.warn(message);
+    }
+  }
+  extractCallSite(stack) {
+    const lines = stack.split("\n").slice(1);
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (trimmed.includes(LIB_FILENAME)) continue;
+      if (trimmed.includes("node_modules")) continue;
+      if (FRAMEWORK_RE.test(trimmed)) continue;
+      if (USER_CODE_RE.test(trimmed)) {
+        return trimmed.replace(/^\s*at\s+/, "");
+      }
+    }
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (trimmed.includes(LIB_FILENAME)) continue;
+      if (trimmed.includes("node_modules")) continue;
+      if (FRAMEWORK_RE.test(trimmed)) continue;
+      return trimmed.replace(/^\s*at\s+/, "");
+    }
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (trimmed.includes(LIB_FILENAME)) continue;
+      return trimmed.replace(/^\s*at\s+/, "");
+    }
+    return "unknown";
+  }
+  shouldIgnore(stack) {
+    return this.config.ignorePatterns.some((pattern) => {
+      if (typeof pattern === "string") return stack.includes(pattern);
+      return pattern.test(stack);
+    });
+  }
+  isProduction() {
+    try {
+      return process.env.NODE_ENV === "production";
+    } catch {
+      return false;
+    }
+  }
+  patchMethod(target, methodName, wrapper) {
+    const original = target[methodName];
+    if (typeof original !== "function") return;
+    const patched = wrapper(original);
+    target[methodName] = patched;
+    this.restoreFns.push(() => {
+      target[methodName] = original;
+    });
+  }
+  patchGetter(target, prop, onGet) {
+    const descriptor = this.lookupDescriptor(target, prop);
+    if (!descriptor?.get) return;
+    const originalGet = descriptor.get;
+    Object.defineProperty(target, prop, {
+      ...descriptor,
+      get() {
+        onGet(prop);
+        return originalGet.call(this);
+      }
+    });
+    this.restoreFns.push(() => {
+      Object.defineProperty(target, prop, descriptor);
+    });
+  }
+  patchSetter(target, prop, onSet) {
+    const descriptor = this.lookupDescriptor(target, prop);
+    if (!descriptor?.set) return;
+    const originalSet = descriptor.set;
+    const originalGet = descriptor.get;
+    Object.defineProperty(target, prop, {
+      ...descriptor,
+      get: originalGet ? function() {
+        return originalGet.call(this);
+      } : void 0,
+      set(value) {
+        onSet();
+        originalSet.call(this, value);
+      }
+    });
+    this.restoreFns.push(() => {
+      Object.defineProperty(target, prop, descriptor);
+    });
+  }
+  lookupDescriptor(target, prop) {
+    let current = target;
+    while (current) {
+      const desc = Object.getOwnPropertyDescriptor(current, prop);
+      if (desc) return desc;
+      current = Object.getPrototypeOf(current);
+    }
+    return void 0;
+  }
+  patchWrites() {
+    const markDirty = () => {
+      this.dirtyFrame = true;
+    };
+    this.patchMethod(CSSStyleDeclaration.prototype, "setProperty", (orig) => {
+      return function(...args) {
+        markDirty();
+        return orig.apply(this, args);
+      };
+    });
+    this.patchMethod(Element.prototype, "setAttribute", (orig) => {
+      return function(...args) {
+        const name = args[0]?.toLowerCase?.();
+        if (name === "style" || name === "class") markDirty();
+        return orig.apply(this, args);
+      };
+    });
+    const classListMethods = ["add", "remove", "toggle", "replace"];
+    for (const method of classListMethods) {
+      this.patchMethod(DOMTokenList.prototype, method, (orig) => {
+        return function(...args) {
+          markDirty();
+          return orig.apply(this, args);
+        };
+      });
+    }
+    this.patchSetter(HTMLElement.prototype, "className", markDirty);
+    const styleDescriptor = this.lookupDescriptor(HTMLElement.prototype, "style");
+    if (styleDescriptor?.get) {
+      const originalStyleGet = styleDescriptor.get;
+      const config = this.config;
+      const cache = this.styleProxyCache;
+      Object.defineProperty(HTMLElement.prototype, "style", {
+        ...styleDescriptor,
+        get() {
+          const real = originalStyleGet.call(this);
+          if (!config.enabled) return real;
+          const cached = cache.get(this);
+          if (cached) return cached;
+          const proxy = new Proxy(real, {
+            set(target, prop, value) {
+              markDirty();
+              return Reflect.set(target, prop, value, target);
+            }
+          });
+          cache.set(this, proxy);
+          return proxy;
+        }
+      });
+      this.restoreFns.push(() => {
+        Object.defineProperty(HTMLElement.prototype, "style", styleDescriptor);
+        this.styleProxyCache = /* @__PURE__ */ new WeakMap();
+      });
+    }
+  }
+  patchReads() {
+    const onRead = (prop) => this.onLayoutRead(prop);
+    const elementReadProps = [
+      "offsetWidth",
+      "offsetHeight",
+      "offsetTop",
+      "offsetLeft",
+      "offsetParent",
+      "clientWidth",
+      "clientHeight",
+      "clientTop",
+      "clientLeft",
+      "scrollWidth",
+      "scrollHeight",
+      "scrollTop",
+      "scrollLeft"
+    ];
+    for (const prop of elementReadProps) {
+      this.patchGetter(HTMLElement.prototype, prop, onRead);
+    }
+    this.patchMethod(Element.prototype, "getBoundingClientRect", (orig) => {
+      return function() {
+        onRead("getBoundingClientRect");
+        return orig.call(this);
+      };
+    });
+    this.patchMethod(Element.prototype, "getClientRects", (orig) => {
+      return function() {
+        onRead("getClientRects");
+        return orig.call(this);
+      };
+    });
+    this.patchGetter(HTMLElement.prototype, "innerText", onRead);
+    const windowReadProps = ["innerWidth", "innerHeight", "scrollX", "scrollY"];
+    for (const prop of windowReadProps) {
+      this.patchGetter(window, prop, onRead);
+    }
+    this.patchMethod(window, "getComputedStyle", (orig) => {
+      return function(...args) {
+        onRead("getComputedStyle");
+        return orig.apply(this, args);
+      };
+    });
+  }
+};
+var thrash = new Thrash();
+
+// packages/core/index.ts
+var VERSION = version;
+
+export { Thrash, VERSION, thrash };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json","../packages/core/core.tsx","../packages/core/index.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["{\n  \"name\": \"bye-thrash\",\n  \"publishConfig\": {\n    \"registry\": \"https://registry.npmjs.org\",\n    \"access\": \"public\"\n  },\n  \"version\": \"0.0.1\",\n  \"description\": \"Detect and destroy layout thrashing\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"files\": [\n    \"dist\"\n  ],\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"default\": \"./dist/index.mjs\"\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"concurrently \\\"tsup --watch\\\" \\\"cd templates/demo && pnpm dev\\\"\",\n    \"typecheck\": \"tsc --noEmit\",\n    \"version:package\": \"pnpm changeset version\",\n    \"release\": \"pnpm build && pnpm changeset publish\",\n    \"lint\": \"eslint -c ./eslint.config.mjs . --fix --no-cache\"\n  },\n  \"author\": \"joyco.studio\",\n  \"license\": \"ISC\",\n  \"packageManager\": \"pnpm@10.29.2\",\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.11\",\n    \"@eslint/js\": \"^9.18.0\",\n    \"@types/node\": \"^20.11.24\",\n    \"@typescript-eslint/eslint-plugin\": \"^8.21.0\",\n    \"@typescript-eslint/parser\": \"^8.21.0\",\n    \"eslint\": \"^9.18.0\",\n    \"eslint-config-prettier\": \"^10.0.1\",\n    \"eslint-plugin-prettier\": \"^5.2.3\",\n    \"eslint-plugin-react\": \"^7.37.4\",\n    \"eslint-plugin-react-compiler\": \"19.0.0-beta-decd7b8-20250118\",\n    \"globals\": \"^15.14.0\",\n    \"prettier\": \"^3.4.2\",\n    \"tsup\": \"^8.0.2\",\n    \"typescript\": \"^5.7.3\",\n    \"typescript-eslint\": \"^8.21.0\"\n  },\n  \"dependencies\": {\n    \"concurrently\": \"^9.2.1\"\n  }\n}\n","type Mode = 'warn' | 'throw' | 'silent'\n\ninterface ThrashConfig {\n  mode: Mode\n  ignorePatterns: (string | RegExp)[]\n  enabled: boolean\n  autoRaf: boolean\n}\n\ninterface Offender {\n  count: number\n  prop: string\n  callSite: string\n  stack: string\n  lastSeen: number\n}\n\ninterface FrameRead {\n  prop: string\n  stack: string\n  timestamp: number\n}\n\ninterface ReportEntry {\n  prop: string\n  count: number\n  callSite: string\n  lastSeen: number\n}\n\ninterface ReportOptions {\n  clear?: boolean\n}\n\nconst LIB_FILENAME = 'thrash'\nconst USER_CODE_RE = /\\.(tsx?|jsx?|mjs|cjs)[:)]/\nconst FRAMEWORK_RE =\n  /react-dom|react-reconciler|react-server|scheduler|__next|next\\/dist|_next\\/static\\/chunks|webpack|turbopack|hmr-runtime|chunk-/\n\nlet activeInstance: Thrash | null = null\n\nclass Thrash {\n  private config: ThrashConfig = {\n    mode: 'warn',\n    ignorePatterns: [],\n    enabled: false,\n    autoRaf: true,\n  }\n\n  private dirtyFrame = false\n  private rafId: number | null = null\n  private frameReads: FrameRead[] = []\n  private offenders = new Map<string, Offender>()\n  private styleProxyCache = new WeakMap<HTMLElement, CSSStyleDeclaration>()\n  private restoreFns: Array<() => void> = []\n\n  configure(options: Partial<ThrashConfig>): void {\n    Object.assign(this.config, options)\n  }\n\n  init(): void {\n    if (this.isProduction() && !this.config.enabled) return\n    if (this.config.enabled) return\n    if (activeInstance && activeInstance !== this) {\n      throw new Error('[thrash] Another instance is already active. Call destroy() on it first.')\n    }\n\n    this.config.enabled = true\n    this.dirtyFrame = false\n    this.frameReads = []\n\n    this.patchWrites()\n    this.patchReads()\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    activeInstance = this\n\n    if (this.config.autoRaf) {\n      this.rafId = requestAnimationFrame(() => this.tick())\n    }\n  }\n\n  destroy(): void {\n    this.config.enabled = false\n\n    for (const restore of this.restoreFns) {\n      try {\n        restore()\n      } catch {\n        // Descriptor may already be gone\n      }\n    }\n    this.restoreFns.length = 0\n\n    if (this.rafId !== null) {\n      cancelAnimationFrame(this.rafId)\n      this.rafId = null\n    }\n\n    this.offenders.clear()\n    this.frameReads = []\n    activeInstance = null\n  }\n\n  tick(): void {\n    this.dirtyFrame = false\n    this.frameReads = []\n    if (this.config.autoRaf) {\n      this.rafId = requestAnimationFrame(() => this.tick())\n    }\n  }\n\n  report(options: ReportOptions = {}): ReportEntry[] {\n    const { clear = true } = options\n\n    const entries: ReportEntry[] = []\n    for (const [, offender] of this.offenders) {\n      entries.push({\n        prop: offender.prop,\n        count: offender.count,\n        callSite: offender.callSite,\n        lastSeen: offender.lastSeen,\n      })\n    }\n\n    entries.sort((a, b) => b.count - a.count)\n\n    if (entries.length > 0) {\n      console.table(entries)\n    } else {\n      console.log('[thrash] No layout thrashing detected.')\n    }\n\n    if (clear) this.offenders.clear()\n\n    return entries\n  }\n\n  // -------------------------------------------------------------------------\n  // Detection\n  // -------------------------------------------------------------------------\n\n  private onLayoutRead(prop: string): void {\n    if (!this.config.enabled) return\n\n    const stack = new Error().stack ?? ''\n\n    if (this.shouldIgnore(stack)) return\n\n    this.frameReads.push({ prop, stack, timestamp: performance.now() })\n\n    if (!this.dirtyFrame) return\n\n    const callSite = this.extractCallSite(stack)\n    const key = `${prop}::${callSite}`\n    const existing = this.offenders.get(key)\n\n    if (existing) {\n      existing.count++\n      existing.lastSeen = Date.now()\n    } else {\n      this.offenders.set(key, {\n        count: 1,\n        prop,\n        callSite,\n        stack,\n        lastSeen: Date.now(),\n      })\n    }\n\n    const message = `[thrash] Layout read \"${prop}\" after style write. Call site: ${callSite}`\n\n    if (this.config.mode === 'throw') {\n      throw new Error(message)\n    } else if (this.config.mode === 'warn') {\n      console.warn(message)\n    }\n  }\n\n  private extractCallSite(stack: string): string {\n    const lines = stack.split('\\n').slice(1)\n\n    for (const line of lines) {\n      const trimmed = line.trim()\n      if (trimmed.includes(LIB_FILENAME)) continue\n      if (trimmed.includes('node_modules')) continue\n      if (FRAMEWORK_RE.test(trimmed)) continue\n      if (USER_CODE_RE.test(trimmed)) {\n        return trimmed.replace(/^\\s*at\\s+/, '')\n      }\n    }\n\n    for (const line of lines) {\n      const trimmed = line.trim()\n      if (trimmed.includes(LIB_FILENAME)) continue\n      if (trimmed.includes('node_modules')) continue\n      if (FRAMEWORK_RE.test(trimmed)) continue\n      return trimmed.replace(/^\\s*at\\s+/, '')\n    }\n\n    for (const line of lines) {\n      const trimmed = line.trim()\n      if (trimmed.includes(LIB_FILENAME)) continue\n      return trimmed.replace(/^\\s*at\\s+/, '')\n    }\n\n    return 'unknown'\n  }\n\n  private shouldIgnore(stack: string): boolean {\n    return this.config.ignorePatterns.some((pattern) => {\n      if (typeof pattern === 'string') return stack.includes(pattern)\n      return pattern.test(stack)\n    })\n  }\n\n  private isProduction(): boolean {\n    try {\n      return process.env.NODE_ENV === 'production'\n    } catch {\n      return false\n    }\n  }\n\n  private patchMethod<T extends object>(\n    target: T,\n    methodName: string,\n    wrapper: (original: (...args: unknown[]) => unknown) => (...args: unknown[]) => unknown\n  ): void {\n    const original = (target as Record<string, unknown>)[methodName] as (...args: unknown[]) => unknown\n    if (typeof original !== 'function') return\n\n    const patched = wrapper(original)\n    ;(target as Record<string, unknown>)[methodName] = patched\n\n    this.restoreFns.push(() => {\n      ;(target as Record<string, unknown>)[methodName] = original\n    })\n  }\n\n  private patchGetter<T extends object>(target: T, prop: string, onGet: (prop: string) => void): void {\n    const descriptor = this.lookupDescriptor(target, prop)\n    if (!descriptor?.get) return\n\n    const originalGet = descriptor.get\n\n    Object.defineProperty(target, prop, {\n      ...descriptor,\n      get() {\n        onGet(prop)\n        return originalGet.call(this)\n      },\n    })\n\n    this.restoreFns.push(() => {\n      Object.defineProperty(target, prop, descriptor)\n    })\n  }\n\n  private patchSetter<T extends object>(target: T, prop: string, onSet: () => void): void {\n    const descriptor = this.lookupDescriptor(target, prop)\n    if (!descriptor?.set) return\n\n    const originalSet = descriptor.set\n    const originalGet = descriptor.get\n\n    Object.defineProperty(target, prop, {\n      ...descriptor,\n      get: originalGet\n        ? function (this: unknown) {\n            return originalGet.call(this)\n          }\n        : undefined,\n      set(value: unknown) {\n        onSet()\n        originalSet.call(this, value)\n      },\n    })\n\n    this.restoreFns.push(() => {\n      Object.defineProperty(target, prop, descriptor)\n    })\n  }\n\n  private lookupDescriptor(target: object, prop: string): PropertyDescriptor | undefined {\n    let current: object | null = target\n    while (current) {\n      const desc = Object.getOwnPropertyDescriptor(current, prop)\n      if (desc) return desc\n      current = Object.getPrototypeOf(current) as object | null\n    }\n    return undefined\n  }\n\n  private patchWrites(): void {\n    const markDirty = () => {\n      this.dirtyFrame = true\n    }\n\n    this.patchMethod(CSSStyleDeclaration.prototype, 'setProperty', (orig) => {\n      return function (this: CSSStyleDeclaration, ...args: unknown[]) {\n        markDirty()\n        return orig.apply(this, args)\n      }\n    })\n\n    this.patchMethod(Element.prototype, 'setAttribute', (orig) => {\n      return function (this: Element, ...args: unknown[]) {\n        const name = (args[0] as string)?.toLowerCase?.()\n        if (name === 'style' || name === 'class') markDirty()\n        return orig.apply(this, args)\n      }\n    })\n\n    const classListMethods = ['add', 'remove', 'toggle', 'replace'] as const\n    for (const method of classListMethods) {\n      this.patchMethod(DOMTokenList.prototype, method, (orig) => {\n        return function (this: DOMTokenList, ...args: unknown[]) {\n          markDirty()\n          return orig.apply(this, args)\n        }\n      })\n    }\n\n    this.patchSetter(HTMLElement.prototype, 'className', markDirty)\n\n    // Proxy the `style` getter so any property assignment on the returned\n    // CSSStyleDeclaration marks the frame dirty. Browsers implement CSS\n    // properties as exotic/internal properties without standard descriptors,\n    // so patching individual setters doesn't work.\n    const styleDescriptor = this.lookupDescriptor(HTMLElement.prototype, 'style')\n    if (styleDescriptor?.get) {\n      const originalStyleGet = styleDescriptor.get\n      const config = this.config\n      const cache = this.styleProxyCache\n\n      Object.defineProperty(HTMLElement.prototype, 'style', {\n        ...styleDescriptor,\n        get(this: HTMLElement) {\n          const real = originalStyleGet.call(this) as CSSStyleDeclaration\n          if (!config.enabled) return real\n\n          const cached = cache.get(this)\n          if (cached) return cached\n\n          const proxy = new Proxy(real, {\n            set(target, prop, value) {\n              markDirty()\n              return Reflect.set(target, prop, value, target)\n            },\n          })\n\n          cache.set(this, proxy)\n          return proxy\n        },\n      })\n\n      this.restoreFns.push(() => {\n        Object.defineProperty(HTMLElement.prototype, 'style', styleDescriptor)\n        this.styleProxyCache = new WeakMap()\n      })\n    }\n  }\n\n  private patchReads(): void {\n    const onRead = (prop: string) => this.onLayoutRead(prop)\n\n    const elementReadProps = [\n      'offsetWidth',\n      'offsetHeight',\n      'offsetTop',\n      'offsetLeft',\n      'offsetParent',\n      'clientWidth',\n      'clientHeight',\n      'clientTop',\n      'clientLeft',\n      'scrollWidth',\n      'scrollHeight',\n      'scrollTop',\n      'scrollLeft',\n    ]\n\n    for (const prop of elementReadProps) {\n      this.patchGetter(HTMLElement.prototype, prop, onRead)\n    }\n\n    this.patchMethod(Element.prototype, 'getBoundingClientRect', (orig) => {\n      return function (this: Element) {\n        onRead('getBoundingClientRect')\n        return orig.call(this)\n      }\n    })\n\n    this.patchMethod(Element.prototype, 'getClientRects', (orig) => {\n      return function (this: Element) {\n        onRead('getClientRects')\n        return orig.call(this)\n      }\n    })\n\n    this.patchGetter(HTMLElement.prototype, 'innerText', onRead)\n\n    const windowReadProps = ['innerWidth', 'innerHeight', 'scrollX', 'scrollY']\n    for (const prop of windowReadProps) {\n      this.patchGetter(window, prop, onRead)\n    }\n\n    this.patchMethod(window, 'getComputedStyle', (orig) => {\n      return function (this: typeof window, ...args: unknown[]) {\n        onRead('getComputedStyle')\n        return orig.apply(this, args)\n      }\n    })\n  }\n}\n\nexport const thrash = new Thrash()\nexport { Thrash }\nexport type { ThrashConfig, ReportEntry, ReportOptions }\n","import { version } from '../../package.json'\n\nexport const VERSION = version\nexport * from './core'\n"]}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "bye-thrash",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "version": "0.0.1",
+  "description": "Detect and destroy layout thrashing",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "author": "joyco.studio",
+  "license": "ISC",
+  "devDependencies": {
+    "@changesets/cli": "^2.27.11",
+    "@eslint/js": "^9.18.0",
+    "@types/node": "^20.11.24",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-compiler": "19.0.0-beta-decd7b8-20250118",
+    "globals": "^15.14.0",
+    "prettier": "^3.4.2",
+    "tsup": "^8.0.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.21.0"
+  },
+  "dependencies": {
+    "concurrently": "^9.2.1"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "concurrently \"tsup --watch\" \"cd templates/demo && pnpm dev\"",
+    "typecheck": "tsc --noEmit",
+    "version:package": "pnpm changeset version",
+    "release": "pnpm build && pnpm changeset publish",
+    "lint": "eslint -c ./eslint.config.mjs . --fix --no-cache"
+  }
+}