@zubyjs/preact 1.0.31 → 1.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +1 -2
- package/package.json +1 -1
- package/render.d.ts +6 -7
- package/render.js +11 -4
- package/templates/error.d.ts +1 -1
- package/templates/error.js +1 -1
package/index.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import render from './render.js';
|
|
2
1
|
import { fileURLToPath } from 'url';
|
|
3
2
|
import { dirname, resolve } from 'path';
|
|
4
3
|
import { normalizePath } from 'zuby/utils/pathUtils.js';
|
|
@@ -12,6 +11,6 @@ export default () => ({
|
|
|
12
11
|
layoutTemplateFile: normalizePath(resolve(__dirname, 'templates', 'layout.js')),
|
|
13
12
|
innerLayoutTemplateFile: normalizePath(resolve(__dirname, 'templates', 'innerLayout.js')),
|
|
14
13
|
errorTemplateFile: normalizePath(resolve(__dirname, 'templates', 'error.js')),
|
|
15
|
-
render,
|
|
14
|
+
renderFile: normalizePath(resolve(__dirname, 'render.js')),
|
|
16
15
|
getPlugins: () => preact(),
|
|
17
16
|
});
|
package/package.json
CHANGED
package/render.d.ts
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
interface PrerenderOptions {
|
|
3
|
-
maxDepth?: number;
|
|
4
|
-
props?: object;
|
|
5
|
-
}
|
|
1
|
+
import { RenderToString, RenderToStream } from 'zuby/types.js';
|
|
6
2
|
/**
|
|
7
3
|
* @param {ReturnType<h>} vnode The root JSX element to render (eg: `<App />`)
|
|
8
4
|
* @param {PrerenderOptions} [options]
|
|
9
5
|
* @param {number} [options.maxDepth = 10] The maximum number of nested asynchronous operations to wait for before flushing
|
|
10
6
|
* @param {object} [options.props] Additional props to merge into the root JSX element
|
|
11
7
|
*/
|
|
12
|
-
export
|
|
13
|
-
|
|
8
|
+
export declare const renderToString: RenderToString;
|
|
9
|
+
/**
|
|
10
|
+
* @param {ReturnType<typeof h>} vnode The root JSX element to render (eg: `<App />`)
|
|
11
|
+
*/
|
|
12
|
+
export declare const renderToStream: RenderToStream;
|
package/render.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { h, options, cloneElement } from 'preact';
|
|
2
|
-
import { render as
|
|
2
|
+
import { render as preactRenderToString } from 'preact-render-to-string';
|
|
3
|
+
import { Readable } from 'stream';
|
|
3
4
|
let vnodeHook;
|
|
4
5
|
const old = options.vnode;
|
|
5
6
|
options.vnode = (vnode) => {
|
|
@@ -14,7 +15,7 @@ options.vnode = (vnode) => {
|
|
|
14
15
|
* @param {number} [options.maxDepth = 10] The maximum number of nested asynchronous operations to wait for before flushing
|
|
15
16
|
* @param {object} [options.props] Additional props to merge into the root JSX element
|
|
16
17
|
*/
|
|
17
|
-
export
|
|
18
|
+
export const renderToString = async (vnode, options) => {
|
|
18
19
|
options = options || {};
|
|
19
20
|
const maxDepth = options.maxDepth || 10;
|
|
20
21
|
const props = options.props;
|
|
@@ -33,7 +34,7 @@ export default async function render(vnode, options) {
|
|
|
33
34
|
}
|
|
34
35
|
try {
|
|
35
36
|
// @ts-ignore
|
|
36
|
-
return
|
|
37
|
+
return preactRenderToString(vnode);
|
|
37
38
|
}
|
|
38
39
|
catch (e) {
|
|
39
40
|
if (e instanceof Promise) {
|
|
@@ -44,4 +45,10 @@ export default async function render(vnode, options) {
|
|
|
44
45
|
}
|
|
45
46
|
};
|
|
46
47
|
return await renderNode();
|
|
47
|
-
}
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* @param {ReturnType<typeof h>} vnode The root JSX element to render (eg: `<App />`)
|
|
51
|
+
*/
|
|
52
|
+
export const renderToStream = async (vnode) => {
|
|
53
|
+
return Readable.from([await renderToString(vnode)]);
|
|
54
|
+
};
|
package/templates/error.d.ts
CHANGED
package/templates/error.js
CHANGED