playwriter 0.1.0 → 0.2.0

package/dist/react-source.d.ts

@@ -6,8 +6,52 @@ export interface ReactSourceLocation {
     columnNumber: number | null;
     componentName: string | null;
 }
+export type ReactSerializedProp = string | number | boolean | null | ReactSerializedProp[] | {
+    [key: string]: ReactSerializedProp;
+};
+export interface ReactComponentHierarchyItem {
+    componentName: string | null;
+    source: Omit<ReactSourceLocation, 'componentName'> | null;
+    props: ReactSerializedProp;
+}
+export interface ReactComponentInfo {
+    componentName: string | null;
+    source: Omit<ReactSourceLocation, 'componentName'> | null;
+    hierarchy: ReactComponentHierarchyItem[];
+    props: ReactSerializedProp;
+}
+type ReactInspectableValue = string | number | boolean | bigint | symbol | null | undefined | object | ((...args: never[]) => ReactInspectableValue);
+type BrowserElement = object;
+interface BippySourceFrame {
+    fileName?: string | null;
+    lineNumber?: number | null;
+    columnNumber?: number | null;
+    functionName?: string | null;
+}
+interface BippyFiber {
+    return?: BippyFiber | null;
+    type?: ReactInspectableValue;
+    memoizedProps?: ReactInspectableValue;
+}
+interface BippyRuntime {
+    getFiberFromHostInstance(el: BrowserElement): BippyFiber | null;
+    getSource(fiber: BippyFiber): Promise<BippySourceFrame | null>;
+    getOwnerStack(fiber: BippyFiber): Promise<BippySourceFrame[]>;
+    getDisplayName(type: ReactInspectableValue): string | null;
+    isCompositeFiber(fiber: BippyFiber): boolean;
+    normalizeFileName(fileName: string): string;
+    isSourceFile(fileName: string): boolean;
+}
+declare global {
+    var __bippy: BippyRuntime | undefined;
+}
 export declare function getReactSource({ locator, cdp: cdpSession, }: {
     locator: Locator | ElementHandle;
     cdp: ICDPSession;
 }): Promise<ReactSourceLocation | null>;
+export declare function getReactComponentInfo({ locator, cdp: cdpSession, }: {
+    locator: Locator | ElementHandle;
+    cdp: ICDPSession;
+}): Promise<ReactComponentInfo | null>;
+export {};
 //# sourceMappingURL=react-source.d.ts.map

package/dist/react-source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-source.d.ts","sourceRoot":"","sources":["../src/react-source.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B;AAcD,wBAAsB,cAAc,CAAC,EACnC,OAAO,EACP,GAAG,EAAE,UAAU,GAChB,EAAE;IACD,OAAO,EAAE,OAAO,GAAG,aAAa,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;CACjB,GAAG,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CA6DtC"}
+{"version":3,"file":"react-source.d.ts","sourceRoot":"","sources":["../src/react-source.ts"],"names":[],"mappings":"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"}

package/dist/react-source.js

@@ -11,22 +11,44 @@ function getBippyCode() {
     bippyCode = fs.readFileSync(bippyPath, 'utf-8');
     return bippyCode;
 }
-export async function getReactSource({ locator, cdp: cdpSession, }) {
-    const cdp = cdpSession;
-    const page = 'page' in locator && typeof locator.page === 'function' ? locator.page() : locator._page;
-    if (!page) {
-        throw new Error('Could not get page from locator');
+async function getPageFromTarget(target) {
+    if ('page' in target) {
+        return target.page();
+    }
+    const frame = await target.ownerFrame();
+    if (!frame) {
+        throw new Error('Could not get frame from element handle');
     }
-    const hasBippy = await page.evaluate(() => !!globalThis.__bippy);
-    if (!hasBippy) {
-        const code = getBippyCode();
-        await cdp.send('Runtime.evaluate', { expression: code });
+    return frame.page();
+}
+async function ensureBippy({ page, cdp }) {
+    const hasBippy = await page.evaluate(() => {
+        return !!globalThis.__bippy;
+    });
+    if (hasBippy) {
+        return;
     }
-    const result = await locator.evaluate(async (el) => {
+    const code = getBippyCode();
+    await cdp.send('Runtime.evaluate', { expression: code });
+}
+export async function getReactSource({ locator, cdp: cdpSession, }) {
+    const cdp = cdpSession;
+    const page = await getPageFromTarget(locator);
+    await ensureBippy({ page, cdp });
+    const evaluateReactSource = async (el) => {
         const bippy = globalThis.__bippy;
         if (!bippy) {
             throw new Error('bippy not loaded');
         }
+        // bippy.normalizeFileName strips "/app-pages-browser/" but not the parenthesized
+        // form "/(app-pages-browser)/" that Next.js webpack actually uses. This strips
+        // all webpack layer prefixes like (app-pages-browser), (ssr), (rsc), etc.
+        const cleanName = (name) => {
+            let f = bippy.normalizeFileName(name);
+            f = f.replace(/^\/?\([-\w]+\)\//, '');
+            f = f.replace(/^\.\//, '');
+            return f;
+        };
         const fiber = bippy.getFiberFromHostInstance(el);
         if (!fiber) {
             return { _notFound: 'fiber' };
@@ -34,7 +56,7 @@ export async function getReactSource({ locator, cdp: cdpSession, }) {
         const source = await bippy.getSource(fiber);
         if (source) {
             return {
-                fileName: source.fileName ? bippy.normalizeFileName(source.fileName) : null,
+                fileName: source.fileName ? cleanName(source.fileName) : null,
                 lineNumber: source.lineNumber ?? null,
                 columnNumber: source.columnNumber ?? null,
                 componentName: source.functionName ?? bippy.getDisplayName(fiber.type) ?? null,
@@ -44,7 +66,7 @@ export async function getReactSource({ locator, cdp: cdpSession, }) {
         for (const frame of ownerStack) {
             if (frame.fileName && bippy.isSourceFile(frame.fileName)) {
                 return {
-                    fileName: bippy.normalizeFileName(frame.fileName),
+                    fileName: cleanName(frame.fileName),
                     lineNumber: frame.lineNumber ?? null,
                     columnNumber: frame.columnNumber ?? null,
                     componentName: frame.functionName ?? null,
@@ -52,16 +74,181 @@ export async function getReactSource({ locator, cdp: cdpSession, }) {
             }
         }
         return { _notFound: 'source' };
-    });
-    if (result && '_notFound' in result) {
-        if (result._notFound === 'fiber') {
-            console.warn('[getReactSource] no fiber found - is this a React element?');
+    };
+    const resolveResult = (result) => {
+        if (result?._notFound) {
+            if (result._notFound === 'fiber') {
+                console.warn('[getReactSource] no fiber found - is this a React element?');
+            }
+            else {
+                console.warn('[getReactSource] no source location found - is this a React dev build?');
+            }
+            return null;
         }
-        else {
-            console.warn('[getReactSource] no source location found - is this a React dev build?');
+        return result;
+    };
+    if ('page' in locator) {
+        return resolveResult(await locator.evaluate(evaluateReactSource));
+    }
+    return resolveResult(await locator.evaluate(evaluateReactSource));
+}
+export async function getReactComponentInfo({ locator, cdp: cdpSession, }) {
+    const cdp = cdpSession;
+    const page = await getPageFromTarget(locator);
+    await ensureBippy({ page, cdp });
+    const evaluateReactComponentInfo = async (el) => {
+        const bippy = globalThis.__bippy;
+        if (!bippy) {
+            throw new Error('bippy not loaded');
+        }
+        // bippy.normalizeFileName strips "/app-pages-browser/" but not the parenthesized
+        // form "/(app-pages-browser)/" that Next.js webpack actually uses. This strips
+        // all webpack layer prefixes like (app-pages-browser), (ssr), (rsc), etc.
+        const cleanName = (name) => {
+            let f = bippy.normalizeFileName(name);
+            f = f.replace(/^\/?\([-\w]+\)\//, '');
+            f = f.replace(/^\.\//, '');
+            return f;
+        };
+        const serializeReactValue = (value, options) => {
+            if (value === null) {
+                return null;
+            }
+            if (typeof value === 'string') {
+                return value.length > 300 ? `${value.slice(0, 300)}…[truncated]` : value;
+            }
+            if (typeof value === 'number' || typeof value === 'boolean') {
+                return value;
+            }
+            if (typeof value === 'undefined') {
+                return '[undefined]';
+            }
+            if (typeof value === 'function') {
+                return '[function]';
+            }
+            if (typeof value === 'symbol') {
+                return '[symbol]';
+            }
+            if (typeof value === 'bigint') {
+                return `${value.toString()}n`;
+            }
+            if (typeof value !== 'object') {
+                return `[${typeof value}]`;
+            }
+            const objectTag = Object.prototype.toString.call(value);
+            if (objectTag.includes('Element]') || objectTag === '[object Window]' || objectTag === '[object Document]') {
+                return '[dom-node]';
+            }
+            if (options.seen.has(value)) {
+                return '[circular]';
+            }
+            if (options.depth >= 3) {
+                return '[max-depth]';
+            }
+            options.seen.add(value);
+            if (Array.isArray(value)) {
+                const items = value.slice(0, 20).map((item) => {
+                    return serializeReactValue(item, { depth: options.depth + 1, seen: options.seen });
+                });
+                if (value.length > 20) {
+                    items.push(`…[${value.length - 20} more]`);
+                }
+                options.seen.delete(value);
+                return items;
+            }
+            const entries = Object.entries(value).slice(0, 20);
+            const result = Object.fromEntries(entries.map(([key, childValue]) => {
+                return [key, serializeReactValue(childValue, { depth: options.depth + 1, seen: options.seen })];
+            }));
+            const totalKeys = Object.keys(value).length;
+            if (totalKeys > 20) {
+                result['…'] = `[${totalKeys - 20} more keys]`;
+            }
+            options.seen.delete(value);
+            return result;
+        };
+        const getSourceForFiber = async (fiber) => {
+            try {
+                const source = await bippy.getSource(fiber);
+                if (source?.fileName) {
+                    return {
+                        fileName: cleanName(source.fileName),
+                        lineNumber: source.lineNumber ?? null,
+                        columnNumber: source.columnNumber ?? null,
+                    };
+                }
+                const ownerStack = await bippy.getOwnerStack(fiber);
+                const frame = ownerStack.find((ownerFrame) => {
+                    return ownerFrame.fileName ? bippy.isSourceFile(ownerFrame.fileName) : false;
+                });
+                if (frame?.fileName) {
+                    return {
+                        fileName: cleanName(frame.fileName),
+                        lineNumber: frame.lineNumber ?? null,
+                        columnNumber: frame.columnNumber ?? null,
+                    };
+                }
+            }
+            catch {
+                return null;
+            }
+            return null;
+        };
+        let fiber = null;
+        try {
+            fiber = bippy.getFiberFromHostInstance(el);
+        }
+        catch {
+            return null;
+        }
+        if (!fiber) {
+            return null;
+        }
+        const componentFibers = [];
+        let current = fiber;
+        while (current && componentFibers.length < 20) {
+            try {
+                if (bippy.isCompositeFiber(current)) {
+                    componentFibers.push(current);
+                }
+            }
+            catch {
+                // Ignore malformed or unsupported fibers and keep walking upward.
+            }
+            current = current.return;
+        }
+        if (componentFibers.length === 0) {
+            return null;
+        }
+        const hierarchy = await Promise.all(componentFibers.map(async (componentFiber) => {
+            const componentName = (() => {
+                try {
+                    return componentFiber.type ? bippy.getDisplayName(componentFiber.type) : null;
+                }
+                catch {
+                    return null;
+                }
+            })();
+            return {
+                componentName,
+                source: await getSourceForFiber(componentFiber),
+                props: serializeReactValue(componentFiber.memoizedProps, { depth: 0, seen: new WeakSet() }),
+            };
+        }));
+        const nearest = hierarchy[0];
+        if (!nearest) {
+            return null;
         }
-        return null;
+        return {
+            componentName: nearest.componentName,
+            source: nearest.source,
+            hierarchy,
+            props: nearest.props,
+        };
+    };
+    if ('page' in locator) {
+        return await locator.evaluate(evaluateReactComponentInfo);
     }
-    return result;
+    return await locator.evaluate(evaluateReactComponentInfo);
 }
 //# sourceMappingURL=react-source.js.map

package/dist/react-source.js.map

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

package/dist/readability.js

@@ -1668,7 +1668,7 @@
     };
   });
 
-  // dist/_readability-entry-39342-1776333719875.js
+  // dist/_readability-entry-26306-1779191184823.js
   var import_readability = __toESM(require_readability(), 1);
   globalThis.__readability = { Readability: import_readability.Readability, isProbablyReaderable: import_readability.isProbablyReaderable };
 })();

package/dist/relay-session.test.js

@@ -734,12 +734,24 @@ describe('CDP Session Tests', () => {
             <body>
                 <div id="root"></div>
                 <script>
-                    function MyComponent() {
-                        return React.createElement('button', { id: 'react-btn' }, 'Click me');
+                    function SaveButton(props) {
+                        return React.createElement('button', { id: 'react-btn' }, props.label);
+                    }
+                    function Panel() {
+                        return React.createElement('section', null, React.createElement(SaveButton, {
+                          label: 'Click me',
+                          count: 3,
+                          config: { variant: 'primary' },
+                          onClick: () => {}
+                        }));
+                    }
+                    function App() {
+                        return React.createElement(Panel);
                     }
                     const root = ReactDOM.createRoot(document.getElementById('root'));
-                    root.render(React.createElement(MyComponent));
+                    root.render(React.createElement(App));
                 </script>
+                <button id="plain-btn">Plain</button>
             </body>
             </html>
         `);
@@ -759,30 +771,46 @@ describe('CDP Session Tests', () => {
         expect(hasBippyBefore).toBe(false);
         const wsUrl = getCdpUrl({ port: TEST_PORT });
         const cdpSession = await getCDPSessionForPage({ page: cdpPage });
-        const { getReactSource } = await import('./react-source.js');
+        const { getReactSource, getReactComponentInfo } = await import('./react-source.js');
         const source = await getReactSource({ locator: btn, cdp: cdpSession });
+        const info = await getReactComponentInfo({ locator: btn, cdp: cdpSession });
+        const plainInfo = await getReactComponentInfo({ locator: cdpPage.locator('#plain-btn'), cdp: cdpSession });
         const hasBippyAfter = await cdpPage.evaluate(() => !!globalThis.__bippy);
         expect(hasBippyAfter).toBe(true);
         const hasFiber = await btn.evaluate((el) => {
             const bippy = globalThis.__bippy;
+            if (!bippy)
+                return false;
             const fiber = bippy.getFiberFromHostInstance(el);
             return !!fiber;
         });
         expect(hasFiber).toBe(true);
         const componentName = await btn.evaluate((el) => {
             const bippy = globalThis.__bippy;
+            if (!bippy)
+                return null;
             const fiber = bippy.getFiberFromHostInstance(el);
             let current = fiber;
             while (current) {
                 if (bippy.isCompositeFiber(current)) {
                     return bippy.getDisplayName(current.type);
                 }
-                current = current.return;
+                current = current.return ?? null;
             }
             return null;
         });
-        expect(componentName).toBe('MyComponent');
+        expect(componentName).toBe('SaveButton');
+        expect(plainInfo).toBe(null);
+        expect(info?.componentName).toBe('SaveButton');
+        expect(info?.hierarchy.map((item) => item.componentName)).toEqual(['SaveButton', 'Panel', 'App']);
+        expect(info?.props).toEqual({
+            label: 'Click me',
+            count: 3,
+            config: { variant: 'primary' },
+            onClick: '[function]',
+        });
         console.log('Component name from fiber:', componentName);
+        console.log('React component info:', info);
         console.log('Source location (null for UMD React, works on local dev servers with JSX transform):', source);
         await browser.close();
         await page.close();