Files
SnowLuma/.pnpm-store/v11/files/d8/29e67879febbc2478e0693d7d606897595b6851d9b4327c24d19692f15fecf910af98bafa6c626fa79e0b733a3e527477cd1b3bcc65c5a7c7369ad2708b7aa
TanTan 2a69b23b47
Dev Build / cleanup (push) Canceled after 0s
Dev Build / typecheck (push) Canceled after 0s
Dev Build / build (linux-arm64, ubuntu-24.04-arm, linux-arm64) (push) Canceled after 0s
Dev Build / build (linux-x64, ubuntu-latest, linux-x64) (push) Canceled after 0s
Dev Build / build (win-x64, windows-latest, win32-x64) (push) Canceled after 0s
Dev Build / dispatch-dev-docker (push) Canceled after 0s
docs: 仓库链接指向本镜像仓库
2026-11-13 09:27:07 +08:00

146 lines
5.9 KiB
Plaintext

import { HtmlEscapedCallbackPhase, raw, resolveCallback } from "../utils/html.js";
import { DOM_RENDERER } from "./constants.js";
import { captureRenderContext, useContext } from "./context.js";
import { Fragment, isUntrustedObject, jsx, renderChildren, renderUntrustedObject } from "./base.js";
import { ErrorBoundary as ErrorBoundary$1 } from "./dom/components.js";
import { StreamingContext } from "./streaming.js";
//#region src/jsx/components.ts
let errorBoundaryCounter = 0;
const childrenToString = async (children) => {
try {
return children.flat().map(resolveChildEarly);
} catch (e) {
if (e instanceof Promise) {
const resume = captureRenderContext();
await e;
return resume(() => childrenToString(children));
} else throw e;
}
};
const resolveChildEarly = (child) => {
if (child == null || typeof child === "boolean") return "";
else if (typeof child === "string" || Array.isArray(child)) return renderChildren([child]);
else if (isUntrustedObject(child)) return renderUntrustedObject(child);
else {
const str = child.toString();
return str instanceof Promise ? str : raw(str);
}
};
/**
* @experimental
* `ErrorBoundary` is an experimental feature.
* The API might be changed.
*/
const ErrorBoundary = async ({ children, fallback, fallbackRender, onError }) => {
if (!children) return raw("");
if (!Array.isArray(children)) children = [children];
const nonce = useContext(StreamingContext)?.scriptNonce;
let resume;
const getResume = () => resume ||= captureRenderContext();
let fallbackStrPromise;
const resolveFallbackStr = () => fallbackStrPromise ||= (async () => {
const awaitedFallback = await fallback;
if (awaitedFallback === null || awaitedFallback === void 0) return;
if (typeof awaitedFallback === "string" || Array.isArray(awaitedFallback)) return getResume()(() => renderChildren([awaitedFallback]));
if (isUntrustedObject(awaitedFallback)) return getResume()(() => renderUntrustedObject(awaitedFallback));
const fallbackResult = await getResume()(() => awaitedFallback.toString());
return raw(fallbackResult, fallbackResult.callbacks || awaitedFallback.callbacks);
})();
const renderFallback = async (error) => {
const fallbackStr = await resolveFallbackStr();
return getResume()(async () => {
onError?.(error);
const fallbackRes = fallbackStr !== void 0 ? fallbackStr : fallbackRender && jsx(Fragment, {}, fallbackRender(error)) || "";
const fallbackResString = await Fragment({ children: fallbackRes }).toString();
return raw(fallbackResString, fallbackResString.callbacks || fallbackRes.callbacks);
});
};
let resArray = [];
try {
resArray = children.map(resolveChildEarly);
} catch (e) {
const resume = getResume();
if (e instanceof Promise) resArray = [e.then(() => resume(() => childrenToString(children))).catch((e) => renderFallback(e))];
else resArray = [await renderFallback(e)];
}
if (resArray.some((res) => res instanceof Promise)) {
getResume();
const index = errorBoundaryCounter++;
const replaceRe = RegExp(`(<template id="E:${index}"></template>)(.*?)(<!--E:${index}-->)`, "s");
let caught = false;
const catchCallback = async ({ error, buffer }) => {
if (caught) return "";
caught = true;
const fallbackResString = await renderFallback(error);
const fallbackCallbacks = fallbackResString.callbacks;
if (buffer) {
buffer[0] = buffer[0].replace(replaceRe, () => fallbackResString);
return fallbackCallbacks?.length ? raw("", fallbackCallbacks) : "";
}
return raw(`<template data-hono-target="E:${index}">${fallbackResString}</template><script>
((d,c,n) => {
c=d.currentScript.previousSibling
d=d.getElementById('E:${index}')
if(!d)return
do{n=d.nextSibling;n.remove()}while(n.nodeType!=8||n.nodeValue!='E:${index}')
d.replaceWith(c.content)
})(document)
<\/script>`, fallbackCallbacks);
};
let error;
const promiseAll = Promise.all(resArray).catch((e) => error = e);
return raw(`<template id="E:${index}"></template><!--E:${index}-->`, [({ phase, buffer, context }) => {
if (phase === HtmlEscapedCallbackPhase.BeforeStream) return;
return promiseAll.then(async (htmlArray) => {
if (error) throw error;
htmlArray = htmlArray.flat();
const content = htmlArray.join("");
let html = buffer ? "" : `<template data-hono-target="E:${index}">${content}</template><script${nonce ? ` nonce="${nonce}"` : ""}>
((d,c) => {
c=d.currentScript.previousSibling
d=d.getElementById('E:${index}')
if(!d)return
d.parentElement.insertBefore(c.content,d.nextSibling)
})(document)
<\/script>`;
if (htmlArray.every((html) => !html.callbacks?.length)) {
if (buffer) buffer[0] = buffer[0].replace(replaceRe, () => content);
return html;
}
if (buffer) buffer[0] = buffer[0].replace(replaceRe, (_all, pre, _, post) => `${pre}${content}${post}`);
const callbacks = htmlArray.map((html) => html.callbacks || []).flat();
if (phase === HtmlEscapedCallbackPhase.Stream) html = await resolveCallback(html, HtmlEscapedCallbackPhase.BeforeStream, true, context);
let resolvedCount = 0;
const promises = callbacks.map((c) => (...args) => c(...args)?.then((content) => {
resolvedCount++;
if (buffer) {
if (resolvedCount === callbacks.length) buffer[0] = buffer[0].replace(replaceRe, (_all, _pre, content) => content);
buffer[0] += content;
return raw("", content.callbacks);
}
return raw(content + (resolvedCount !== callbacks.length ? "" : `<script>
((d,c,n) => {
d=d.getElementById('E:${index}')
if(!d)return
n=d.nextSibling
while(n.nodeType!=8||n.nodeValue!='E:${index}'){n=n.nextSibling}
n.remove()
d.remove()
})(document)
<\/script>`), content.callbacks);
}).catch((error) => catchCallback({
error,
buffer
})));
return raw(html, promises);
}).catch((error) => catchCallback({
error,
buffer
}));
}]);
} else return Fragment({ children: resArray });
};
ErrorBoundary[DOM_RENDERER] = ErrorBoundary$1;
//#endregion
export { ErrorBoundary, childrenToString };