server-renderer.esm-bundler.js 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967
  1. import { ssrContextKey, warn as warn$1, Fragment, Static, Comment, Text, mergeProps, ssrUtils, createApp, createVNode, initDirectivesForSSR } from 'vue';
  2. import { makeMap, isOn, escapeHtml, normalizeClass, propsToAttrMap, isBooleanAttr, includeBooleanAttr, isSSRSafeAttrName, isString, normalizeStyle, stringifyStyle, escapeHtmlComment, isVoidTag, isPromise, isArray, isFunction, NOOP, toDisplayString, isObject, looseEqual, looseIndexOf } from '@vue/shared';
  3. export { includeBooleanAttr as ssrIncludeBooleanAttr } from '@vue/shared';
  4. /*! *****************************************************************************
  5. Copyright (c) Microsoft Corporation.
  6. Permission to use, copy, modify, and/or distribute this software for any
  7. purpose with or without fee is hereby granted.
  8. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
  9. REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
  10. AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
  11. INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
  12. LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
  13. OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
  14. PERFORMANCE OF THIS SOFTWARE.
  15. ***************************************************************************** */
  16. function __awaiter(thisArg, _arguments, P, generator) {
  17. function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
  18. return new (P || (P = Promise))(function (resolve, reject) {
  19. function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
  20. function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
  21. function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
  22. step((generator = generator.apply(thisArg, _arguments || [])).next());
  23. });
  24. }
  25. // leading comma for empty string ""
  26. const shouldIgnoreProp = makeMap(`,key,ref,innerHTML,textContent`);
  27. function ssrRenderAttrs(props, tag) {
  28. let ret = '';
  29. for (const key in props) {
  30. if (shouldIgnoreProp(key) ||
  31. isOn(key) ||
  32. (tag === 'textarea' && key === 'value')) {
  33. continue;
  34. }
  35. const value = props[key];
  36. if (key === 'class') {
  37. ret += ` class="${ssrRenderClass(value)}"`;
  38. }
  39. else if (key === 'style') {
  40. ret += ` style="${ssrRenderStyle(value)}"`;
  41. }
  42. else {
  43. ret += ssrRenderDynamicAttr(key, value, tag);
  44. }
  45. }
  46. return ret;
  47. }
  48. // render an attr with dynamic (unknown) key.
  49. function ssrRenderDynamicAttr(key, value, tag) {
  50. if (!isRenderableValue(value)) {
  51. return ``;
  52. }
  53. const attrKey = tag && tag.indexOf('-') > 0
  54. ? key // preserve raw name on custom elements
  55. : propsToAttrMap[key] || key.toLowerCase();
  56. if (isBooleanAttr(attrKey)) {
  57. return includeBooleanAttr(value) ? ` ${attrKey}` : ``;
  58. }
  59. else if (isSSRSafeAttrName(attrKey)) {
  60. return value === '' ? ` ${attrKey}` : ` ${attrKey}="${escapeHtml(value)}"`;
  61. }
  62. else {
  63. console.warn(`[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`);
  64. return ``;
  65. }
  66. }
  67. // Render a v-bind attr with static key. The key is pre-processed at compile
  68. // time and we only need to check and escape value.
  69. function ssrRenderAttr(key, value) {
  70. if (!isRenderableValue(value)) {
  71. return ``;
  72. }
  73. return ` ${key}="${escapeHtml(value)}"`;
  74. }
  75. function isRenderableValue(value) {
  76. if (value == null) {
  77. return false;
  78. }
  79. const type = typeof value;
  80. return type === 'string' || type === 'number' || type === 'boolean';
  81. }
  82. function ssrRenderClass(raw) {
  83. return escapeHtml(normalizeClass(raw));
  84. }
  85. function ssrRenderStyle(raw) {
  86. if (!raw) {
  87. return '';
  88. }
  89. if (isString(raw)) {
  90. return escapeHtml(raw);
  91. }
  92. const styles = normalizeStyle(raw);
  93. return escapeHtml(stringifyStyle(styles));
  94. }
  95. function ssrCompile(template, instance) {
  96. {
  97. throw new Error(`On-the-fly template compilation is not supported in the ESM build of ` +
  98. `@vue/server-renderer. All templates must be pre-compiled into ` +
  99. `render functions.`);
  100. }
  101. }
  102. function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
  103. parentPush('<!--teleport start-->');
  104. let teleportContent;
  105. if (disabled) {
  106. contentRenderFn(parentPush);
  107. teleportContent = `<!---->`;
  108. }
  109. else {
  110. const { getBuffer, push } = createBuffer();
  111. contentRenderFn(push);
  112. push(`<!---->`); // teleport end anchor
  113. teleportContent = getBuffer();
  114. }
  115. const context = parentComponent.appContext.provides[ssrContextKey];
  116. const teleportBuffers = context.__teleportBuffers || (context.__teleportBuffers = {});
  117. if (teleportBuffers[target]) {
  118. teleportBuffers[target].push(teleportContent);
  119. }
  120. else {
  121. teleportBuffers[target] = [teleportContent];
  122. }
  123. parentPush('<!--teleport end-->');
  124. }
  125. const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, normalizeVNode } = ssrUtils;
  126. // Each component has a buffer array.
  127. // A buffer array can contain one of the following:
  128. // - plain string
  129. // - A resolved buffer (recursive arrays of strings that can be unrolled
  130. // synchronously)
  131. // - An async buffer (a Promise that resolves to a resolved buffer)
  132. function createBuffer() {
  133. let appendable = false;
  134. const buffer = [];
  135. return {
  136. getBuffer() {
  137. // Return static buffer and await on items during unroll stage
  138. return buffer;
  139. },
  140. push(item) {
  141. const isStringItem = isString(item);
  142. if (appendable && isStringItem) {
  143. buffer[buffer.length - 1] += item;
  144. }
  145. else {
  146. buffer.push(item);
  147. }
  148. appendable = isStringItem;
  149. if (isPromise(item) || (isArray(item) && item.hasAsync)) {
  150. // promise, or child buffer with async, mark as async.
  151. // this allows skipping unnecessary await ticks during unroll stage
  152. buffer.hasAsync = true;
  153. }
  154. }
  155. };
  156. }
  157. function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
  158. const instance = createComponentInstance(vnode, parentComponent, null);
  159. const res = setupComponent(instance, true /* isSSR */);
  160. const hasAsyncSetup = isPromise(res);
  161. const prefetches = instance.sp;
  162. if (hasAsyncSetup || prefetches) {
  163. let p = hasAsyncSetup
  164. ? res
  165. : Promise.resolve();
  166. if (prefetches) {
  167. p = p
  168. .then(() => Promise.all(prefetches.map(prefetch => prefetch.call(instance.proxy))))
  169. // Note: error display is already done by the wrapped lifecycle hook function.
  170. .catch(() => { });
  171. }
  172. return p.then(() => renderComponentSubTree(instance, slotScopeId));
  173. }
  174. else {
  175. return renderComponentSubTree(instance, slotScopeId);
  176. }
  177. }
  178. function renderComponentSubTree(instance, slotScopeId) {
  179. const comp = instance.type;
  180. const { getBuffer, push } = createBuffer();
  181. if (isFunction(comp)) {
  182. renderVNode(push, (instance.subTree = renderComponentRoot(instance)), instance, slotScopeId);
  183. }
  184. else {
  185. if ((!instance.render || instance.render === NOOP) &&
  186. !instance.ssrRender &&
  187. !comp.ssrRender &&
  188. isString(comp.template)) {
  189. comp.ssrRender = ssrCompile(comp.template);
  190. }
  191. const ssrRender = instance.ssrRender || comp.ssrRender;
  192. if (ssrRender) {
  193. // optimized
  194. // resolve fallthrough attrs
  195. let attrs = instance.inheritAttrs !== false ? instance.attrs : undefined;
  196. let hasCloned = false;
  197. let cur = instance;
  198. while (true) {
  199. const scopeId = cur.vnode.scopeId;
  200. if (scopeId) {
  201. if (!hasCloned) {
  202. attrs = Object.assign({}, attrs);
  203. hasCloned = true;
  204. }
  205. attrs[scopeId] = '';
  206. }
  207. const parent = cur.parent;
  208. if (parent && parent.subTree && parent.subTree === cur.vnode) {
  209. // parent is a non-SSR compiled component and is rendering this
  210. // component as root. inherit its scopeId if present.
  211. cur = parent;
  212. }
  213. else {
  214. break;
  215. }
  216. }
  217. if (slotScopeId) {
  218. if (!hasCloned)
  219. attrs = Object.assign({}, attrs);
  220. attrs[slotScopeId.trim()] = '';
  221. }
  222. // set current rendering instance for asset resolution
  223. const prev = setCurrentRenderingInstance(instance);
  224. ssrRender(instance.proxy, push, instance, attrs,
  225. // compiler-optimized bindings
  226. instance.props, instance.setupState, instance.data, instance.ctx);
  227. setCurrentRenderingInstance(prev);
  228. }
  229. else if (instance.render && instance.render !== NOOP) {
  230. renderVNode(push, (instance.subTree = renderComponentRoot(instance)), instance, slotScopeId);
  231. }
  232. else {
  233. warn$1(`Component ${comp.name ? `${comp.name} ` : ``} is missing template or render function.`);
  234. push(`<!---->`);
  235. }
  236. }
  237. return getBuffer();
  238. }
  239. function renderVNode(push, vnode, parentComponent, slotScopeId) {
  240. const { type, shapeFlag, children } = vnode;
  241. switch (type) {
  242. case Text:
  243. push(escapeHtml(children));
  244. break;
  245. case Comment:
  246. push(children ? `<!--${escapeHtmlComment(children)}-->` : `<!---->`);
  247. break;
  248. case Static:
  249. push(children);
  250. break;
  251. case Fragment:
  252. if (vnode.slotScopeIds) {
  253. slotScopeId =
  254. (slotScopeId ? slotScopeId + ' ' : '') + vnode.slotScopeIds.join(' ');
  255. }
  256. push(`<!--[-->`); // open
  257. renderVNodeChildren(push, children, parentComponent, slotScopeId);
  258. push(`<!--]-->`); // close
  259. break;
  260. default:
  261. if (shapeFlag & 1 /* ELEMENT */) {
  262. renderElementVNode(push, vnode, parentComponent, slotScopeId);
  263. }
  264. else if (shapeFlag & 6 /* COMPONENT */) {
  265. push(renderComponentVNode(vnode, parentComponent, slotScopeId));
  266. }
  267. else if (shapeFlag & 64 /* TELEPORT */) {
  268. renderTeleportVNode(push, vnode, parentComponent, slotScopeId);
  269. }
  270. else if (shapeFlag & 128 /* SUSPENSE */) {
  271. renderVNode(push, vnode.ssContent, parentComponent, slotScopeId);
  272. }
  273. else {
  274. warn$1('[@vue/server-renderer] Invalid VNode type:', type, `(${typeof type})`);
  275. }
  276. }
  277. }
  278. function renderVNodeChildren(push, children, parentComponent, slotScopeId) {
  279. for (let i = 0; i < children.length; i++) {
  280. renderVNode(push, normalizeVNode(children[i]), parentComponent, slotScopeId);
  281. }
  282. }
  283. function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
  284. const tag = vnode.type;
  285. let { props, children, shapeFlag, scopeId, dirs } = vnode;
  286. let openTag = `<${tag}`;
  287. if (dirs) {
  288. props = applySSRDirectives(vnode, props, dirs);
  289. }
  290. if (props) {
  291. openTag += ssrRenderAttrs(props, tag);
  292. }
  293. if (scopeId) {
  294. openTag += ` ${scopeId}`;
  295. }
  296. // inherit parent chain scope id if this is the root node
  297. let curParent = parentComponent;
  298. let curVnode = vnode;
  299. while (curParent && curVnode === curParent.subTree) {
  300. curVnode = curParent.vnode;
  301. if (curVnode.scopeId) {
  302. openTag += ` ${curVnode.scopeId}`;
  303. }
  304. curParent = curParent.parent;
  305. }
  306. if (slotScopeId) {
  307. openTag += ` ${slotScopeId}`;
  308. }
  309. push(openTag + `>`);
  310. if (!isVoidTag(tag)) {
  311. let hasChildrenOverride = false;
  312. if (props) {
  313. if (props.innerHTML) {
  314. hasChildrenOverride = true;
  315. push(props.innerHTML);
  316. }
  317. else if (props.textContent) {
  318. hasChildrenOverride = true;
  319. push(escapeHtml(props.textContent));
  320. }
  321. else if (tag === 'textarea' && props.value) {
  322. hasChildrenOverride = true;
  323. push(escapeHtml(props.value));
  324. }
  325. }
  326. if (!hasChildrenOverride) {
  327. if (shapeFlag & 8 /* TEXT_CHILDREN */) {
  328. push(escapeHtml(children));
  329. }
  330. else if (shapeFlag & 16 /* ARRAY_CHILDREN */) {
  331. renderVNodeChildren(push, children, parentComponent, slotScopeId);
  332. }
  333. }
  334. push(`</${tag}>`);
  335. }
  336. }
  337. function applySSRDirectives(vnode, rawProps, dirs) {
  338. const toMerge = [];
  339. for (let i = 0; i < dirs.length; i++) {
  340. const binding = dirs[i];
  341. const { dir: { getSSRProps } } = binding;
  342. if (getSSRProps) {
  343. const props = getSSRProps(binding, vnode);
  344. if (props)
  345. toMerge.push(props);
  346. }
  347. }
  348. return mergeProps(rawProps || {}, ...toMerge);
  349. }
  350. function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
  351. const target = vnode.props && vnode.props.to;
  352. const disabled = vnode.props && vnode.props.disabled;
  353. if (!target) {
  354. warn$1(`[@vue/server-renderer] Teleport is missing target prop.`);
  355. return [];
  356. }
  357. if (!isString(target)) {
  358. warn$1(`[@vue/server-renderer] Teleport target must be a query selector string.`);
  359. return [];
  360. }
  361. ssrRenderTeleport(push, push => {
  362. renderVNodeChildren(push, vnode.children, parentComponent, slotScopeId);
  363. }, target, disabled || disabled === '', parentComponent);
  364. }
  365. const { isVNode } = ssrUtils;
  366. function unrollBuffer(buffer) {
  367. return __awaiter(this, void 0, void 0, function* () {
  368. if (buffer.hasAsync) {
  369. let ret = '';
  370. for (let i = 0; i < buffer.length; i++) {
  371. let item = buffer[i];
  372. if (isPromise(item)) {
  373. item = yield item;
  374. }
  375. if (isString(item)) {
  376. ret += item;
  377. }
  378. else {
  379. ret += yield unrollBuffer(item);
  380. }
  381. }
  382. return ret;
  383. }
  384. else {
  385. // sync buffer can be more efficiently unrolled without unnecessary await
  386. // ticks
  387. return unrollBufferSync(buffer);
  388. }
  389. });
  390. }
  391. function unrollBufferSync(buffer) {
  392. let ret = '';
  393. for (let i = 0; i < buffer.length; i++) {
  394. let item = buffer[i];
  395. if (isString(item)) {
  396. ret += item;
  397. }
  398. else {
  399. // since this is a sync buffer, child buffers are never promises
  400. ret += unrollBufferSync(item);
  401. }
  402. }
  403. return ret;
  404. }
  405. function renderToString(input, context = {}) {
  406. return __awaiter(this, void 0, void 0, function* () {
  407. if (isVNode(input)) {
  408. // raw vnode, wrap with app (for context)
  409. return renderToString(createApp({ render: () => input }), context);
  410. }
  411. // rendering an app
  412. const vnode = createVNode(input._component, input._props);
  413. vnode.appContext = input._context;
  414. // provide the ssr context to the tree
  415. input.provide(ssrContextKey, context);
  416. const buffer = yield renderComponentVNode(vnode);
  417. yield resolveTeleports(context);
  418. return unrollBuffer(buffer);
  419. });
  420. }
  421. function resolveTeleports(context) {
  422. return __awaiter(this, void 0, void 0, function* () {
  423. if (context.__teleportBuffers) {
  424. context.teleports = context.teleports || {};
  425. for (const key in context.__teleportBuffers) {
  426. // note: it's OK to await sequentially here because the Promises were
  427. // created eagerly in parallel.
  428. context.teleports[key] = yield unrollBuffer((yield Promise.all(context.__teleportBuffers[key])));
  429. }
  430. }
  431. });
  432. }
  433. const { isVNode: isVNode$1 } = ssrUtils;
  434. function unrollBuffer$1(buffer, stream) {
  435. return __awaiter(this, void 0, void 0, function* () {
  436. if (buffer.hasAsync) {
  437. for (let i = 0; i < buffer.length; i++) {
  438. let item = buffer[i];
  439. if (isPromise(item)) {
  440. item = yield item;
  441. }
  442. if (isString(item)) {
  443. stream.push(item);
  444. }
  445. else {
  446. yield unrollBuffer$1(item, stream);
  447. }
  448. }
  449. }
  450. else {
  451. // sync buffer can be more efficiently unrolled without unnecessary await
  452. // ticks
  453. unrollBufferSync$1(buffer, stream);
  454. }
  455. });
  456. }
  457. function unrollBufferSync$1(buffer, stream) {
  458. for (let i = 0; i < buffer.length; i++) {
  459. let item = buffer[i];
  460. if (isString(item)) {
  461. stream.push(item);
  462. }
  463. else {
  464. // since this is a sync buffer, child buffers are never promises
  465. unrollBufferSync$1(item, stream);
  466. }
  467. }
  468. }
  469. function renderToSimpleStream(input, context, stream) {
  470. if (isVNode$1(input)) {
  471. // raw vnode, wrap with app (for context)
  472. return renderToSimpleStream(createApp({ render: () => input }), context, stream);
  473. }
  474. // rendering an app
  475. const vnode = createVNode(input._component, input._props);
  476. vnode.appContext = input._context;
  477. // provide the ssr context to the tree
  478. input.provide(ssrContextKey, context);
  479. Promise.resolve(renderComponentVNode(vnode))
  480. .then(buffer => unrollBuffer$1(buffer, stream))
  481. .then(() => stream.push(null))
  482. .catch(error => {
  483. stream.destroy(error);
  484. });
  485. return stream;
  486. }
  487. /**
  488. * @deprecated
  489. */
  490. function renderToStream(input, context = {}) {
  491. console.warn(`[@vue/server-renderer] renderToStream is deprecated - use renderToNodeStream instead.`);
  492. return renderToNodeStream(input, context);
  493. }
  494. function renderToNodeStream(input, context = {}) {
  495. const stream = null;
  496. {
  497. throw new Error(`ESM build of renderToStream() does not support renderToNodeStream(). ` +
  498. `Use pipeToNodeWritable() with an existing Node.js Writable stream ` +
  499. `instance instead.`);
  500. }
  501. }
  502. function pipeToNodeWritable(input, context = {}, writable) {
  503. renderToSimpleStream(input, context, {
  504. push(content) {
  505. if (content != null) {
  506. writable.write(content);
  507. }
  508. else {
  509. writable.end();
  510. }
  511. },
  512. destroy(err) {
  513. writable.destroy(err);
  514. }
  515. });
  516. }
  517. function renderToWebStream(input, context = {}) {
  518. if (typeof ReadableStream !== 'function') {
  519. throw new Error(`ReadableStream constructor is not available in the global scope. ` +
  520. `If the target environment does support web streams, consider using ` +
  521. `pipeToWebWritable() with an existing WritableStream instance instead.`);
  522. }
  523. const encoder = new TextEncoder();
  524. let cancelled = false;
  525. return new ReadableStream({
  526. start(controller) {
  527. renderToSimpleStream(input, context, {
  528. push(content) {
  529. if (cancelled)
  530. return;
  531. if (content != null) {
  532. controller.enqueue(encoder.encode(content));
  533. }
  534. else {
  535. controller.close();
  536. }
  537. },
  538. destroy(err) {
  539. controller.error(err);
  540. }
  541. });
  542. },
  543. cancel() {
  544. cancelled = true;
  545. }
  546. });
  547. }
  548. function pipeToWebWritable(input, context = {}, writable) {
  549. const writer = writable.getWriter();
  550. const encoder = new TextEncoder();
  551. // #4287 CloudFlare workers do not implement `ready` property
  552. let hasReady = false;
  553. try {
  554. hasReady = isPromise(writer.ready);
  555. }
  556. catch (e) { }
  557. renderToSimpleStream(input, context, {
  558. push(content) {
  559. return __awaiter(this, void 0, void 0, function* () {
  560. if (hasReady) {
  561. yield writer.ready;
  562. }
  563. if (content != null) {
  564. return writer.write(encoder.encode(content));
  565. }
  566. else {
  567. return writer.close();
  568. }
  569. });
  570. },
  571. destroy(err) {
  572. // TODO better error handling?
  573. console.log(err);
  574. writer.close();
  575. }
  576. });
  577. }
  578. function ssrRenderComponent(comp, props = null, children = null, parentComponent = null, slotScopeId) {
  579. return renderComponentVNode(createVNode(comp, props, children), parentComponent, slotScopeId);
  580. }
  581. function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
  582. // template-compiled slots are always rendered as fragments
  583. push(`<!--[-->`);
  584. const slotFn = slots[slotName];
  585. if (slotFn) {
  586. const slotBuffer = [];
  587. const bufferedPush = (item) => {
  588. slotBuffer.push(item);
  589. };
  590. const ret = slotFn(slotProps, bufferedPush, parentComponent, slotScopeId ? ' ' + slotScopeId : '');
  591. if (isArray(ret)) {
  592. // normal slot
  593. renderVNodeChildren(push, ret, parentComponent, slotScopeId);
  594. }
  595. else {
  596. // ssr slot.
  597. // check if the slot renders all comments, in which case use the fallback
  598. let isEmptySlot = true;
  599. for (let i = 0; i < slotBuffer.length; i++) {
  600. if (!isComment(slotBuffer[i])) {
  601. isEmptySlot = false;
  602. break;
  603. }
  604. }
  605. if (isEmptySlot) {
  606. if (fallbackRenderFn) {
  607. fallbackRenderFn();
  608. }
  609. }
  610. else {
  611. for (let i = 0; i < slotBuffer.length; i++) {
  612. push(slotBuffer[i]);
  613. }
  614. }
  615. }
  616. }
  617. else if (fallbackRenderFn) {
  618. fallbackRenderFn();
  619. }
  620. push(`<!--]-->`);
  621. }
  622. const commentRE = /^<!--.*-->$/;
  623. function isComment(item) {
  624. return typeof item === 'string' && commentRE.test(item);
  625. }
  626. function ssrInterpolate(value) {
  627. return escapeHtml(toDisplayString(value));
  628. }
  629. function toRaw(observed) {
  630. const raw = observed && observed["__v_raw" /* RAW */];
  631. return raw ? toRaw(raw) : observed;
  632. }
  633. function isRef(r) {
  634. return Boolean(r && r.__v_isRef === true);
  635. }
  636. const classifyRE = /(?:^|[-_])(\w)/g;
  637. const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
  638. function getComponentName(Component) {
  639. return isFunction(Component)
  640. ? Component.displayName || Component.name
  641. : Component.name;
  642. }
  643. /* istanbul ignore next */
  644. function formatComponentName(instance, Component, isRoot = false) {
  645. let name = getComponentName(Component);
  646. if (!name && Component.__file) {
  647. const match = Component.__file.match(/([^/\\]+)\.\w+$/);
  648. if (match) {
  649. name = match[1];
  650. }
  651. }
  652. if (!name && instance && instance.parent) {
  653. // try to infer the name based on reverse resolution
  654. const inferFromRegistry = (registry) => {
  655. for (const key in registry) {
  656. if (registry[key] === Component) {
  657. return key;
  658. }
  659. }
  660. };
  661. name =
  662. inferFromRegistry(instance.components ||
  663. instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
  664. }
  665. return name ? classify(name) : isRoot ? `App` : `Anonymous`;
  666. }
  667. const stack = [];
  668. function pushWarningContext(vnode) {
  669. stack.push(vnode);
  670. }
  671. function popWarningContext() {
  672. stack.pop();
  673. }
  674. function warn(msg, ...args) {
  675. const instance = stack.length ? stack[stack.length - 1].component : null;
  676. const appWarnHandler = instance && instance.appContext.config.warnHandler;
  677. const trace = getComponentTrace();
  678. if (appWarnHandler) {
  679. callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [
  680. msg + args.join(''),
  681. instance && instance.proxy,
  682. trace
  683. .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`)
  684. .join('\n'),
  685. trace
  686. ]);
  687. }
  688. else {
  689. const warnArgs = [`[Vue warn]: ${msg}`, ...args];
  690. /* istanbul ignore if */
  691. if (trace.length &&
  692. // avoid spamming console during tests
  693. !false) {
  694. warnArgs.push(`\n`, ...formatTrace(trace));
  695. }
  696. console.warn(...warnArgs);
  697. }
  698. }
  699. function getComponentTrace() {
  700. let currentVNode = stack[stack.length - 1];
  701. if (!currentVNode) {
  702. return [];
  703. }
  704. // we can't just use the stack because it will be incomplete during updates
  705. // that did not start from the root. Re-construct the parent chain using
  706. // instance parent pointers.
  707. const normalizedStack = [];
  708. while (currentVNode) {
  709. const last = normalizedStack[0];
  710. if (last && last.vnode === currentVNode) {
  711. last.recurseCount++;
  712. }
  713. else {
  714. normalizedStack.push({
  715. vnode: currentVNode,
  716. recurseCount: 0
  717. });
  718. }
  719. const parentInstance = currentVNode.component && currentVNode.component.parent;
  720. currentVNode = parentInstance && parentInstance.vnode;
  721. }
  722. return normalizedStack;
  723. }
  724. /* istanbul ignore next */
  725. function formatTrace(trace) {
  726. const logs = [];
  727. trace.forEach((entry, i) => {
  728. logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry));
  729. });
  730. return logs;
  731. }
  732. function formatTraceEntry({ vnode, recurseCount }) {
  733. const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
  734. const isRoot = vnode.component ? vnode.component.parent == null : false;
  735. const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`;
  736. const close = `>` + postfix;
  737. return vnode.props
  738. ? [open, ...formatProps(vnode.props), close]
  739. : [open + close];
  740. }
  741. /* istanbul ignore next */
  742. function formatProps(props) {
  743. const res = [];
  744. const keys = Object.keys(props);
  745. keys.slice(0, 3).forEach(key => {
  746. res.push(...formatProp(key, props[key]));
  747. });
  748. if (keys.length > 3) {
  749. res.push(` ...`);
  750. }
  751. return res;
  752. }
  753. /* istanbul ignore next */
  754. function formatProp(key, value, raw) {
  755. if (isString(value)) {
  756. value = JSON.stringify(value);
  757. return raw ? value : [`${key}=${value}`];
  758. }
  759. else if (typeof value === 'number' ||
  760. typeof value === 'boolean' ||
  761. value == null) {
  762. return raw ? value : [`${key}=${value}`];
  763. }
  764. else if (isRef(value)) {
  765. value = formatProp(key, toRaw(value.value), true);
  766. return raw ? value : [`${key}=Ref<`, value, `>`];
  767. }
  768. else if (isFunction(value)) {
  769. return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
  770. }
  771. else {
  772. value = toRaw(value);
  773. return raw ? value : [`${key}=`, value];
  774. }
  775. }
  776. const ErrorTypeStrings = {
  777. ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook',
  778. ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook',
  779. ["c" /* CREATED */]: 'created hook',
  780. ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook',
  781. ["m" /* MOUNTED */]: 'mounted hook',
  782. ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook',
  783. ["u" /* UPDATED */]: 'updated',
  784. ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook',
  785. ["um" /* UNMOUNTED */]: 'unmounted hook',
  786. ["a" /* ACTIVATED */]: 'activated hook',
  787. ["da" /* DEACTIVATED */]: 'deactivated hook',
  788. ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook',
  789. ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook',
  790. ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook',
  791. [0 /* SETUP_FUNCTION */]: 'setup function',
  792. [1 /* RENDER_FUNCTION */]: 'render function',
  793. [2 /* WATCH_GETTER */]: 'watcher getter',
  794. [3 /* WATCH_CALLBACK */]: 'watcher callback',
  795. [4 /* WATCH_CLEANUP */]: 'watcher cleanup function',
  796. [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler',
  797. [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler',
  798. [7 /* VNODE_HOOK */]: 'vnode hook',
  799. [8 /* DIRECTIVE_HOOK */]: 'directive hook',
  800. [9 /* TRANSITION_HOOK */]: 'transition hook',
  801. [10 /* APP_ERROR_HANDLER */]: 'app errorHandler',
  802. [11 /* APP_WARN_HANDLER */]: 'app warnHandler',
  803. [12 /* FUNCTION_REF */]: 'ref function',
  804. [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
  805. [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
  806. 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
  807. };
  808. function callWithErrorHandling(fn, instance, type, args) {
  809. let res;
  810. try {
  811. res = args ? fn(...args) : fn();
  812. }
  813. catch (err) {
  814. handleError(err, instance, type);
  815. }
  816. return res;
  817. }
  818. function handleError(err, instance, type, throwInDev = true) {
  819. const contextVNode = instance ? instance.vnode : null;
  820. if (instance) {
  821. let cur = instance.parent;
  822. // the exposed instance is the render proxy to keep it consistent with 2.x
  823. const exposedInstance = instance.proxy;
  824. // in production the hook receives only the error code
  825. const errorInfo = (process.env.NODE_ENV !== 'production') ? ErrorTypeStrings[type] : type;
  826. while (cur) {
  827. const errorCapturedHooks = cur.ec;
  828. if (errorCapturedHooks) {
  829. for (let i = 0; i < errorCapturedHooks.length; i++) {
  830. if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
  831. return;
  832. }
  833. }
  834. }
  835. cur = cur.parent;
  836. }
  837. // app-level handling
  838. const appErrorHandler = instance.appContext.config.errorHandler;
  839. if (appErrorHandler) {
  840. callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]);
  841. return;
  842. }
  843. }
  844. logError(err, type, contextVNode, throwInDev);
  845. }
  846. function logError(err, type, contextVNode, throwInDev = true) {
  847. if ((process.env.NODE_ENV !== 'production')) {
  848. const info = ErrorTypeStrings[type];
  849. if (contextVNode) {
  850. pushWarningContext(contextVNode);
  851. }
  852. warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
  853. if (contextVNode) {
  854. popWarningContext();
  855. }
  856. // crash in dev by default so it's more noticeable
  857. if (throwInDev) {
  858. throw err;
  859. }
  860. else {
  861. console.error(err);
  862. }
  863. }
  864. else {
  865. // recover in prod to reduce the impact on end-user
  866. console.error(err);
  867. }
  868. }
  869. function ssrRenderList(source, renderItem) {
  870. if (isArray(source) || isString(source)) {
  871. for (let i = 0, l = source.length; i < l; i++) {
  872. renderItem(source[i], i);
  873. }
  874. }
  875. else if (typeof source === 'number') {
  876. if ((process.env.NODE_ENV !== 'production') && !Number.isInteger(source)) {
  877. warn(`The v-for range expect an integer value but got ${source}.`);
  878. return;
  879. }
  880. for (let i = 0; i < source; i++) {
  881. renderItem(i + 1, i);
  882. }
  883. }
  884. else if (isObject(source)) {
  885. if (source[Symbol.iterator]) {
  886. const arr = Array.from(source);
  887. for (let i = 0, l = arr.length; i < l; i++) {
  888. renderItem(arr[i], i);
  889. }
  890. }
  891. else {
  892. const keys = Object.keys(source);
  893. for (let i = 0, l = keys.length; i < l; i++) {
  894. const key = keys[i];
  895. renderItem(source[key], key, i);
  896. }
  897. }
  898. }
  899. }
  900. function ssrRenderSuspense(push, { default: renderContent }) {
  901. return __awaiter(this, void 0, void 0, function* () {
  902. if (renderContent) {
  903. renderContent();
  904. }
  905. else {
  906. push(`<!---->`);
  907. }
  908. });
  909. }
  910. const ssrLooseEqual = looseEqual;
  911. function ssrLooseContain(arr, value) {
  912. return looseIndexOf(arr, value) > -1;
  913. }
  914. // for <input :type="type" v-model="model" value="value">
  915. function ssrRenderDynamicModel(type, model, value) {
  916. switch (type) {
  917. case 'radio':
  918. return looseEqual(model, value) ? ' checked' : '';
  919. case 'checkbox':
  920. return (isArray(model) ? ssrLooseContain(model, value) : model)
  921. ? ' checked'
  922. : '';
  923. default:
  924. // text types
  925. return ssrRenderAttr('value', model);
  926. }
  927. }
  928. // for <input v-bind="obj" v-model="model">
  929. function ssrGetDynamicModelProps(existingProps = {}, model) {
  930. const { type, value } = existingProps;
  931. switch (type) {
  932. case 'radio':
  933. return looseEqual(model, value) ? { checked: true } : null;
  934. case 'checkbox':
  935. return (isArray(model) ? ssrLooseContain(model, value) : model)
  936. ? { checked: true }
  937. : null;
  938. default:
  939. // text types
  940. return { value: model };
  941. }
  942. }
  943. initDirectivesForSSR();
  944. export { pipeToNodeWritable, pipeToWebWritable, renderToNodeStream, renderToSimpleStream, renderToStream, renderToString, renderToWebStream, ssrGetDynamicModelProps, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicAttr, ssrRenderDynamicModel, ssrRenderList, ssrRenderSlot, ssrRenderStyle, ssrRenderSuspense, ssrRenderTeleport, renderVNode as ssrRenderVNode };