@oscarpalmer/toretto 0.19.0 → 0.20.0

package/dist/find.cjs

@@ -48,13 +48,15 @@ function findElement(selector, context) {
   return findElementOrElements(selector, context, true);
 }
 function findElementOrElements(selector, context, single) {
-  const callback = single ? document.querySelector : document.querySelectorAll;
-  const contexts = context == null ? [document] : findElementOrElements(context, void 0, false);
+  const callback = single ? "querySelector" : "querySelectorAll";
+  const contexts = context == null ? [document] : findElementOrElements(context, void 0, false).filter(
+    isContext
+  );
   const result = [];
   if (typeof selector === "string") {
     const { length: length2 } = contexts;
     for (let index = 0; index < length2; index += 1) {
-      const value = callback.call(contexts[index], selector);
+      const value = contexts[index][callback](selector);
       if (single) {
         if (value == null) {
           continue;
@@ -128,6 +130,9 @@ function getElementUnderPointer(skipIgnore) {
   }
   return returned.at(-1) ?? null;
 }
+function isContext(value) {
+  return typeof (value == null ? void 0 : value.querySelector) === "function" && typeof (value == null ? void 0 : value.querySelectorAll) === "function";
+}
 function traverse(from, to) {
   let index = [...to.children].indexOf(from);
   if (index > -1) {

package/dist/find.js

@@ -46,13 +46,15 @@ function findElement(selector, context) {
   return findElementOrElements(selector, context, true);
 }
 function findElementOrElements(selector, context, single) {
-  const callback = single ? document.querySelector : document.querySelectorAll;
-  const contexts = context == null ? [document] : findElementOrElements(context, void 0, false);
+  const callback = single ? "querySelector" : "querySelectorAll";
+  const contexts = context == null ? [document] : findElementOrElements(context, void 0, false).filter(
+    isContext
+  );
   const result = [];
   if (typeof selector === "string") {
     const { length: length2 } = contexts;
     for (let index = 0; index < length2; index += 1) {
-      const value = callback.call(contexts[index], selector);
+      const value = contexts[index][callback](selector);
       if (single) {
         if (value == null) {
           continue;
@@ -126,6 +128,9 @@ function getElementUnderPointer(skipIgnore) {
   }
   return returned.at(-1) ?? null;
 }
+function isContext(value) {
+  return typeof (value == null ? void 0 : value.querySelector) === "function" && typeof (value == null ? void 0 : value.querySelectorAll) === "function";
+}
 function traverse(from, to) {
   let index = [...to.children].indexOf(from);
   if (index > -1) {

package/package.json

@@ -13,7 +13,7 @@
 		"@vitest/coverage-istanbul": "^3.1",
 		"dts-bundle-generator": "^9.5",
 		"glob": "^11",
-		"happy-dom": "^17.4",
+		"jsdom": "^26.1",
 		"typescript": "^5.8",
 		"vite": "^6.3",
 		"vitest": "^3.1"
@@ -148,5 +148,5 @@
 	},
 	"type": "module",
 	"types": "types/index.d.cts",
-	"version": "0.19.0"
+	"version": "0.20.0"
 }

package/src/find.ts

@@ -1,3 +1,4 @@
+import type {PlainObject} from '@oscarpalmer/atoms/models';
 import type {Selector} from './models';
 
 /**
@@ -79,23 +80,25 @@ export function findAncestor(
  * - `context` is optional and defaults to `document`
  */
 export function findElement(
-	selector: string,
-	context?: Selector,
-): Element | null {
-	return findElementOrElements(selector, context, true) as never;
-}
+		selector: string,
+		context?: Selector | null,
+	): Element | null {
+		return findElementOrElements(selector, context, true) as never;
+	}
 
 function findElementOrElements(
 	selector: Selector,
-	context: Selector | undefined,
+	context: Selector | null | undefined,
 	single: boolean,
 ): Element | Element[] | null {
-	const callback = single ? document.querySelector : document.querySelectorAll;
+	const callback = single ? 'querySelector' : 'querySelectorAll';
 
 	const contexts =
 		context == null
 			? [document]
-			: (findElementOrElements(context, undefined, false) as Element[]);
+			: (findElementOrElements(context, undefined, false) as Element[]).filter(
+					isContext,
+				);
 
 	const result: Element[] = [];
 
@@ -103,10 +106,9 @@ function findElementOrElements(
 		const {length} = contexts;
 
 		for (let index = 0; index < length; index += 1) {
-			const value = callback.call(contexts[index], selector) as
-				| Element
-				| Element[]
-				| null;
+			const value = (
+				contexts[index][callback] as (selector: string) => Node | null
+			)(selector) as Element | Element[] | null;
 
 			if (single) {
 				if (value == null) {
@@ -166,11 +168,11 @@ function findElementOrElements(
  * - `context` is optional and defaults to `document`
  */
 export function findElements(
-	selector: Selector,
-	context?: Selector,
-): Element[] {
-	return findElementOrElements(selector, context, false) as never;
-}
+		selector: Selector,
+		context?: Selector | null,
+	): Element[] {
+		return findElementOrElements(selector, context, false) as never;
+	}
 
 /**
  * - Finds the closest elements to the origin element that matches the selector
@@ -261,6 +263,13 @@ export function getElementUnderPointer(skipIgnore?: boolean): Element | null {
 	return returned.at(-1) ?? null;
 }
 
+function isContext(value: unknown): boolean {
+	return (
+		typeof (value as PlainObject)?.querySelector === 'function' &&
+		typeof (value as PlainObject)?.querySelectorAll === 'function'
+	);
+}
+
 function traverse(from: Element, to: Element): number | undefined {
 	let index = [...to.children].indexOf(from);
 

package/types/find.d.cts

@@ -12,13 +12,13 @@ export declare function findAncestor(origin: Element, selector: string | ((eleme
  * - Find the first element that matches the selector
  * - `context` is optional and defaults to `document`
  */
-export declare function findElement(selector: string, context?: Selector): Element | null;
+export declare function findElement(selector: string, context?: Selector | null): Element | null;
 /**
  * - Find elements that match the selector
  * - If `selector` is a node or a list of nodes, they are filtered and returned
  * - `context` is optional and defaults to `document`
  */
-export declare function findElements(selector: Selector, context?: Selector): Element[];
+export declare function findElements(selector: Selector, context?: Selector | null): Element[];
 /**
  * - Finds the closest elements to the origin element that matches the selector
  * - Traverses up, down, and sideways in the _DOM_-tree

package/types/find.d.ts

@@ -10,13 +10,13 @@ export declare function findAncestor(origin: Element, selector: string | ((eleme
  * - Find the first element that matches the selector
  * - `context` is optional and defaults to `document`
  */
-export declare function findElement(selector: string, context?: Selector): Element | null;
+export declare function findElement(selector: string, context?: Selector | null): Element | null;
 /**
  * - Find elements that match the selector
  * - If `selector` is a node or a list of nodes, they are filtered and returned
  * - `context` is optional and defaults to `document`
  */
-export declare function findElements(selector: Selector, context?: Selector): Element[];
+export declare function findElements(selector: Selector, context?: Selector | null): Element[];
 /**
  * - Finds the closest elements to the origin element that matches the selector
  * - Traverses up, down, and sideways in the _DOM_-tree

package/types/index.d.cts

@@ -176,13 +176,13 @@ export declare function findAncestor(origin: Element, selector: string | ((eleme
  * - Find the first element that matches the selector
  * - `context` is optional and defaults to `document`
  */
-export declare function findElement(selector: string, context?: Selector): Element | null;
+export declare function findElement(selector: string, context?: Selector | null): Element | null;
 /**
  * - Find elements that match the selector
  * - If `selector` is a node or a list of nodes, they are filtered and returned
  * - `context` is optional and defaults to `document`
  */
-export declare function findElements(selector: Selector, context?: Selector): Element[];
+export declare function findElements(selector: Selector, context?: Selector | null): Element[];
 /**
  * - Finds the closest elements to the origin element that matches the selector
  * - Traverses up, down, and sideways in the _DOM_-tree