first commit
This commit is contained in:
Artem Anufrij
+672
@@ -0,0 +1,672 @@
|
||||
/**
|
||||
* @vue/server-renderer v3.6.0-rc.10
|
||||
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
||||
* @license MIT
|
||||
**/
|
||||
import { Comment, Fragment, Static, Text, createApp, createVNode, getCurrentInstance, handleError, initDirectivesForSSR, mergeProps, ssrContextKey, ssrUtils, warn } from "@vue/runtime-dom";
|
||||
import { NOOP, escapeHtml, escapeHtmlComment, hasOwn, includeBooleanAttr, includeBooleanAttr as ssrIncludeBooleanAttr, isArray, isBooleanAttr, isFunction, isObject, isOn, isPromise, isRenderableAttrValue, isSSRSafeAttrName, isSVGTag, isString, isVoidTag, looseEqual, looseIndexOf, makeMap, normalizeClass, normalizeCssVarValue, normalizeStyle, propsToAttrMap, stringifyStyle, toDisplayString } from "@vue/shared";
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderAttrs.ts
|
||||
const shouldIgnoreProp = /*@__PURE__*/ makeMap(`,key,ref,innerHTML,textContent,ref_key,ref_for`);
|
||||
function ssrRenderAttrs(props, tag) {
|
||||
let ret = "";
|
||||
for (let key in props) {
|
||||
if (shouldIgnoreProp(key) || isOn(key) || tag === "textarea" && key === "value" || key.startsWith(".")) continue;
|
||||
const value = props[key];
|
||||
if (key.startsWith("^")) key = key.slice(1);
|
||||
if (key === "class") ret += ` class="${ssrRenderClass(value)}"`;
|
||||
else if (key === "style") ret += ` style="${ssrRenderStyle(value)}"`;
|
||||
else if (key === "className") {
|
||||
if (value != null) ret += ` class="${escapeHtml(String(value))}"`;
|
||||
} else ret += ssrRenderDynamicAttr(key, value, tag);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
function ssrRenderDynamicAttr(key, value, tag) {
|
||||
if (!isRenderableAttrValue(value)) return ``;
|
||||
const attrKey = tag && (tag.indexOf("-") > 0 || isSVGTag(tag)) ? key : propsToAttrMap[key] || key.toLowerCase();
|
||||
if (isBooleanAttr(attrKey) || attrKey === "hidden" && (typeof value === "boolean" || typeof value === "number")) return includeBooleanAttr(value) ? ` ${attrKey}` : ``;
|
||||
else if (isSSRSafeAttrName(attrKey)) return value === "" ? ` ${attrKey}` : ` ${attrKey}="${escapeHtml(value)}"`;
|
||||
else {
|
||||
console.warn(`[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`);
|
||||
return ``;
|
||||
}
|
||||
}
|
||||
function ssrRenderAttr(key, value) {
|
||||
if (!isRenderableAttrValue(value)) return ``;
|
||||
return ` ${key}="${escapeHtml(value)}"`;
|
||||
}
|
||||
function ssrRenderClass(raw) {
|
||||
return escapeHtml(normalizeClass(raw));
|
||||
}
|
||||
function ssrRenderStyle(raw) {
|
||||
if (!raw) return "";
|
||||
if (isString(raw)) return escapeHtml(raw);
|
||||
const styles = normalizeStyle(ssrResetCssVars(raw));
|
||||
return escapeHtml(stringifyStyle(styles));
|
||||
}
|
||||
function ssrResetCssVars(raw) {
|
||||
if (!isArray(raw) && isObject(raw)) {
|
||||
const res = {};
|
||||
for (const key in raw) if (key.startsWith(":--")) res[key.slice(1)] = normalizeCssVarValue(raw[key]);
|
||||
else res[key] = raw[key];
|
||||
return res;
|
||||
}
|
||||
return raw;
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderSlot.ts
|
||||
const { ensureValidVNode, rawVaporSlotKey: rawVaporSlotKey$1 } = ssrUtils;
|
||||
let vaporSlots = 0;
|
||||
function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
|
||||
ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId);
|
||||
}
|
||||
function ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId, transition) {
|
||||
const slotFn = slots[slotName];
|
||||
let fallback = false;
|
||||
if (slotFn) {
|
||||
if (slotFn[rawVaporSlotKey$1]) vaporSlots++;
|
||||
const before = vaporSlots;
|
||||
const slotBuffer = [];
|
||||
const bufferedPush = (item) => {
|
||||
slotBuffer.push(item);
|
||||
};
|
||||
const ret = slotFn(slotProps || {}, bufferedPush, parentComponent, slotScopeId ? " " + slotScopeId : "");
|
||||
let vnodes;
|
||||
if (isArray(ret)) {
|
||||
vnodes = ensureValidVNode(ret);
|
||||
if (vnodes && isVaporSlotContent(vnodes)) {
|
||||
renderVNodeChildren(bufferedPush, vnodes, parentComponent, slotScopeId);
|
||||
vnodes = void 0;
|
||||
}
|
||||
}
|
||||
if (vnodes !== void 0) {
|
||||
if (!transition) {
|
||||
fallback = !vnodes && !!fallbackRenderFn;
|
||||
push(fallback ? `<!--(-->` : `<!--[-->`);
|
||||
}
|
||||
if (vnodes) renderVNodeChildren(push, vnodes, parentComponent, slotScopeId);
|
||||
else if (fallbackRenderFn) fallbackRenderFn();
|
||||
else if (transition) push(`<!---->`);
|
||||
} else {
|
||||
let isEmptySlot = true;
|
||||
const owner = getCurrentInstance();
|
||||
if (transition || !(owner && owner.type.__vapor) && !fallbackRenderFn && vaporSlots !== before) isEmptySlot = false;
|
||||
else for (let i = 0; i < slotBuffer.length; i++) if (!isComment(slotBuffer[i])) {
|
||||
isEmptySlot = false;
|
||||
break;
|
||||
}
|
||||
if (!transition) {
|
||||
fallback = isEmptySlot && !!fallbackRenderFn;
|
||||
push(fallback ? `<!--(-->` : `<!--[-->`);
|
||||
}
|
||||
if (isEmptySlot) {
|
||||
if (fallbackRenderFn) fallbackRenderFn();
|
||||
} else {
|
||||
let start = 0;
|
||||
let end = slotBuffer.length;
|
||||
if (transition) {
|
||||
const first = slotBuffer[0];
|
||||
if ((first === "<!--[-->" || first === "<!--(-->") && slotBuffer[end - 1] === (first === "<!--(-->" ? "<!--)-->" : "<!--]-->")) {
|
||||
start++;
|
||||
end--;
|
||||
}
|
||||
}
|
||||
if (start < end) for (let i = start; i < end; i++) push(slotBuffer[i]);
|
||||
else if (transition) push(`<!---->`);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (!transition) {
|
||||
fallback = !!fallbackRenderFn;
|
||||
push(fallback ? `<!--(-->` : `<!--[-->`);
|
||||
}
|
||||
if (fallbackRenderFn) fallbackRenderFn();
|
||||
else if (transition) push(`<!---->`);
|
||||
}
|
||||
if (!transition) push(fallback ? `<!--)-->` : `<!--]-->`);
|
||||
}
|
||||
const commentTestRE = /^<!--[\s\S]*-->$/;
|
||||
const commentRE = /<!--[^]*?-->/gm;
|
||||
function isComment(item) {
|
||||
if (typeof item !== "string" || !commentTestRE.test(item)) return false;
|
||||
if (item.length <= 8) return true;
|
||||
return !item.replace(commentRE, "").trim();
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderComponent.ts
|
||||
function ssrRenderComponent(comp, props = null, children = null, parentComponent = null, slotScopeId) {
|
||||
if (isString(comp)) {
|
||||
const { getBuffer, push } = createBuffer();
|
||||
renderVNode(push, createVNode(comp, props, children), parentComponent, slotScopeId);
|
||||
return getBuffer();
|
||||
}
|
||||
return renderComponentVNode(createVNode(comp, props, children), parentComponent, slotScopeId);
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderTeleport.ts
|
||||
function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
|
||||
parentPush("<!--teleport start-->");
|
||||
const context = parentComponent.appContext.provides[ssrContextKey];
|
||||
const teleportBuffers = context.__teleportBuffers || (context.__teleportBuffers = {});
|
||||
const targetBuffer = teleportBuffers[target] || (teleportBuffers[target] = []);
|
||||
const bufferIndex = targetBuffer.length;
|
||||
let teleportContent;
|
||||
if (disabled) {
|
||||
contentRenderFn(parentPush);
|
||||
teleportContent = `<!--teleport start anchor--><!--teleport anchor-->`;
|
||||
} else {
|
||||
const { getBuffer, push } = createBuffer();
|
||||
push(`<!--teleport start anchor-->`);
|
||||
contentRenderFn(push);
|
||||
push(`<!--teleport anchor-->`);
|
||||
teleportContent = getBuffer();
|
||||
}
|
||||
targetBuffer.splice(bufferIndex, 0, teleportContent);
|
||||
if (isPromise(teleportContent) || isArray(teleportContent) && teleportContent.hasAsync) targetBuffer.hasAsync = true;
|
||||
parentPush("<!--teleport end-->");
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrInterpolate.ts
|
||||
function ssrInterpolate(value) {
|
||||
return escapeHtml(toDisplayString(value));
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderList.ts
|
||||
function ssrRenderList(source, renderItem) {
|
||||
if (isArray(source) || isString(source)) for (let i = 0, l = source.length; i < l; i++) renderItem(source[i], i);
|
||||
else if (typeof source === "number") {
|
||||
if (!!(process.env.NODE_ENV !== "production") && (!Number.isInteger(source) || source < 0)) {
|
||||
warn(`The v-for range expects a positive integer value but got ${source}.`);
|
||||
return;
|
||||
}
|
||||
for (let i = 0; i < source; i++) renderItem(i + 1, i);
|
||||
} else if (isObject(source)) {
|
||||
if (source[Symbol.iterator]) {
|
||||
let i = 0;
|
||||
for (const item of source) renderItem(item, i++);
|
||||
} else {
|
||||
const keys = Object.keys(source);
|
||||
for (let i = 0, l = keys.length; i < l; i++) {
|
||||
const key = keys[i];
|
||||
renderItem(source[key], key, i);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderSuspense.ts
|
||||
function ssrRenderSuspense(push, { default: renderContent }) {
|
||||
if (renderContent) renderContent();
|
||||
else push(`<!---->`);
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrGetDirectiveProps.ts
|
||||
function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
|
||||
if (typeof dir !== "function" && dir.getSSRProps) return dir.getSSRProps({
|
||||
dir,
|
||||
instance: ssrUtils.getComponentPublicInstance(instance.$),
|
||||
value,
|
||||
oldValue: void 0,
|
||||
arg,
|
||||
modifiers
|
||||
}, null) || {};
|
||||
return {};
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrVModelHelpers.ts
|
||||
const ssrLooseEqual = looseEqual;
|
||||
function ssrLooseContain(arr, value) {
|
||||
return looseIndexOf(arr, value) > -1;
|
||||
}
|
||||
function ssrRenderDynamicModel(type, model, value) {
|
||||
switch (type) {
|
||||
case "radio": return looseEqual(model, value) ? " checked" : "";
|
||||
case "checkbox": return (isArray(model) ? ssrLooseContain(model, value) : model) ? " checked" : "";
|
||||
default: return ssrRenderAttr("value", model);
|
||||
}
|
||||
}
|
||||
function ssrGetDynamicModelProps(existingProps = {}, model) {
|
||||
const { type, value } = existingProps;
|
||||
switch (type) {
|
||||
case "radio": return looseEqual(model, value) ? { checked: true } : null;
|
||||
case "checkbox": return (isArray(model) ? ssrLooseContain(model, value) : model) ? { checked: true } : null;
|
||||
default: return { value: model };
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrCompile.ts
|
||||
function ssrCompile(template, instance) {
|
||||
throw new Error("On-the-fly template compilation is not supported in the ESM build of @vue/server-renderer. All templates must be pre-compiled into render functions.");
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/render.ts
|
||||
const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, isVNode: isVNode$2, normalizeVNode, pushWarningContext, popWarningContext, VaporSlot, rawVaporSlotKey, invokeSlotFallback } = ssrUtils;
|
||||
function cleanupContext(context) {
|
||||
let firstError;
|
||||
if (context.__watcherHandles) {
|
||||
for (const unwatch of context.__watcherHandles) try {
|
||||
unwatch();
|
||||
} catch (err) {
|
||||
if (firstError === void 0) firstError = err;
|
||||
}
|
||||
context.__watcherHandles.length = 0;
|
||||
}
|
||||
if (context.__instanceScopes) {
|
||||
for (const scope of context.__instanceScopes) try {
|
||||
scope.stop();
|
||||
} catch (err) {
|
||||
if (firstError === void 0) firstError = err;
|
||||
}
|
||||
context.__instanceScopes.length = 0;
|
||||
}
|
||||
if (firstError !== void 0) throw firstError;
|
||||
}
|
||||
function createBuffer() {
|
||||
let appendable = false;
|
||||
const buffer = [];
|
||||
return {
|
||||
getBuffer() {
|
||||
return buffer;
|
||||
},
|
||||
push(item) {
|
||||
const isStringItem = isString(item);
|
||||
if (appendable && isStringItem) {
|
||||
buffer[buffer.length - 1] += item;
|
||||
return;
|
||||
}
|
||||
buffer.push(item);
|
||||
appendable = isStringItem;
|
||||
if (isPromise(item) || isArray(item) && item.hasAsync) buffer.hasAsync = true;
|
||||
}
|
||||
};
|
||||
}
|
||||
const vaporOutlets = /* @__PURE__ */ new WeakMap();
|
||||
const vaporInterface = { attachSlotOutlet(content, fallback, owner) {
|
||||
const lone = isVaporSlotContent(content);
|
||||
if (lone) vaporOutlets.set(content, {
|
||||
fallback,
|
||||
owner
|
||||
});
|
||||
return lone;
|
||||
} };
|
||||
function isVaporSlotContent(children) {
|
||||
const lone = findVaporSlot(children);
|
||||
vaporSlot = null;
|
||||
return lone;
|
||||
}
|
||||
let vaporSlot = null;
|
||||
function findVaporSlot(children) {
|
||||
for (let i = 0; i < children.length; i++) {
|
||||
const child = children[i];
|
||||
if (!isVNode$2(child)) return false;
|
||||
if (child.type === VaporSlot) {
|
||||
if (vaporSlot) return false;
|
||||
vaporSlot = child;
|
||||
} else if (child.type === Fragment) {
|
||||
if (child.patchFlag > 0 && child.patchFlag & 384 || !findVaporSlot(child.children)) return false;
|
||||
} else if (child.type !== Comment) return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
|
||||
const ctx = vnode.ctx;
|
||||
if (vnode.shapeFlag & 32 && ctx && ctx.type.__vapor) {
|
||||
const slots = vnode.children;
|
||||
for (const name in slots) if (isFunction(slots[name])) slots[name][rawVaporSlotKey] = slots[name];
|
||||
if (!ctx.appContext.vapor) ctx.appContext.vapor = vaporInterface;
|
||||
}
|
||||
const instance = vnode.component = createComponentInstance(vnode, parentComponent, null);
|
||||
const context = instance.appContext.provides[ssrContextKey];
|
||||
if (context) (context.__instanceScopes || (context.__instanceScopes = [])).push(instance.scope);
|
||||
if (!!(process.env.NODE_ENV !== "production")) pushWarningContext(vnode);
|
||||
const res = setupComponent(instance, true);
|
||||
if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
|
||||
const hasAsyncSetup = isPromise(res);
|
||||
let prefetches = instance.sp;
|
||||
if (hasAsyncSetup || prefetches) return Promise.resolve(res).then(() => {
|
||||
if (hasAsyncSetup) prefetches = instance.sp;
|
||||
if (prefetches) return Promise.all(prefetches.map((prefetch) => prefetch.call(instance.proxy)));
|
||||
}).catch(NOOP).then(() => renderComponentSubTree(instance, slotScopeId));
|
||||
else try {
|
||||
return renderComponentSubTree(instance, slotScopeId);
|
||||
} catch (err) {
|
||||
return Promise.reject(err);
|
||||
}
|
||||
}
|
||||
function renderComponentSubTree(instance, slotScopeId) {
|
||||
if (!!(process.env.NODE_ENV !== "production")) pushWarningContext(instance.vnode);
|
||||
const comp = instance.type;
|
||||
const { getBuffer, push } = createBuffer();
|
||||
if (isFunction(comp)) {
|
||||
let root = renderComponentRoot(instance);
|
||||
if (!comp.props) {
|
||||
for (const key in instance.attrs) if (key.startsWith(`data-v-`)) (root.props || (root.props = {}))[key] = ``;
|
||||
}
|
||||
renderVNode(push, instance.subTree = root, instance, slotScopeId);
|
||||
} else {
|
||||
if ((!instance.render || instance.render === NOOP) && !instance.ssrRender && !comp.ssrRender && isString(comp.template)) comp.ssrRender = ssrCompile(comp.template, instance);
|
||||
const ssrRender = instance.ssrRender || comp.ssrRender;
|
||||
if (ssrRender) {
|
||||
let attrs = instance.inheritAttrs !== false ? instance.attrs : void 0;
|
||||
let hasCloned = false;
|
||||
let cur = instance;
|
||||
while (true) {
|
||||
const scopeId = cur.vnode.scopeId;
|
||||
if (scopeId) {
|
||||
if (!hasCloned) {
|
||||
attrs = { ...attrs };
|
||||
hasCloned = true;
|
||||
}
|
||||
attrs[scopeId] = "";
|
||||
}
|
||||
const parent = cur.parent;
|
||||
if (parent && parent.subTree && parent.subTree === cur.vnode) cur = parent;
|
||||
else break;
|
||||
}
|
||||
if (slotScopeId) {
|
||||
if (!hasCloned) attrs = { ...attrs };
|
||||
const slotScopeIdList = slotScopeId.trim().split(" ");
|
||||
for (let i = 0; i < slotScopeIdList.length; i++) attrs[slotScopeIdList[i]] = "";
|
||||
}
|
||||
const prev = setCurrentRenderingInstance(instance);
|
||||
try {
|
||||
ssrRender(instance.proxy, push, instance, attrs, instance.props, instance.setupState, instance.data, instance.ctx);
|
||||
} catch (err) {
|
||||
handleError(err, instance, 1);
|
||||
} finally {
|
||||
setCurrentRenderingInstance(prev);
|
||||
}
|
||||
} else if (instance.render && instance.render !== NOOP) renderVNode(push, instance.subTree = renderComponentRoot(instance), instance, slotScopeId);
|
||||
else {
|
||||
const componentName = comp.name || comp.__file || `<Anonymous>`;
|
||||
warn(`Component ${componentName} is missing template or render function.`);
|
||||
push(`<!---->`);
|
||||
}
|
||||
}
|
||||
if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
|
||||
return getBuffer();
|
||||
}
|
||||
function renderVNode(push, vnode, parentComponent, slotScopeId) {
|
||||
const { type, shapeFlag, children, dirs, props } = vnode;
|
||||
if (dirs) vnode.props = applySSRDirectives(vnode, props, dirs);
|
||||
switch (type) {
|
||||
case Text:
|
||||
push(escapeHtml(children));
|
||||
break;
|
||||
case Comment:
|
||||
push(children ? `<!--${escapeHtmlComment(children)}-->` : `<!---->`);
|
||||
break;
|
||||
case Static:
|
||||
push(children);
|
||||
break;
|
||||
case Fragment: {
|
||||
if (vnode.slotScopeIds) slotScopeId = (slotScopeId ? slotScopeId + " " : "") + vnode.slotScopeIds.join(" ");
|
||||
const outlet = vnode.vo && vaporOutlets.get(children);
|
||||
if (outlet) {
|
||||
renderVaporOutlet(push, (_, push) => renderVNodeChildren(push, children, parentComponent, slotScopeId), null, outlet, parentComponent, slotScopeId);
|
||||
break;
|
||||
}
|
||||
const isFallback = shapeFlag & 1024;
|
||||
push(isFallback ? `<!--(-->` : `<!--[-->`);
|
||||
renderVNodeChildren(push, children, parentComponent, slotScopeId);
|
||||
push(isFallback ? `<!--)-->` : `<!--]-->`);
|
||||
break;
|
||||
}
|
||||
case VaporSlot: {
|
||||
if (vnode.slotScopeIds) slotScopeId = (slotScopeId ? slotScopeId + " " : "") + vnode.slotScopeIds.join(" ");
|
||||
const { slot, outlets } = vnode.vs;
|
||||
renderVaporOutlet(push, slot, vnode.props, outlets && outlets[0], parentComponent, slotScopeId);
|
||||
break;
|
||||
}
|
||||
default: if (shapeFlag & 1) renderElementVNode(push, vnode, parentComponent, slotScopeId);
|
||||
else if (shapeFlag & 6) push(renderComponentVNode(vnode, parentComponent, slotScopeId));
|
||||
else if (shapeFlag & 64) renderTeleportVNode(push, vnode, parentComponent, slotScopeId);
|
||||
else if (shapeFlag & 128) renderVNode(push, vnode.ssContent, parentComponent, slotScopeId);
|
||||
else warn("[@vue/server-renderer] Invalid VNode type:", type, `(${typeof type})`);
|
||||
}
|
||||
}
|
||||
function renderVaporOutlet(push, slot, props, outlet, parentComponent, slotScopeId) {
|
||||
const prev = setCurrentRenderingInstance(parentComponent);
|
||||
ssrRenderSlot({ default: slot }, "default", props, outlet ? () => renderVNodeChildren(push, invokeSlotFallback(outlet.fallback, outlet.owner), parentComponent, slotScopeId) : null, push, parentComponent, slotScopeId);
|
||||
setCurrentRenderingInstance(prev);
|
||||
}
|
||||
function renderVNodeChildren(push, children, parentComponent, slotScopeId) {
|
||||
for (let i = 0; i < children.length; i++) renderVNode(push, normalizeVNode(children[i]), parentComponent, slotScopeId);
|
||||
}
|
||||
function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
|
||||
const tag = vnode.type;
|
||||
let { props, children, shapeFlag, scopeId } = vnode;
|
||||
let openTag = `<${tag}`;
|
||||
if (props) openTag += ssrRenderAttrs(props, tag);
|
||||
const renderedScopeIds = [];
|
||||
const appendScopeId = (id) => {
|
||||
if (id && (!props || !hasOwn(props, id)) && !renderedScopeIds.includes(id)) {
|
||||
openTag += ` ${id}`;
|
||||
renderedScopeIds.push(id);
|
||||
}
|
||||
};
|
||||
if (scopeId) appendScopeId(scopeId);
|
||||
let curParent = parentComponent;
|
||||
let curVnode = vnode;
|
||||
while (curParent && curVnode === curParent.subTree) {
|
||||
curVnode = curParent.vnode;
|
||||
if (curVnode.scopeId) appendScopeId(curVnode.scopeId);
|
||||
curParent = curParent.parent;
|
||||
}
|
||||
if (slotScopeId) {
|
||||
const slotScopeIdList = slotScopeId.trim().split(" ");
|
||||
for (let i = 0; i < slotScopeIdList.length; i++) appendScopeId(slotScopeIdList[i]);
|
||||
}
|
||||
push(openTag + `>`);
|
||||
if (!isVoidTag(tag)) {
|
||||
let hasChildrenOverride = false;
|
||||
if (props) {
|
||||
if (props.innerHTML) {
|
||||
hasChildrenOverride = true;
|
||||
push(props.innerHTML);
|
||||
} else if (props.textContent) {
|
||||
hasChildrenOverride = true;
|
||||
push(escapeHtml(props.textContent));
|
||||
} else if (tag === "textarea" && props.value) {
|
||||
hasChildrenOverride = true;
|
||||
push(escapeHtml(props.value));
|
||||
}
|
||||
}
|
||||
if (!hasChildrenOverride) {
|
||||
if (shapeFlag & 8) push(escapeHtml(children));
|
||||
else if (shapeFlag & 16) renderVNodeChildren(push, children, parentComponent, slotScopeId);
|
||||
}
|
||||
push(`</${tag}>`);
|
||||
}
|
||||
}
|
||||
function applySSRDirectives(vnode, rawProps, dirs) {
|
||||
const toMerge = [];
|
||||
for (let i = 0; i < dirs.length; i++) {
|
||||
const binding = dirs[i];
|
||||
const { dir: { getSSRProps } } = binding;
|
||||
if (getSSRProps) {
|
||||
const props = getSSRProps(binding, vnode);
|
||||
if (props) toMerge.push(props);
|
||||
}
|
||||
}
|
||||
return mergeProps(rawProps || {}, ...toMerge);
|
||||
}
|
||||
function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
|
||||
const target = vnode.props && vnode.props.to;
|
||||
const disabled = vnode.props && vnode.props.disabled;
|
||||
if (!target) {
|
||||
if (!disabled) warn(`[@vue/server-renderer] Teleport is missing target prop.`);
|
||||
return [];
|
||||
}
|
||||
if (!isString(target)) {
|
||||
warn(`[@vue/server-renderer] Teleport target must be a query selector string.`);
|
||||
return [];
|
||||
}
|
||||
ssrRenderTeleport(push, (push) => {
|
||||
renderVNodeChildren(push, vnode.children, parentComponent, slotScopeId);
|
||||
}, target, disabled || disabled === "", parentComponent);
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/renderToString.ts
|
||||
const { isVNode: isVNode$1 } = ssrUtils;
|
||||
function nestedUnrollBuffer(buffer, parentRet, startIndex) {
|
||||
if (!buffer.hasAsync) return parentRet + unrollBufferSync$1(buffer);
|
||||
let ret = parentRet;
|
||||
for (let i = startIndex; i < buffer.length; i += 1) {
|
||||
const item = buffer[i];
|
||||
if (isString(item)) {
|
||||
ret += item;
|
||||
continue;
|
||||
}
|
||||
if (isPromise(item)) return item.then((nestedItem) => {
|
||||
buffer[i] = nestedItem;
|
||||
return nestedUnrollBuffer(buffer, ret, i);
|
||||
});
|
||||
const result = nestedUnrollBuffer(item, ret, 0);
|
||||
if (isPromise(result)) return result.then((nestedItem) => {
|
||||
buffer[i] = nestedItem;
|
||||
return nestedUnrollBuffer(buffer, "", i);
|
||||
});
|
||||
ret = result;
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
function unrollBuffer$1(buffer) {
|
||||
return nestedUnrollBuffer(buffer, "", 0);
|
||||
}
|
||||
function unrollBufferSync$1(buffer) {
|
||||
let ret = "";
|
||||
for (let i = 0; i < buffer.length; i++) {
|
||||
let item = buffer[i];
|
||||
if (isString(item)) ret += item;
|
||||
else ret += unrollBufferSync$1(item);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
async function renderToString(input, context = {}) {
|
||||
if (isVNode$1(input)) return renderToString(createApp({ render: () => input }), context);
|
||||
const vnode = createVNode(input._component, input._props);
|
||||
vnode.appContext = input._context;
|
||||
input.provide(ssrContextKey, context);
|
||||
try {
|
||||
const result = await unrollBuffer$1(await renderComponentVNode(vnode));
|
||||
await resolveTeleports(context);
|
||||
return result;
|
||||
} finally {
|
||||
cleanupContext(context);
|
||||
}
|
||||
}
|
||||
async function resolveTeleports(context) {
|
||||
if (context.__teleportBuffers) {
|
||||
context.teleports = context.teleports || {};
|
||||
for (const key in context.__teleportBuffers) context.teleports[key] = await unrollBuffer$1(context.__teleportBuffers[key]);
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/renderToStream.ts
|
||||
const { isVNode } = ssrUtils;
|
||||
async function unrollBuffer(buffer, stream) {
|
||||
if (buffer.hasAsync) for (let i = 0; i < buffer.length; i++) {
|
||||
let item = buffer[i];
|
||||
if (isPromise(item)) item = await item;
|
||||
if (isString(item)) stream.push(item);
|
||||
else await unrollBuffer(item, stream);
|
||||
}
|
||||
else unrollBufferSync(buffer, stream);
|
||||
}
|
||||
function unrollBufferSync(buffer, stream) {
|
||||
for (let i = 0; i < buffer.length; i++) {
|
||||
const item = buffer[i];
|
||||
if (isString(item)) stream.push(item);
|
||||
else unrollBufferSync(item, stream);
|
||||
}
|
||||
}
|
||||
function renderToSimpleStream(input, context, stream) {
|
||||
if (isVNode(input)) return renderToSimpleStream(createApp({ render: () => input }), context, stream);
|
||||
const vnode = createVNode(input._component, input._props);
|
||||
vnode.appContext = input._context;
|
||||
input.provide(ssrContextKey, context);
|
||||
let cleaned = false;
|
||||
const finalize = () => {
|
||||
if (cleaned) return;
|
||||
cleaned = true;
|
||||
cleanupContext(context);
|
||||
};
|
||||
Promise.resolve().then(() => renderComponentVNode(vnode)).then((buffer) => unrollBuffer(buffer, stream)).then(() => resolveTeleports(context)).then(() => {
|
||||
finalize();
|
||||
return stream.push(null);
|
||||
}).catch((error) => {
|
||||
try {
|
||||
finalize();
|
||||
} catch {}
|
||||
stream.destroy(error);
|
||||
});
|
||||
return stream;
|
||||
}
|
||||
/**
|
||||
* @deprecated
|
||||
*/
|
||||
function renderToStream(input, context = {}) {
|
||||
console.warn(`[@vue/server-renderer] renderToStream is deprecated - use renderToNodeStream instead.`);
|
||||
return renderToNodeStream(input, context);
|
||||
}
|
||||
function renderToNodeStream(input, context = {}) {
|
||||
throw new Error("ESM build of renderToStream() does not support renderToNodeStream(). Use pipeToNodeWritable() with an existing Node.js Writable stream instance instead.");
|
||||
}
|
||||
function pipeToNodeWritable(input, context = {}, writable) {
|
||||
renderToSimpleStream(input, context, {
|
||||
push(content) {
|
||||
if (content != null) writable.write(content);
|
||||
else writable.end();
|
||||
},
|
||||
destroy(err) {
|
||||
writable.destroy(err);
|
||||
}
|
||||
});
|
||||
}
|
||||
function renderToWebStream(input, context = {}) {
|
||||
if (typeof ReadableStream !== "function") throw new Error("ReadableStream constructor is not available in the global scope. If the target environment does support web streams, consider using pipeToWebWritable() with an existing WritableStream instance instead.");
|
||||
const encoder = new TextEncoder();
|
||||
let cancelled = false;
|
||||
return new ReadableStream({
|
||||
start(controller) {
|
||||
renderToSimpleStream(input, context, {
|
||||
push(content) {
|
||||
if (cancelled) return;
|
||||
if (content != null) controller.enqueue(encoder.encode(content));
|
||||
else controller.close();
|
||||
},
|
||||
destroy(err) {
|
||||
controller.error(err);
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
cancelled = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
function pipeToWebWritable(input, context = {}, writable) {
|
||||
const writer = writable.getWriter();
|
||||
const encoder = new TextEncoder();
|
||||
let hasReady = false;
|
||||
try {
|
||||
hasReady = isPromise(writer.ready);
|
||||
} catch (e) {}
|
||||
renderToSimpleStream(input, context, {
|
||||
async push(content) {
|
||||
if (hasReady) await writer.ready;
|
||||
if (content != null) return writer.write(encoder.encode(content));
|
||||
else return writer.close();
|
||||
},
|
||||
destroy(err) {
|
||||
console.log(err);
|
||||
writer.close();
|
||||
}
|
||||
});
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/index.ts
|
||||
initDirectivesForSSR();
|
||||
//#endregion
|
||||
export { pipeToNodeWritable, pipeToWebWritable, renderToNodeStream, renderToSimpleStream, renderToStream, renderToString, renderToWebStream, ssrGetDirectiveProps, ssrGetDynamicModelProps, ssrIncludeBooleanAttr, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicAttr, ssrRenderDynamicModel, ssrRenderList, ssrRenderSlot, ssrRenderSlotInner, ssrRenderStyle, ssrRenderSuspense, ssrRenderTeleport, renderVNode as ssrRenderVNode };
|
||||
Reference in New Issue
Block a user