acrylblends 0.6.1 → 0.6.3

package/lib/css.d.ts

@@ -0,0 +1,82 @@
+import { i as HtmlEscapedString } from "./html-SllAe0YT.js";
+import { a as rawCssString, i as OnInvalidSlug, n as CssClassName$1, r as CssVariableType, t as ClassNameSlug } from "./common-D8Z4JRCw.js";
+
+//#region ../../plugins/acryl-router/src/core/helper/css/index.d.ts
+type CssClassName = HtmlEscapedString & CssClassName$1;
+interface CssType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): Promise<string>;
+}
+interface CxType {
+  (...args: (CssClassName | Promise<string> | string | boolean | null | undefined)[]): Promise<string>;
+}
+interface KeyframesType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): CssClassName$1;
+}
+interface ViewTransitionType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): Promise<string>;
+  (content: Promise<string>): Promise<string>;
+  (): Promise<string>;
+}
+interface StyleType {
+  (args?: {
+    children?: Promise<string>;
+    nonce?: string;
+  }): HtmlEscapedString;
+}
+/**
+ * @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
+ */
+declare const createCssContext: ({
+  id,
+  classNameSlug,
+  onInvalidSlug
+}: {
+  id: Readonly<string>;
+  classNameSlug?: ClassNameSlug;
+  onInvalidSlug?: OnInvalidSlug;
+}) => DefaultContextType;
+interface DefaultContextType {
+  css: CssType;
+  cx: CxType;
+  keyframes: KeyframesType;
+  viewTransition: ViewTransitionType;
+  Style: StyleType;
+}
+/**
+ * @experimental
+ * `css` is an experimental feature.
+ * The API might be changed.
+ */
+declare const css: CssType;
+/**
+ * @experimental
+ * `cx` is an experimental feature.
+ * The API might be changed.
+ */
+declare const cx: CxType;
+/**
+ * @experimental
+ * `keyframes` is an experimental feature.
+ * The API might be changed.
+ */
+declare const keyframes: KeyframesType;
+/**
+ * @experimental
+ * `viewTransition` is an experimental feature.
+ * The API might be changed.
+ */
+declare const viewTransition: ViewTransitionType;
+/**
+ * @experimental
+ * `Style` is an experimental feature.
+ * The API might be changed.
+ */
+declare const Style: StyleType;
+//#endregion
+export { type ClassNameSlug, type OnInvalidSlug, Style, createCssContext, css, cx, keyframes, rawCssString, viewTransition };

package/lib/css.js

@@ -0,0 +1,134 @@
+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
+export { Style, createCssContext, css, cx, keyframes, rawCssString, viewTransition };

package/lib/dev.d.ts

@@ -0,0 +1,19 @@
+import { _ as Env } from "./context-DVQBjuns.js";
+import { t as Acryl } from "./app-wFwpg-bt.js";
+
+//#region ../../plugins/acryl-router/src/core/helper/dev/index.d.ts
+interface ShowRoutesOptions {
+  verbose?: boolean;
+  colorize?: boolean;
+}
+interface RouteData {
+  path: string;
+  method: string;
+  name: string;
+  isMiddleware: boolean;
+}
+declare const inspectRoutes: <E extends Env>(acryl: Acryl<E>) => RouteData[];
+declare const showRoutes: <E extends Env>(acryl: Acryl<E>, opts?: ShowRoutesOptions) => void;
+declare const getRouterName: <E extends Env>(app: Acryl<E>) => string;
+//#endregion
+export { getRouterName, inspectRoutes, showRoutes };

package/lib/dev.js

@@ -0,0 +1,50 @@
+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
+export { getRouterName, inspectRoutes, showRoutes };

package/lib/etag.d.ts

@@ -1,4 +1,4 @@
-import { I as MiddlewareHandler } from "./context-Bm7rI-oK.js";
+import { I as MiddlewareHandler } from "./context-DVQBjuns.js";
 
 //#region ../../plugins/acryl-router/src/core/middleware/etag/index.d.ts
 type ETagOptions = {

package/lib/factory.d.ts

@@ -1,5 +1,5 @@
-import { A as Input, I as MiddlewareHandler, M as IntersectNonAnyTypes, T as H, _ as Env, et as AcrylOptions, k as HandlerResponse } from "./context-Bm7rI-oK.js";
-import { t as Acryl } from "./app-CmAYW1Al.js";
+import { A as Input, I as MiddlewareHandler, M as IntersectNonAnyTypes, T as H, _ as Env, et as AcrylOptions, k as HandlerResponse } from "./context-DVQBjuns.js";
+import { t as Acryl } from "./app-wFwpg-bt.js";
 
 //#region ../../plugins/acryl-router/src/core/helper/factory/index.d.ts
 type InitApp<E extends Env = Env> = (app: Acryl<E>) => void;