hono 4.13.8 → 4.13.10

package/dist/jsx/dom/css.js

@@ -1,150 +1,145 @@
-// src/jsx/dom/css.ts
-import {
-  CLASS_NAME,
-  DEFAULT_STYLE_ID,
-  PSEUDO_GLOBAL_SELECTOR,
-  SELECTOR,
-  SELECTORS,
-  STYLE_STRING,
-  cssCommon,
-  cxCommon,
-  keyframesCommon,
-  viewTransitionCommon
-} from "../../helper/css/common.js";
-import { rawCssString } from "../../helper/css/common.js";
-var splitRule = (rule) => {
-  const result = [];
-  let startPos = 0;
-  let depth = 0;
-  for (let i = 0, len = rule.length; i < len; i++) {
-    const char = rule[i];
-    if (char === "'" || char === '"') {
-      const quote = char;
-      i++;
-      for (; i < len; i++) {
-        if (rule[i] === "\\") {
-          i++;
-          continue;
-        }
-        if (rule[i] === quote) {
-          break;
-        }
-      }
-      continue;
-    }
-    if (char === "{") {
-      depth++;
-      continue;
-    }
-    if (char === "}") {
-      depth--;
-      if (depth === 0) {
-        result.push(rule.slice(startPos, i + 1));
-        startPos = i + 1;
-      }
-      continue;
-    }
-  }
-  return result;
+import { CLASS_NAME, DEFAULT_STYLE_ID, SELECTOR, SELECTORS, STYLE_STRING, cssCommon, cxCommon, keyframesCommon, rawCssString, viewTransitionCommon } from "../../helper/css/common.js";
+//#region src/jsx/dom/css.ts
+const splitRule = (rule) => {
+	const result = [];
+	let startPos = 0;
+	let depth = 0;
+	for (let i = 0, len = rule.length; i < len; i++) {
+		const char = rule[i];
+		if (char === "'" || char === "\"") {
+			const quote = char;
+			i++;
+			for (; i < len; i++) {
+				if (rule[i] === "\\") {
+					i++;
+					continue;
+				}
+				if (rule[i] === quote) break;
+			}
+			continue;
+		}
+		if (char === "{") {
+			depth++;
+			continue;
+		}
+		if (char === "}") {
+			depth--;
+			if (depth === 0) {
+				result.push(rule.slice(startPos, i + 1));
+				startPos = i + 1;
+			}
+			continue;
+		}
+	}
+	return result;
 };
-var createCssJsxDomObjects = ({ id }) => {
-  let styleSheet = void 0;
-  const findStyleSheet = () => {
-    if (!styleSheet) {
-      styleSheet = document.querySelector(`style#${id}`)?.sheet;
-      if (styleSheet) {
-        ;
-        styleSheet.addedStyles = /* @__PURE__ */ new Set();
-      }
-    }
-    return styleSheet ? [styleSheet, styleSheet.addedStyles] : [];
-  };
-  const insertRule = (className, styleString) => {
-    const [sheet, addedStyles] = findStyleSheet();
-    if (!sheet || !addedStyles) {
-      Promise.resolve().then(() => {
-        if (!findStyleSheet()[0]) {
-          throw new Error("style sheet not found");
-        }
-        insertRule(className, styleString);
-      });
-      return;
-    }
-    if (!addedStyles.has(className)) {
-      addedStyles.add(className);
-      (className.startsWith(PSEUDO_GLOBAL_SELECTOR) ? splitRule(styleString) : [`${className[0] === "@" ? "" : "."}${className}{${styleString}}`]).forEach((rule) => {
-        sheet.insertRule(rule, sheet.cssRules.length);
-      });
-    }
-  };
-  const cssObject = {
-    toString() {
-      const selector = this[SELECTOR];
-      insertRule(selector, this[STYLE_STRING]);
-      this[SELECTORS].forEach(({ [CLASS_NAME]: className, [STYLE_STRING]: styleString }) => {
-        insertRule(className, styleString);
-      });
-      return this[CLASS_NAME];
-    }
-  };
-  const Style2 = ({ children, nonce }) => ({
-    tag: "style",
-    props: {
-      id,
-      nonce,
-      children: children && (Array.isArray(children) ? children : [children]).map(
-        (c) => c[STYLE_STRING]
-      )
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  });
-  return [cssObject, Style2];
+const createCssJsxDomObjects = ({ id }) => {
+	let styleSheet = void 0;
+	const findStyleSheet = () => {
+		if (!styleSheet) {
+			styleSheet = document.querySelector(`style#${id}`)?.sheet;
+			if (styleSheet) styleSheet.addedStyles = /* @__PURE__ */ new Set();
+		}
+		return styleSheet ? [styleSheet, styleSheet.addedStyles] : [];
+	};
+	const insertRule = (className, styleString) => {
+		const [sheet, addedStyles] = findStyleSheet();
+		if (!sheet || !addedStyles) {
+			Promise.resolve().then(() => {
+				if (!findStyleSheet()[0]) throw new Error("style sheet not found");
+				insertRule(className, styleString);
+			});
+			return;
+		}
+		if (!addedStyles.has(className)) {
+			addedStyles.add(className);
+			(className.startsWith(":-hono-global") ? splitRule(styleString) : [`${className[0] === "@" ? "" : "."}${className}{${styleString}}`]).forEach((rule) => {
+				sheet.insertRule(rule, sheet.cssRules.length);
+			});
+		}
+	};
+	const cssObject = { toString() {
+		const selector = this[SELECTOR];
+		insertRule(selector, this[STYLE_STRING]);
+		this[SELECTORS].forEach(({ [CLASS_NAME]: className, [STYLE_STRING]: styleString }) => {
+			insertRule(className, styleString);
+		});
+		return this[CLASS_NAME];
+	} };
+	const Style = ({ children, nonce }) => ({
+		tag: "style",
+		props: {
+			id,
+			nonce,
+			children: children && (Array.isArray(children) ? children : [children]).map((c) => c[STYLE_STRING])
+		}
+	});
+	return [cssObject, Style];
 };
-var createCssContext = ({
-  id,
-  classNameSlug,
-  onInvalidSlug
-}) => {
-  const [cssObject, Style2] = createCssJsxDomObjects({ id });
-  const newCssClassNameObject = (cssClassName) => {
-    cssClassName.toString = cssObject.toString;
-    return cssClassName;
-  };
-  const css2 = (strings, ...values) => {
-    return newCssClassNameObject(cssCommon(strings, values, classNameSlug, onInvalidSlug));
-  };
-  const cx2 = (...args) => {
-    args = cxCommon(args);
-    return css2(Array(args.length).fill(""), ...args);
-  };
-  const keyframes2 = (strings, ...values) => keyframesCommon(strings, values, classNameSlug, onInvalidSlug);
-  const viewTransition2 = ((strings, ...values) => {
-    return newCssClassNameObject(
-      viewTransitionCommon(strings, values, classNameSlug, onInvalidSlug)
-      // eslint-disable-line @typescript-eslint/no-explicit-any
-    );
-  });
-  return {
-    css: css2,
-    cx: cx2,
-    keyframes: keyframes2,
-    viewTransition: viewTransition2,
-    Style: Style2
-  };
-};
-var defaultContext = createCssContext({ id: DEFAULT_STYLE_ID });
-var css = defaultContext.css;
-var cx = defaultContext.cx;
-var keyframes = defaultContext.keyframes;
-var viewTransition = defaultContext.viewTransition;
-var Style = defaultContext.Style;
-export {
-  Style,
-  createCssContext,
-  createCssJsxDomObjects,
-  css,
-  cx,
-  keyframes,
-  rawCssString,
-  viewTransition
+/**
+* @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 [cssObject, Style] = createCssJsxDomObjects({ id });
+	const newCssClassNameObject = (cssClassName) => {
+		cssClassName.toString = cssObject.toString;
+		return cssClassName;
+	};
+	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));
+	});
+	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, createCssJsxDomObjects, css, cx, keyframes, rawCssString, viewTransition };

package/dist/jsx/dom/hooks/index.js

@@ -1,48 +1,60 @@
-// src/jsx/dom/hooks/index.ts
 import { PERMALINK } from "../../constants.js";
+import { createContext } from "../context.js";
 import { useContext } from "../../context.js";
 import { useCallback, useState } from "../../hooks/index.js";
-import { createContext } from "../context.js";
-var FormContext = createContext({
-  pending: false,
-  data: null,
-  method: null,
-  action: null
+//#region src/jsx/dom/hooks/index.ts
+/**
+* Provide hooks used only in jsx/dom
+*/
+const FormContext = createContext({
+	pending: false,
+	data: null,
+	method: null,
+	action: null
 });
-var actions = /* @__PURE__ */ new Set();
-var registerAction = (action) => {
-  actions.add(action);
-  action.finally(() => actions.delete(action));
-};
-var useFormStatus = () => {
-  return useContext(FormContext);
+const actions = /* @__PURE__ */ new Set();
+const registerAction = (action) => {
+	actions.add(action);
+	action.finally(() => actions.delete(action));
 };
-var useOptimistic = (state, updateState) => {
-  const [optimisticState, setOptimisticState] = useState(state);
-  if (actions.size > 0) {
-    Promise.all(actions).finally(() => {
-      setOptimisticState(state);
-    });
-  } else {
-    setOptimisticState(state);
-  }
-  const cb = useCallback((newData) => {
-    setOptimisticState((currentState) => updateState(currentState, newData));
-  }, []);
-  return [optimisticState, cb];
+/**
+* This hook returns the current form status
+* @returns FormStatus
+*/
+const useFormStatus = () => {
+	return useContext(FormContext);
 };
-var useActionState = (fn, initialState, permalink) => {
-  const [state, setState] = useState(initialState);
-  const actionState = async (data) => {
-    setState(await fn(state, data));
-  };
-  actionState[PERMALINK] = permalink;
-  return [state, actionState];
+/**
+* This hook returns the current state and a function to update the state optimistically
+* The current state is updated optimistically and then reverted to the original state when all actions are resolved
+* @param state
+* @param updateState
+* @returns [T, (action: N) => void]
+*/
+const useOptimistic = (state, updateState) => {
+	const [optimisticState, setOptimisticState] = useState(state);
+	if (actions.size > 0) Promise.all(actions).finally(() => {
+		setOptimisticState(state);
+	});
+	else setOptimisticState(state);
+	return [optimisticState, useCallback((newData) => {
+		setOptimisticState((currentState) => updateState(currentState, newData));
+	}, [])];
 };
-export {
-  FormContext,
-  registerAction,
-  useActionState,
-  useFormStatus,
-  useOptimistic
+/**
+* This hook returns the current state and a function to update the state by form action
+* @param fn
+* @param initialState
+* @param permalink
+* @returns [T, (data: FormData) => void]
+*/
+const useActionState = (fn, initialState, permalink) => {
+	const [state, setState] = useState(initialState);
+	const actionState = async (data) => {
+		setState(await fn(state, data));
+	};
+	actionState[PERMALINK] = permalink;
+	return [state, actionState];
 };
+//#endregion
+export { FormContext, registerAction, useActionState, useFormStatus, useOptimistic };

package/dist/jsx/dom/index.js

@@ -1,142 +1,79 @@
-// src/jsx/dom/index.ts
-import { isValidElement, reactAPICompatVersion, shallowEqual } from "../base.js";
-import { Children } from "../children.js";
 import { DOM_MEMO } from "../constants.js";
-import { useContext } from "../context.js";
-import {
-  createRef,
-  forwardRef,
-  startTransition,
-  startViewTransition,
-  use,
-  useCallback,
-  useDebugValue,
-  useDeferredValue,
-  useEffect,
-  useId,
-  useImperativeHandle,
-  useInsertionEffect,
-  useLayoutEffect,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useSyncExternalStore,
-  useTransition,
-  useViewTransition
-} from "../hooks/index.js";
-import { ErrorBoundary, Suspense } from "./components.js";
 import { createContext } from "./context.js";
+import { useContext } from "../context.js";
+import { Children } from "../children.js";
+import { isValidElement, reactAPICompatVersion, shallowEqual } from "../base.js";
+import { createPortal, flushSync, render } from "./render.js";
+import { createRef, forwardRef, startTransition, startViewTransition, use, useCallback, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, useViewTransition } from "../hooks/index.js";
 import { useActionState, useFormStatus, useOptimistic } from "./hooks/index.js";
-import { Fragment, jsx } from "./jsx-runtime.js";
-import { createPortal, flushSync } from "./render.js";
-import { render } from "./render.js";
-var 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 jsx(tag, jsxProps, key);
+import { Fragment, jsxDEV } from "./jsx-dev-runtime.js";
+import "./jsx-runtime.js";
+import { ErrorBoundary, Suspense } from "./components.js";
+//#region src/jsx/dom/index.ts
+/**
+* @module
+* This module provides APIs for `hono/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);
 };
-var cloneElement = (element, props, ...children) => {
-  return jsx(
-    element.tag,
-    {
-      ...element.props,
-      ...props,
-      children: children.length ? children : element.props.children
-    },
-    element.key
-  );
+const cloneElement = (element, props, ...children) => {
+	return jsxDEV(element.tag, {
+		...element.props,
+		...props,
+		children: children.length ? children : element.props.children
+	}, element.key);
 };
-var memo = (component, propsAreEqual = shallowEqual) => {
-  const wrapper = ((props) => component(props));
-  wrapper[DOM_MEMO] = propsAreEqual;
-  return wrapper;
+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
-};
-export {
-  Children,
-  ErrorBoundary,
-  Fragment,
-  Fragment as StrictMode,
-  Suspense,
-  cloneElement,
-  createContext,
-  createElement,
-  createPortal,
-  createRef,
-  dom_default as default,
-  flushSync,
-  forwardRef,
-  isValidElement,
-  createElement as jsx,
-  memo,
-  render,
-  startTransition,
-  startViewTransition,
-  use,
-  useActionState,
-  useCallback,
-  useContext,
-  useDebugValue,
-  useDeferredValue,
-  useEffect,
-  useFormStatus,
-  useId,
-  useImperativeHandle,
-  useInsertionEffect,
-  useLayoutEffect,
-  useMemo,
-  useOptimistic,
-  useReducer,
-  useRef,
-  useState,
-  useSyncExternalStore,
-  useTransition,
-  useViewTransition,
-  reactAPICompatVersion as version
+	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 { Children, ErrorBoundary, Fragment, Fragment as StrictMode, Suspense, cloneElement, createContext, createElement, createElement as jsx, createPortal, createRef, dom_default as default, flushSync, forwardRef, isValidElement, memo, render, startTransition, startViewTransition, use, useActionState, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useFormStatus, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useOptimistic, useReducer, useRef, useState, useSyncExternalStore, useTransition, useViewTransition, reactAPICompatVersion as version };