pw-core 1.3.0 → 1.3.1

package/dist/codegen/generator/key-builder.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Derives a camelCase registry key from element text with optional role suffix.
+ */
+export declare function generateKeyFromText(text: string, role?: string): string;
+/**
+ * Derives a camelCase key from a candidate's attribute or selector value.
+ * E.g. data-parent-id="why-pw-core" → whyPwCore
+ */
+export declare function generateKeyFromCandidate(candidate: {
+    strategy: string;
+    selector: string;
+    valueToScore?: string;
+}, role?: string): string;

package/dist/codegen/generator/key-builder.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateKeyFromText = generateKeyFromText;
+exports.generateKeyFromCandidate = generateKeyFromCandidate;
+const key_utils_1 = require("../key-utils");
+/**
+ * Derives a camelCase registry key from element text with optional role suffix.
+ */
+function generateKeyFromText(text, role) {
+    if (!text)
+        return '';
+    const roleSuffix = role === 'button' ? 'Btn' : undefined;
+    return (0, key_utils_1.toRegistryKey)(text, { roleSuffix });
+}
+/**
+ * Derives a camelCase key from a candidate's attribute or selector value.
+ * E.g. data-parent-id="why-pw-core" → whyPwCore
+ */
+function generateKeyFromCandidate(candidate, role) {
+    const val = candidate.valueToScore || '';
+    if (!val)
+        return '';
+    // For data-attribute, id, testId strategies — use the attribute value directly
+    if (['dataAttribute', 'id', 'idAttribute', 'testId'].includes(candidate.strategy)) {
+        return generateKeyFromText(val, role);
+    }
+    // For role/label/text — use the text value
+    if (['role', 'label', 'text', 'placeholder', 'altText', 'title'].includes(candidate.strategy)) {
+        return generateKeyFromText(val, role);
+    }
+    return '';
+}

package/dist/codegen/hover-tracker/client.d.ts

@@ -1 +1,6 @@
+declare global {
+    interface Window {
+        __pwCoreRecordHover?: (selector: string) => void;
+    }
+}
 export declare function clientHoverTracker(): void;

package/dist/codegen/hover-tracker/client.js

@@ -6,6 +6,12 @@ function clientHoverTracker() {
     let hoverEntryTime = 0;
     let lastRecordedHover = null;
     let lastMutationTime = 0;
+    const recordHover = (element) => {
+        const selector = getUniqueCssSelector(element);
+        if (selector && window.__pwCoreRecordHover) {
+            window.__pwCoreRecordHover(selector);
+        }
+    };
     const getUniqueCssSelector = (el) => {
         if (el.getAttribute('data-testid')) {
             return `[data-testid="${el.getAttribute('data-testid')}"]`;
@@ -13,14 +19,15 @@ function clientHoverTracker() {
         if (el.getAttribute('data-parent-id')) {
             return `[data-parent-id="${el.getAttribute('data-parent-id')}"]`;
         }
-        if (el.id) {
-            return `#${el.id}`;
+        const htmlElement = el;
+        if (htmlElement.id) {
+            return `#${htmlElement.id}`;
         }
         if (el.tagName === 'BODY')
             return 'body';
         let path = el.tagName.toLowerCase();
-        if (el.className) {
-            const firstClass = el.className.split(/\s+/)[0];
+        if (typeof htmlElement.className === 'string' && htmlElement.className) {
+            const firstClass = htmlElement.className.split(/\s+/)[0];
             if (firstClass && !firstClass.includes('[') && !firstClass.includes(':')) {
                 path += `.${firstClass}`;
             }
@@ -34,11 +41,7 @@ function clientHoverTracker() {
             const elapsed = Date.now() - hoverEntryTime;
             if (elapsed >= 150) {
                 lastRecordedHover = lastHoveredElement;
-                const selector = getUniqueCssSelector(lastHoveredElement);
-                if (selector && window.__pwCoreRecordHover) {
-                    ;
-                    window.__pwCoreRecordHover(selector);
-                }
+                recordHover(lastHoveredElement);
             }
         }
     });
@@ -49,7 +52,7 @@ function clientHoverTracker() {
     });
     document.addEventListener('mouseover', (e) => {
         const target = e.target;
-        if (!target || target.closest('#pw-core-codegen-panel'))
+        if (!(target instanceof Element) || target.closest('#pw-core-codegen-panel'))
             return;
         const hoverTarget = target.closest('button, a, [role="menuitem"], [role="option"], .menu-item, [data-testid], svg, path, [data-parent-id]') || target;
         if (hoverTarget !== lastHoveredElement) {
@@ -62,11 +65,7 @@ function clientHoverTracker() {
                     const sinceMutation = Date.now() - lastMutationTime;
                     if (sinceMutation < 400) {
                         lastRecordedHover = currentTarget;
-                        const selector = getUniqueCssSelector(currentTarget);
-                        if (selector && window.__pwCoreRecordHover) {
-                            ;
-                            window.__pwCoreRecordHover(selector);
-                        }
+                        recordHover(currentTarget);
                     }
                 }
             }, 150);

package/dist/codegen/hover-tracker/manager.js

@@ -17,12 +17,8 @@ class HoverTrackerManager {
         await this.context.exposeFunction('__pwCoreRecordHover', (selector) => {
             return this.options.onRecordHover(selector);
         });
-        const fnStr = client_1.clientHoverTracker.toString();
-        // 2. Add client script as init script
-        await this.context.addInitScript((scriptStr) => {
-            const fn = new Function(`return ${scriptStr}`)();
-            fn();
-        }, fnStr);
+        // 2. Add client script as init script directly via Playwright
+        await this.context.addInitScript(client_1.clientHoverTracker);
     }
 }
 exports.HoverTrackerManager = HoverTrackerManager;

package/dist/codegen/index.d.ts

@@ -1,35 +1,12 @@
-export interface SelectorMatch {
-    type: string;
-    val: string;
-}
-export interface MatchResult {
-    pageKey: string;
-    elementKey: string;
-    val: string;
-    type: string;
-    isNew: boolean;
-}
-export declare function getSelectorValue(selector: string): SelectorMatch;
-export declare function findRegistryFile(dir: string): string | null;
-export declare function findPlaywrightConfig(dir: string): string | null;
-export declare function parseRegistry(filePath: string): any;
-export declare function matchDynamicEntry(val: string, entry: any, isTestId: boolean): {
-    matches: boolean;
-    matchedValue?: string;
-    placeholderName?: string;
-};
-export declare function writeRegistry(filePath: string, registryObj: any, overrideMode?: boolean, usedPageKeys?: Set<string> | string[]): Record<string, string>;
-export declare function findPageKey(url: string, title: string, registryObj: any, overrideMode?: boolean): string;
-export declare function toCamelCase(str: string): string;
-export declare function findMatchInDict(val: string, strategyType: string, pageKey: string, registryObj: any, overrideMode?: boolean): MatchResult | null;
-export declare function findElementKey(selector: string, pageKey: string, registryObj: any, overrideMode?: boolean, extra?: {
-    targetTestId?: string;
-    targetId?: string;
-    targetParentId?: string;
-    overrideType?: string;
-}): MatchResult;
-export declare function formatActionCall(pageKey: string, elementKey: string, action: any, isTextSelector?: boolean, textValue?: string): string;
+export * from './types';
+export * from './key-utils';
+export * from './uniqueness';
+export * from './selector-parser';
+export * from './project-finder';
+export * from './registry-store';
+export * from './registry-matcher';
+export * from './action-formatter';
+export * from './action-processor';
 export * from './config';
 export * from './generator/index';
-export * from './types';
 export * from './scorer';