first commit
This commit is contained in:
Artem Anufrij
+21
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2018-present, Yuxi (Evan) You
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
+178
@@ -0,0 +1,178 @@
|
||||
# @vue/server-renderer
|
||||
|
||||
**Note: as of 3.2.13+, this package is included as a dependency of the main `vue` package and can be accessed as `vue/server-renderer`. This means you no longer need to explicitly install this package and ensure its version matches that of `vue`'s. Just use the `vue/server-renderer` deep import instead.**
|
||||
|
||||
## Basic API
|
||||
|
||||
### `renderToString`
|
||||
|
||||
**Signature**
|
||||
|
||||
```ts
|
||||
function renderToString(
|
||||
input: App | VNode,
|
||||
context?: SSRContext,
|
||||
): Promise<string>
|
||||
```
|
||||
|
||||
**Usage**
|
||||
|
||||
```js
|
||||
const { createSSRApp } = require('vue')
|
||||
const { renderToString } = require('@vue/server-renderer')
|
||||
|
||||
const app = createSSRApp({
|
||||
data: () => ({ msg: 'hello' }),
|
||||
template: `<div>{{ msg }}</div>`,
|
||||
})
|
||||
|
||||
;(async () => {
|
||||
const html = await renderToString(app)
|
||||
console.log(html)
|
||||
})()
|
||||
```
|
||||
|
||||
### Handling Teleports
|
||||
|
||||
If the rendered app contains teleports, the teleported content will not be part of the rendered string. Instead, they are exposed under the `teleports` property of the ssr context object:
|
||||
|
||||
```js
|
||||
const ctx = {}
|
||||
const html = await renderToString(app, ctx)
|
||||
|
||||
console.log(ctx.teleports) // { '#teleported': 'teleported content' }
|
||||
```
|
||||
|
||||
## Streaming API
|
||||
|
||||
### `renderToNodeStream`
|
||||
|
||||
Renders input as a [Node.js Readable stream](https://nodejs.org/api/stream.html#stream_class_stream_readable).
|
||||
|
||||
**Signature**
|
||||
|
||||
```ts
|
||||
function renderToNodeStream(input: App | VNode, context?: SSRContext): Readable
|
||||
```
|
||||
|
||||
**Usage**
|
||||
|
||||
```js
|
||||
// inside a Node.js http handler
|
||||
renderToNodeStream(app).pipe(res)
|
||||
```
|
||||
|
||||
**Note:** This method is not supported in the ESM build of `@vue/server-renderer`, which is decoupled from Node.js environments. Use `pipeToNodeWritable` instead.
|
||||
|
||||
### `pipeToNodeWritable`
|
||||
|
||||
Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/stream.html#stream_writable_streams) instance.
|
||||
|
||||
**Signature**
|
||||
|
||||
```ts
|
||||
function pipeToNodeWritable(
|
||||
input: App | VNode,
|
||||
context: SSRContext = {},
|
||||
writable: Writable,
|
||||
): void
|
||||
```
|
||||
|
||||
**Usage**
|
||||
|
||||
```js
|
||||
// inside a Node.js http handler
|
||||
pipeToNodeWritable(app, {}, res)
|
||||
```
|
||||
|
||||
### `renderToWebStream`
|
||||
|
||||
Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API).
|
||||
|
||||
**Signature**
|
||||
|
||||
```ts
|
||||
function renderToWebStream(
|
||||
input: App | VNode,
|
||||
context?: SSRContext,
|
||||
): ReadableStream
|
||||
```
|
||||
|
||||
**Usage**
|
||||
|
||||
```js
|
||||
// inside an environment with ReadableStream support
|
||||
return new Response(renderToWebStream(app))
|
||||
```
|
||||
|
||||
**Note:** in environments that do not expose `ReadableStream` constructor in the global scope, `pipeToWebWritable` should be used instead.
|
||||
|
||||
### `pipeToWebWritable`
|
||||
|
||||
Render and pipe to an existing [Web WritableStream](https://developer.mozilla.org/en-US/docs/Web/API/WritableStream) instance.
|
||||
|
||||
**Signature**
|
||||
|
||||
```ts
|
||||
function pipeToWebWritable(
|
||||
input: App | VNode,
|
||||
context: SSRContext = {},
|
||||
writable: WritableStream,
|
||||
): void
|
||||
```
|
||||
|
||||
**Usage**
|
||||
|
||||
This is typically used in combination with [`TransformStream`](https://developer.mozilla.org/en-US/docs/Web/API/TransformStream):
|
||||
|
||||
```js
|
||||
// TransformStream is available in environments such as CloudFlare workers.
|
||||
// in Node.js, TransformStream needs to be explicitly imported from 'stream/web'
|
||||
const { readable, writable } = new TransformStream()
|
||||
pipeToWebWritable(app, {}, writable)
|
||||
|
||||
return new Response(readable)
|
||||
```
|
||||
|
||||
### `renderToSimpleStream`
|
||||
|
||||
Renders input in streaming mode using a simple readable interface.
|
||||
|
||||
**Signature**
|
||||
|
||||
```ts
|
||||
function renderToSimpleStream(
|
||||
input: App | VNode,
|
||||
context: SSRContext,
|
||||
options: SimpleReadable,
|
||||
): SimpleReadable
|
||||
|
||||
interface SimpleReadable {
|
||||
push(content: string | null): void
|
||||
destroy(err: any): void
|
||||
}
|
||||
```
|
||||
|
||||
**Usage**
|
||||
|
||||
```js
|
||||
let res = ''
|
||||
|
||||
renderToSimpleStream(
|
||||
app,
|
||||
{},
|
||||
{
|
||||
push(chunk) {
|
||||
if (chunk === null) {
|
||||
// done
|
||||
console.log(`render complete: ${res}`)
|
||||
} else {
|
||||
res += chunk
|
||||
}
|
||||
},
|
||||
destroy(err) {
|
||||
// error encountered
|
||||
},
|
||||
},
|
||||
)
|
||||
```
|
||||
+790
@@ -0,0 +1,790 @@
|
||||
/**
|
||||
* @vue/server-renderer v3.6.0-rc.10
|
||||
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
||||
* @license MIT
|
||||
**/
|
||||
Object.defineProperties(exports, {
|
||||
__esModule: { value: true },
|
||||
[Symbol.toStringTag]: { value: "Module" }
|
||||
});
|
||||
//#region \0rolldown/runtime.js
|
||||
var __create = Object.create;
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __getProtoOf = Object.getPrototypeOf;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __exportAll = (all, no_symbols) => {
|
||||
let target = {};
|
||||
for (var name in all) __defProp(target, name, {
|
||||
get: all[name],
|
||||
enumerable: true
|
||||
});
|
||||
if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
|
||||
return target;
|
||||
};
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
|
||||
key = keys[i];
|
||||
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
||||
get: ((k) => from[k]).bind(null, key),
|
||||
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
||||
});
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
|
||||
value: mod,
|
||||
enumerable: true
|
||||
}) : target, mod));
|
||||
//#endregion
|
||||
let _vue_runtime_dom = require("@vue/runtime-dom");
|
||||
_vue_runtime_dom = __toESM(_vue_runtime_dom);
|
||||
let _vue_shared = require("@vue/shared");
|
||||
let _vue_compiler_ssr = require("@vue/compiler-ssr");
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderAttrs.ts
|
||||
const shouldIgnoreProp = /*@__PURE__*/ (0, _vue_shared.makeMap)(`,key,ref,innerHTML,textContent,ref_key,ref_for`);
|
||||
function ssrRenderAttrs(props, tag) {
|
||||
let ret = "";
|
||||
for (let key in props) {
|
||||
if (shouldIgnoreProp(key) || (0, _vue_shared.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="${(0, _vue_shared.escapeHtml)(String(value))}"`;
|
||||
} else ret += ssrRenderDynamicAttr(key, value, tag);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
function ssrRenderDynamicAttr(key, value, tag) {
|
||||
if (!(0, _vue_shared.isRenderableAttrValue)(value)) return ``;
|
||||
const attrKey = tag && (tag.indexOf("-") > 0 || (0, _vue_shared.isSVGTag)(tag)) ? key : _vue_shared.propsToAttrMap[key] || key.toLowerCase();
|
||||
if ((0, _vue_shared.isBooleanAttr)(attrKey) || attrKey === "hidden" && (typeof value === "boolean" || typeof value === "number")) return (0, _vue_shared.includeBooleanAttr)(value) ? ` ${attrKey}` : ``;
|
||||
else if ((0, _vue_shared.isSSRSafeAttrName)(attrKey)) return value === "" ? ` ${attrKey}` : ` ${attrKey}="${(0, _vue_shared.escapeHtml)(value)}"`;
|
||||
else {
|
||||
console.warn(`[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`);
|
||||
return ``;
|
||||
}
|
||||
}
|
||||
function ssrRenderAttr(key, value) {
|
||||
if (!(0, _vue_shared.isRenderableAttrValue)(value)) return ``;
|
||||
return ` ${key}="${(0, _vue_shared.escapeHtml)(value)}"`;
|
||||
}
|
||||
function ssrRenderClass(raw) {
|
||||
return (0, _vue_shared.escapeHtml)((0, _vue_shared.normalizeClass)(raw));
|
||||
}
|
||||
function ssrRenderStyle(raw) {
|
||||
if (!raw) return "";
|
||||
if ((0, _vue_shared.isString)(raw)) return (0, _vue_shared.escapeHtml)(raw);
|
||||
const styles = (0, _vue_shared.normalizeStyle)(ssrResetCssVars(raw));
|
||||
return (0, _vue_shared.escapeHtml)((0, _vue_shared.stringifyStyle)(styles));
|
||||
}
|
||||
function ssrResetCssVars(raw) {
|
||||
if (!(0, _vue_shared.isArray)(raw) && (0, _vue_shared.isObject)(raw)) {
|
||||
const res = {};
|
||||
for (const key in raw) if (key.startsWith(":--")) res[key.slice(1)] = (0, _vue_shared.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 } = _vue_runtime_dom.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 ((0, _vue_shared.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 = (0, _vue_runtime_dom.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 ((0, _vue_shared.isString)(comp)) {
|
||||
const { getBuffer, push } = createBuffer();
|
||||
renderVNode(push, (0, _vue_runtime_dom.createVNode)(comp, props, children), parentComponent, slotScopeId);
|
||||
return getBuffer();
|
||||
}
|
||||
return renderComponentVNode((0, _vue_runtime_dom.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[_vue_runtime_dom.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 ((0, _vue_shared.isPromise)(teleportContent) || (0, _vue_shared.isArray)(teleportContent) && teleportContent.hasAsync) targetBuffer.hasAsync = true;
|
||||
parentPush("<!--teleport end-->");
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrInterpolate.ts
|
||||
function ssrInterpolate(value) {
|
||||
return (0, _vue_shared.escapeHtml)((0, _vue_shared.toDisplayString)(value));
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderList.ts
|
||||
function ssrRenderList(source, renderItem) {
|
||||
if ((0, _vue_shared.isArray)(source) || (0, _vue_shared.isString)(source)) for (let i = 0, l = source.length; i < l; i++) renderItem(source[i], i);
|
||||
else if (typeof source === "number") {
|
||||
if (!Number.isInteger(source) || source < 0) {
|
||||
(0, _vue_runtime_dom.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 ((0, _vue_shared.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: _vue_runtime_dom.ssrUtils.getComponentPublicInstance(instance.$),
|
||||
value,
|
||||
oldValue: void 0,
|
||||
arg,
|
||||
modifiers
|
||||
}, null) || {};
|
||||
return {};
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrVModelHelpers.ts
|
||||
const ssrLooseEqual = _vue_shared.looseEqual;
|
||||
function ssrLooseContain(arr, value) {
|
||||
return (0, _vue_shared.looseIndexOf)(arr, value) > -1;
|
||||
}
|
||||
function ssrRenderDynamicModel(type, model, value) {
|
||||
switch (type) {
|
||||
case "radio": return (0, _vue_shared.looseEqual)(model, value) ? " checked" : "";
|
||||
case "checkbox": return ((0, _vue_shared.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 (0, _vue_shared.looseEqual)(model, value) ? { checked: true } : null;
|
||||
case "checkbox": return ((0, _vue_shared.isArray)(model) ? ssrLooseContain(model, value) : model) ? { checked: true } : null;
|
||||
default: return { value: model };
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/internal.ts
|
||||
var internal_exports = /* @__PURE__ */ __exportAll({
|
||||
ssrGetDirectiveProps: () => ssrGetDirectiveProps,
|
||||
ssrGetDynamicModelProps: () => ssrGetDynamicModelProps,
|
||||
ssrIncludeBooleanAttr: () => _vue_shared.includeBooleanAttr,
|
||||
ssrInterpolate: () => ssrInterpolate,
|
||||
ssrLooseContain: () => ssrLooseContain,
|
||||
ssrLooseEqual: () => ssrLooseEqual,
|
||||
ssrRenderAttr: () => ssrRenderAttr,
|
||||
ssrRenderAttrs: () => ssrRenderAttrs,
|
||||
ssrRenderClass: () => ssrRenderClass,
|
||||
ssrRenderComponent: () => ssrRenderComponent,
|
||||
ssrRenderDynamicAttr: () => ssrRenderDynamicAttr,
|
||||
ssrRenderDynamicModel: () => ssrRenderDynamicModel,
|
||||
ssrRenderList: () => ssrRenderList,
|
||||
ssrRenderSlot: () => ssrRenderSlot,
|
||||
ssrRenderSlotInner: () => ssrRenderSlotInner,
|
||||
ssrRenderStyle: () => ssrRenderStyle,
|
||||
ssrRenderSuspense: () => ssrRenderSuspense,
|
||||
ssrRenderTeleport: () => ssrRenderTeleport,
|
||||
ssrRenderVNode: () => renderVNode
|
||||
});
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrCompile.ts
|
||||
const compileCache = Object.create(null);
|
||||
function ssrCompile(template, instance) {
|
||||
const Component = instance.type;
|
||||
const { isCustomElement, compilerOptions } = instance.appContext.config;
|
||||
const { delimiters, compilerOptions: componentCompilerOptions } = Component;
|
||||
const finalCompilerOptions = (0, _vue_shared.extend)((0, _vue_shared.extend)({
|
||||
isCustomElement,
|
||||
delimiters
|
||||
}, compilerOptions), componentCompilerOptions);
|
||||
finalCompilerOptions.isCustomElement = finalCompilerOptions.isCustomElement || _vue_shared.NO;
|
||||
finalCompilerOptions.isNativeTag = finalCompilerOptions.isNativeTag || _vue_shared.NO;
|
||||
const cacheKey = JSON.stringify({
|
||||
template,
|
||||
compilerOptions: finalCompilerOptions
|
||||
}, (key, value) => {
|
||||
return (0, _vue_shared.isFunction)(value) ? value.toString() : value;
|
||||
});
|
||||
const cached = compileCache[cacheKey];
|
||||
if (cached) return cached;
|
||||
finalCompilerOptions.onError = (err) => {
|
||||
{
|
||||
const message = `[@vue/server-renderer] Template compilation error: ${err.message}`;
|
||||
const codeFrame = err.loc && (0, _vue_shared.generateCodeFrame)(template, err.loc.start.offset, err.loc.end.offset);
|
||||
(0, _vue_runtime_dom.warn)(codeFrame ? `${message}\n${codeFrame}` : message);
|
||||
}
|
||||
};
|
||||
const { code } = (0, _vue_compiler_ssr.compile)(template, finalCompilerOptions);
|
||||
const requireMap = {
|
||||
vue: _vue_runtime_dom,
|
||||
"vue/server-renderer": internal_exports
|
||||
};
|
||||
const fakeRequire = (id) => requireMap[id];
|
||||
return compileCache[cacheKey] = Function("require", code)(fakeRequire);
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/render.ts
|
||||
const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, isVNode: isVNode$2, normalizeVNode, pushWarningContext, popWarningContext, VaporSlot, rawVaporSlotKey, invokeSlotFallback } = _vue_runtime_dom.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 = (0, _vue_shared.isString)(item);
|
||||
if (appendable && isStringItem) {
|
||||
buffer[buffer.length - 1] += item;
|
||||
return;
|
||||
}
|
||||
buffer.push(item);
|
||||
appendable = isStringItem;
|
||||
if ((0, _vue_shared.isPromise)(item) || (0, _vue_shared.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 === _vue_runtime_dom.Fragment) {
|
||||
if (child.patchFlag > 0 && child.patchFlag & 384 || !findVaporSlot(child.children)) return false;
|
||||
} else if (child.type !== _vue_runtime_dom.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 ((0, _vue_shared.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[_vue_runtime_dom.ssrContextKey];
|
||||
if (context) (context.__instanceScopes || (context.__instanceScopes = [])).push(instance.scope);
|
||||
pushWarningContext(vnode);
|
||||
const res = setupComponent(instance, true);
|
||||
popWarningContext();
|
||||
const hasAsyncSetup = (0, _vue_shared.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(_vue_shared.NOOP).then(() => renderComponentSubTree(instance, slotScopeId));
|
||||
else try {
|
||||
return renderComponentSubTree(instance, slotScopeId);
|
||||
} catch (err) {
|
||||
return Promise.reject(err);
|
||||
}
|
||||
}
|
||||
function renderComponentSubTree(instance, slotScopeId) {
|
||||
pushWarningContext(instance.vnode);
|
||||
const comp = instance.type;
|
||||
const { getBuffer, push } = createBuffer();
|
||||
if ((0, _vue_shared.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 === _vue_shared.NOOP) && !instance.ssrRender && !comp.ssrRender && (0, _vue_shared.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) {
|
||||
(0, _vue_runtime_dom.handleError)(err, instance, 1);
|
||||
} finally {
|
||||
setCurrentRenderingInstance(prev);
|
||||
}
|
||||
} else if (instance.render && instance.render !== _vue_shared.NOOP) renderVNode(push, instance.subTree = renderComponentRoot(instance), instance, slotScopeId);
|
||||
else {
|
||||
const componentName = comp.name || comp.__file || `<Anonymous>`;
|
||||
(0, _vue_runtime_dom.warn)(`Component ${componentName} is missing template or render function.`);
|
||||
push(`<!---->`);
|
||||
}
|
||||
}
|
||||
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 _vue_runtime_dom.Text:
|
||||
push((0, _vue_shared.escapeHtml)(children));
|
||||
break;
|
||||
case _vue_runtime_dom.Comment:
|
||||
push(children ? `<!--${(0, _vue_shared.escapeHtmlComment)(children)}-->` : `<!---->`);
|
||||
break;
|
||||
case _vue_runtime_dom.Static:
|
||||
push(children);
|
||||
break;
|
||||
case _vue_runtime_dom.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 (0, _vue_runtime_dom.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 || !(0, _vue_shared.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 (!(0, _vue_shared.isVoidTag)(tag)) {
|
||||
let hasChildrenOverride = false;
|
||||
if (props) {
|
||||
if (props.innerHTML) {
|
||||
hasChildrenOverride = true;
|
||||
push(props.innerHTML);
|
||||
} else if (props.textContent) {
|
||||
hasChildrenOverride = true;
|
||||
push((0, _vue_shared.escapeHtml)(props.textContent));
|
||||
} else if (tag === "textarea" && props.value) {
|
||||
hasChildrenOverride = true;
|
||||
push((0, _vue_shared.escapeHtml)(props.value));
|
||||
}
|
||||
}
|
||||
if (!hasChildrenOverride) {
|
||||
if (shapeFlag & 8) push((0, _vue_shared.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 (0, _vue_runtime_dom.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) (0, _vue_runtime_dom.warn)(`[@vue/server-renderer] Teleport is missing target prop.`);
|
||||
return [];
|
||||
}
|
||||
if (!(0, _vue_shared.isString)(target)) {
|
||||
(0, _vue_runtime_dom.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 } = _vue_runtime_dom.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 ((0, _vue_shared.isString)(item)) {
|
||||
ret += item;
|
||||
continue;
|
||||
}
|
||||
if ((0, _vue_shared.isPromise)(item)) return item.then((nestedItem) => {
|
||||
buffer[i] = nestedItem;
|
||||
return nestedUnrollBuffer(buffer, ret, i);
|
||||
});
|
||||
const result = nestedUnrollBuffer(item, ret, 0);
|
||||
if ((0, _vue_shared.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 ((0, _vue_shared.isString)(item)) ret += item;
|
||||
else ret += unrollBufferSync$1(item);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
async function renderToString(input, context = {}) {
|
||||
if (isVNode$1(input)) return renderToString((0, _vue_runtime_dom.createApp)({ render: () => input }), context);
|
||||
const vnode = (0, _vue_runtime_dom.createVNode)(input._component, input._props);
|
||||
vnode.appContext = input._context;
|
||||
input.provide(_vue_runtime_dom.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 } = _vue_runtime_dom.ssrUtils;
|
||||
async function unrollBuffer(buffer, stream) {
|
||||
if (buffer.hasAsync) for (let i = 0; i < buffer.length; i++) {
|
||||
let item = buffer[i];
|
||||
if ((0, _vue_shared.isPromise)(item)) item = await item;
|
||||
if ((0, _vue_shared.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 ((0, _vue_shared.isString)(item)) stream.push(item);
|
||||
else unrollBufferSync(item, stream);
|
||||
}
|
||||
}
|
||||
function renderToSimpleStream(input, context, stream) {
|
||||
if (isVNode(input)) return renderToSimpleStream((0, _vue_runtime_dom.createApp)({ render: () => input }), context, stream);
|
||||
const vnode = (0, _vue_runtime_dom.createVNode)(input._component, input._props);
|
||||
vnode.appContext = input._context;
|
||||
input.provide(_vue_runtime_dom.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 = {}) {
|
||||
const stream = new (require("node:stream")).Readable({ read() {} });
|
||||
if (!stream) throw new Error("ESM build of renderToStream() does not support renderToNodeStream(). Use pipeToNodeWritable() with an existing Node.js Writable stream instance instead.");
|
||||
return renderToSimpleStream(input, context, stream);
|
||||
}
|
||||
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 = (0, _vue_shared.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
|
||||
(0, _vue_runtime_dom.initDirectivesForSSR)();
|
||||
//#endregion
|
||||
exports.pipeToNodeWritable = pipeToNodeWritable;
|
||||
exports.pipeToWebWritable = pipeToWebWritable;
|
||||
exports.renderToNodeStream = renderToNodeStream;
|
||||
exports.renderToSimpleStream = renderToSimpleStream;
|
||||
exports.renderToStream = renderToStream;
|
||||
exports.renderToString = renderToString;
|
||||
exports.renderToWebStream = renderToWebStream;
|
||||
exports.ssrGetDirectiveProps = ssrGetDirectiveProps;
|
||||
exports.ssrGetDynamicModelProps = ssrGetDynamicModelProps;
|
||||
exports.ssrIncludeBooleanAttr = _vue_shared.includeBooleanAttr;
|
||||
exports.ssrInterpolate = ssrInterpolate;
|
||||
exports.ssrLooseContain = ssrLooseContain;
|
||||
exports.ssrLooseEqual = ssrLooseEqual;
|
||||
exports.ssrRenderAttr = ssrRenderAttr;
|
||||
exports.ssrRenderAttrs = ssrRenderAttrs;
|
||||
exports.ssrRenderClass = ssrRenderClass;
|
||||
exports.ssrRenderComponent = ssrRenderComponent;
|
||||
exports.ssrRenderDynamicAttr = ssrRenderDynamicAttr;
|
||||
exports.ssrRenderDynamicModel = ssrRenderDynamicModel;
|
||||
exports.ssrRenderList = ssrRenderList;
|
||||
exports.ssrRenderSlot = ssrRenderSlot;
|
||||
exports.ssrRenderSlotInner = ssrRenderSlotInner;
|
||||
exports.ssrRenderStyle = ssrRenderStyle;
|
||||
exports.ssrRenderSuspense = ssrRenderSuspense;
|
||||
exports.ssrRenderTeleport = ssrRenderTeleport;
|
||||
exports.ssrRenderVNode = renderVNode;
|
||||
+777
@@ -0,0 +1,777 @@
|
||||
/**
|
||||
* @vue/server-renderer v3.6.0-rc.10
|
||||
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
||||
* @license MIT
|
||||
**/
|
||||
Object.defineProperties(exports, {
|
||||
__esModule: { value: true },
|
||||
[Symbol.toStringTag]: { value: "Module" }
|
||||
});
|
||||
//#region \0rolldown/runtime.js
|
||||
var __create = Object.create;
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __getProtoOf = Object.getPrototypeOf;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __exportAll = (all, no_symbols) => {
|
||||
let target = {};
|
||||
for (var name in all) __defProp(target, name, {
|
||||
get: all[name],
|
||||
enumerable: true
|
||||
});
|
||||
if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
|
||||
return target;
|
||||
};
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
|
||||
key = keys[i];
|
||||
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
||||
get: ((k) => from[k]).bind(null, key),
|
||||
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
||||
});
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
|
||||
value: mod,
|
||||
enumerable: true
|
||||
}) : target, mod));
|
||||
//#endregion
|
||||
let _vue_runtime_dom = require("@vue/runtime-dom");
|
||||
_vue_runtime_dom = __toESM(_vue_runtime_dom);
|
||||
let _vue_shared = require("@vue/shared");
|
||||
let _vue_compiler_ssr = require("@vue/compiler-ssr");
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderAttrs.ts
|
||||
const shouldIgnoreProp = /*@__PURE__*/ (0, _vue_shared.makeMap)(`,key,ref,innerHTML,textContent,ref_key,ref_for`);
|
||||
function ssrRenderAttrs(props, tag) {
|
||||
let ret = "";
|
||||
for (let key in props) {
|
||||
if (shouldIgnoreProp(key) || (0, _vue_shared.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="${(0, _vue_shared.escapeHtml)(String(value))}"`;
|
||||
} else ret += ssrRenderDynamicAttr(key, value, tag);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
function ssrRenderDynamicAttr(key, value, tag) {
|
||||
if (!(0, _vue_shared.isRenderableAttrValue)(value)) return ``;
|
||||
const attrKey = tag && (tag.indexOf("-") > 0 || (0, _vue_shared.isSVGTag)(tag)) ? key : _vue_shared.propsToAttrMap[key] || key.toLowerCase();
|
||||
if ((0, _vue_shared.isBooleanAttr)(attrKey) || attrKey === "hidden" && (typeof value === "boolean" || typeof value === "number")) return (0, _vue_shared.includeBooleanAttr)(value) ? ` ${attrKey}` : ``;
|
||||
else if ((0, _vue_shared.isSSRSafeAttrName)(attrKey)) return value === "" ? ` ${attrKey}` : ` ${attrKey}="${(0, _vue_shared.escapeHtml)(value)}"`;
|
||||
else {
|
||||
console.warn(`[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`);
|
||||
return ``;
|
||||
}
|
||||
}
|
||||
function ssrRenderAttr(key, value) {
|
||||
if (!(0, _vue_shared.isRenderableAttrValue)(value)) return ``;
|
||||
return ` ${key}="${(0, _vue_shared.escapeHtml)(value)}"`;
|
||||
}
|
||||
function ssrRenderClass(raw) {
|
||||
return (0, _vue_shared.escapeHtml)((0, _vue_shared.normalizeClass)(raw));
|
||||
}
|
||||
function ssrRenderStyle(raw) {
|
||||
if (!raw) return "";
|
||||
if ((0, _vue_shared.isString)(raw)) return (0, _vue_shared.escapeHtml)(raw);
|
||||
const styles = (0, _vue_shared.normalizeStyle)(ssrResetCssVars(raw));
|
||||
return (0, _vue_shared.escapeHtml)((0, _vue_shared.stringifyStyle)(styles));
|
||||
}
|
||||
function ssrResetCssVars(raw) {
|
||||
if (!(0, _vue_shared.isArray)(raw) && (0, _vue_shared.isObject)(raw)) {
|
||||
const res = {};
|
||||
for (const key in raw) if (key.startsWith(":--")) res[key.slice(1)] = (0, _vue_shared.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 } = _vue_runtime_dom.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 ((0, _vue_shared.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 = (0, _vue_runtime_dom.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 ((0, _vue_shared.isString)(comp)) {
|
||||
const { getBuffer, push } = createBuffer();
|
||||
renderVNode(push, (0, _vue_runtime_dom.createVNode)(comp, props, children), parentComponent, slotScopeId);
|
||||
return getBuffer();
|
||||
}
|
||||
return renderComponentVNode((0, _vue_runtime_dom.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[_vue_runtime_dom.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 ((0, _vue_shared.isPromise)(teleportContent) || (0, _vue_shared.isArray)(teleportContent) && teleportContent.hasAsync) targetBuffer.hasAsync = true;
|
||||
parentPush("<!--teleport end-->");
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrInterpolate.ts
|
||||
function ssrInterpolate(value) {
|
||||
return (0, _vue_shared.escapeHtml)((0, _vue_shared.toDisplayString)(value));
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrRenderList.ts
|
||||
function ssrRenderList(source, renderItem) {
|
||||
if ((0, _vue_shared.isArray)(source) || (0, _vue_shared.isString)(source)) for (let i = 0, l = source.length; i < l; i++) renderItem(source[i], i);
|
||||
else if (typeof source === "number") for (let i = 0; i < source; i++) renderItem(i + 1, i);
|
||||
else if ((0, _vue_shared.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: _vue_runtime_dom.ssrUtils.getComponentPublicInstance(instance.$),
|
||||
value,
|
||||
oldValue: void 0,
|
||||
arg,
|
||||
modifiers
|
||||
}, null) || {};
|
||||
return {};
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrVModelHelpers.ts
|
||||
const ssrLooseEqual = _vue_shared.looseEqual;
|
||||
function ssrLooseContain(arr, value) {
|
||||
return (0, _vue_shared.looseIndexOf)(arr, value) > -1;
|
||||
}
|
||||
function ssrRenderDynamicModel(type, model, value) {
|
||||
switch (type) {
|
||||
case "radio": return (0, _vue_shared.looseEqual)(model, value) ? " checked" : "";
|
||||
case "checkbox": return ((0, _vue_shared.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 (0, _vue_shared.looseEqual)(model, value) ? { checked: true } : null;
|
||||
case "checkbox": return ((0, _vue_shared.isArray)(model) ? ssrLooseContain(model, value) : model) ? { checked: true } : null;
|
||||
default: return { value: model };
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/internal.ts
|
||||
var internal_exports = /* @__PURE__ */ __exportAll({
|
||||
ssrGetDirectiveProps: () => ssrGetDirectiveProps,
|
||||
ssrGetDynamicModelProps: () => ssrGetDynamicModelProps,
|
||||
ssrIncludeBooleanAttr: () => _vue_shared.includeBooleanAttr,
|
||||
ssrInterpolate: () => ssrInterpolate,
|
||||
ssrLooseContain: () => ssrLooseContain,
|
||||
ssrLooseEqual: () => ssrLooseEqual,
|
||||
ssrRenderAttr: () => ssrRenderAttr,
|
||||
ssrRenderAttrs: () => ssrRenderAttrs,
|
||||
ssrRenderClass: () => ssrRenderClass,
|
||||
ssrRenderComponent: () => ssrRenderComponent,
|
||||
ssrRenderDynamicAttr: () => ssrRenderDynamicAttr,
|
||||
ssrRenderDynamicModel: () => ssrRenderDynamicModel,
|
||||
ssrRenderList: () => ssrRenderList,
|
||||
ssrRenderSlot: () => ssrRenderSlot,
|
||||
ssrRenderSlotInner: () => ssrRenderSlotInner,
|
||||
ssrRenderStyle: () => ssrRenderStyle,
|
||||
ssrRenderSuspense: () => ssrRenderSuspense,
|
||||
ssrRenderTeleport: () => ssrRenderTeleport,
|
||||
ssrRenderVNode: () => renderVNode
|
||||
});
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/helpers/ssrCompile.ts
|
||||
const compileCache = Object.create(null);
|
||||
function ssrCompile(template, instance) {
|
||||
const Component = instance.type;
|
||||
const { isCustomElement, compilerOptions } = instance.appContext.config;
|
||||
const { delimiters, compilerOptions: componentCompilerOptions } = Component;
|
||||
const finalCompilerOptions = (0, _vue_shared.extend)((0, _vue_shared.extend)({
|
||||
isCustomElement,
|
||||
delimiters
|
||||
}, compilerOptions), componentCompilerOptions);
|
||||
finalCompilerOptions.isCustomElement = finalCompilerOptions.isCustomElement || _vue_shared.NO;
|
||||
finalCompilerOptions.isNativeTag = finalCompilerOptions.isNativeTag || _vue_shared.NO;
|
||||
const cacheKey = JSON.stringify({
|
||||
template,
|
||||
compilerOptions: finalCompilerOptions
|
||||
}, (key, value) => {
|
||||
return (0, _vue_shared.isFunction)(value) ? value.toString() : value;
|
||||
});
|
||||
const cached = compileCache[cacheKey];
|
||||
if (cached) return cached;
|
||||
finalCompilerOptions.onError = (err) => {
|
||||
throw err;
|
||||
};
|
||||
const { code } = (0, _vue_compiler_ssr.compile)(template, finalCompilerOptions);
|
||||
const requireMap = {
|
||||
vue: _vue_runtime_dom,
|
||||
"vue/server-renderer": internal_exports
|
||||
};
|
||||
const fakeRequire = (id) => requireMap[id];
|
||||
return compileCache[cacheKey] = Function("require", code)(fakeRequire);
|
||||
}
|
||||
//#endregion
|
||||
//#region packages/server-renderer/src/render.ts
|
||||
const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, isVNode: isVNode$2, normalizeVNode, pushWarningContext, popWarningContext, VaporSlot, rawVaporSlotKey, invokeSlotFallback } = _vue_runtime_dom.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 = (0, _vue_shared.isString)(item);
|
||||
if (appendable && isStringItem) {
|
||||
buffer[buffer.length - 1] += item;
|
||||
return;
|
||||
}
|
||||
buffer.push(item);
|
||||
appendable = isStringItem;
|
||||
if ((0, _vue_shared.isPromise)(item) || (0, _vue_shared.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 === _vue_runtime_dom.Fragment) {
|
||||
if (child.patchFlag > 0 && child.patchFlag & 384 || !findVaporSlot(child.children)) return false;
|
||||
} else if (child.type !== _vue_runtime_dom.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 ((0, _vue_shared.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[_vue_runtime_dom.ssrContextKey];
|
||||
if (context) (context.__instanceScopes || (context.__instanceScopes = [])).push(instance.scope);
|
||||
const res = setupComponent(instance, true);
|
||||
const hasAsyncSetup = (0, _vue_shared.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(_vue_shared.NOOP).then(() => renderComponentSubTree(instance, slotScopeId));
|
||||
else try {
|
||||
return renderComponentSubTree(instance, slotScopeId);
|
||||
} catch (err) {
|
||||
return Promise.reject(err);
|
||||
}
|
||||
}
|
||||
function renderComponentSubTree(instance, slotScopeId) {
|
||||
const comp = instance.type;
|
||||
const { getBuffer, push } = createBuffer();
|
||||
if ((0, _vue_shared.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 === _vue_shared.NOOP) && !instance.ssrRender && !comp.ssrRender && (0, _vue_shared.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) {
|
||||
(0, _vue_runtime_dom.handleError)(err, instance, 1);
|
||||
} finally {
|
||||
setCurrentRenderingInstance(prev);
|
||||
}
|
||||
} else if (instance.render && instance.render !== _vue_shared.NOOP) renderVNode(push, instance.subTree = renderComponentRoot(instance), instance, slotScopeId);
|
||||
else {
|
||||
const componentName = comp.name || comp.__file || `<Anonymous>`;
|
||||
(0, _vue_runtime_dom.warn)(`Component ${componentName} is missing template or render function.`);
|
||||
push(`<!---->`);
|
||||
}
|
||||
}
|
||||
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 _vue_runtime_dom.Text:
|
||||
push((0, _vue_shared.escapeHtml)(children));
|
||||
break;
|
||||
case _vue_runtime_dom.Comment:
|
||||
push(children ? `<!--${(0, _vue_shared.escapeHtmlComment)(children)}-->` : `<!---->`);
|
||||
break;
|
||||
case _vue_runtime_dom.Static:
|
||||
push(children);
|
||||
break;
|
||||
case _vue_runtime_dom.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 (0, _vue_runtime_dom.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 || !(0, _vue_shared.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 (!(0, _vue_shared.isVoidTag)(tag)) {
|
||||
let hasChildrenOverride = false;
|
||||
if (props) {
|
||||
if (props.innerHTML) {
|
||||
hasChildrenOverride = true;
|
||||
push(props.innerHTML);
|
||||
} else if (props.textContent) {
|
||||
hasChildrenOverride = true;
|
||||
push((0, _vue_shared.escapeHtml)(props.textContent));
|
||||
} else if (tag === "textarea" && props.value) {
|
||||
hasChildrenOverride = true;
|
||||
push((0, _vue_shared.escapeHtml)(props.value));
|
||||
}
|
||||
}
|
||||
if (!hasChildrenOverride) {
|
||||
if (shapeFlag & 8) push((0, _vue_shared.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 (0, _vue_runtime_dom.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) (0, _vue_runtime_dom.warn)(`[@vue/server-renderer] Teleport is missing target prop.`);
|
||||
return [];
|
||||
}
|
||||
if (!(0, _vue_shared.isString)(target)) {
|
||||
(0, _vue_runtime_dom.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 } = _vue_runtime_dom.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 ((0, _vue_shared.isString)(item)) {
|
||||
ret += item;
|
||||
continue;
|
||||
}
|
||||
if ((0, _vue_shared.isPromise)(item)) return item.then((nestedItem) => {
|
||||
buffer[i] = nestedItem;
|
||||
return nestedUnrollBuffer(buffer, ret, i);
|
||||
});
|
||||
const result = nestedUnrollBuffer(item, ret, 0);
|
||||
if ((0, _vue_shared.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 ((0, _vue_shared.isString)(item)) ret += item;
|
||||
else ret += unrollBufferSync$1(item);
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
async function renderToString(input, context = {}) {
|
||||
if (isVNode$1(input)) return renderToString((0, _vue_runtime_dom.createApp)({ render: () => input }), context);
|
||||
const vnode = (0, _vue_runtime_dom.createVNode)(input._component, input._props);
|
||||
vnode.appContext = input._context;
|
||||
input.provide(_vue_runtime_dom.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 } = _vue_runtime_dom.ssrUtils;
|
||||
async function unrollBuffer(buffer, stream) {
|
||||
if (buffer.hasAsync) for (let i = 0; i < buffer.length; i++) {
|
||||
let item = buffer[i];
|
||||
if ((0, _vue_shared.isPromise)(item)) item = await item;
|
||||
if ((0, _vue_shared.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 ((0, _vue_shared.isString)(item)) stream.push(item);
|
||||
else unrollBufferSync(item, stream);
|
||||
}
|
||||
}
|
||||
function renderToSimpleStream(input, context, stream) {
|
||||
if (isVNode(input)) return renderToSimpleStream((0, _vue_runtime_dom.createApp)({ render: () => input }), context, stream);
|
||||
const vnode = (0, _vue_runtime_dom.createVNode)(input._component, input._props);
|
||||
vnode.appContext = input._context;
|
||||
input.provide(_vue_runtime_dom.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 = {}) {
|
||||
const stream = new (require("node:stream")).Readable({ read() {} });
|
||||
if (!stream) throw new Error("ESM build of renderToStream() does not support renderToNodeStream(). Use pipeToNodeWritable() with an existing Node.js Writable stream instance instead.");
|
||||
return renderToSimpleStream(input, context, stream);
|
||||
}
|
||||
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 = (0, _vue_shared.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
|
||||
(0, _vue_runtime_dom.initDirectivesForSSR)();
|
||||
//#endregion
|
||||
exports.pipeToNodeWritable = pipeToNodeWritable;
|
||||
exports.pipeToWebWritable = pipeToWebWritable;
|
||||
exports.renderToNodeStream = renderToNodeStream;
|
||||
exports.renderToSimpleStream = renderToSimpleStream;
|
||||
exports.renderToStream = renderToStream;
|
||||
exports.renderToString = renderToString;
|
||||
exports.renderToWebStream = renderToWebStream;
|
||||
exports.ssrGetDirectiveProps = ssrGetDirectiveProps;
|
||||
exports.ssrGetDynamicModelProps = ssrGetDynamicModelProps;
|
||||
exports.ssrIncludeBooleanAttr = _vue_shared.includeBooleanAttr;
|
||||
exports.ssrInterpolate = ssrInterpolate;
|
||||
exports.ssrLooseContain = ssrLooseContain;
|
||||
exports.ssrLooseEqual = ssrLooseEqual;
|
||||
exports.ssrRenderAttr = ssrRenderAttr;
|
||||
exports.ssrRenderAttrs = ssrRenderAttrs;
|
||||
exports.ssrRenderClass = ssrRenderClass;
|
||||
exports.ssrRenderComponent = ssrRenderComponent;
|
||||
exports.ssrRenderDynamicAttr = ssrRenderDynamicAttr;
|
||||
exports.ssrRenderDynamicModel = ssrRenderDynamicModel;
|
||||
exports.ssrRenderList = ssrRenderList;
|
||||
exports.ssrRenderSlot = ssrRenderSlot;
|
||||
exports.ssrRenderSlotInner = ssrRenderSlotInner;
|
||||
exports.ssrRenderStyle = ssrRenderStyle;
|
||||
exports.ssrRenderSuspense = ssrRenderSuspense;
|
||||
exports.ssrRenderTeleport = ssrRenderTeleport;
|
||||
exports.ssrRenderVNode = renderVNode;
|
||||
+76
@@ -0,0 +1,76 @@
|
||||
import { App, Component, ComponentInternalInstance, ComponentPublicInstance, Directive, Slots, VNode } from "@vue/runtime-dom";
|
||||
import { Readable, Writable } from "node:stream";
|
||||
import { includeBooleanAttr as ssrIncludeBooleanAttr } from "@vue/shared";
|
||||
//#region temp/packages/server-renderer/src/render.d.ts
|
||||
type SSRBuffer = SSRBufferItem[] & {
|
||||
hasAsync?: boolean;
|
||||
};
|
||||
type SSRBufferItem = string | SSRBuffer | Promise<SSRBuffer>;
|
||||
type PushFn = (item: SSRBufferItem) => void;
|
||||
type Props = Record<string, unknown>;
|
||||
export type SSRContext = {
|
||||
[key: string]: any;
|
||||
teleports?: Record<string, string>;
|
||||
};
|
||||
export declare function renderVNode(push: PushFn, vnode: VNode, parentComponent: ComponentInternalInstance, slotScopeId?: string): void;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/renderToString.d.ts
|
||||
export declare function renderToString(input: App | VNode, context?: SSRContext): Promise<string>;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/renderToStream.d.ts
|
||||
export interface SimpleReadable {
|
||||
push(chunk: string | null): void;
|
||||
destroy(err: any): void;
|
||||
}
|
||||
export declare function renderToSimpleStream<T extends SimpleReadable>(input: App | VNode, context: SSRContext, stream: T): T;
|
||||
/**
|
||||
* @deprecated
|
||||
*/
|
||||
export declare function renderToStream(input: App | VNode, context?: SSRContext): Readable;
|
||||
export declare function renderToNodeStream(input: App | VNode, context?: SSRContext): Readable;
|
||||
export declare function pipeToNodeWritable(input: App | VNode, context: SSRContext | undefined, writable: Writable): void;
|
||||
export declare function renderToWebStream(input: App | VNode, context?: SSRContext): ReadableStream;
|
||||
export declare function pipeToWebWritable(input: App | VNode, context: SSRContext | undefined, writable: WritableStream): void;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrRenderSlot.d.ts
|
||||
type SSRSlots = Record<string, SSRSlot>;
|
||||
type SSRSlot = (props: Props, push: PushFn, parentComponent: ComponentInternalInstance | null, scopeId: string | null) => void;
|
||||
export declare function ssrRenderSlot(slots: Slots | SSRSlots, slotName: string, slotProps: Props | null | undefined, fallbackRenderFn: (() => void) | null, push: PushFn, parentComponent: ComponentInternalInstance, slotScopeId?: string): void;
|
||||
export declare function ssrRenderSlotInner(slots: Slots | SSRSlots, slotName: string, slotProps: Props | null | undefined, fallbackRenderFn: (() => void) | null, push: PushFn, parentComponent: ComponentInternalInstance, slotScopeId?: string, transition?: boolean): void;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrRenderComponent.d.ts
|
||||
export declare function ssrRenderComponent(comp: Component | string, props?: Props | null, children?: Slots | SSRSlots | null, parentComponent?: ComponentInternalInstance | null, slotScopeId?: string): SSRBuffer | Promise<SSRBuffer>;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrRenderTeleport.d.ts
|
||||
export declare function ssrRenderTeleport(parentPush: PushFn, contentRenderFn: (push: PushFn) => void, target: string, disabled: boolean, parentComponent: ComponentInternalInstance): void;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrRenderAttrs.d.ts
|
||||
export declare function ssrRenderAttrs(props: Record<string, unknown>, tag?: string): string;
|
||||
export declare function ssrRenderDynamicAttr(key: string, value: unknown, tag?: string): string;
|
||||
export declare function ssrRenderAttr(key: string, value: unknown): string;
|
||||
export declare function ssrRenderClass(raw: unknown): string;
|
||||
export declare function ssrRenderStyle(raw: unknown): string;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrInterpolate.d.ts
|
||||
export declare function ssrInterpolate(value: unknown): string;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrRenderList.d.ts
|
||||
export declare function ssrRenderList(source: unknown, renderItem: (value: unknown, key: string | number, index?: number) => void): void;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrRenderSuspense.d.ts
|
||||
export declare function ssrRenderSuspense(push: PushFn, { default: renderContent }: Record<string, (() => void) | undefined>): void;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrGetDirectiveProps.d.ts
|
||||
export declare function ssrGetDirectiveProps(instance: ComponentPublicInstance, dir: Directive, value?: any, arg?: string, modifiers?: Record<string, boolean>): Record<string, any>;
|
||||
//#endregion
|
||||
//#region temp/packages/server-renderer/src/helpers/ssrVModelHelpers.d.ts
|
||||
export declare const ssrLooseEqual: (a: unknown, b: unknown) => boolean;
|
||||
export declare function ssrLooseContain(arr: unknown[], value: unknown): boolean;
|
||||
export declare function ssrRenderDynamicModel(type: unknown, model: unknown, value: unknown): string;
|
||||
export declare function ssrGetDynamicModelProps(existingProps: any | undefined, model: unknown): {
|
||||
checked: true;
|
||||
} | {
|
||||
value: any;
|
||||
} | null;
|
||||
//#endregion
|
||||
export { ssrIncludeBooleanAttr, renderVNode as ssrRenderVNode };
|
||||
+7300
File diff suppressed because it is too large
Load Diff
+6
File diff suppressed because one or more lines are too long
+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 };
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
'use strict'
|
||||
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
module.exports = require('./dist/server-renderer.cjs.prod.js')
|
||||
} else {
|
||||
module.exports = require('./dist/server-renderer.cjs.js')
|
||||
}
|
||||
+53
@@ -0,0 +1,53 @@
|
||||
{
|
||||
"name": "@vue/server-renderer",
|
||||
"version": "3.6.0-rc.10",
|
||||
"description": "@vue/server-renderer",
|
||||
"main": "index.js",
|
||||
"module": "dist/server-renderer.esm-bundler.js",
|
||||
"types": "dist/server-renderer.d.ts",
|
||||
"files": [
|
||||
"index.js",
|
||||
"dist"
|
||||
],
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/server-renderer.d.ts",
|
||||
"node": {
|
||||
"production": "./dist/server-renderer.cjs.prod.js",
|
||||
"development": "./dist/server-renderer.cjs.js",
|
||||
"default": "./index.js"
|
||||
},
|
||||
"module": "./dist/server-renderer.esm-bundler.js",
|
||||
"import": "./dist/server-renderer.esm-bundler.js",
|
||||
"require": "./index.js"
|
||||
},
|
||||
"./*": "./*"
|
||||
},
|
||||
"buildOptions": {
|
||||
"name": "VueServerRenderer",
|
||||
"formats": [
|
||||
"esm-bundler",
|
||||
"esm-browser",
|
||||
"cjs"
|
||||
]
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/vuejs/core.git",
|
||||
"directory": "packages/server-renderer"
|
||||
},
|
||||
"keywords": [
|
||||
"vue"
|
||||
],
|
||||
"author": "Evan You",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/vuejs/core/issues"
|
||||
},
|
||||
"homepage": "https://github.com/vuejs/core/tree/main/packages/server-renderer#readme",
|
||||
"dependencies": {
|
||||
"@vue/shared": "3.6.0-rc.10",
|
||||
"@vue/compiler-ssr": "3.6.0-rc.10",
|
||||
"@vue/runtime-dom": "3.6.0-rc.10"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user