react-reinspect 0.1.0

package/dist/lib/propsInspector.d.ts

@@ -0,0 +1,31 @@
+export declare const REINSPECT_PLACEHOLDER_KEY = "__reinspect_placeholder__";
+export type InspectedValueKind = 'null' | 'undefined' | 'boolean' | 'number' | 'string' | 'bigint' | 'symbol' | 'function' | 'date' | 'regexp' | 'array' | 'object' | 'unknown';
+export interface InspectedFunctionMeta {
+    name: string;
+    arity: number;
+    preview: string;
+    source: string;
+}
+export interface InspectedValueDescriptor {
+    kind: InspectedValueKind;
+    summary: string;
+    copyText?: string;
+    functionMeta?: InspectedFunctionMeta;
+}
+export interface DetectedPropsRow {
+    key: string;
+    value: InspectedValueDescriptor;
+}
+export declare function buildDetectedPropsRows(props: Record<string, unknown>): DetectedPropsRow[];
+export declare function serializePropsForRawEditor(props: Record<string, unknown>): string;
+export declare function serializeValueForJson(value: unknown): string | null;
+export declare function isEditablePropValue(value: unknown): boolean;
+export declare function parseEditablePropValueInput(input: string): {
+    parsed: unknown | null;
+    error: string | null;
+};
+export declare function parsePropsOverridesInput(input: string): {
+    parsed: Record<string, unknown> | null;
+    error: string | null;
+};
+//# sourceMappingURL=propsInspector.d.ts.map

package/dist/lib/propsInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propsInspector.d.ts","sourceRoot":"","sources":["../../src/reinspect/propsInspector.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,8BAA8B,CAAA;AAmBpE,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,WAAW,GACX,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,CAAA;AAEb,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,wBAAwB,CAAA;CAChC;AAmUD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,gBAAgB,EAAE,CAKpB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,MAAM,CAGR;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAEnE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAmB3D;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,GAAG;IAC1D,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CA8BA;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG;IACvD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CA4CA"}

package/dist/lib/store.d.ts

@@ -0,0 +1,3 @@
+import type { ReinspectContextValue } from './types';
+export declare const ReinspectContext: import("react").Context<ReinspectContextValue | null>;
+//# sourceMappingURL=store.d.ts.map

package/dist/lib/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/reinspect/store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,eAAO,MAAM,gBAAgB,uDAAoD,CAAA"}

package/dist/lib/style.css

@@ -0,0 +1,2 @@
+.reinspect-shell{border-radius:14px;transition:outline-color .12s;position:relative}.reinspect-shell[data-reinspect-active=true]{outline:2px dashed var(--reinspect-color);outline-offset:2px}.reinspect-content{border-radius:inherit}.reinspect-name-badge{z-index:calc(var(--reinspect-z-base) + 5);letter-spacing:.04em;color:#0f172a;background:color-mix(in srgb, var(--reinspect-color) 25%, white);border:1px solid color-mix(in srgb, var(--reinspect-color) 45%, white);pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1;position:absolute;top:-14px;left:10px}.reinspect-menu{z-index:2147483647;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:min(300px,100vw - 24px);max-height:min(420px,70vh);padding:12px;position:fixed;overflow:auto;box-shadow:0 20px 25px -5px #0f172a33,0 8px 10px -6px #0f172a33}.reinspect-menu-title{color:#0f172a;margin:0 0 10px;font-size:13px;font-weight:600}.reinspect-menu-component-setting{color:#1e293b;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:grid}.reinspect-menu-component-setting input[type=checkbox]{width:15px;height:15px}.reinspect-setting-note{color:#64748b;margin:0 0 10px;font-size:11px}.reinspect-submenu{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.reinspect-submenu button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-submenu button[data-state=active]{background:#e0f2fe;border-color:#0284c7}.reinspect-menu-grid{gap:9px;display:grid}.reinspect-menu-filter{margin-bottom:10px;position:relative}.reinspect-menu-filter-icon{color:#64748b;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.reinspect-menu-filter-icon svg{width:100%;height:100%;display:block}.reinspect-menu-filter input{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:5px 7px 5px 30px;font-size:12px}.reinspect-menu-empty-state{color:#64748b;margin:8px 0 0;font-size:12px}.reinspect-field{gap:4px;display:grid}.reinspect-field label{color:#334155;font-size:12px}.reinspect-inline-controls{grid-template-columns:1fr auto;gap:6px;display:grid}.reinspect-inline-controls input,.reinspect-inline-controls button,.reinspect-inline-controls output{font-size:12px}.reinspect-inline-controls input[type=number],.reinspect-inline-controls input[type=text]{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:5px 7px}.reinspect-inline-controls button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:5px 7px}.reinspect-inline-controls button:disabled{opacity:.45;cursor:default}.reinspect-opacity-controls{grid-template-columns:1fr auto auto;align-items:center}.reinspect-opacity-controls output{color:#475569;text-align:right;min-width:36px}.reinspect-props-panel{gap:8px;display:grid}.reinspect-props-submenu{grid-template-columns:1fr 1fr;gap:6px;display:grid}.reinspect-props-submenu button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-props-submenu button[data-state=active]{background:#e0f2fe;border-color:#0284c7}.reinspect-props-panel label{color:#334155;font-size:12px}.reinspect-props-table{gap:6px;display:grid}.reinspect-props-header{color:#475569;text-transform:uppercase;letter-spacing:.04em;grid-template-columns:.85fr 1.15fr;gap:8px;font-size:11px;display:grid}.reinspect-props-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:.85fr 1.15fr;align-items:start;gap:8px;padding:6px;display:grid}.reinspect-prop-key{color:#0f172a;word-break:break-word;font-size:12px}.reinspect-prop-cell{min-width:0}.reinspect-prop-cell code{color:#0f172a;word-break:break-word;font-size:11px}.reinspect-prop-missing{color:#94a3b8;font-size:11px}.reinspect-prop-scalar{gap:4px;display:grid}.reinspect-prop-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.reinspect-prop-scalar button,.reinspect-prop-function button,.reinspect-prop-tree summary button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;justify-self:start;padding:3px 6px;font-size:11px}.reinspect-prop-actions button,.reinspect-prop-json-preview button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;padding:3px 6px;font-size:11px}.reinspect-prop-tree{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px}.reinspect-prop-tree summary{cursor:pointer;color:#1e293b;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.reinspect-prop-tree-children{gap:6px;margin-top:6px;display:grid}.reinspect-prop-tree-row{grid-template-columns:.8fr 1.2fr;align-items:start;gap:6px;display:grid}.reinspect-prop-tree-row>code{color:#334155;word-break:break-word;font-size:10px}.reinspect-prop-function{gap:4px;display:grid}.reinspect-prop-function pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:6px;font-size:11px;line-height:1.3}.reinspect-prop-json-preview{gap:6px;margin-top:6px;display:grid}.reinspect-prop-json-preview pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:180px;margin:0;padding:6px;font-size:11px;line-height:1.3;overflow:auto}.reinspect-modal-backdrop{z-index:2147483647;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reinspect-modal{background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:8px;width:min(560px,100%);padding:12px;display:grid;box-shadow:0 24px 28px -12px #0f172a40,0 10px 16px -10px #0f172a38}.reinspect-modal textarea,.reinspect-props-panel textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:12px}.reinspect-error{color:#b91c1c;margin:0;font-size:12px}.reinspect-floating-toggle{z-index:2147483647;color:#f8fafc;letter-spacing:.03em;cursor:pointer;background:linear-gradient(120deg,#0f172a,#334155);border:none;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:600;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 18px #0f172a47}.reinspect-floating-root{z-index:2147483645;position:fixed;bottom:18px;right:18px}.reinspect-floating-root .reinspect-floating-toggle{position:static}.reinspect-settings-menu{background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:10px;width:min(360px,100vw - 24px);max-height:min(540px,75vh);padding:12px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 28px -12px #0f172a40,0 10px 16px -10px #0f172a38}.reinspect-settings-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.reinspect-settings-toggle-row{color:#1e293b;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.reinspect-settings-select-row{gap:6px;font-size:12px;display:grid}.reinspect-settings-select-row select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:6px 8px;font-size:12px}.reinspect-settings-toggle-label{line-height:1.35}.reinspect-settings-toggle-row input[type=checkbox]{width:16px;height:16px}.reinspect-settings-divider{background:#e2e8f0;height:1px}.reinspect-setting-block{gap:8px;display:grid}.reinspect-apply-button{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}.reinspect-apply-button:disabled{opacity:.4;cursor:default}.reinspect-setting-header{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.reinspect-setting-name{color:#0f172a;letter-spacing:.02em;margin:0;font-size:12px;font-weight:700}.reinspect-setting-short-description{color:#475569;margin:3px 0 0;font-size:12px;line-height:1.35}.reinspect-tooltip-host{display:inline-flex;position:relative}.reinspect-tooltip-trigger{color:#334155;cursor:help;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.reinspect-tooltip-content{color:#f8fafc;opacity:0;pointer-events:none;background:#0f172a;border:1px solid #cbd5e1;border-radius:8px;width:240px;padding:8px;font-size:11px;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 6px);right:0}.reinspect-tooltip-host:hover .reinspect-tooltip-content,.reinspect-tooltip-host:focus-within .reinspect-tooltip-content{opacity:1;pointer-events:auto}.reinspect-setting-subheading{color:#334155;margin:2px 0 0;font-size:12px;font-weight:600}.reinspect-setting-empty-state{color:#64748b;margin:0;font-size:12px}.reinspect-component-settings-list{gap:6px;display:grid}.reinspect-component-setting-row{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.reinspect-component-setting-row input[type=checkbox]{width:15px;height:15px}
+/*$vite$:1*/

package/dist/lib/types.d.ts

@@ -0,0 +1,57 @@
+import type { CSSProperties, Dispatch, ReactNode, SetStateAction } from 'react';
+export type InspectMode = 'wrapped' | 'first-party' | 'all';
+export type AutoDiscoverScope = 'first-party' | 'third-party';
+export type RenderCaptureMode = 'attempts' | 'commits' | 'both';
+export type EditableStyleProp = 'backgroundColor' | 'color' | 'fontSize' | 'padding' | 'margin' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'opacity' | 'width' | 'height' | 'gap';
+export type StyleOverrideValue = string | number;
+export type ComponentStyleOverrides = Partial<Record<EditableStyleProp, StyleOverrideValue>>;
+export interface ReinspectConfig {
+    enabled?: boolean;
+    startActive?: boolean;
+    showFloatingToggle?: boolean;
+    inspectMode?: InspectMode;
+    editableProps?: EditableStyleProp[];
+    palette?: string[];
+    zIndexBase?: number;
+    shouldCountRenders?: boolean;
+    countRendersForComponents?: string[];
+    renderCaptureMode?: RenderCaptureMode;
+}
+export interface ResolvedReinspectConfig {
+    enabled: boolean;
+    startActive: boolean;
+    showFloatingToggle: boolean;
+    inspectMode: InspectMode;
+    editableProps: EditableStyleProp[];
+    palette: string[];
+    zIndexBase: number;
+    shouldCountRenders: boolean;
+    countRendersForComponents: string[];
+    renderCaptureMode: RenderCaptureMode;
+}
+export interface ReinspectContextValue {
+    config: ResolvedReinspectConfig;
+    isActive: boolean;
+    setIsActive: Dispatch<SetStateAction<boolean>>;
+    inspectMode: InspectMode;
+    pendingInspectMode: InspectMode;
+    setPendingInspectMode: Dispatch<SetStateAction<InspectMode>>;
+    hasPendingInspectModeChange: boolean;
+    applyInspectMode: () => void;
+    shouldCountRenders: boolean;
+    setShouldCountRenders: Dispatch<SetStateAction<boolean>>;
+    renderCaptureMode: RenderCaptureMode;
+    setRenderCaptureMode: Dispatch<SetStateAction<RenderCaptureMode>>;
+    renderCountComponents: Record<string, boolean>;
+    setRenderCountingForComponent: (componentName: string, enabled: boolean) => void;
+    isRenderCountingEnabledFor: (componentName: string) => boolean;
+    overrides: Record<string, ComponentStyleOverrides>;
+    updateOverride: (componentId: string, prop: EditableStyleProp, value: StyleOverrideValue | undefined) => void;
+    getBorderColor: (componentName: string) => string;
+}
+export interface ReinspectProviderProps {
+    children: ReactNode;
+    config?: ReinspectConfig;
+}
+export type InlineStyleOverrides = CSSProperties;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/reinspect/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/useReinspect.d.ts

@@ -0,0 +1,3 @@
+import type { ReinspectContextValue } from './types';
+export declare function useReinspect(): ReinspectContextValue;
+//# sourceMappingURL=useReinspect.d.ts.map

package/dist/lib/useReinspect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReinspect.d.ts","sourceRoot":"","sources":["../../src/reinspect/useReinspect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,wBAAgB,YAAY,IAAI,qBAAqB,CAOpD"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentStyleOverrides, EditableStyleProp, InspectMode, RenderCaptureMode, ReinspectConfig, ResolvedReinspectConfig } from './types';
+export declare const REINSPECT_INSPECT_MODE_STORAGE_KEY = "reinspect.inspectMode";
+export declare function isInspectMode(value: unknown): value is InspectMode;
+export declare function isRenderCaptureMode(value: unknown): value is RenderCaptureMode;
+export declare function resolveInspectMode(configInspectMode: InspectMode | undefined): InspectMode;
+export declare function persistInspectMode(mode: InspectMode): void;
+export declare function reloadWindow(): void;
+export declare function resolveReinspectConfig(config?: ReinspectConfig): ResolvedReinspectConfig;
+export declare function pickColorByComponentName(componentName: string, palette: string[]): string;
+export declare function buildInlineStyleOverrides(overrides: ComponentStyleOverrides | undefined, editableProps: EditableStyleProp[]): Record<string, string | number>;
+export declare function normalizeHexColor(value: string | undefined): string;
+export declare function parseNumberInput(input: string): number | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/reinspect/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACxB,MAAM,SAAS,CAAA;AAIhB,eAAO,MAAM,kCAAkC,0BAA0B,CAAA;AAazE,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,WAAW,CAKlE;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,iBAAiB,CAK5B;AAkBD,wBAAgB,kBAAkB,CAChC,iBAAiB,EAAE,WAAW,GAAG,SAAS,GACzC,WAAW,CAWb;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAU1D;AAED,wBAAgB,YAAY,IAAI,IAAI,CAUnC;AAED,wBAAgB,sBAAsB,CACpC,MAAM,GAAE,eAAoB,GAC3B,uBAAuB,CAyBzB;AAWD,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EAAE,GAChB,MAAM,CAMR;AAED,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,uBAAuB,GAAG,SAAS,EAC9C,aAAa,EAAE,iBAAiB,EAAE,GACjC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAejC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAenE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAOlE"}

package/dist/lib/withReinspect.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentType } from 'react';
+import type { AutoDiscoverScope } from './types';
+import { type ReinspectWrapSource } from './wrapMarker';
+export interface WithReinspectOptions {
+    name?: string;
+    fallbackName?: string;
+    source?: ReinspectWrapSource;
+    scope?: AutoDiscoverScope;
+}
+export declare function withReinspect<P extends object>(Component: ComponentType<P>, options?: WithReinspectOptions): ComponentType<P>;
+//# sourceMappingURL=withReinspect.d.ts.map

package/dist/lib/withReinspect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withReinspect.d.ts","sourceRoot":"","sources":["../../src/reinspect/withReinspect.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EASnB,MAAM,OAAO,CAAA;AAsBd,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,SAAS,CAAA;AAChB,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAkOD,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC5C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,OAAO,CAAC,EAAE,oBAAoB,GAC7B,aAAa,CAAC,CAAC,CAAC,CAgxBlB"}

package/dist/lib/wrapInspectableMap.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentType } from 'react';
+import { type WithReinspectOptions } from './withReinspect';
+type ComponentMap = Record<string, ComponentType<any>>;
+type WrapInspectableMapOptions<T extends ComponentMap> = Partial<Record<keyof T, WithReinspectOptions>> | ((key: keyof T, component: T[keyof T]) => WithReinspectOptions | undefined);
+export declare function wrapInspectableMap<T extends ComponentMap>(componentMap: T, options?: WrapInspectableMapOptions<T>): {
+    [K in keyof T]: T[K];
+};
+export {};
+//# sourceMappingURL=wrapInspectableMap.d.ts.map

package/dist/lib/wrapInspectableMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapInspectableMap.d.ts","sourceRoot":"","sources":["../../src/reinspect/wrapInspectableMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAiB,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAI1E,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAA;AAEtD,KAAK,yBAAyB,CAAC,CAAC,SAAS,YAAY,IACjD,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,oBAAoB,CAAC,CAAC,GAC9C,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,oBAAoB,GAAG,SAAS,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,EACvD,YAAY,EAAE,CAAC,EACf,OAAO,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,GACrC;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAY1B"}

package/dist/lib/wrapMarker.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentType } from 'react';
+import type { AutoDiscoverScope } from './types';
+export type ReinspectWrapSource = 'manual' | 'auto';
+export interface ReinspectWrappedMetadata {
+    source: ReinspectWrapSource;
+    scope: AutoDiscoverScope;
+    original: ComponentType<any>;
+}
+export declare const REINSPECT_WRAPPED_SYMBOL: unique symbol;
+export declare function getReinspectWrappedMetadata(component: ComponentType<any>): ReinspectWrappedMetadata | undefined;
+//# sourceMappingURL=wrapMarker.d.ts.map

package/dist/lib/wrapMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapMarker.d.ts","sourceRoot":"","sources":["../../src/reinspect/wrapMarker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEnD,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,mBAAmB,CAAA;IAC3B,KAAK,EAAE,iBAAiB,CAAA;IAExB,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;CAC7B;AAED,eAAO,MAAM,wBAAwB,eAAkC,CAAA;AAEvE,wBAAgB,2BAA2B,CAEzC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,GAC5B,wBAAwB,GAAG,SAAS,CAQtC"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "react-reinspect",
+  "version": "0.1.0",
+  "description": "Visual runtime inspector for React components with render counters and style overrides.",
+  "keywords": [
+    "react",
+    "debug",
+    "devtools",
+    "inspector"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/lib/index.cjs",
+  "module": "./dist/lib/index.js",
+  "types": "./dist/lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/lib/index.d.ts",
+      "import": "./dist/lib/index.js",
+      "require": "./dist/lib/index.cjs"
+    },
+    "./style.css": "./dist/lib/style.css"
+  },
+  "files": [
+    "dist/lib",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "vite build -c vite.lib.config.ts && tsc -p tsconfig.lib.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "pack:check": "npm pack --dry-run --cache ./.cache/npm",
+    "publish:npm": "npm publish --access public --cache ./.cache/npm",
+    "prepublishOnly": "pnpm build:lib",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "^7.29.2",
+    "@babel/traverse": "^7.29.0",
+    "@babel/types": "^7.29.0",
+    "@eslint/js": "^9.39.4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/babel__generator": "^7.27.0",
+    "@types/node": "^24.12.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "jsdom": "^29.0.2",
+    "magic-string": "^0.30.21",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.4",
+    "vitest": "^4.1.4",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  }
+}