@larose-ui/devtools 0.1.1 → 1.0.0

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { LaRoseRuntimeContext } from '@larose-ui/core';
-import { UIEvent } from '@larose-ui/observability';
+import { ComponentPerformanceSummary } from '@larose-ui/devtools-core';
+export { ComponentPerformanceSummary, getComponentPerformance } from '@larose-ui/devtools-core';
 
 interface DevToolsPanelProps {
     defaultOpen?: boolean;
@@ -11,14 +12,6 @@ declare function DevToolsProvider({ children }: {
     children: ReactNode;
 }): react.JSX.Element;
 
-interface ComponentPerformanceSummary {
-    renderCount: number;
-    lastRenderMs: number | null;
-    avgRenderMs: number | null;
-    threshold: string | null;
-}
-declare function getComponentPerformance(events: UIEvent[]): ComponentPerformanceSummary;
-
 interface ReactComponentInfo {
     displayName: string;
     props: Record<string, string>;
@@ -43,4 +36,4 @@ declare function InspectorOverlay({ target, }: {
 }): react.JSX.Element | null;
 declare function buildInspectorReadout(element: InspectedElement, runtime: LaRoseRuntimeContext | null, performance?: ComponentPerformanceSummary | null): string[];
 
-export { type ComponentPerformanceSummary, DevToolsPanel, type DevToolsPanelProps, DevToolsProvider, type InspectedElement, InspectorOverlay, type ReactComponentInfo, buildInspectorReadout, getComponentPerformance, resolveReactComponentInfo, useComponentInspector };
+export { DevToolsPanel, type DevToolsPanelProps, DevToolsProvider, type InspectedElement, InspectorOverlay, type ReactComponentInfo, buildInspectorReadout, resolveReactComponentInfo, useComponentInspector };

package/dist/index.js

@@ -17,6 +17,8 @@ import { useCallback, useEffect, useState } from "react";
 
 // src/reactFiber.ts
 var PROP_SKIP = /* @__PURE__ */ new Set(["children", "ref", "key", "dangerouslySetInnerHTML"]);
+var SENSITIVE_PROP = /password|passwd|secret|token|authorization|auth|api[_-]?key|credential|cookie|bearer|ssn|private[_-]?key/i;
+var REDACTED = "[REDACTED]";
 var MAX_PROP_LEN = 80;
 function getFiberKey(node) {
   return Object.keys(node).find(
@@ -57,7 +59,7 @@ function sanitizeFiberProps(props) {
   const out = {};
   for (const [key, value] of Object.entries(props)) {
     if (PROP_SKIP.has(key) || key.startsWith("__")) continue;
-    out[key] = formatPropValue(value);
+    out[key] = SENSITIVE_PROP.test(key) ? REDACTED : formatPropValue(value);
   }
   return out;
 }
@@ -226,39 +228,8 @@ function buildInspectorReadout(element, runtime, performance) {
   return lines;
 }
 
-// src/componentPerformance.ts
-function getComponentPerformance(events) {
-  const perfEvents = events.filter((event) => event.type === "performance");
-  if (perfEvents.length === 0) {
-    return {
-      renderCount: 0,
-      lastRenderMs: null,
-      avgRenderMs: null,
-      threshold: null
-    };
-  }
-  const renderTimes = perfEvents.map((event) => event.metadata?.renderTimeMs).filter((value) => typeof value === "number");
-  const last = perfEvents.at(-1);
-  if (!last) {
-    return {
-      renderCount: 0,
-      lastRenderMs: null,
-      avgRenderMs: null,
-      threshold: null
-    };
-  }
-  const lastRenderMs = typeof last.metadata?.renderTimeMs === "number" ? last.metadata.renderTimeMs : null;
-  const threshold = typeof last.metadata?.threshold === "string" ? last.metadata.threshold : null;
-  const avgRenderMs = renderTimes.length > 0 ? renderTimes.reduce((sum, ms) => sum + ms, 0) / renderTimes.length : null;
-  return {
-    renderCount: perfEvents.length,
-    lastRenderMs,
-    avgRenderMs,
-    threshold
-  };
-}
-
 // src/DevToolsPanel.tsx
+import { getComponentPerformance } from "@larose-ui/devtools-core";
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function DevToolsPanel({ defaultOpen = false }) {
   const [open, setOpen] = useState2(defaultOpen);
@@ -557,12 +528,17 @@ function DevToolsProvider({ children }) {
     /* @__PURE__ */ jsx2(DevToolsPanel, {})
   ] });
 }
+
+// src/index.ts
+import {
+  getComponentPerformance as getComponentPerformance2
+} from "@larose-ui/devtools-core";
 export {
   DevToolsPanel,
   DevToolsProvider,
   InspectorOverlay,
   buildInspectorReadout,
-  getComponentPerformance,
+  getComponentPerformance2 as getComponentPerformance,
   resolveReactComponentInfo,
   useComponentInspector
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@larose-ui/devtools",
-  "version": "0.1.1",
+  "version": "1.0.0",
   "description": "In-app DevTools inspector for laRose UI platform",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,13 +17,14 @@
     "README.md"
   ],
   "dependencies": {
-    "@larose-ui/core": "0.1.1",
-    "@larose-ui/observability": "0.1.1",
-    "@larose-ui/runtime": "0.1.1"
+    "@larose-ui/core": "0.2.0",
+    "@larose-ui/devtools-core": "0.2.0",
+    "@larose-ui/observability": "0.2.0",
+    "@larose-ui/runtime": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",
-    "@larose-ui/permissions": "0.1.1"
+    "@larose-ui/permissions": "0.2.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -36,8 +37,8 @@
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
     "vitest": "^2.1.8",
-    "@larose-ui/testing": "0.1.1",
-    "@larose-ui/permissions": "0.1.1"
+    "@larose-ui/permissions": "0.2.0",
+    "@larose-ui/testing": "0.2.0"
   },
   "license": "MIT",
   "publishConfig": {