@treelocator/runtime 0.3.0 → 0.3.1

package/.turbo/turbo-build.log

@@ -0,0 +1,32 @@
+
+> @treelocator/runtime@0.3.1 build /Users/wende/projects/treelocatorjs/packages/runtime
+> concurrently pnpm:build:*
+
+[wrapImage] 
+[wrapImage] > @treelocator/runtime@0.3.1 build:wrapImage /Users/wende/projects/treelocatorjs/packages/runtime
+[wrapImage] > node ./scripts/wrapImage.js
+[wrapImage] 
+[ts] 
+[ts] > @treelocator/runtime@0.3.1 build:ts /Users/wende/projects/treelocatorjs/packages/runtime
+[ts] > tsc --declaration --emitDeclarationOnly --noEmit false --outDir dist
+[ts] 
+[babel] 
+[babel] > @treelocator/runtime@0.3.1 build:babel /Users/wende/projects/treelocatorjs/packages/runtime
+[babel] > babel src --out-dir dist --extensions .js,.jsx,.ts,.tsx
+[babel] 
+[tailwind] 
+[tailwind] > @treelocator/runtime@0.3.1 build:tailwind /Users/wende/projects/treelocatorjs/packages/runtime
+[tailwind] > tailwindcss -i ./src/main.css -o ./dist/output.css
+[tailwind] 
+[wrapImage] Tree icon file generated
+[wrapImage] pnpm run build:wrapImage exited with code 0
+[babel] [baseline-browser-mapping] The data in this module is over two months old.  To ensure accurate Baseline data, please update: `npm i baseline-browser-mapping@latest -D`
+[tailwind] [baseline-browser-mapping] The data in this module is over two months old.  To ensure accurate Baseline data, please update: `npm i baseline-browser-mapping@latest -D`
+[tailwind] 
+[tailwind] Rebuilding...
+[tailwind] 
+[tailwind] Done in 175ms.
+[tailwind] pnpm run build:tailwind exited with code 0
+[babel] Successfully compiled 82 files with Babel (602ms).
+[babel] pnpm run build:babel exited with code 0
+[ts] pnpm run build:ts exited with code 0

package/.turbo/turbo-dev.log

@@ -0,0 +1,32 @@
+
+> @treelocator/runtime@0.1.8 dev /Users/wende/projects/locatorjs/packages/runtime
+> concurrently pnpm:dev:*
+
+[babel] 
+[babel] > @treelocator/runtime@0.1.8 dev:babel /Users/wende/projects/locatorjs/packages/runtime
+[babel] > babel src --watch --out-dir dist --extensions .js,.jsx,.ts,.tsx
+[babel] 
+[wrapImage] 
+[wrapImage] > @treelocator/runtime@0.1.8 dev:wrapImage /Users/wende/projects/locatorjs/packages/runtime
+[wrapImage] > WATCH=true node ./scripts/wrapImage.js
+[wrapImage] 
+[ts] 
+[ts] > @treelocator/runtime@0.1.8 dev:ts /Users/wende/projects/locatorjs/packages/runtime
+[ts] > tsc --watch --declaration --emitDeclarationOnly --noEmit false --outDir dist --preserveWatchOutput
+[ts] 
+[wrapCSS] 
+[wrapCSS] > @treelocator/runtime@0.1.8 dev:wrapCSS /Users/wende/projects/locatorjs/packages/runtime
+[wrapCSS] > WATCH=true node ./scripts/wrapCSS.js
+[wrapCSS] 
+[tailwind] 
+[tailwind] > @treelocator/runtime@0.1.8 dev:tailwind /Users/wende/projects/locatorjs/packages/runtime
+[tailwind] > tailwindcss -i ./src/main.css -o ./dist/output.css --watch
+[tailwind] 
+[tailwind]  ELIFECYCLE  Command failed.
+[ts]  ELIFECYCLE  Command failed.
+[wrapImage]  ELIFECYCLE  Command failed.
+[wrapCSS]  ELIFECYCLE  Command failed.
+[babel]  ELIFECYCLE  Command failed.
+[babel] pnpm run dev:babel exited with code SIGINT
+[wrapCSS] pnpm run dev:wrapCSS exited with code SIGINT
+[wrapImage] pnpm run dev:wrapImage exited with code SIGINT

package/.turbo/turbo-test.log

@@ -0,0 +1,14 @@
+
+> @treelocator/runtime@0.3.0 test /Users/wende/projects/treelocatorjs/packages/runtime
+> vitest run
+
+
+ RUN  v2.1.9 /Users/wende/projects/treelocatorjs/packages/runtime
+
+ ✓ src/functions/formatAncestryChain.test.ts (9 tests) 2ms
+ ✓ src/functions/evalTemplate.test.ts (1 test) 1ms
+ ✓ src/functions/cropPath.test.ts (2 tests) 1ms
+ ✓ src/functions/mergeRects.test.ts (1 test) 1ms
+ ✓ src/functions/getUsableFileName.test.tsx (4 tests) 2ms
+ ✓ src/functions/transformPath.test.ts (3 tests) 6ms
+ ELIFECYCLE  Test failed. See above for more details.

package/.turbo/turbo-ts.log

@@ -0,0 +1,4 @@
+
+> @locator/runtime@0.5.1 ts /Users/wende/projects/locatorjs/packages/runtime
+> tsc --noEmit
+

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 Krzysztof Wende
+Copyright (c) 2023 Michael Musil (original LocatorJS)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/adapters/react/getAllParentsElementsAndRootComponent.d.ts

@@ -5,4 +5,4 @@ export declare function getAllParentsElementsAndRootComponent(fiber: Fiber): {
     component: Fiber;
     componentBox: SimpleDOMRect;
     parentElements: ElementInfo[];
-};
+} | null;

package/dist/adapters/react/getAllParentsElementsAndRootComponent.js

@@ -5,8 +5,9 @@ import { isStyledElement } from "./isStyled";
 export function getAllParentsElementsAndRootComponent(fiber) {
   const parentElements = [];
   const deepestElement = fiber.stateNode;
-  if (!deepestElement || !(deepestElement instanceof HTMLElement)) {
-    throw new Error("This functions works only for Fibres with HTMLElement stateNode");
+  if (!deepestElement || !(deepestElement instanceof Element)) {
+    console.warn("[TreeLocator] Skipping fiber with non-Element stateNode:", fiber.type, fiber.stateNode);
+    return null;
   }
   let componentBox = deepestElement.getBoundingClientRect();
 
@@ -15,7 +16,7 @@ export function getAllParentsElementsAndRootComponent(fiber) {
   while (currentFiber._debugOwner || currentFiber.return) {
     currentFiber = currentFiber._debugOwner || currentFiber.return;
     const currentElement = currentFiber.stateNode;
-    if (!currentElement || !(currentElement instanceof HTMLElement)) {
+    if (!currentElement || !(currentElement instanceof Element)) {
       return {
         component: currentFiber,
         parentElements,
@@ -30,5 +31,6 @@ export function getAllParentsElementsAndRootComponent(fiber) {
       link: null
     });
   }
-  throw new Error("Could not find root component");
+  console.warn("[TreeLocator] Could not find root component for fiber:", fiber.type);
+  return null;
 }

package/dist/adapters/react/getAllWrappingParents.js

@@ -4,7 +4,7 @@ export function getAllWrappingParents(fiber) {
   let currentFiber = fiber;
   while (currentFiber.return) {
     currentFiber = currentFiber.return;
-    if (currentFiber.stateNode && currentFiber.stateNode instanceof HTMLElement) {
+    if (currentFiber.stateNode && currentFiber.stateNode instanceof Element) {
       return parents;
     }
 

package/dist/adapters/react/reactAdapter.js

@@ -13,11 +13,15 @@ export function getElementInfo(found) {
   const labels = [];
   const fiber = findFiberByHtmlElement(found, false);
   if (fiber) {
+    const result = getAllParentsElementsAndRootComponent(fiber);
+    if (!result) {
+      return null;
+    }
     const {
       component,
       componentBox,
       parentElements
-    } = getAllParentsElementsAndRootComponent(fiber);
+    } = result;
     const allPotentialComponentFibers = getAllWrappingParents(component);
 
     // This handles a common case when the component root is basically the comopnent itself, so I want to go to usage of the component

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treelocator/runtime",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "TreeLocatorJS runtime for component ancestry tracking. Alt+click any element to copy its component tree to clipboard. Exposes window.__treelocator__ API for browser automation (Playwright, Puppeteer, Selenium, Cypress).",
   "keywords": [
     "locator",
@@ -73,5 +73,5 @@
     "directory": "packages/runtime"
   },
   "license": "MIT",
-  "gitHead": "afc8a534284e818665bb4d03b7fa940ec5ad5880"
+  "gitHead": "f53c9d698aaee64837698b5c6803df5485d2a229"
 }

package/src/adapters/react/getAllParentsElementsAndRootComponent.ts

@@ -10,13 +10,12 @@ export function getAllParentsElementsAndRootComponent(fiber: Fiber): {
   component: Fiber;
   componentBox: SimpleDOMRect;
   parentElements: ElementInfo[];
-} {
+} | null {
   const parentElements: ElementInfo[] = [];
   const deepestElement = fiber.stateNode;
-  if (!deepestElement || !(deepestElement instanceof HTMLElement)) {
-    throw new Error(
-      "This functions works only for Fibres with HTMLElement stateNode"
-    );
+  if (!deepestElement || !(deepestElement instanceof Element)) {
+    console.warn("[TreeLocator] Skipping fiber with non-Element stateNode:", fiber.type, fiber.stateNode);
+    return null;
   }
   let componentBox: SimpleDOMRect = deepestElement.getBoundingClientRect();
 
@@ -26,7 +25,7 @@ export function getAllParentsElementsAndRootComponent(fiber: Fiber): {
   while (currentFiber._debugOwner || currentFiber.return) {
     currentFiber = currentFiber._debugOwner || currentFiber.return!;
     const currentElement = currentFiber.stateNode;
-    if (!currentElement || !(currentElement instanceof HTMLElement)) {
+    if (!currentElement || !(currentElement instanceof Element)) {
       return {
         component: currentFiber,
         parentElements,
@@ -48,5 +47,6 @@ export function getAllParentsElementsAndRootComponent(fiber: Fiber): {
       link: null,
     });
   }
-  throw new Error("Could not find root component");
+  console.warn("[TreeLocator] Could not find root component for fiber:", fiber.type);
+  return null;
 }

package/src/adapters/react/getAllWrappingParents.ts

@@ -9,7 +9,7 @@ export function getAllWrappingParents(fiber: Fiber): Fiber[] {
     currentFiber = currentFiber.return;
     if (
       currentFiber.stateNode &&
-      currentFiber.stateNode instanceof HTMLElement
+      currentFiber.stateNode instanceof Element
     ) {
       return parents;
     }

package/src/adapters/react/reactAdapter.ts

@@ -25,8 +25,11 @@ export function getElementInfo(found: HTMLElement): FullElementInfo | null {
 
   const fiber = findFiberByHtmlElement(found, false);
   if (fiber) {
-    const { component, componentBox, parentElements } =
-      getAllParentsElementsAndRootComponent(fiber);
+    const result = getAllParentsElementsAndRootComponent(fiber);
+    if (!result) {
+      return null;
+    }
+    const { component, componentBox, parentElements } = result;
 
     const allPotentialComponentFibers = getAllWrappingParents(component);