@tempots/dom 26.7.5 → 26.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/dom",
-  "version": "26.7.5",
+  "version": "26.9.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/renderable/portal.d.ts

@@ -9,4 +9,4 @@ import { Renderable, TNode } from '../types/domain';
  * @returns The result of rendering the `node` into the selected DOM element.
  * @public
  */
-export declare const Portal: (selector: string, node: TNode) => Renderable;
+export declare const Portal: (selector: string | HTMLElement, node: TNode) => Renderable;

package/renderable/render.d.ts

@@ -1,4 +1,4 @@
-import { Renderable } from '../types/domain';
+import { Providers, Renderable } from '../types/domain';
 import { DOMContext } from '../dom/dom-context';
 import { HeadlessPortal } from '../dom/headless-context';
 import { Value } from '../std/value';
@@ -28,6 +28,10 @@ export type RenderOptions = {
      * Whether to dispose the renderable when the parent element is removed from the DOM.
      */
     disposeWithParent?: boolean;
+    /**
+     * The providers to use for the renderable.
+     */
+    providers?: Providers;
 };
 /**
  * Renders a `Renderable` node into a specified parent element or selector.
@@ -39,7 +43,25 @@ export type RenderOptions = {
  * @throws Throws a `RenderingError` if the parent element cannot be found by the provided selector.
  * @public
  */
-export declare const render: (node: Renderable, parent: Node | string, { doc, clear, disposeWithParent }?: RenderOptions) => () => void;
+export declare const render: (node: Renderable, parent: Node | string, { doc, clear, disposeWithParent, providers }?: RenderOptions) => () => void;
+/**
+ * Options for running a headless environment.
+ * @public
+ */
+export type HeadlessOptions = {
+    /**
+     * The initial URL for the headless environment.
+     */
+    startUrl?: Value<string>;
+    /**
+     * The selector used to find the root element in the headless environment.
+     */
+    selector: string;
+    /**
+     * The providers to use for the renderable.
+     */
+    providers?: Providers;
+};
 /**
  * Runs a renderable function in a headless environment.
  *
@@ -50,10 +72,7 @@ export declare const render: (node: Renderable, parent: Node | string, { doc, cl
  * @returns An object containing the clear function, root element, and current URL Signal of the headless environment.
  * @public
  */
-export declare const runHeadless: (makeRenderable: () => Renderable, { startUrl, selector, }?: {
-    startUrl?: Value<string>;
-    selector?: string;
-}) => {
+export declare const runHeadless: (makeRenderable: () => Renderable, { startUrl, selector, providers, }?: HeadlessOptions) => {
     clear: (removeTree?: boolean) => void;
     root: HeadlessPortal;
     currentURL: import('..').Prop<string>;
@@ -83,9 +102,7 @@ export declare const CLASS_PLACEHOLDER_ATTR = "data-tts-class";
  * const renderWithCheerio = (html: string, root: HeadlessPortal) => {
  *   const $ = cheerio.load(html)
  *
- *   // eslint-disable-next-line @typescript-eslint/no-explicit-any
  *   const adapter = new HeadlessAdapter<cheerio.Cheerio<any>>({
- *     // eslint-disable-next-line @typescript-eslint/no-explicit-any
  *     select: (selector: string): cheerio.Cheerio<any>[] => [$(selector)],
  *     getAttribute: (el, name: string) => el.attr(name) ?? null,
  *     setAttribute: (el, name: string, value: string | null) => {