feat: export utilities from framework packages

change/@tensile-perf-react-2734287f-ff90-42fe-9bee-de49d5aa3668.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: export utilities",
+  "packageName": "@tensile-perf/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@tensile-perf-web-components-3df7bea3-851c-4771-8d08-042009f66eb2.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: export utilities",
+  "packageName": "@tensile-perf/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react/etc/react.api.md

@@ -6,6 +6,15 @@
 
 import * as React_2 from 'react';
 
+// @public (undocumented)
+export const injectStyles: (params: RandomCssFromSelectorsParams) => void;
+
+// @public (undocumented)
+export const measureJavascript: JavascriptMeasureFn;
+
+// @public (undocumented)
+export const measureLayout: LayoutMeasureFn;
+
 // @public (undocumented)
 export const TestApp: React_2.FC<TestAppProps<unknown>>;
 
@@ -43,6 +52,12 @@ export type TreeItemRenderer<T> = (props: TreeItemRendererProps<T>) => JSX.Eleme
 // @public (undocumented)
 export const TreeNode: <T extends RandomTreeNode<unknown>>(props: TreeNodeProps<T>) => JSX.Element;
 
+// @public (undocumented)
+export const usePerformanceMeasure: () => {
+    startMeasure: () => void;
+    endMeasure: () => void;
+};
+
 // (No @packageDocumentation comment for this package)
 
 ```

packages/react/src/hooks/usePerformanceMeasure.ts

@@ -13,7 +13,7 @@ import { measureJavascript, measureLayout } from '@tensile-perf/tools';
 //     }, []);
 // };
 
-export const useMeasure = () => {
+export const usePerformanceMeasure = () => {
     const startTime = React.useRef<number>(-1);
 
     const startMeasure = () => {

packages/react/src/index.tsx

@@ -19,4 +19,7 @@ export type {
     TestType,
     TestMap,
     TreeItemRenderer,
-} from './types.js'
+} from './types.js'
+
+export { usePerformanceMeasure } from './hooks/usePerformanceMeasure.js';
+export { injectStyles, measureLayout, measureJavascript } from '@tensile-perf/tools';

packages/react/src/test/TestAdd.tsx

@@ -4,14 +4,14 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Tree } from '../tree/Tree.js';
-import { useMeasure } from '../hooks/usePerformanceMeasure.js';
+import { usePerformanceMeasure } from '../hooks/usePerformanceMeasure.js';
 import type { TestRenderFunction } from '../types.js';
 import { TestApp } from './TestApp.js';
 
 export const renderAddTest: TestRenderFunction = ({ fixture, itemRenderer, renderTargetSelector, TestWrapper = TestApp, onComplete }) => {
     const Add = () => {
 
-      const { startMeasure, endMeasure } = useMeasure();
+      const { startMeasure, endMeasure } = usePerformanceMeasure();
       const [added, setAdded] = React.useState(false);
       React.useEffect(() => {
         setTimeout(() => {

packages/react/src/test/TestMount.tsx

@@ -4,14 +4,14 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Tree } from '../tree/Tree.js';
-import { useMeasure } from '../hooks/usePerformanceMeasure.js';
+import { usePerformanceMeasure } from '../hooks/usePerformanceMeasure.js';
 import type { TestRenderFunction } from '../types.js';
 import { TestApp } from './TestApp.js';
 
 export const renderMountTest: TestRenderFunction = ({ fixture, itemRenderer, renderTargetSelector, TestWrapper = TestApp, onComplete }) => {
     const Mount = () => {
 
-        const { startMeasure, endMeasure } = useMeasure();
+        const { startMeasure, endMeasure } = usePerformanceMeasure();
         startMeasure();
         React.useLayoutEffect(() => {
             endMeasure();

packages/react/src/test/TestRemove.tsx

@@ -4,14 +4,14 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Tree } from '../tree/Tree.js';
-import { useMeasure } from '../hooks/usePerformanceMeasure.js';
+import { usePerformanceMeasure } from '../hooks/usePerformanceMeasure.js';
 import type { TestRenderFunction } from '../types.js';
 import { TestApp } from './TestApp.js';
 
 export const renderRemoveTest: TestRenderFunction = ({ fixture, itemRenderer, renderTargetSelector, TestWrapper = TestApp, onComplete }) => {
     const Remove = () => {
 
-      const { startMeasure, endMeasure } = useMeasure();
+      const { startMeasure, endMeasure } = usePerformanceMeasure();
       const [removed, setRemoved] = React.useState(false);
       React.useEffect(() => {
         setTimeout(() => {

packages/web-components/etc/web-components.api.md

@@ -4,6 +4,21 @@
 
 ```ts
 
+// @public (undocumented)
+export const injectStyles: (params: RandomCssFromSelectorsParams) => void;
+
+// @public (undocumented)
+export const measureJavascript: JavascriptMeasureFn;
+
+// @public (undocumented)
+export const measureLayout: LayoutMeasureFn;
+
+// @public (undocumented)
+export const measurePerformance: () => {
+    startMeasure: () => void;
+    endMeasure: () => void;
+};
+
 // @public (undocumented)
 export type TestMap = Record<TestType, TestRenderFunction>;
 

packages/web-components/src/index.ts

@@ -14,3 +14,6 @@ export type {
   TestMap,
   TreeItemRenderer,
 } from './types.js';
+
+export { measurePerformance } from './util/performanceMeasure.js';
+export { injectStyles, measureLayout, measureJavascript } from '@tensile-perf/tools';