@quilted/quilt 0.5.107 → 0.5.108
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 +6 -0
- package/build/cjs/AppContext.cjs +3 -2
- package/build/cjs/env.cjs +1 -1
- package/build/cjs/server/ServerContext.cjs +8 -7
- package/build/cjs/server/http-handler.cjs +72 -188
- package/build/cjs/server/render.cjs +32 -75
- package/build/cjs/static/StaticContext.cjs +8 -7
- package/build/cjs/static/index.cjs +250 -591
- package/build/cjs/static/render.cjs +32 -75
- package/build/esm/AppContext.mjs +3 -2
- package/build/esm/env.mjs +1 -1
- package/build/esm/server/ServerContext.mjs +8 -7
- package/build/esm/server/http-handler.mjs +73 -181
- package/build/esm/server/render.mjs +32 -68
- package/build/esm/static/StaticContext.mjs +8 -7
- package/build/esm/static/index.mjs +252 -585
- package/build/esm/static/render.mjs +32 -68
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @quilted/quilt
|
|
2
2
|
|
|
3
|
+
## 0.5.108
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a12c3576`](https://github.com/lemonmade/quilt/commit/a12c357693b173461f51a35fb7efdd0a9267e471) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix more build issues
|
|
8
|
+
|
|
3
9
|
## 0.5.107
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/build/cjs/AppContext.cjs
CHANGED
|
@@ -8,8 +8,9 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
8
8
|
|
|
9
9
|
// TODO: have craft options to remove the bundle impact of parts of this that are
|
|
10
10
|
// unused.
|
|
11
|
-
function AppContext(
|
|
12
|
-
|
|
11
|
+
function AppContext({
|
|
12
|
+
children
|
|
13
|
+
}) {
|
|
13
14
|
reactHtml.useHtmlUpdater();
|
|
14
15
|
return /*#__PURE__*/jsxRuntime.jsx(reactHttp.HttpContext, {
|
|
15
16
|
children: /*#__PURE__*/jsxRuntime.jsx(reactHttp.CookieContext, {
|
package/build/cjs/env.cjs
CHANGED
|
@@ -8,13 +8,14 @@ var server$2 = require('@quilted/react-async/server');
|
|
|
8
8
|
var server = require('@quilted/react-http/server');
|
|
9
9
|
var react = require('../utilities/react.cjs');
|
|
10
10
|
|
|
11
|
-
function ServerContext(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
function ServerContext({
|
|
12
|
+
url,
|
|
13
|
+
html,
|
|
14
|
+
http,
|
|
15
|
+
asyncAssets,
|
|
16
|
+
children
|
|
17
|
+
}) {
|
|
18
|
+
const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
|
|
18
19
|
return react.maybeWrapContext(server$2.AsyncAssetContext, asyncAssets, react.maybeWrapContext(server.HttpServerContext, http, react.maybeWrapContext(server$1.HtmlContext, html, react.maybeWrapContext(reactRouter.InitialUrlContext, normalizedUrl, children))));
|
|
19
20
|
}
|
|
20
21
|
|
|
@@ -2,203 +2,87 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
-
var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
|
|
8
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
9
|
-
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
10
5
|
var server = require('@quilted/react-html/server');
|
|
11
6
|
var httpHandlers = require('@quilted/http-handlers');
|
|
12
7
|
var render = require('./render.cjs');
|
|
13
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
14
9
|
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
|
|
20
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
21
|
-
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
|
|
22
|
-
|
|
23
|
-
var _excluded = ["handler"],
|
|
24
|
-
_excluded2 = ["context"],
|
|
25
|
-
_excluded3 = ["assets"];
|
|
26
|
-
|
|
27
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
28
|
-
|
|
29
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
30
|
-
function createServerRenderingHttpHandler(render, _ref) {
|
|
31
|
-
var _ref$handler = _ref.handler,
|
|
32
|
-
handler = _ref$handler === void 0 ? httpHandlers.createHttpHandler() : _ref$handler,
|
|
33
|
-
options = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
34
|
-
|
|
10
|
+
function createServerRenderingHttpHandler(render, {
|
|
11
|
+
handler = httpHandlers.createHttpHandler(),
|
|
12
|
+
...options
|
|
13
|
+
}) {
|
|
35
14
|
handler.get(createServerRenderingRequestHandler(render, options));
|
|
36
15
|
return handler;
|
|
37
16
|
}
|
|
38
|
-
function createServerRenderingRequestHandler(render
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
switch (_context2.prev = _context2.next) {
|
|
51
|
-
case 0:
|
|
52
|
-
_context2.next = 2;
|
|
53
|
-
return render(request, requestContext);
|
|
54
|
-
|
|
55
|
-
case 2:
|
|
56
|
-
app = _context2.sent;
|
|
57
|
-
return _context2.abrupt("return", renderToResponse(app, request, _objectSpread(_objectSpread({}, options), {}, {
|
|
58
|
-
context: (_context = context === null || context === void 0 ? void 0 : context(request, requestContext)) !== null && _context !== void 0 ? _context : requestContext
|
|
59
|
-
})));
|
|
60
|
-
|
|
61
|
-
case 4:
|
|
62
|
-
case "end":
|
|
63
|
-
return _context2.stop();
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}, _callee);
|
|
67
|
-
}));
|
|
68
|
-
|
|
69
|
-
return function (_x, _x2) {
|
|
70
|
-
return _ref3.apply(this, arguments);
|
|
71
|
-
};
|
|
72
|
-
}();
|
|
17
|
+
function createServerRenderingRequestHandler(render, {
|
|
18
|
+
context,
|
|
19
|
+
...options
|
|
20
|
+
} = {}) {
|
|
21
|
+
return async (request, requestContext) => {
|
|
22
|
+
var _context;
|
|
23
|
+
|
|
24
|
+
const app = await render(request, requestContext);
|
|
25
|
+
return renderToResponse(app, request, { ...options,
|
|
26
|
+
context: (_context = context === null || context === void 0 ? void 0 : context(request, requestContext)) !== null && _context !== void 0 ? _context : requestContext
|
|
27
|
+
});
|
|
28
|
+
};
|
|
73
29
|
}
|
|
74
|
-
function renderToResponse(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
_http$state = http.state, headers = _http$state.headers, _http$state$statusCod = _http$state.statusCode, statusCode = _http$state$statusCod === void 0 ? 200 : _http$state$statusCod, redirectUrl = _http$state.redirectUrl;
|
|
131
|
-
|
|
132
|
-
if (!redirectUrl) {
|
|
133
|
-
_context3.next = 14;
|
|
134
|
-
break;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
return _context3.abrupt("return", httpHandlers.redirect(redirectUrl, {
|
|
138
|
-
status: statusCode,
|
|
139
|
-
headers: headers
|
|
140
|
-
}));
|
|
141
|
-
|
|
142
|
-
case 14:
|
|
143
|
-
usedAssets = asyncAssets.used({
|
|
144
|
-
timing: 'load'
|
|
145
|
-
});
|
|
146
|
-
assetOptions = {
|
|
147
|
-
userAgent: request.headers.get('User-Agent')
|
|
148
|
-
};
|
|
149
|
-
|
|
150
|
-
if (!assets) {
|
|
151
|
-
_context3.next = 22;
|
|
152
|
-
break;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
_context3.next = 19;
|
|
156
|
-
return Promise.all([assets.styles({
|
|
157
|
-
async: usedAssets,
|
|
158
|
-
options: assetOptions
|
|
159
|
-
}), assets.scripts({
|
|
160
|
-
async: usedAssets,
|
|
161
|
-
options: assetOptions
|
|
162
|
-
}), assets.asyncAssets(asyncAssets.used({
|
|
163
|
-
timing: 'preload'
|
|
164
|
-
}), {
|
|
165
|
-
options: assetOptions
|
|
166
|
-
})]);
|
|
167
|
-
|
|
168
|
-
case 19:
|
|
169
|
-
_context3.t0 = _context3.sent;
|
|
170
|
-
_context3.next = 23;
|
|
171
|
-
break;
|
|
172
|
-
|
|
173
|
-
case 22:
|
|
174
|
-
_context3.t0 = [];
|
|
175
|
-
|
|
176
|
-
case 23:
|
|
177
|
-
_ref5 = _context3.t0;
|
|
178
|
-
_ref6 = _slicedToArray__default["default"](_ref5, 3);
|
|
179
|
-
styles = _ref6[0];
|
|
180
|
-
scripts = _ref6[1];
|
|
181
|
-
preload = _ref6[2];
|
|
182
|
-
return _context3.abrupt("return", httpHandlers.html(server.render( /*#__PURE__*/jsxRuntime.jsx(server.Html, {
|
|
183
|
-
url: new URL(request.url),
|
|
184
|
-
manager: htmlManager,
|
|
185
|
-
styles: styles,
|
|
186
|
-
scripts: scripts,
|
|
187
|
-
preloadAssets: preload,
|
|
188
|
-
children: markup
|
|
189
|
-
})), {
|
|
190
|
-
headers: headers,
|
|
191
|
-
status: statusCode
|
|
192
|
-
}));
|
|
193
|
-
|
|
194
|
-
case 29:
|
|
195
|
-
case "end":
|
|
196
|
-
return _context3.stop();
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
}, _callee2);
|
|
200
|
-
}));
|
|
201
|
-
return _renderToResponse.apply(this, arguments);
|
|
30
|
+
async function renderToResponse(app, request, {
|
|
31
|
+
assets,
|
|
32
|
+
...options
|
|
33
|
+
} = {}) {
|
|
34
|
+
const accepts = request.headers.get('Accept');
|
|
35
|
+
if (accepts != null && !accepts.includes('text/html')) return;
|
|
36
|
+
const {
|
|
37
|
+
html: htmlManager,
|
|
38
|
+
http,
|
|
39
|
+
markup,
|
|
40
|
+
asyncAssets
|
|
41
|
+
} = await render.renderApp(app, { ...options,
|
|
42
|
+
url: request.url,
|
|
43
|
+
headers: request.headers
|
|
44
|
+
});
|
|
45
|
+
const {
|
|
46
|
+
headers,
|
|
47
|
+
statusCode = 200,
|
|
48
|
+
redirectUrl
|
|
49
|
+
} = http.state;
|
|
50
|
+
|
|
51
|
+
if (redirectUrl) {
|
|
52
|
+
return httpHandlers.redirect(redirectUrl, {
|
|
53
|
+
status: statusCode,
|
|
54
|
+
headers
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
const usedAssets = asyncAssets.used({
|
|
59
|
+
timing: 'load'
|
|
60
|
+
});
|
|
61
|
+
const assetOptions = {
|
|
62
|
+
userAgent: request.headers.get('User-Agent')
|
|
63
|
+
};
|
|
64
|
+
const [styles, scripts, preload] = assets ? await Promise.all([assets.styles({
|
|
65
|
+
async: usedAssets,
|
|
66
|
+
options: assetOptions
|
|
67
|
+
}), assets.scripts({
|
|
68
|
+
async: usedAssets,
|
|
69
|
+
options: assetOptions
|
|
70
|
+
}), assets.asyncAssets(asyncAssets.used({
|
|
71
|
+
timing: 'preload'
|
|
72
|
+
}), {
|
|
73
|
+
options: assetOptions
|
|
74
|
+
})]) : [];
|
|
75
|
+
return httpHandlers.html(server.render( /*#__PURE__*/jsxRuntime.jsx(server.Html, {
|
|
76
|
+
url: new URL(request.url),
|
|
77
|
+
manager: htmlManager,
|
|
78
|
+
styles: styles,
|
|
79
|
+
scripts: scripts,
|
|
80
|
+
preloadAssets: preload,
|
|
81
|
+
children: markup
|
|
82
|
+
})), {
|
|
83
|
+
headers,
|
|
84
|
+
status: statusCode
|
|
85
|
+
});
|
|
202
86
|
}
|
|
203
87
|
|
|
204
88
|
exports.createServerRenderingHttpHandler = createServerRenderingHttpHandler;
|
|
@@ -2,10 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
|
-
var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
|
|
8
|
-
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
9
5
|
var server$3 = require('@quilted/react-server-render/server');
|
|
10
6
|
var server = require('@quilted/react-html/server');
|
|
11
7
|
var server$2 = require('@quilted/react-http/server');
|
|
@@ -13,77 +9,38 @@ var server$1 = require('@quilted/react-async/server');
|
|
|
13
9
|
var ServerContext = require('./ServerContext.cjs');
|
|
14
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
15
11
|
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
case 0:
|
|
49
|
-
_ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, _decorate = _ref.decorate, url = _ref.url, headers = _ref.headers, rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
50
|
-
html = new server.HtmlManager();
|
|
51
|
-
asyncAssets = new server$1.AsyncAssetManager();
|
|
52
|
-
http = new server$2.HttpManager({
|
|
53
|
-
headers: headers
|
|
54
|
-
});
|
|
55
|
-
_context.next = 6;
|
|
56
|
-
return server$3.extract(app, _objectSpread({
|
|
57
|
-
decorate: function decorate(app) {
|
|
58
|
-
var _decorate2;
|
|
59
|
-
|
|
60
|
-
return /*#__PURE__*/jsxRuntime.jsx(ServerContext.ServerContext, {
|
|
61
|
-
asyncAssets: asyncAssets,
|
|
62
|
-
http: http,
|
|
63
|
-
html: html,
|
|
64
|
-
url: url,
|
|
65
|
-
children: (_decorate2 = _decorate === null || _decorate === void 0 ? void 0 : _decorate(app)) !== null && _decorate2 !== void 0 ? _decorate2 : app
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
}, rest));
|
|
69
|
-
|
|
70
|
-
case 6:
|
|
71
|
-
markup = _context.sent;
|
|
72
|
-
return _context.abrupt("return", {
|
|
73
|
-
markup: markup,
|
|
74
|
-
http: http,
|
|
75
|
-
html: html,
|
|
76
|
-
asyncAssets: asyncAssets
|
|
77
|
-
});
|
|
78
|
-
|
|
79
|
-
case 8:
|
|
80
|
-
case "end":
|
|
81
|
-
return _context.stop();
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}, _callee);
|
|
85
|
-
}));
|
|
86
|
-
return _renderApp.apply(this, arguments);
|
|
12
|
+
async function renderApp(app, {
|
|
13
|
+
decorate,
|
|
14
|
+
url,
|
|
15
|
+
headers,
|
|
16
|
+
...rest
|
|
17
|
+
} = {}) {
|
|
18
|
+
const html = new server.HtmlManager();
|
|
19
|
+
const asyncAssets = new server$1.AsyncAssetManager();
|
|
20
|
+
const http = new server$2.HttpManager({
|
|
21
|
+
headers
|
|
22
|
+
});
|
|
23
|
+
const markup = await server$3.extract(app, {
|
|
24
|
+
decorate(app) {
|
|
25
|
+
var _decorate;
|
|
26
|
+
|
|
27
|
+
return /*#__PURE__*/jsxRuntime.jsx(ServerContext.ServerContext, {
|
|
28
|
+
asyncAssets: asyncAssets,
|
|
29
|
+
http: http,
|
|
30
|
+
html: html,
|
|
31
|
+
url: url,
|
|
32
|
+
children: (_decorate = decorate === null || decorate === void 0 ? void 0 : decorate(app)) !== null && _decorate !== void 0 ? _decorate : app
|
|
33
|
+
});
|
|
34
|
+
},
|
|
35
|
+
|
|
36
|
+
...rest
|
|
37
|
+
});
|
|
38
|
+
return {
|
|
39
|
+
markup,
|
|
40
|
+
http,
|
|
41
|
+
html,
|
|
42
|
+
asyncAssets
|
|
43
|
+
};
|
|
87
44
|
}
|
|
88
45
|
|
|
89
46
|
exports.renderApp = renderApp;
|
|
@@ -8,13 +8,14 @@ var server$2 = require('@quilted/react-async/server');
|
|
|
8
8
|
var server = require('@quilted/react-http/server');
|
|
9
9
|
var react = require('../utilities/react.cjs');
|
|
10
10
|
|
|
11
|
-
function StaticContext(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
function StaticContext({
|
|
12
|
+
url,
|
|
13
|
+
html,
|
|
14
|
+
http,
|
|
15
|
+
asyncAssets,
|
|
16
|
+
children
|
|
17
|
+
}) {
|
|
18
|
+
const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
|
|
18
19
|
return react.maybeWrapContext(server$2.AsyncAssetContext, asyncAssets, react.maybeWrapContext(server.HttpServerContext, http, react.maybeWrapContext(server$1.HtmlContext, html, react.maybeWrapContext(reactRouter.InitialUrlContext, normalizedUrl, children))));
|
|
19
20
|
}
|
|
20
21
|
|