acrylblends 1.0.4 → 1.0.6

package/lib/csrf.js

@@ -1,101 +1,2 @@
-import { HTTPException } from "./http-exception.js";
-//#region ../../plugins/acryl-router/src/core/middleware/csrf/index.ts
-const secFetchSiteValues = [
-	"same-origin",
-	"same-site",
-	"none",
-	"cross-site"
-];
-const isSecFetchSite = (value) => secFetchSiteValues.includes(value);
-const isSafeMethodRe = /^(GET|HEAD|OPTIONS)$/;
-const isRequestedByFormElementRe = /^\b(application\/x-www-form-urlencoded|multipart\/form-data|text\/plain)\b/i;
-/**
-* CSRF Protection Middleware for Acryl.
-*
-* Protects against Cross-Site Request Forgery attacks by validating request origins
-* and sec-fetch-site headers. The request is allowed if either validation passes.
-*
-*
-* @param {CSRFOptions} [options] - The options for the CSRF protection middleware.
-* @param {string|string[]|(origin: string, context: Context) => boolean} [options.origin] -
-*   Allowed origins for requests.
-*   - string: Single allowed origin (e.g., 'https://example.com')
-*   - string[]: Multiple allowed origins
-*   - function: Custom validation logic
-*   - Default: Only same origin as the request URL
-* @param {string|string[]|(secFetchSite: string, context: Context) => boolean} [options.secFetchSite] -
-*   Sec-Fetch-Site header validation. Standard values include 'same-origin', 'same-site', 'cross-site', 'none'.
-*   - string: Single allowed value (e.g., 'same-origin')
-*   - string[]: Multiple allowed values (e.g., ['same-origin', 'same-site'])
-*   - function: Custom validation with access to context
-*   - Default: Only allows 'same-origin'
-* @returns {MiddlewareHandler} The middleware handler function.
-*
-* @example
-* ```ts
-* const app = new Acryl()
-*
-* // Default: both origin and sec-fetch-site validation
-* app.use('*', csrf())
-*
-* // Allow specific origins
-* app.use('*', csrf({ origin: 'https://example.com' }))
-* app.use('*', csrf({ origin: ['https://app.com', 'https://api.com'] }))
-*
-* // Allow specific sec-fetch-site values
-* app.use('*', csrf({ secFetchSite: 'same-origin' }))
-* app.use('*', csrf({ secFetchSite: ['same-origin', 'same-site'] }))
-*
-* // Dynamic sec-fetch-site validation
-* app.use('*', csrf({
-*   secFetchSite: (secFetchSite, c) => {
-*     // Always allow same-origin
-*     if (secFetchSite === 'same-origin') return true
-*     // Allow cross-site for webhook endpoints
-*     if (secFetchSite === 'cross-site' && c.req.path.startsWith('/webhook/')) {
-*       return true
-*     }
-*     return false
-*   }
-* }))
-*
-* // Dynamic origin validation
-* app.use('*', csrf({
-*   origin: (origin, c) => {
-*     // Allow same origin
-*     if (origin === new URL(c.req.url).origin) return true
-*     // Allow specific trusted domains
-*     return ['https://app.example.com', 'https://admin.example.com'].includes(origin)
-*   }
-* }))
-* ```
-*/
-const csrf = (options) => {
-	const originHandler = ((optsOrigin) => {
-		if (!optsOrigin) return (origin, c) => origin === new URL(c.req.url).origin;
-		else if (typeof optsOrigin === "string") return (origin) => origin === optsOrigin;
-		else if (typeof optsOrigin === "function") return optsOrigin;
-		else return (origin) => optsOrigin.includes(origin);
-	})(options?.origin);
-	const isAllowedOrigin = async (origin, c) => {
-		if (origin === void 0) return false;
-		return await originHandler(origin, c);
-	};
-	const secFetchSiteHandler = ((optsSecFetchSite) => {
-		if (!optsSecFetchSite) return (secFetchSite) => secFetchSite === "same-origin";
-		else if (typeof optsSecFetchSite === "string") return (secFetchSite) => secFetchSite === optsSecFetchSite;
-		else if (typeof optsSecFetchSite === "function") return optsSecFetchSite;
-		else return (secFetchSite) => optsSecFetchSite.includes(secFetchSite);
-	})(options?.secFetchSite);
-	const isAllowedSecFetchSite = async (secFetchSite, c) => {
-		if (secFetchSite === void 0) return false;
-		if (!isSecFetchSite(secFetchSite)) return false;
-		return await secFetchSiteHandler(secFetchSite, c);
-	};
-	return async function csrf(c, next) {
-		if (!isSafeMethodRe.test(c.req.method) && isRequestedByFormElementRe.test(c.req.header("content-type") || "text/plain") && !await isAllowedSecFetchSite(c.req.header("sec-fetch-site"), c) && !await isAllowedOrigin(c.req.header("origin"), c)) throw new HTTPException(403, { res: new Response("Forbidden", { status: 403 }) });
-		await next();
-	};
-};
-//#endregion
+import { t as csrf } from "./csrf-DqqOZtgy.js";
 export { csrf };

package/lib/css-C5CPVMvM.js

@@ -0,0 +1,134 @@
+import { n as escapeToBuffer, r as raw } from "./html-DGExBFNg.js";
+import { i as DOM_RENDERER } from "./constants-BR9jM9BC.js";
+import { c as CLASS_NAME, d as SELECTOR, f as SELECTORS, g as keyframesCommon, h as cxCommon, l as DEFAULT_STYLE_ID, m as cssCommon, p as STYLE_STRING, r as createCssJsxDomObjects, v as viewTransitionCommon } from "./css-D2jb7X8b.js";
+//#region ../../plugins/acryl-router/src/core/helper/css/index.ts
+/**
+* @module
+* css Helper for Acryl.
+*/
+/**
+* @experimental
+* `createCssContext` is an experimental feature.
+* The API might be changed.
+*
+* @param options.id - The ID for the style element
+* @param options.classNameSlug - Optional function to customize generated CSS class names
+* @param options.onInvalidSlug - Optional callback function called when an invalid slug is returned from ClassNameSlug
+*/
+const createCssContext = ({ id, classNameSlug, onInvalidSlug }) => {
+	const [cssJsxDomObject, StyleRenderToDom] = createCssJsxDomObjects({ id });
+	const contextMap = /* @__PURE__ */ new WeakMap();
+	const nonceMap = /* @__PURE__ */ new WeakMap();
+	const replaceStyleRe = new RegExp(`(<style id="${id}"(?: nonce="[^"]*")?>.*?)(</style>)`, "s");
+	const newCssClassNameObject = (cssClassName) => {
+		const appendStyle = ({ buffer, context }) => {
+			const [toAdd, added] = contextMap.get(context);
+			const names = Object.keys(toAdd);
+			if (!names.length) return;
+			let stylesStr = "";
+			names.forEach((className) => {
+				added[className] = true;
+				stylesStr += className.startsWith(":-acryl-global") ? toAdd[className] : `${className[0] === "@" ? "" : "."}${className}{${toAdd[className]}}`;
+			});
+			contextMap.set(context, [{}, added]);
+			if (buffer && replaceStyleRe.test(buffer[0])) {
+				buffer[0] = buffer[0].replace(replaceStyleRe, (_, pre, post) => `${pre}${stylesStr}${post}`);
+				return;
+			}
+			const nonce = nonceMap.get(context);
+			const appendStyleScript = `<script${nonce ? ` nonce="${nonce}"` : ""}>document.querySelector('#${id}').textContent+=${JSON.stringify(stylesStr)}<\/script>`;
+			if (buffer) {
+				buffer[0] = `${appendStyleScript}${buffer[0]}`;
+				return;
+			}
+			return Promise.resolve(appendStyleScript);
+		};
+		const addClassNameToContext = ({ context }) => {
+			if (!contextMap.has(context)) contextMap.set(context, [{}, {}]);
+			const [toAdd, added] = contextMap.get(context);
+			let allAdded = true;
+			if (!added[cssClassName[SELECTOR]]) {
+				allAdded = false;
+				toAdd[cssClassName[SELECTOR]] = cssClassName[STYLE_STRING];
+			}
+			cssClassName[SELECTORS].forEach(({ [CLASS_NAME]: className, [STYLE_STRING]: styleString }) => {
+				if (!added[className]) {
+					allAdded = false;
+					toAdd[className] = styleString;
+				}
+			});
+			if (allAdded) return;
+			return Promise.resolve(raw("", [appendStyle]));
+		};
+		const rawClassName = cssClassName[CLASS_NAME];
+		let escapedClassName = rawClassName;
+		if (/[&<>'"]/.test(rawClassName)) {
+			const escapedBuffer = [""];
+			escapeToBuffer(rawClassName, escapedBuffer);
+			escapedClassName = escapedBuffer[0];
+		}
+		const className = new String(escapedClassName);
+		Object.assign(className, cssClassName);
+		className.isEscaped = true;
+		className.callbacks = [addClassNameToContext];
+		const promise = Promise.resolve(className);
+		Object.assign(promise, cssClassName);
+		promise.toString = cssJsxDomObject.toString;
+		return promise;
+	};
+	const css = (strings, ...values) => {
+		return newCssClassNameObject(cssCommon(strings, values, classNameSlug, onInvalidSlug));
+	};
+	const cx = (...args) => {
+		args = cxCommon(args);
+		return css(Array(args.length).fill(""), ...args);
+	};
+	const keyframes = (strings, ...values) => keyframesCommon(strings, values, classNameSlug, onInvalidSlug);
+	const viewTransition = ((strings, ...values) => {
+		return newCssClassNameObject(viewTransitionCommon(strings, values, classNameSlug, onInvalidSlug));
+	});
+	const Style = ({ children, nonce } = {}) => raw(`<style id="${id}"${nonce ? ` nonce="${nonce}"` : ""}>${children ? children[STYLE_STRING] : ""}</style>`, [({ context }) => {
+		nonceMap.set(context, nonce);
+	}]);
+	Style[DOM_RENDERER] = StyleRenderToDom;
+	return {
+		css,
+		cx,
+		keyframes,
+		viewTransition,
+		Style
+	};
+};
+const defaultContext = createCssContext({ id: DEFAULT_STYLE_ID });
+/**
+* @experimental
+* `css` is an experimental feature.
+* The API might be changed.
+*/
+const css = defaultContext.css;
+/**
+* @experimental
+* `cx` is an experimental feature.
+* The API might be changed.
+*/
+const cx = defaultContext.cx;
+/**
+* @experimental
+* `keyframes` is an experimental feature.
+* The API might be changed.
+*/
+const keyframes = defaultContext.keyframes;
+/**
+* @experimental
+* `viewTransition` is an experimental feature.
+* The API might be changed.
+*/
+const viewTransition = defaultContext.viewTransition;
+/**
+* @experimental
+* `Style` is an experimental feature.
+* The API might be changed.
+*/
+const Style = defaultContext.Style;
+//#endregion
+export { keyframes as a, cx as i, createCssContext as n, viewTransition as o, css as r, Style as t };

package/lib/css.js

@@ -1,134 +1,3 @@
-import { escapeToBuffer, raw } from "./utils/html.js";
-import { i as DOM_RENDERER } from "./constants-BR9jM9BC.js";
-import { _ as rawCssString, c as CLASS_NAME, d as SELECTOR, f as SELECTORS, g as keyframesCommon, h as cxCommon, l as DEFAULT_STYLE_ID, m as cssCommon, p as STYLE_STRING, r as createCssJsxDomObjects, v as viewTransitionCommon } from "./css-D2jb7X8b.js";
-//#region ../../plugins/acryl-router/src/core/helper/css/index.ts
-/**
-* @module
-* css Helper for Acryl.
-*/
-/**
-* @experimental
-* `createCssContext` is an experimental feature.
-* The API might be changed.
-*
-* @param options.id - The ID for the style element
-* @param options.classNameSlug - Optional function to customize generated CSS class names
-* @param options.onInvalidSlug - Optional callback function called when an invalid slug is returned from ClassNameSlug
-*/
-const createCssContext = ({ id, classNameSlug, onInvalidSlug }) => {
-	const [cssJsxDomObject, StyleRenderToDom] = createCssJsxDomObjects({ id });
-	const contextMap = /* @__PURE__ */ new WeakMap();
-	const nonceMap = /* @__PURE__ */ new WeakMap();
-	const replaceStyleRe = new RegExp(`(<style id="${id}"(?: nonce="[^"]*")?>.*?)(</style>)`, "s");
-	const newCssClassNameObject = (cssClassName) => {
-		const appendStyle = ({ buffer, context }) => {
-			const [toAdd, added] = contextMap.get(context);
-			const names = Object.keys(toAdd);
-			if (!names.length) return;
-			let stylesStr = "";
-			names.forEach((className) => {
-				added[className] = true;
-				stylesStr += className.startsWith(":-acryl-global") ? toAdd[className] : `${className[0] === "@" ? "" : "."}${className}{${toAdd[className]}}`;
-			});
-			contextMap.set(context, [{}, added]);
-			if (buffer && replaceStyleRe.test(buffer[0])) {
-				buffer[0] = buffer[0].replace(replaceStyleRe, (_, pre, post) => `${pre}${stylesStr}${post}`);
-				return;
-			}
-			const nonce = nonceMap.get(context);
-			const appendStyleScript = `<script${nonce ? ` nonce="${nonce}"` : ""}>document.querySelector('#${id}').textContent+=${JSON.stringify(stylesStr)}<\/script>`;
-			if (buffer) {
-				buffer[0] = `${appendStyleScript}${buffer[0]}`;
-				return;
-			}
-			return Promise.resolve(appendStyleScript);
-		};
-		const addClassNameToContext = ({ context }) => {
-			if (!contextMap.has(context)) contextMap.set(context, [{}, {}]);
-			const [toAdd, added] = contextMap.get(context);
-			let allAdded = true;
-			if (!added[cssClassName[SELECTOR]]) {
-				allAdded = false;
-				toAdd[cssClassName[SELECTOR]] = cssClassName[STYLE_STRING];
-			}
-			cssClassName[SELECTORS].forEach(({ [CLASS_NAME]: className, [STYLE_STRING]: styleString }) => {
-				if (!added[className]) {
-					allAdded = false;
-					toAdd[className] = styleString;
-				}
-			});
-			if (allAdded) return;
-			return Promise.resolve(raw("", [appendStyle]));
-		};
-		const rawClassName = cssClassName[CLASS_NAME];
-		let escapedClassName = rawClassName;
-		if (/[&<>'"]/.test(rawClassName)) {
-			const escapedBuffer = [""];
-			escapeToBuffer(rawClassName, escapedBuffer);
-			escapedClassName = escapedBuffer[0];
-		}
-		const className = new String(escapedClassName);
-		Object.assign(className, cssClassName);
-		className.isEscaped = true;
-		className.callbacks = [addClassNameToContext];
-		const promise = Promise.resolve(className);
-		Object.assign(promise, cssClassName);
-		promise.toString = cssJsxDomObject.toString;
-		return promise;
-	};
-	const css = (strings, ...values) => {
-		return newCssClassNameObject(cssCommon(strings, values, classNameSlug, onInvalidSlug));
-	};
-	const cx = (...args) => {
-		args = cxCommon(args);
-		return css(Array(args.length).fill(""), ...args);
-	};
-	const keyframes = (strings, ...values) => keyframesCommon(strings, values, classNameSlug, onInvalidSlug);
-	const viewTransition = ((strings, ...values) => {
-		return newCssClassNameObject(viewTransitionCommon(strings, values, classNameSlug, onInvalidSlug));
-	});
-	const Style = ({ children, nonce } = {}) => raw(`<style id="${id}"${nonce ? ` nonce="${nonce}"` : ""}>${children ? children[STYLE_STRING] : ""}</style>`, [({ context }) => {
-		nonceMap.set(context, nonce);
-	}]);
-	Style[DOM_RENDERER] = StyleRenderToDom;
-	return {
-		css,
-		cx,
-		keyframes,
-		viewTransition,
-		Style
-	};
-};
-const defaultContext = createCssContext({ id: DEFAULT_STYLE_ID });
-/**
-* @experimental
-* `css` is an experimental feature.
-* The API might be changed.
-*/
-const css = defaultContext.css;
-/**
-* @experimental
-* `cx` is an experimental feature.
-* The API might be changed.
-*/
-const cx = defaultContext.cx;
-/**
-* @experimental
-* `keyframes` is an experimental feature.
-* The API might be changed.
-*/
-const keyframes = defaultContext.keyframes;
-/**
-* @experimental
-* `viewTransition` is an experimental feature.
-* The API might be changed.
-*/
-const viewTransition = defaultContext.viewTransition;
-/**
-* @experimental
-* `Style` is an experimental feature.
-* The API might be changed.
-*/
-const Style = defaultContext.Style;
-//#endregion
+import { _ as rawCssString } from "./css-D2jb7X8b.js";
+import { a as keyframes, i as cx, n as createCssContext, o as viewTransition, r as css, t as Style } from "./css-C5CPVMvM.js";
 export { Style, createCssContext, css, cx, keyframes, rawCssString, viewTransition };

package/lib/db/sqlite.d.ts

@@ -1,27 +1,3 @@
 import { n as DbExecutor, r as SqlValue, t as Db } from "../database-DBHdwefi.js";
-
-//#region ../../plugins/acryl-db-sqlite/src/open.d.ts
-interface OpenDbOptions {
-  /** The database file, its folder created if missing; `:memory:` for a database that lives until `close`. */
-  readonly path: string;
-  /** A folder of `NNN-name.sql` files numbered from 1, as a path or a file URL, applied in order before `openDb` resolves. */
-  readonly migrations?: string | URL;
-  /** How long SQLite waits for a competing file lock, in milliseconds. Defaults to 5000. */
-  readonly busyTimeoutMs?: number;
-  /** The WAL auto-checkpoint threshold in pages; 0 disables it. Defaults to 1000. */
-  readonly walAutoCheckpointPages?: number;
-}
-/** An open database: the port, and the one function that closes it. */
-interface OpenDb {
-  readonly db: Db;
-  /** Waits for running operations and transactions, checkpoints the WAL and releases the file. Calling it again does nothing. */
-  close(): Promise<void>;
-}
-/**
- * Open, configure and migrate a SQLite database.
- * @throws when the migration files are misnamed or misnumbered, or a migration fails (the file is closed, and unchanged), or the
- *   database's schema is newer than the migrations.
- */
-declare function openDb(options: OpenDbOptions): Promise<OpenDb>;
-//#endregion
+import { n as OpenDbOptions, r as openDb, t as OpenDb } from "../open-T7kgbO2O.js";
 export { type Db, type DbExecutor, OpenDb, OpenDbOptions, type SqlValue, openDb };

package/lib/dev-CLgu-JRe.js

@@ -0,0 +1,50 @@
+import { t as getColorEnabled } from "./color-COa3DplO.js";
+import { n as isMiddleware, t as findTargetHandler } from "./handler-C0wZ0KwO.js";
+//#region ../../plugins/acryl-router/src/core/helper/dev/index.ts
+const handlerName = (handler) => {
+	return handler.name || (isMiddleware(handler) ? "[middleware]" : "[handler]");
+};
+const inspectRoutes = (acryl) => {
+	return acryl.routes.map(({ path, method, handler }) => {
+		const targetHandler = findTargetHandler(handler);
+		return {
+			path,
+			method,
+			name: handlerName(targetHandler),
+			isMiddleware: isMiddleware(targetHandler)
+		};
+	});
+};
+const showRoutes = (acryl, opts) => {
+	const colorEnabled = opts?.colorize ?? getColorEnabled();
+	const routeData = {};
+	let maxMethodLength = 0;
+	let maxPathLength = 0;
+	inspectRoutes(acryl).filter(({ isMiddleware }) => opts?.verbose || !isMiddleware).map((route) => {
+		const key = `${route.method}-${route.path}`;
+		(routeData[key] ||= []).push(route);
+		if (routeData[key].length > 1) return;
+		maxMethodLength = Math.max(maxMethodLength, route.method.length);
+		maxPathLength = Math.max(maxPathLength, route.path.length);
+		return {
+			method: route.method,
+			path: route.path,
+			routes: routeData[key]
+		};
+	}).forEach((data) => {
+		if (!data) return;
+		const { method, path, routes } = data;
+		const methodStr = colorEnabled ? `\x1b[32m${method}\x1b[0m` : method;
+		console.log(`${methodStr} ${" ".repeat(maxMethodLength - method.length)} ${path}`);
+		if (!opts?.verbose) return;
+		routes.forEach(({ name }) => {
+			console.log(`${" ".repeat(maxMethodLength + 3)} ${name}`);
+		});
+	});
+};
+const getRouterName = (app) => {
+	app.router.match("GET", "/");
+	return app.router.name;
+};
+//#endregion
+export { inspectRoutes as n, showRoutes as r, getRouterName as t };

package/lib/dev.js

@@ -1,50 +1,2 @@
-import { getColorEnabled } from "./utils/color.js";
-import { findTargetHandler, isMiddleware } from "./utils/handler.js";
-//#region ../../plugins/acryl-router/src/core/helper/dev/index.ts
-const handlerName = (handler) => {
-	return handler.name || (isMiddleware(handler) ? "[middleware]" : "[handler]");
-};
-const inspectRoutes = (acryl) => {
-	return acryl.routes.map(({ path, method, handler }) => {
-		const targetHandler = findTargetHandler(handler);
-		return {
-			path,
-			method,
-			name: handlerName(targetHandler),
-			isMiddleware: isMiddleware(targetHandler)
-		};
-	});
-};
-const showRoutes = (acryl, opts) => {
-	const colorEnabled = opts?.colorize ?? getColorEnabled();
-	const routeData = {};
-	let maxMethodLength = 0;
-	let maxPathLength = 0;
-	inspectRoutes(acryl).filter(({ isMiddleware }) => opts?.verbose || !isMiddleware).map((route) => {
-		const key = `${route.method}-${route.path}`;
-		(routeData[key] ||= []).push(route);
-		if (routeData[key].length > 1) return;
-		maxMethodLength = Math.max(maxMethodLength, route.method.length);
-		maxPathLength = Math.max(maxPathLength, route.path.length);
-		return {
-			method: route.method,
-			path: route.path,
-			routes: routeData[key]
-		};
-	}).forEach((data) => {
-		if (!data) return;
-		const { method, path, routes } = data;
-		const methodStr = colorEnabled ? `\x1b[32m${method}\x1b[0m` : method;
-		console.log(`${methodStr} ${" ".repeat(maxMethodLength - method.length)} ${path}`);
-		if (!opts?.verbose) return;
-		routes.forEach(({ name }) => {
-			console.log(`${" ".repeat(maxMethodLength + 3)} ${name}`);
-		});
-	});
-};
-const getRouterName = (app) => {
-	app.router.match("GET", "/");
-	return app.router.name;
-};
-//#endregion
+import { n as inspectRoutes, r as showRoutes, t as getRouterName } from "./dev-CLgu-JRe.js";
 export { getRouterName, inspectRoutes, showRoutes };

package/lib/dom-YjND9Jt3.js

@@ -0,0 +1,74 @@
+import { D as createContext, E as useContext, a as isValidElement, f as shallowEqual, g as Children, l as reactAPICompatVersion } from "./base-D_6kfOr-.js";
+import { r as DOM_MEMO } from "./constants-BR9jM9BC.js";
+import { C as createPortal, _ as useState, a as use, b as useViewTransition, c as useDeferredValue, d as useImperativeHandle, f as useInsertionEffect, g as useRef, h as useReducer, i as startViewTransition, l as useEffect, m as useMemo, n as forwardRef, o as useCallback, p as useLayoutEffect, r as startTransition, s as useDebugValue, t as createRef, u as useId, v as useSyncExternalStore, w as flushSync, y as useTransition } from "./hooks-CfC07ri0.js";
+import { a as useOptimistic, i as useFormStatus, n as jsxDEV, r as useActionState, t as Fragment } from "./jsx-dev-runtime-BLfA-EhI.js";
+import "./jsx-runtime-COCRWBJ9.js";
+import { n as Suspense, t as ErrorBoundary } from "./components-PVXwaOaC.js";
+//#region ../../plugins/acryl-router/src/core/jsx/dom/index.ts
+/**
+* @module
+* This module provides APIs for `acryl-router/jsx/dom`.
+*/
+const createElement = (tag, props, ...children) => {
+	const jsxProps = props ? { ...props } : {};
+	if (children.length) jsxProps.children = children.length === 1 ? children[0] : children;
+	let key = void 0;
+	if ("key" in jsxProps) {
+		key = jsxProps.key;
+		delete jsxProps.key;
+	}
+	return jsxDEV(tag, jsxProps, key);
+};
+const cloneElement = (element, props, ...children) => {
+	return jsxDEV(element.tag, {
+		...element.props,
+		...props,
+		children: children.length ? children : element.props.children
+	}, element.key);
+};
+const memo = (component, propsAreEqual = shallowEqual) => {
+	const wrapper = ((props) => component(props));
+	wrapper[DOM_MEMO] = propsAreEqual;
+	return wrapper;
+};
+var dom_default = {
+	version: reactAPICompatVersion,
+	useState,
+	useEffect,
+	useRef,
+	useCallback,
+	use,
+	startTransition,
+	useTransition,
+	useDeferredValue,
+	startViewTransition,
+	useViewTransition,
+	useMemo,
+	useLayoutEffect,
+	useInsertionEffect,
+	useReducer,
+	useId,
+	useDebugValue,
+	createRef,
+	forwardRef,
+	useImperativeHandle,
+	useSyncExternalStore,
+	useFormStatus,
+	useActionState,
+	useOptimistic,
+	Suspense,
+	ErrorBoundary,
+	createContext,
+	useContext,
+	memo,
+	isValidElement,
+	createElement,
+	cloneElement,
+	Children,
+	Fragment,
+	StrictMode: Fragment,
+	flushSync,
+	createPortal
+};
+//#endregion
+export { memo as i, createElement as n, dom_default as r, cloneElement as t };

package/lib/door/host.d.ts

@@ -1,6 +1,6 @@
 import { t as Acryl } from "../app-D8riatvv.js";
-import { n as AuditEntry, y as UiSnapshot } from "../protocol-C37gPePD.js";
-import { i as UiChannel, n as auditPath, r as PageStream, t as AuditLog } from "../audit-D5z9uwOP.js";
+import { n as AuditEntry, y as UiSnapshot } from "../protocol-CR31M7K_.js";
+import { i as UiChannel, n as auditPath, r as PageStream, t as AuditLog } from "../audit-GcLtvNLV.js";
 
 //#region ../../plugins/acryl-door/src/host/page-routes.d.ts
 /** How often the Host writes a `ping`; the page gives up on a stream that is silent for three of these. */

package/lib/door/host.js

@@ -1,2 +1,2 @@
-import { d as AuditLog, f as auditPath, n as HEARTBEAT_MS, p as UiChannel, r as pageChannelRoutes, t as renderSnapshot } from "../snapshot-text-BLz8nlSc.js";
+import { d as AuditLog, f as auditPath, n as HEARTBEAT_MS, p as UiChannel, r as pageChannelRoutes, t as renderSnapshot } from "../snapshot-text-CtQm3n8n.js";
 export { AuditLog, HEARTBEAT_MS, UiChannel, auditPath, pageChannelRoutes, renderSnapshot };

package/lib/door/page.d.ts

@@ -1,4 +1,4 @@
-import { _ as UiRequest, v as UiResult } from "../protocol-C37gPePD.js";
+import { _ as UiRequest, v as UiResult } from "../protocol-CR31M7K_.js";
 
 //#region ../../plugins/acryl-door/src/page/driver/driver.d.ts
 interface DriverActivity {
@@ -67,6 +67,8 @@ interface ChannelSource {
 declare const SILENCE_MS = 45000;
 interface PageChannelOptions {
   readonly windowId: string;
+  /** The desktop window this page is in (`AcrylWindow/<n>` in the user agent, set by the Electron shell), so the Host can drive it by the number `window list` prints. */
+  readonly shellWindow?: number;
   readonly focused: () => boolean;
   /** Where the door's routes are, e.g. `/api/acryl-door`. */
   readonly base: string;

package/lib/door/page.js

@@ -1,4 +1,4 @@
-import { MAX_SNAPSHOT_NODES, MAX_WAIT_MS, MUTATING_OPS, UiControlError, parseChannelToPage } from "./protocol.js";
+import { a as MAX_WAIT_MS, f as parseChannelToPage, l as UiControlError, o as MUTATING_OPS, r as MAX_SNAPSHOT_NODES } from "../protocol-Dt0AZBOz.js";
 //#region ../../plugins/acryl-door/src/page/channel.ts
 /**
 * The page's end of the door's channel.
@@ -31,7 +31,7 @@ var PageChannel = class {
 	connect() {
 		if (this.disposed || this.source !== void 0) return;
 		const create = this.options.createSource ?? ((url) => new EventSource(url));
-		const query = `window=${encodeURIComponent(this.options.windowId)}&focused=${this.options.focused() ? "1" : "0"}`;
+		const query = `window=${encodeURIComponent(this.options.windowId)}&focused=${this.options.focused() ? "1" : "0"}${this.options.shellWindow === void 0 ? "" : `&shell=${String(this.options.shellWindow)}`}`;
 		const source = create(`${this.options.base}/channel?${query}`);
 		this.source = source;
 		this.lastHeard = this.now();

package/lib/door/protocol.d.ts

@@ -1,2 +1,2 @@
-import { C as parseUiRequest, S as parseChannelToPage, _ as UiRequest, a as DEFAULT_SNAPSHOT_NODES, b as WINDOW_ID, c as MAX_WAIT_MS, d as UI_OPS, f as UiActionResult, g as UiOp, h as UiNode, i as ChannelToPage, l as MUTATING_OPS, m as UiErrorCode, n as AuditEntry, o as MAX_SNAPSHOT_NODES, p as UiControlError, r as ChannelToHost, s as MAX_TEXT_LENGTH, t as APP_PATH, u as UI_ERROR_CODES, v as UiResult, x as parseChannelToHost, y as UiSnapshot } from "../protocol-C37gPePD.js";
+import { C as parseUiRequest, S as parseChannelToPage, _ as UiRequest, a as DEFAULT_SNAPSHOT_NODES, b as WINDOW_ID, c as MAX_WAIT_MS, d as UI_OPS, f as UiActionResult, g as UiOp, h as UiNode, i as ChannelToPage, l as MUTATING_OPS, m as UiErrorCode, n as AuditEntry, o as MAX_SNAPSHOT_NODES, p as UiControlError, r as ChannelToHost, s as MAX_TEXT_LENGTH, t as APP_PATH, u as UI_ERROR_CODES, v as UiResult, x as parseChannelToHost, y as UiSnapshot } from "../protocol-CR31M7K_.js";
 export { APP_PATH, AuditEntry, ChannelToHost, ChannelToPage, DEFAULT_SNAPSHOT_NODES, MAX_SNAPSHOT_NODES, MAX_TEXT_LENGTH, MAX_WAIT_MS, MUTATING_OPS, UI_ERROR_CODES, UI_OPS, UiActionResult, UiControlError, UiErrorCode, UiNode, UiOp, UiRequest, UiResult, UiSnapshot, WINDOW_ID, parseChannelToHost, parseChannelToPage, parseUiRequest };