server-renderer.cjs.js 36 KB

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