hono 4.13.8 → 4.13.10

package/dist/cjs/jsx/dom/css.js

@@ -1,168 +1,153 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var css_exports = {};
-__export(css_exports, {
-  Style: () => Style,
-  createCssContext: () => createCssContext,
-  createCssJsxDomObjects: () => createCssJsxDomObjects,
-  css: () => css,
-  cx: () => cx,
-  keyframes: () => keyframes,
-  rawCssString: () => import_common2.rawCssString,
-  viewTransition: () => viewTransition
-});
-module.exports = __toCommonJS(css_exports);
-var import_common = require("../../helper/css/common");
-var import_common2 = require("../../helper/css/common");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_helper_css_common = require("../../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;
+	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;
 };
 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(import_common.PSEUDO_GLOBAL_SELECTOR) ? splitRule(styleString) : [`${className[0] === "@" ? "" : "."}${className}{${styleString}}`]).forEach((rule) => {
-        sheet.insertRule(rule, sheet.cssRules.length);
-      });
-    }
-  };
-  const cssObject = {
-    toString() {
-      const selector = this[import_common.SELECTOR];
-      insertRule(selector, this[import_common.STYLE_STRING]);
-      this[import_common.SELECTORS].forEach(({ [import_common.CLASS_NAME]: className, [import_common.STYLE_STRING]: styleString }) => {
-        insertRule(className, styleString);
-      });
-      return this[import_common.CLASS_NAME];
-    }
-  };
-  const Style2 = ({ children, nonce }) => ({
-    tag: "style",
-    props: {
-      id,
-      nonce,
-      children: children && (Array.isArray(children) ? children : [children]).map(
-        (c) => c[import_common.STYLE_STRING]
-      )
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  });
-  return [cssObject, Style2];
+	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[require_helper_css_common.SELECTOR];
+		insertRule(selector, this[require_helper_css_common.STYLE_STRING]);
+		this[require_helper_css_common.SELECTORS].forEach(({ [require_helper_css_common.CLASS_NAME]: className, [require_helper_css_common.STYLE_STRING]: styleString }) => {
+			insertRule(className, styleString);
+		});
+		return this[require_helper_css_common.CLASS_NAME];
+	} };
+	const Style = ({ children, nonce }) => ({
+		tag: "style",
+		props: {
+			id,
+			nonce,
+			children: children && (Array.isArray(children) ? children : [children]).map((c) => c[require_helper_css_common.STYLE_STRING])
+		}
+	});
+	return [cssObject, Style];
 };
-const createCssContext = ({
-  id,
-  classNameSlug,
-  onInvalidSlug
-}) => {
-  const [cssObject, Style2] = createCssJsxDomObjects({ id });
-  const newCssClassNameObject = (cssClassName) => {
-    cssClassName.toString = cssObject.toString;
-    return cssClassName;
-  };
-  const css2 = (strings, ...values) => {
-    return newCssClassNameObject((0, import_common.cssCommon)(strings, values, classNameSlug, onInvalidSlug));
-  };
-  const cx2 = (...args) => {
-    args = (0, import_common.cxCommon)(args);
-    return css2(Array(args.length).fill(""), ...args);
-  };
-  const keyframes2 = (strings, ...values) => (0, import_common.keyframesCommon)(strings, values, classNameSlug, onInvalidSlug);
-  const viewTransition2 = ((strings, ...values) => {
-    return newCssClassNameObject(
-      (0, import_common.viewTransitionCommon)(strings, values, classNameSlug, onInvalidSlug)
-      // eslint-disable-line @typescript-eslint/no-explicit-any
-    );
-  });
-  return {
-    css: css2,
-    cx: cx2,
-    keyframes: keyframes2,
-    viewTransition: viewTransition2,
-    Style: Style2
-  };
+/**
+* @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(require_helper_css_common.cssCommon(strings, values, classNameSlug, onInvalidSlug));
+	};
+	const cx = (...args) => {
+		args = require_helper_css_common.cxCommon(args);
+		return css(Array(args.length).fill(""), ...args);
+	};
+	const keyframes = (strings, ...values) => require_helper_css_common.keyframesCommon(strings, values, classNameSlug, onInvalidSlug);
+	const viewTransition = ((strings, ...values) => {
+		return newCssClassNameObject(require_helper_css_common.viewTransitionCommon(strings, values, classNameSlug, onInvalidSlug));
+	});
+	return {
+		css,
+		cx,
+		keyframes,
+		viewTransition,
+		Style
+	};
 };
-const defaultContext = createCssContext({ id: import_common.DEFAULT_STYLE_ID });
+const defaultContext = createCssContext({ id: require_helper_css_common.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;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Style,
-  createCssContext,
-  createCssJsxDomObjects,
-  css,
-  cx,
-  keyframes,
-  rawCssString,
-  viewTransition
-});
+//#endregion
+exports.Style = Style;
+exports.createCssContext = createCssContext;
+exports.createCssJsxDomObjects = createCssJsxDomObjects;
+exports.css = css;
+exports.cx = cx;
+exports.keyframes = keyframes;
+exports.rawCssString = require_helper_css_common.rawCssString;
+exports.viewTransition = viewTransition;

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

@@ -1,74 +1,65 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var hooks_exports = {};
-__export(hooks_exports, {
-  FormContext: () => FormContext,
-  registerAction: () => registerAction,
-  useActionState: () => useActionState,
-  useFormStatus: () => useFormStatus,
-  useOptimistic: () => useOptimistic
-});
-module.exports = __toCommonJS(hooks_exports);
-var import_constants = require("../../constants");
-var import_context = require("../../context");
-var import_hooks = require("../../hooks");
-var import_context2 = require("../context");
-const FormContext = (0, import_context2.createContext)({
-  pending: false,
-  data: null,
-  method: null,
-  action: null
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_jsx_constants = require("../../constants.js");
+const require_jsx_dom_context = require("../context.js");
+const require_jsx_context = require("../../context.js");
+const require_jsx_hooks_index = require("../../hooks/index.js");
+//#region src/jsx/dom/hooks/index.ts
+/**
+* Provide hooks used only in jsx/dom
+*/
+const FormContext = require_jsx_dom_context.createContext({
+	pending: false,
+	data: null,
+	method: null,
+	action: null
 });
 const actions = /* @__PURE__ */ new Set();
 const registerAction = (action) => {
-  actions.add(action);
-  action.finally(() => actions.delete(action));
+	actions.add(action);
+	action.finally(() => actions.delete(action));
 };
+/**
+* This hook returns the current form status
+* @returns FormStatus
+*/
 const useFormStatus = () => {
-  return (0, import_context.useContext)(FormContext);
+	return require_jsx_context.useContext(FormContext);
 };
+/**
+* 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] = (0, import_hooks.useState)(state);
-  if (actions.size > 0) {
-    Promise.all(actions).finally(() => {
-      setOptimisticState(state);
-    });
-  } else {
-    setOptimisticState(state);
-  }
-  const cb = (0, import_hooks.useCallback)((newData) => {
-    setOptimisticState((currentState) => updateState(currentState, newData));
-  }, []);
-  return [optimisticState, cb];
+	const [optimisticState, setOptimisticState] = require_jsx_hooks_index.useState(state);
+	if (actions.size > 0) Promise.all(actions).finally(() => {
+		setOptimisticState(state);
+	});
+	else setOptimisticState(state);
+	return [optimisticState, require_jsx_hooks_index.useCallback((newData) => {
+		setOptimisticState((currentState) => updateState(currentState, newData));
+	}, [])];
 };
+/**
+* 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] = (0, import_hooks.useState)(initialState);
-  const actionState = async (data) => {
-    setState(await fn(state, data));
-  };
-  actionState[import_constants.PERMALINK] = permalink;
-  return [state, actionState];
+	const [state, setState] = require_jsx_hooks_index.useState(initialState);
+	const actionState = async (data) => {
+		setState(await fn(state, data));
+	};
+	actionState[require_jsx_constants.PERMALINK] = permalink;
+	return [state, actionState];
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FormContext,
-  registerAction,
-  useActionState,
-  useFormStatus,
-  useOptimistic
-});
+//#endregion
+exports.FormContext = FormContext;
+exports.registerAction = registerAction;
+exports.useActionState = useActionState;
+exports.useFormStatus = useFormStatus;
+exports.useOptimistic = useOptimistic;