@quilted/quilt 0.5.67 → 0.5.70
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/CHANGELOG.md +20 -0
- package/build/cjs/react/index.cjs +5 -5
- package/build/cjs/react/jsx-runtime.cjs +1 -1
- package/build/cjs/react/server.cjs +1 -1
- package/build/cjs/react/test-utils.cjs +14 -0
- package/build/cjs/server/http-handler.cjs +13 -18
- package/build/esm/react/index.mjs +2 -2
- package/build/esm/react/jsx-runtime.mjs +1 -1
- package/build/esm/react/server.mjs +1 -1
- package/build/esm/react/test-utils.mjs +1 -0
- package/build/esm/server/http-handler.mjs +13 -18
- package/build/esnext/react/index.esnext +2 -2
- package/build/esnext/react/jsx-runtime.esnext +1 -1
- package/build/esnext/react/server.esnext +1 -1
- package/build/esnext/react/test-utils.esnext +1 -0
- package/build/esnext/server/http-handler.esnext +13 -18
- package/build/tsconfig.tsbuildinfo +1 -1
- package/build/typescript/react/index.d.ts +2 -2
- package/build/typescript/react/index.d.ts.map +1 -1
- package/build/typescript/react/jsx-runtime.d.ts +1 -1
- package/build/typescript/react/jsx-runtime.d.ts.map +1 -1
- package/build/typescript/react/server.d.ts +1 -1
- package/build/typescript/react/server.d.ts.map +1 -1
- package/build/typescript/react/test-utils.d.ts +2 -0
- package/build/typescript/react/test-utils.d.ts.map +1 -0
- package/build/typescript/server/http-handler.d.ts +5 -7
- package/build/typescript/server/http-handler.d.ts.map +1 -1
- package/package.json +13 -3
- package/sewing-kit.config.ts +1 -0
- package/src/react/index.ts +2 -5
- package/src/react/jsx-runtime.ts +1 -1
- package/src/react/server.ts +1 -3
- package/src/react/test-utils.ts +1 -0
- package/src/server/http-handler.tsx +16 -14
- package/tsconfig.json +2 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from '@quilted/
|
|
2
|
-
export { default } from '@quilted/
|
|
1
|
+
export * from '@quilted/react';
|
|
2
|
+
export { default } from '@quilted/react';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from '@quilted/react/jsx-runtime';
|
|
2
2
|
//# sourceMappingURL=jsx-runtime.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../../../src/react/jsx-runtime.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../../../src/react/jsx-runtime.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from '@quilted/react/server';
|
|
2
2
|
//# sourceMappingURL=server.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/react/server.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/react/server.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/react/test-utils.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import type { ComponentType, ReactElement } from 'react';
|
|
2
2
|
import type { AssetLoader } from '@quilted/async/server';
|
|
3
|
+
import type { Options as ExtractOptions } from '@quilted/react-server-render/server';
|
|
3
4
|
import type { Request, HttpHandler, RequestHandler } from '@quilted/http-handlers';
|
|
4
|
-
export interface Options<Props = Record<string, never>> {
|
|
5
|
+
export interface Options<Props = Record<string, never>> extends ExtractOptions {
|
|
5
6
|
assets?: AssetLoader<unknown>;
|
|
6
7
|
handler?: HttpHandler;
|
|
7
8
|
renderProps?(options: {
|
|
8
9
|
request: Request;
|
|
9
10
|
}): Props;
|
|
10
11
|
}
|
|
11
|
-
export declare function
|
|
12
|
-
export declare function
|
|
13
|
-
export declare function renderToResponse(element: ReactElement<
|
|
14
|
-
assets?: AssetLoader<unknown>;
|
|
15
|
-
request?: Request;
|
|
16
|
-
}): Promise<import("@quilted/http-handlers").Response | undefined>;
|
|
12
|
+
export declare function createServerRenderingHttpHandler<Props>(App: ComponentType<Props>, { handler, ...options }: Options<Props>): HttpHandler;
|
|
13
|
+
export declare function createServerRenderingRequestHandler<Props>(App: ComponentType<Props>, { renderProps, ...options }?: Omit<Options<Props>, 'handler'>): RequestHandler;
|
|
14
|
+
export declare function renderToResponse<Props>(element: ReactElement<Props>, request: Request, { assets, ...options }?: Omit<Options<Props>, 'handler' | 'renderProps'>): Promise<import("@quilted/http-handlers").Response | undefined>;
|
|
17
15
|
//# sourceMappingURL=http-handler.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"http-handler.d.ts","sourceRoot":"","sources":["../../../src/server/http-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"http-handler.d.ts","sourceRoot":"","sources":["../../../src/server/http-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,qCAAqC,CAAC;AAGnF,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,cAAc,EACf,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAE,SAAQ,cAAc;IAC5E,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,CAAC,OAAO,EAAE;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,GAAG,KAAK,CAAC;CAClD;AAED,wBAAgB,gCAAgC,CAAC,KAAK,EACpD,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,EAAC,OAA6B,EAAE,GAAG,OAAO,EAAC,EAAE,OAAO,CAAC,KAAK,CAAC,eAI5D;AAED,wBAAgB,mCAAmC,CAAC,KAAK,EACvD,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,EAAC,WAAW,EAAE,GAAG,OAAO,EAAC,GAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,CAAM,GAC9D,cAAc,CAQhB;AAED,wBAAsB,gBAAgB,CAAC,KAAK,EAC1C,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,EAC5B,OAAO,EAAE,OAAO,EAChB,EAAC,MAAM,EAAE,GAAG,OAAO,EAAC,GAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAM,kEAuD3E"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@quilted/quilt",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.5.
|
|
4
|
+
"version": "0.5.70",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/lemonmade/quilt.git",
|
|
@@ -79,6 +79,12 @@
|
|
|
79
79
|
"import": "./build/esm/react/server.mjs",
|
|
80
80
|
"require": "./build/cjs/react/server.cjs"
|
|
81
81
|
},
|
|
82
|
+
"./react/test-utils": {
|
|
83
|
+
"quilt:from-source": "./src/react/test-utils.ts",
|
|
84
|
+
"quilt:esnext": "./build/esnext/react/test-utils.esnext",
|
|
85
|
+
"import": "./build/esm/react/test-utils.mjs",
|
|
86
|
+
"require": "./build/cjs/react/test-utils.cjs"
|
|
87
|
+
},
|
|
82
88
|
"./react": {
|
|
83
89
|
"quilt:from-source": "./src/react/index.ts",
|
|
84
90
|
"quilt:esnext": "./build/esnext/react/index.esnext",
|
|
@@ -158,6 +164,9 @@
|
|
|
158
164
|
"react/server": [
|
|
159
165
|
"./build/typescript/react/server.d.ts"
|
|
160
166
|
],
|
|
167
|
+
"react/test-utils": [
|
|
168
|
+
"./build/typescript/react/test-utils.d.ts"
|
|
169
|
+
],
|
|
161
170
|
"react": [
|
|
162
171
|
"./build/typescript/react/index.d.ts"
|
|
163
172
|
],
|
|
@@ -195,11 +204,12 @@
|
|
|
195
204
|
"./build/esm/global.mjs"
|
|
196
205
|
],
|
|
197
206
|
"dependencies": {
|
|
207
|
+
"@babel/runtime": ">=7.0.0 <8.0.0",
|
|
198
208
|
"@quilted/async": "^0.3.12",
|
|
199
209
|
"@quilted/graphql": "^0.4.14",
|
|
200
210
|
"@quilted/http-handlers": "^0.2.20",
|
|
201
211
|
"@quilted/polyfills": "^0.2.12",
|
|
202
|
-
"@quilted/
|
|
212
|
+
"@quilted/react": "^0.1.0",
|
|
203
213
|
"@quilted/react-async": "^0.3.22",
|
|
204
214
|
"@quilted/react-email": "^0.2.18",
|
|
205
215
|
"@quilted/react-graphql": "^0.4.30",
|
|
@@ -214,7 +224,7 @@
|
|
|
214
224
|
"@quilted/useful-react-types": "^0.1.0",
|
|
215
225
|
"@types/react": "^17.0.0",
|
|
216
226
|
"@types/react-dom": "^17.0.0",
|
|
217
|
-
"preact": "^10.
|
|
227
|
+
"preact": "^10.6.0",
|
|
218
228
|
"preact-render-to-string": "^5.0.0"
|
|
219
229
|
},
|
|
220
230
|
"devDependencies": {
|
package/sewing-kit.config.ts
CHANGED
|
@@ -14,6 +14,7 @@ export default createPackage((pkg) => {
|
|
|
14
14
|
runtime: Runtime.Node,
|
|
15
15
|
});
|
|
16
16
|
pkg.entry({source: './src/react/jsx-runtime', name: 'react/jsx-runtime'});
|
|
17
|
+
pkg.entry({source: './src/react/test-utils', name: 'react/test-utils'});
|
|
17
18
|
pkg.entry({source: './src/http-handlers', name: 'http-handlers'});
|
|
18
19
|
pkg.entry({
|
|
19
20
|
source: './src/http-handlers/node',
|
package/src/react/index.ts
CHANGED
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export * from '@quilted/preact-mini-compat';
|
|
4
|
-
// @ts-expect-error See above
|
|
5
|
-
export {default} from '@quilted/preact-mini-compat';
|
|
1
|
+
export * from '@quilted/react';
|
|
2
|
+
export {default} from '@quilted/react';
|
package/src/react/jsx-runtime.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from '@quilted/react/jsx-runtime';
|
package/src/react/server.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@quilted/react/test-utils';
|
|
@@ -2,6 +2,7 @@ import type {ComponentType, ReactElement} from 'react';
|
|
|
2
2
|
|
|
3
3
|
import type {AssetLoader} from '@quilted/async/server';
|
|
4
4
|
import {render as renderToString, Html} from '@quilted/react-html/server';
|
|
5
|
+
import type {Options as ExtractOptions} from '@quilted/react-server-render/server';
|
|
5
6
|
|
|
6
7
|
import {createHttpHandler, html, redirect} from '@quilted/http-handlers';
|
|
7
8
|
import type {
|
|
@@ -12,37 +13,37 @@ import type {
|
|
|
12
13
|
|
|
13
14
|
import {renderApp} from './render';
|
|
14
15
|
|
|
15
|
-
export interface Options<Props = Record<string, never>> {
|
|
16
|
+
export interface Options<Props = Record<string, never>> extends ExtractOptions {
|
|
16
17
|
assets?: AssetLoader<unknown>;
|
|
17
18
|
handler?: HttpHandler;
|
|
18
19
|
renderProps?(options: {request: Request}): Props;
|
|
19
20
|
}
|
|
20
21
|
|
|
22
|
+
export function createServerRenderingHttpHandler<Props>(
|
|
23
|
+
App: ComponentType<Props>,
|
|
24
|
+
{handler = createHttpHandler(), ...options}: Options<Props>,
|
|
25
|
+
) {
|
|
26
|
+
handler.get(createServerRenderingRequestHandler(App, options));
|
|
27
|
+
return handler;
|
|
28
|
+
}
|
|
29
|
+
|
|
21
30
|
export function createServerRenderingRequestHandler<Props>(
|
|
22
31
|
App: ComponentType<Props>,
|
|
23
|
-
{
|
|
32
|
+
{renderProps, ...options}: Omit<Options<Props>, 'handler'> = {},
|
|
24
33
|
): RequestHandler {
|
|
25
34
|
return (request) => {
|
|
26
35
|
return renderToResponse(
|
|
27
36
|
<App {...(renderProps?.({request}) as any)} />,
|
|
28
37
|
request,
|
|
29
|
-
|
|
38
|
+
options,
|
|
30
39
|
);
|
|
31
40
|
};
|
|
32
41
|
}
|
|
33
42
|
|
|
34
|
-
export function
|
|
35
|
-
|
|
36
|
-
{assets, renderProps, handler = createHttpHandler()}: Options<Props>,
|
|
37
|
-
) {
|
|
38
|
-
handler.get(createServerRenderingRequestHandler(App, {assets, renderProps}));
|
|
39
|
-
return handler;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
export async function renderToResponse(
|
|
43
|
-
element: ReactElement<any>,
|
|
43
|
+
export async function renderToResponse<Props>(
|
|
44
|
+
element: ReactElement<Props>,
|
|
44
45
|
request: Request,
|
|
45
|
-
{assets}:
|
|
46
|
+
{assets, ...options}: Omit<Options<Props>, 'handler' | 'renderProps'> = {},
|
|
46
47
|
) {
|
|
47
48
|
const accepts = request.headers.get('Accept');
|
|
48
49
|
|
|
@@ -54,6 +55,7 @@ export async function renderToResponse(
|
|
|
54
55
|
markup,
|
|
55
56
|
asyncAssets,
|
|
56
57
|
} = await renderApp(element, {
|
|
58
|
+
...options,
|
|
57
59
|
url: request.url,
|
|
58
60
|
headers: request.headers,
|
|
59
61
|
});
|
package/tsconfig.json
CHANGED
|
@@ -5,12 +5,13 @@
|
|
|
5
5
|
"outDir": "build/typescript"
|
|
6
6
|
},
|
|
7
7
|
"include": ["src"],
|
|
8
|
-
"exclude": ["sewing-kit.config.ts", "
|
|
8
|
+
"exclude": ["sewing-kit.config.ts", "**/*.test.ts", "**/*.test.tsx"],
|
|
9
9
|
"references": [
|
|
10
10
|
{"path": "../async"},
|
|
11
11
|
{"path": "../graphql"},
|
|
12
12
|
{"path": "../http-handlers"},
|
|
13
13
|
{"path": "../polyfills"},
|
|
14
|
+
{"path": "../react"},
|
|
14
15
|
{"path": "../react-async"},
|
|
15
16
|
{"path": "../react-email"},
|
|
16
17
|
{"path": "../react-graphql"},
|