react-perf-recorder 0.1.0

package/dist/node/plugins/zustand.cjs

@@ -0,0 +1,247 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugins/zustand/index.ts
+var zustand_exports = {};
+__export(zustand_exports, {
+  zustand: () => zustand
+});
+module.exports = __toCommonJS(zustand_exports);
+
+// src/vite/helpers/filter.ts
+var import_node_path = __toESM(require("path"), 1);
+var cleanId = (id) => id.split("?")[0].replace(/\\/g, "/");
+var globToRegExp = (glob) => {
+  let re = "";
+  for (let i = 0; i < glob.length; i++) {
+    const c = glob[i];
+    if (c === "*" && glob[i + 1] === "*") {
+      re += ".*";
+      i++;
+      if (glob[i + 1] === "/") i++;
+    } else if (c === "*") re += "[^/]*";
+    else if (c === "?") re += "[^/]";
+    else if (c === "{") {
+      const end = glob.indexOf("}", i);
+      re += `(?:${glob.slice(i + 1, end).split(",").map((p) => p.replace(/[.+^$()|[\]\\]/g, "\\$&")).join("|")})`;
+      i = end;
+    } else re += c.replace(/[.+^$()|[\]\\]/g, "\\$&");
+  }
+  return new RegExp(`^${re}$`);
+};
+function createFilter(root, include, exclude = []) {
+  const inc = include.map(globToRegExp);
+  const exc = exclude.map(globToRegExp);
+  return (id) => {
+    if (!id || id.startsWith("\0") || id.includes("/node_modules/")) return false;
+    const file = cleanId(id);
+    const rel = import_node_path.default.isAbsolute(file) ? import_node_path.default.relative(root(), file).replace(/\\/g, "/") : file.replace(/^\//, "");
+    if (rel.startsWith("..")) return false;
+    return inc.some((re) => re.test(rel)) && !exc.some((re) => re.test(rel));
+  };
+}
+
+// src/vite/helpers/name-declarations.ts
+var import_parser = require("@babel/parser");
+var EMPTY = { names: [], defaultCall: null };
+function pluginSets(file) {
+  const ext = file?.replace(/[?#].*$/, "").match(/\.([cm]?[jt]sx?)$/)?.[1];
+  if (ext === "tsx") return [["typescript", "jsx"]];
+  if (ext === "ts" || ext === "mts" || ext === "cts") return [["typescript"]];
+  if (ext === "js" || ext === "jsx" || ext === "mjs" || ext === "cjs") return [["jsx"]];
+  return [["typescript", "jsx"], ["typescript"]];
+}
+function parseModule(code, file) {
+  for (const plugins of pluginSets(file)) {
+    try {
+      return (0, import_parser.parse)(code, { sourceType: "module", plugins: [...plugins, "decorators-legacy"], errorRecovery: true }).program.body;
+    } catch {
+    }
+  }
+  return null;
+}
+function unwrap(node) {
+  let e = node;
+  while (e.type === "TSAsExpression" || e.type === "TSSatisfiesExpression" || e.type === "TSNonNullExpression" || e.type === "TSTypeAssertion" || e.type === "ParenthesizedExpression")
+    e = e.expression;
+  return e;
+}
+function calleeName(callee, allowReactPrefix) {
+  if (callee.type === "Identifier") return callee.name;
+  if (callee.type === "CallExpression") return calleeName(callee.callee, allowReactPrefix);
+  if (callee.type === "TSInstantiationExpression") return calleeName(callee.expression, allowReactPrefix);
+  if (allowReactPrefix && callee.type === "MemberExpression" && !callee.computed && callee.object.type === "Identifier" && callee.object.name === "React" && callee.property.type === "Identifier")
+    return callee.property.name;
+  return null;
+}
+function scanModule(code, callees, { allowReactPrefix = false, file } = {}) {
+  if (!callees.length || !callees.some((c) => code.includes(c))) return EMPTY;
+  const body = parseModule(code, file);
+  if (!body) return EMPTY;
+  const isCall = (node) => {
+    if (!node) return false;
+    const e = unwrap(node);
+    if (e.type !== "CallExpression") return false;
+    const name = calleeName(e.callee, allowReactPrefix);
+    return name !== null && callees.includes(name);
+  };
+  const names = [];
+  let defaultCall = null;
+  for (const statement of body) {
+    const declaration = statement.type === "ExportNamedDeclaration" ? statement.declaration : statement;
+    if (declaration?.type === "VariableDeclaration" && declaration.kind !== "var") {
+      for (const d of declaration.declarations) if (d.id.type === "Identifier" && isCall(d.init) && !names.includes(d.id.name)) names.push(d.id.name);
+    }
+    if (statement.type === "ExportDefaultDeclaration") {
+      const e = statement.declaration;
+      if (e.start != null && e.end != null && isCall(e)) defaultCall = { start: e.start, end: e.end };
+    }
+  }
+  return { names, defaultCall };
+}
+function findDeclarations(code, callees, options = {}) {
+  return scanModule(code, callees, options).names;
+}
+function appendLines(code, lines) {
+  if (!lines.length) return null;
+  return `${code}
+${lines.join("\n")}
+`;
+}
+var ifDeclared = (name, call) => `if (typeof ${name} !== "undefined") ${call}`;
+
+// src/vite/helpers/proxy-module.ts
+function packageOf(id) {
+  const path2 = id.replace(/\?.*$/, "");
+  const optimized = /\/deps\/([^/]+)\.js$/.exec(path2);
+  if (optimized) return optimized[1].startsWith("chunk-") ? "" : optimized[1].replace(/_/g, "/");
+  const at = path2.lastIndexOf("/node_modules/");
+  if (at < 0) return "";
+  return path2.slice(at + "/node_modules/".length).replace(/\.[cm]?js$/, "").replace(/\/index$/, "");
+}
+function proxyModule(pluginName, options) {
+  const id = `\0react-perf-recorder:${pluginName}:${options.source}`;
+  return {
+    id,
+    resolveId(source, importer) {
+      if (source === id) return id;
+      if (!importer || importer === id || importer.startsWith("\0")) return null;
+      if (source !== options.source && packageOf(source) !== options.source) return null;
+      return options.importer(importer) ? id : null;
+    },
+    load(loadId) {
+      return loadId === id ? options.code() : null;
+    },
+    rewrite(code) {
+      const quoted = options.source.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const imports = new RegExp(`((?:^|[\\s{(,;])(?:from|import)\\s*)(['"])${quoted}\\2`, "g");
+      if (!imports.test(code)) return null;
+      imports.lastIndex = 0;
+      return code.replace(imports, (_all, head, quote) => `${head}${quote}${id}${quote}`);
+    }
+  };
+}
+function combineProxies(proxies) {
+  return {
+    id: proxies[0]?.id ?? "",
+    resolveId: (source, importer) => {
+      for (const p of proxies) {
+        const id = p.resolveId(source, importer);
+        if (id) return id;
+      }
+      return null;
+    },
+    load: (id) => {
+      for (const p of proxies) {
+        const code = p.load(id);
+        if (code != null) return code;
+      }
+      return null;
+    },
+    rewrite: (code) => {
+      let out = null;
+      for (const p of proxies) out = p.rewrite(out ?? code) ?? out;
+      return out;
+    }
+  };
+}
+
+// src/plugins/zustand/index.ts
+var RUNTIME = "react-perf-recorder/plugins/zustand/runtime";
+function zustand(options = {}) {
+  const functions = options.functions ?? ["create", "createStore", "createWithEqualityFn"];
+  let context = null;
+  const root = () => context?.root() ?? process.cwd();
+  const filter = createFilter(root, options.include ?? ["src/**/*.{ts,tsx,js,jsx}"], options.exclude);
+  const wrap = (source, lines) => proxyModule("zustand", {
+    source,
+    importer: filter,
+    code: () => [
+      `import * as original from ${JSON.stringify(source)};`,
+      `import * as rpr from ${JSON.stringify(RUNTIME)};`,
+      `export * from ${JSON.stringify(source)};`,
+      ...lines
+    ].join("\n")
+  });
+  const proxies = combineProxies([
+    wrap("zustand", [
+      "export const create = rpr.wrapCreate(original.create);",
+      "export const createStore = rpr.wrapCreate(original.createStore);",
+      "export default original.default;"
+    ]),
+    wrap("zustand/vanilla", ["export const createStore = rpr.wrapCreate(original.createStore);", "export default original.default;"]),
+    wrap("zustand/react/shallow", ["export const useShallow = rpr.wrapUseShallow(original.useShallow);"]),
+    // v5 also exports `useShallow` from here, and keeps the store with an equality function in `traditional`.
+    wrap("zustand/shallow", ["export const useShallow = rpr.wrapUseShallow(original.useShallow);", "export default original.default;"]),
+    wrap("zustand/traditional", ["export const createWithEqualityFn = rpr.wrapCreate(original.createWithEqualityFn);"])
+  ]);
+  return {
+    name: "zustand",
+    init: (ctx) => void (context = ctx),
+    vite: {
+      config: () => ({ optimizeDeps: { include: ["zustand", "zustand/vanilla", "zustand/react/shallow"] } }),
+      resolveId: (id, importer) => proxies.resolveId(id, importer),
+      load: (id) => proxies.load(id),
+      transform(code, id) {
+        if (!filter(id) || !functions.some((fn) => code.includes(fn))) return null;
+        const names = findDeclarations(code, functions, { file: id });
+        const out = appendLines(code, [
+          `import { nameStore as __rprNameStore } from ${JSON.stringify(RUNTIME)};`,
+          ...names.map((name) => ifDeclared(name, `__rprNameStore(${name}, ${JSON.stringify(name)});`))
+        ]);
+        return names.length && out ? { code: out, map: null } : null;
+      }
+    },
+    runtime: { module: RUNTIME, options: { devtools: options.devtools ?? true } }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  zustand
+});

package/dist/node/plugins/zustand.d.cts

@@ -0,0 +1,17 @@
+import { P as PerfRecorderPlugin } from '../plugin-api-zXFxjYba.cjs';
+
+interface ZustandOptions {
+    include?: string[];
+    exclude?: string[];
+    /** Store factories whose results get a name: `export const useStore = create(...)`, `createWithEqualityFn(...)`. */
+    functions?: string[];
+    /** Stand in for the Redux DevTools extension to read action names; a real extension still gets everything. */
+    devtools?: boolean;
+}
+/**
+ * Store causes for commits: which action wrote to which store and which top-level keys it changed (with the same
+ * content or not); labels `useShallow(selector)` and the store in `external store` reasons.
+ */
+declare function zustand(options?: ZustandOptions): PerfRecorderPlugin;
+
+export { type ZustandOptions, zustand };

package/dist/node/plugins/zustand.d.ts

@@ -0,0 +1,17 @@
+import { P as PerfRecorderPlugin } from '../plugin-api-zXFxjYba.js';
+
+interface ZustandOptions {
+    include?: string[];
+    exclude?: string[];
+    /** Store factories whose results get a name: `export const useStore = create(...)`, `createWithEqualityFn(...)`. */
+    functions?: string[];
+    /** Stand in for the Redux DevTools extension to read action names; a real extension still gets everything. */
+    devtools?: boolean;
+}
+/**
+ * Store causes for commits: which action wrote to which store and which top-level keys it changed (with the same
+ * content or not); labels `useShallow(selector)` and the store in `external store` reasons.
+ */
+declare function zustand(options?: ZustandOptions): PerfRecorderPlugin;
+
+export { type ZustandOptions, zustand };

package/dist/node/plugins/zustand.js

@@ -0,0 +1,61 @@
+import {
+  appendLines,
+  combineProxies,
+  createFilter,
+  findDeclarations,
+  ifDeclared,
+  proxyModule
+} from "../chunk-HS2BJBJX.js";
+
+// src/plugins/zustand/index.ts
+var RUNTIME = "react-perf-recorder/plugins/zustand/runtime";
+function zustand(options = {}) {
+  const functions = options.functions ?? ["create", "createStore", "createWithEqualityFn"];
+  let context = null;
+  const root = () => context?.root() ?? process.cwd();
+  const filter = createFilter(root, options.include ?? ["src/**/*.{ts,tsx,js,jsx}"], options.exclude);
+  const wrap = (source, lines) => proxyModule("zustand", {
+    source,
+    importer: filter,
+    code: () => [
+      `import * as original from ${JSON.stringify(source)};`,
+      `import * as rpr from ${JSON.stringify(RUNTIME)};`,
+      `export * from ${JSON.stringify(source)};`,
+      ...lines
+    ].join("\n")
+  });
+  const proxies = combineProxies([
+    wrap("zustand", [
+      "export const create = rpr.wrapCreate(original.create);",
+      "export const createStore = rpr.wrapCreate(original.createStore);",
+      "export default original.default;"
+    ]),
+    wrap("zustand/vanilla", ["export const createStore = rpr.wrapCreate(original.createStore);", "export default original.default;"]),
+    wrap("zustand/react/shallow", ["export const useShallow = rpr.wrapUseShallow(original.useShallow);"]),
+    // v5 also exports `useShallow` from here, and keeps the store with an equality function in `traditional`.
+    wrap("zustand/shallow", ["export const useShallow = rpr.wrapUseShallow(original.useShallow);", "export default original.default;"]),
+    wrap("zustand/traditional", ["export const createWithEqualityFn = rpr.wrapCreate(original.createWithEqualityFn);"])
+  ]);
+  return {
+    name: "zustand",
+    init: (ctx) => void (context = ctx),
+    vite: {
+      config: () => ({ optimizeDeps: { include: ["zustand", "zustand/vanilla", "zustand/react/shallow"] } }),
+      resolveId: (id, importer) => proxies.resolveId(id, importer),
+      load: (id) => proxies.load(id),
+      transform(code, id) {
+        if (!filter(id) || !functions.some((fn) => code.includes(fn))) return null;
+        const names = findDeclarations(code, functions, { file: id });
+        const out = appendLines(code, [
+          `import { nameStore as __rprNameStore } from ${JSON.stringify(RUNTIME)};`,
+          ...names.map((name) => ifDeclared(name, `__rprNameStore(${name}, ${JSON.stringify(name)});`))
+        ]);
+        return names.length && out ? { code: out, map: null } : null;
+      }
+    },
+    runtime: { module: RUNTIME, options: { devtools: options.devtools ?? true } }
+  };
+}
+export {
+  zustand
+};