hono 4.13.9 → 4.13.10

package/dist/jsx/dom/server.js

@@ -1,37 +1,37 @@
-// src/jsx/dom/server.ts
 import { renderChildren } from "../base.js";
-import { renderToReadableStream as renderToReadableStreamHono } from "../streaming.js";
-import version from "./index.js";
-var prepareRoot = (element) => typeof element === "string" || Array.isArray(element) ? renderChildren([element]) : element;
-var renderToString = (element, options = {}) => {
-  if (Object.keys(options).length > 0) {
-    console.warn("options are not supported yet");
-  }
-  element = prepareRoot(element);
-  const res = element instanceof Promise ? element : element?.toString() ?? "";
-  if (typeof res !== "string") {
-    throw new Error("Async component is not supported in renderToString");
-  }
-  return res;
+import { renderToReadableStream as renderToReadableStream$1 } from "../streaming.js";
+import dom_default from "./index.js";
+//#region src/jsx/dom/server.ts
+const prepareRoot = (element) => typeof element === "string" || Array.isArray(element) ? renderChildren([element]) : element;
+/**
+* Render JSX element to string.
+* @param element JSX element to render.
+* @param options Options for rendering.
+* @returns Rendered string.
+*/
+const renderToString = (element, options = {}) => {
+	if (Object.keys(options).length > 0) console.warn("options are not supported yet");
+	element = prepareRoot(element);
+	const res = element instanceof Promise ? element : element?.toString() ?? "";
+	if (typeof res !== "string") throw new Error("Async component is not supported in renderToString");
+	return res;
 };
-var renderToReadableStream = async (element, options = {}) => {
-  if (Object.keys(options).some((key) => key !== "onError")) {
-    console.warn("options are not supported yet, except onError");
-  }
-  element = prepareRoot(element);
-  if (!element || typeof element !== "object") {
-    element = element?.toString() ?? "";
-  }
-  return renderToReadableStreamHono(element, options.onError);
+/**
+* Render JSX element to readable stream.
+* @param element JSX element to render.
+* @param options Options for rendering.
+* @returns Rendered readable stream.
+*/
+const renderToReadableStream = async (element, options = {}) => {
+	if (Object.keys(options).some((key) => key !== "onError")) console.warn("options are not supported yet, except onError");
+	element = prepareRoot(element);
+	if (!element || typeof element !== "object") element = element?.toString() ?? "";
+	return renderToReadableStream$1(element, options.onError);
 };
 var server_default = {
-  renderToString,
-  renderToReadableStream,
-  version
-};
-export {
-  server_default as default,
-  renderToReadableStream,
-  renderToString,
-  version
+	renderToString,
+	renderToReadableStream,
+	version: dom_default
 };
+//#endregion
+export { server_default as default, renderToReadableStream, renderToString, dom_default as version };

package/dist/jsx/dom/utils.js

@@ -1,10 +1,8 @@
-// src/jsx/dom/utils.ts
 import { DOM_INTERNAL_TAG } from "../constants.js";
-var setInternalTagFlag = (fn) => {
-  ;
-  fn[DOM_INTERNAL_TAG] = true;
-  return fn;
-};
-export {
-  setInternalTagFlag
+//#region src/jsx/dom/utils.ts
+const setInternalTagFlag = (fn) => {
+	fn[DOM_INTERNAL_TAG] = true;
+	return fn;
 };
+//#endregion
+export { setInternalTagFlag };

package/dist/jsx/hooks/index.js

@@ -1,331 +1,259 @@
-// src/jsx/hooks/index.ts
 import { DOM_STASH } from "../constants.js";
 import { buildDataStack, update } from "../dom/render.js";
-var STASH_SATE = 0;
-var STASH_EFFECT = 1;
-var STASH_CALLBACK = 2;
-var STASH_MEMO = 3;
-var STASH_REF = 4;
-var resolvedPromiseValueMap = /* @__PURE__ */ new WeakMap();
-var isDepsChanged = (prevDeps, deps) => !prevDeps || !deps || prevDeps.length !== deps.length || deps.some((dep, i) => dep !== prevDeps[i]);
-var viewTransitionState = void 0;
-var documentStartViewTransition = (cb) => {
-  if (document?.startViewTransition) {
-    return document.startViewTransition(cb);
-  } else {
-    cb();
-    return { finished: Promise.resolve() };
-  }
+//#region src/jsx/hooks/index.ts
+const STASH_SATE = 0;
+const STASH_EFFECT = 1;
+const STASH_CALLBACK = 2;
+const STASH_MEMO = 3;
+const STASH_REF = 4;
+const resolvedPromiseValueMap = /* @__PURE__ */ new WeakMap();
+const isDepsChanged = (prevDeps, deps) => !prevDeps || !deps || prevDeps.length !== deps.length || deps.some((dep, i) => dep !== prevDeps[i]);
+let viewTransitionState = void 0;
+const documentStartViewTransition = (cb) => {
+	if (document?.startViewTransition) return document.startViewTransition(cb);
+	else {
+		cb();
+		return { finished: Promise.resolve() };
+	}
 };
-var updateHook = void 0;
-var viewTransitionHook = (context, node, cb) => {
-  const state = [true, false];
-  let lastVC = node.vC;
-  return documentStartViewTransition(() => {
-    if (lastVC === node.vC) {
-      viewTransitionState = state;
-      cb(context);
-      viewTransitionState = void 0;
-      lastVC = node.vC;
-    }
-  }).finished.then(() => {
-    if (state[1] && lastVC === node.vC) {
-      state[0] = false;
-      viewTransitionState = state;
-      cb(context);
-      viewTransitionState = void 0;
-    }
-  });
+let updateHook = void 0;
+const viewTransitionHook = (context, node, cb) => {
+	const state = [true, false];
+	let lastVC = node.vC;
+	return documentStartViewTransition(() => {
+		if (lastVC === node.vC) {
+			viewTransitionState = state;
+			cb(context);
+			viewTransitionState = void 0;
+			lastVC = node.vC;
+		}
+	}).finished.then(() => {
+		if (state[1] && lastVC === node.vC) {
+			state[0] = false;
+			viewTransitionState = state;
+			cb(context);
+			viewTransitionState = void 0;
+		}
+	});
 };
-var startViewTransition = (callback) => {
-  updateHook = viewTransitionHook;
-  try {
-    callback();
-  } finally {
-    updateHook = void 0;
-  }
+const startViewTransition = (callback) => {
+	updateHook = viewTransitionHook;
+	try {
+		callback();
+	} finally {
+		updateHook = void 0;
+	}
 };
-var useViewTransition = () => {
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    return [false, () => {
-    }];
-  }
-  if (viewTransitionState) {
-    viewTransitionState[1] = true;
-  }
-  return [!!viewTransitionState?.[0], startViewTransition];
+const useViewTransition = () => {
+	if (!buildDataStack.at(-1)) return [false, () => {}];
+	if (viewTransitionState) viewTransitionState[1] = true;
+	return [!!viewTransitionState?.[0], startViewTransition];
 };
-var pendingStack = [];
-var runCallback = (type, callback) => {
-  let resolve;
-  const promise = new Promise((r) => resolve = r);
-  pendingStack.push([type, promise]);
-  try {
-    const res = callback();
-    if (res instanceof Promise) {
-      res.then(resolve, resolve);
-    } else {
-      resolve();
-    }
-  } finally {
-    pendingStack.pop();
-  }
+const pendingStack = [];
+const runCallback = (type, callback) => {
+	let resolve;
+	const promise = new Promise((r) => resolve = r);
+	pendingStack.push([type, promise]);
+	try {
+		const res = callback();
+		if (res instanceof Promise) res.then(resolve, resolve);
+		else resolve();
+	} finally {
+		pendingStack.pop();
+	}
 };
-var startTransition = (callback) => {
-  runCallback(1, callback);
+const startTransition = (callback) => {
+	runCallback(1, callback);
 };
-var startTransitionHook = (callback) => {
-  runCallback(2, callback);
+const startTransitionHook = (callback) => {
+	runCallback(2, callback);
 };
-var useTransition = () => {
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    return [false, () => {
-    }];
-  }
-  const [error, setError] = useState();
-  const [state, updateState] = useState();
-  if (error) {
-    throw error[0];
-  }
-  const startTransitionLocalHook = useCallback(
-    (callback) => {
-      startTransitionHook(() => {
-        updateState((state2) => !state2);
-        let res = callback();
-        if (res instanceof Promise) {
-          res = res.catch((e) => {
-            setError([e]);
-          });
-        }
-        return res;
-      });
-    },
-    [state]
-  );
-  const [context] = buildData;
-  return [context[0] === 2, startTransitionLocalHook];
+const useTransition = () => {
+	const buildData = buildDataStack.at(-1);
+	if (!buildData) return [false, () => {}];
+	const [error, setError] = useState();
+	const [state, updateState] = useState();
+	if (error) throw error[0];
+	const startTransitionLocalHook = useCallback((callback) => {
+		startTransitionHook(() => {
+			updateState((state) => !state);
+			let res = callback();
+			if (res instanceof Promise) res = res.catch((e) => {
+				setError([e]);
+			});
+			return res;
+		});
+	}, [state]);
+	const [context] = buildData;
+	return [context[0] === 2, startTransitionLocalHook];
 };
-var useDeferredValue = (value, ...rest) => {
-  const [values, setValues] = useState(
-    rest.length ? [rest[0], rest[0]] : [value, value]
-  );
-  if (Object.is(values[1], value)) {
-    return values[1];
-  }
-  pendingStack.push([3, Promise.resolve()]);
-  updateHook = async (context, _, cb) => {
-    cb(context);
-    values[0] = value;
-  };
-  setValues([values[0], value]);
-  updateHook = void 0;
-  pendingStack.pop();
-  return values[0];
+const useDeferredValue = (value, ...rest) => {
+	const [values, setValues] = useState(rest.length ? [rest[0], rest[0]] : [value, value]);
+	if (Object.is(values[1], value)) return values[1];
+	pendingStack.push([3, Promise.resolve()]);
+	updateHook = async (context, _, cb) => {
+		cb(context);
+		values[0] = value;
+	};
+	setValues([values[0], value]);
+	updateHook = void 0;
+	pendingStack.pop();
+	return values[0];
 };
-var useState = (initialState) => {
-  const resolveInitialState = () => typeof initialState === "function" ? initialState() : initialState;
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    return [resolveInitialState(), () => {
-    }];
-  }
-  const [, node] = buildData;
-  const stateArray = node[DOM_STASH][1][STASH_SATE] ||= [];
-  const hookIndex = node[DOM_STASH][0]++;
-  return stateArray[hookIndex] ||= [
-    resolveInitialState(),
-    (newState) => {
-      const localUpdateHook = updateHook;
-      const stateData = stateArray[hookIndex];
-      if (typeof newState === "function") {
-        newState = newState(stateData[0]);
-      }
-      if (!Object.is(newState, stateData[0])) {
-        stateData[0] = newState;
-        if (pendingStack.length) {
-          const [pendingType, pendingPromise] = pendingStack.at(-1);
-          Promise.all([
-            pendingType === 3 ? node : update([pendingType, false, localUpdateHook], node),
-            pendingPromise
-          ]).then(([node2]) => {
-            if (!node2 || !(pendingType === 2 || pendingType === 3)) {
-              return;
-            }
-            const lastVC = node2.vC;
-            const addUpdateTask = () => {
-              setTimeout(() => {
-                if (lastVC !== node2.vC) {
-                  return;
-                }
-                update([pendingType === 3 ? 1 : 0, false, localUpdateHook], node2);
-              });
-            };
-            requestAnimationFrame(addUpdateTask);
-          });
-        } else {
-          update([0, false, localUpdateHook], node);
-        }
-      }
-    }
-  ];
+const useState = (initialState) => {
+	const resolveInitialState = () => typeof initialState === "function" ? initialState() : initialState;
+	const buildData = buildDataStack.at(-1);
+	if (!buildData) return [resolveInitialState(), () => {}];
+	const [, node] = buildData;
+	const stateArray = node[DOM_STASH][1][STASH_SATE] ||= [];
+	const hookIndex = node[DOM_STASH][0]++;
+	return stateArray[hookIndex] ||= [resolveInitialState(), (newState) => {
+		const localUpdateHook = updateHook;
+		const stateData = stateArray[hookIndex];
+		if (typeof newState === "function") newState = newState(stateData[0]);
+		if (!Object.is(newState, stateData[0])) {
+			stateData[0] = newState;
+			if (pendingStack.length) {
+				const [pendingType, pendingPromise] = pendingStack.at(-1);
+				Promise.all([pendingType === 3 ? node : update([
+					pendingType,
+					false,
+					localUpdateHook
+				], node), pendingPromise]).then(([node]) => {
+					if (!node || !(pendingType === 2 || pendingType === 3)) return;
+					const lastVC = node.vC;
+					const addUpdateTask = () => {
+						setTimeout(() => {
+							if (lastVC !== node.vC) return;
+							update([
+								pendingType === 3 ? 1 : 0,
+								false,
+								localUpdateHook
+							], node);
+						});
+					};
+					requestAnimationFrame(addUpdateTask);
+				});
+			} else update([
+				0,
+				false,
+				localUpdateHook
+			], node);
+		}
+	}];
 };
-var useReducer = (reducer, initialArg, init) => {
-  const handler = useCallback(
-    (action) => {
-      setState((state2) => reducer(state2, action));
-    },
-    [reducer]
-  );
-  const [state, setState] = useState(() => init ? init(initialArg) : initialArg);
-  return [state, handler];
+const useReducer = (reducer, initialArg, init) => {
+	const handler = useCallback((action) => {
+		setState((state) => reducer(state, action));
+	}, [reducer]);
+	const [state, setState] = useState(() => init ? init(initialArg) : initialArg);
+	return [state, handler];
 };
-var useEffectCommon = (index, effect, deps) => {
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    return;
-  }
-  const [, node] = buildData;
-  const effectDepsArray = node[DOM_STASH][1][STASH_EFFECT] ||= [];
-  const hookIndex = node[DOM_STASH][0]++;
-  const [prevDeps, , prevCleanup] = effectDepsArray[hookIndex] ||= [];
-  if (isDepsChanged(prevDeps, deps)) {
-    if (prevCleanup) {
-      prevCleanup();
-    }
-    const runner = () => {
-      data[index] = void 0;
-      data[2] = effect();
-    };
-    const data = [deps, void 0, void 0, void 0, void 0];
-    data[index] = runner;
-    effectDepsArray[hookIndex] = data;
-  }
+const useEffectCommon = (index, effect, deps) => {
+	const buildData = buildDataStack.at(-1);
+	if (!buildData) return;
+	const [, node] = buildData;
+	const effectDepsArray = node[DOM_STASH][1][1] ||= [];
+	const hookIndex = node[DOM_STASH][0]++;
+	const [prevDeps, , prevCleanup] = effectDepsArray[hookIndex] ||= [];
+	if (isDepsChanged(prevDeps, deps)) {
+		if (prevCleanup) prevCleanup();
+		const runner = () => {
+			data[index] = void 0;
+			data[2] = effect();
+		};
+		const data = [
+			deps,
+			void 0,
+			void 0,
+			void 0,
+			void 0
+		];
+		data[index] = runner;
+		effectDepsArray[hookIndex] = data;
+	}
 };
-var useEffect = (effect, deps) => useEffectCommon(3, effect, deps);
-var useLayoutEffect = (effect, deps) => useEffectCommon(1, effect, deps);
-var useInsertionEffect = (effect, deps) => useEffectCommon(4, effect, deps);
-var useCallback = (callback, deps) => {
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    return callback;
-  }
-  const [, node] = buildData;
-  const callbackArray = node[DOM_STASH][1][STASH_CALLBACK] ||= [];
-  const hookIndex = node[DOM_STASH][0]++;
-  const prevDeps = callbackArray[hookIndex];
-  if (isDepsChanged(prevDeps?.[1], deps)) {
-    callbackArray[hookIndex] = [callback, deps];
-  } else {
-    callback = callbackArray[hookIndex][0];
-  }
-  return callback;
+const useEffect = (effect, deps) => useEffectCommon(3, effect, deps);
+const useLayoutEffect = (effect, deps) => useEffectCommon(1, effect, deps);
+const useInsertionEffect = (effect, deps) => useEffectCommon(4, effect, deps);
+const useCallback = (callback, deps) => {
+	const buildData = buildDataStack.at(-1);
+	if (!buildData) return callback;
+	const [, node] = buildData;
+	const callbackArray = node[DOM_STASH][1][STASH_CALLBACK] ||= [];
+	const hookIndex = node[DOM_STASH][0]++;
+	const prevDeps = callbackArray[hookIndex];
+	if (isDepsChanged(prevDeps?.[1], deps)) callbackArray[hookIndex] = [callback, deps];
+	else callback = callbackArray[hookIndex][0];
+	return callback;
 };
 function useRef(initialValue) {
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    return { current: initialValue };
-  }
-  const [, node] = buildData;
-  const refArray = node[DOM_STASH][1][STASH_REF] ||= [];
-  const hookIndex = node[DOM_STASH][0]++;
-  return refArray[hookIndex] ||= { current: initialValue };
+	const buildData = buildDataStack.at(-1);
+	if (!buildData) return { current: initialValue };
+	const [, node] = buildData;
+	const refArray = node[DOM_STASH][1][STASH_REF] ||= [];
+	const hookIndex = node[DOM_STASH][0]++;
+	return refArray[hookIndex] ||= { current: initialValue };
 }
-var use = (promise) => {
-  const cachedRes = resolvedPromiseValueMap.get(promise);
-  if (cachedRes) {
-    if (cachedRes.length === 2) {
-      throw cachedRes[1];
-    }
-    return cachedRes[0];
-  }
-  promise.then(
-    (res) => resolvedPromiseValueMap.set(promise, [res]),
-    (e) => resolvedPromiseValueMap.set(promise, [void 0, e])
-  );
-  throw promise;
+const use = (promise) => {
+	const cachedRes = resolvedPromiseValueMap.get(promise);
+	if (cachedRes) {
+		if (cachedRes.length === 2) throw cachedRes[1];
+		return cachedRes[0];
+	}
+	promise.then((res) => resolvedPromiseValueMap.set(promise, [res]), (e) => resolvedPromiseValueMap.set(promise, [void 0, e]));
+	throw promise;
 };
-var useMemo = (factory, deps) => {
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    return factory();
-  }
-  const [, node] = buildData;
-  const memoArray = node[DOM_STASH][1][STASH_MEMO] ||= [];
-  const hookIndex = node[DOM_STASH][0]++;
-  const prevDeps = memoArray[hookIndex];
-  if (isDepsChanged(prevDeps?.[1], deps)) {
-    memoArray[hookIndex] = [factory(), deps];
-  }
-  return memoArray[hookIndex][0];
+const useMemo = (factory, deps) => {
+	const buildData = buildDataStack.at(-1);
+	if (!buildData) return factory();
+	const [, node] = buildData;
+	const memoArray = node[DOM_STASH][1][STASH_MEMO] ||= [];
+	const hookIndex = node[DOM_STASH][0]++;
+	const prevDeps = memoArray[hookIndex];
+	if (isDepsChanged(prevDeps?.[1], deps)) memoArray[hookIndex] = [factory(), deps];
+	return memoArray[hookIndex][0];
 };
-var idCounter = 0;
-var useId = () => useMemo(() => `:r${(idCounter++).toString(32)}:`, []);
-var useDebugValue = (_value, _formatter) => {
+let idCounter = 0;
+const useId = () => useMemo(() => `:r${(idCounter++).toString(32)}:`, []);
+const useDebugValue = (_value, _formatter) => {};
+const createRef = () => {
+	return { current: null };
 };
-var createRef = () => {
-  return { current: null };
+const forwardRef = (Component) => {
+	return (props) => {
+		const { ref, ...rest } = props;
+		return Component(rest, ref);
+	};
 };
-var forwardRef = (Component) => {
-  return (props) => {
-    const { ref, ...rest } = props;
-    return Component(rest, ref);
-  };
+const useImperativeHandle = (ref, createHandle, deps) => {
+	useEffect(() => {
+		ref.current = createHandle();
+		return () => {
+			ref.current = null;
+		};
+	}, deps);
 };
-var useImperativeHandle = (ref, createHandle, deps) => {
-  useEffect(() => {
-    ref.current = createHandle();
-    return () => {
-      ref.current = null;
-    };
-  }, deps);
-};
-var useSyncExternalStore = (subscribe, getSnapshot, getServerSnapshot) => {
-  const buildData = buildDataStack.at(-1);
-  if (!buildData) {
-    if (!getServerSnapshot) {
-      throw new Error("getServerSnapshot is required for server side rendering");
-    }
-    return getServerSnapshot();
-  }
-  const snapshot = buildData[0][4] && getServerSnapshot ? getServerSnapshot() : getSnapshot();
-  const [, setVersion] = useState(0);
-  const latestSnapshot = useRef([snapshot, getSnapshot]);
-  latestSnapshot.current = [snapshot, getSnapshot];
-  const unsubscribeRef = useRef(null);
-  useEffect(() => {
-    const update2 = () => setVersion((version) => version + 1);
-    unsubscribeRef.current?.();
-    unsubscribeRef.current = subscribe(update2);
-    const [snapshot2, getSnapshot2] = latestSnapshot.current;
-    if (!Object.is(snapshot2, getSnapshot2())) {
-      update2();
-    }
-  }, [subscribe]);
-  useEffect(() => () => unsubscribeRef.current?.(), []);
-  return snapshot;
-};
-export {
-  STASH_EFFECT,
-  createRef,
-  forwardRef,
-  startTransition,
-  startViewTransition,
-  use,
-  useCallback,
-  useDebugValue,
-  useDeferredValue,
-  useEffect,
-  useId,
-  useImperativeHandle,
-  useInsertionEffect,
-  useLayoutEffect,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useSyncExternalStore,
-  useTransition,
-  useViewTransition
+const useSyncExternalStore = (subscribe, getSnapshot, getServerSnapshot) => {
+	const buildData = buildDataStack.at(-1);
+	if (!buildData) {
+		if (!getServerSnapshot) throw new Error("getServerSnapshot is required for server side rendering");
+		return getServerSnapshot();
+	}
+	const snapshot = buildData[0][4] && getServerSnapshot ? getServerSnapshot() : getSnapshot();
+	const [, setVersion] = useState(0);
+	const latestSnapshot = useRef([snapshot, getSnapshot]);
+	latestSnapshot.current = [snapshot, getSnapshot];
+	const unsubscribeRef = useRef(null);
+	useEffect(() => {
+		const update = () => setVersion((version) => version + 1);
+		unsubscribeRef.current?.();
+		unsubscribeRef.current = subscribe(update);
+		const [snapshot, getSnapshot] = latestSnapshot.current;
+		if (!Object.is(snapshot, getSnapshot())) update();
+	}, [subscribe]);
+	useEffect(() => () => unsubscribeRef.current?.(), []);
+	return snapshot;
 };
+//#endregion
+export { STASH_EFFECT, createRef, forwardRef, startTransition, startViewTransition, use, useCallback, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, useViewTransition };