@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 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
@@ -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(_ref) {
12
- var children = _ref.children;
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
@@ -2,6 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Env = {};
5
+ const Env = {};
6
6
 
7
7
  exports["default"] = Env;
@@ -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(_ref) {
12
- var url = _ref.url,
13
- html = _ref.html,
14
- http = _ref.http,
15
- asyncAssets = _ref.asyncAssets,
16
- children = _ref.children;
17
- var normalizedUrl = typeof url === 'string' ? new URL(url) : url;
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 _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
-
17
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
18
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
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
- var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
40
- context = _ref2.context,
41
- options = _objectWithoutProperties__default["default"](_ref2, _excluded2);
42
-
43
- return /*#__PURE__*/function () {
44
- var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(request, requestContext) {
45
- var _context;
46
-
47
- var app;
48
- return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
49
- while (1) {
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(_x3, _x4) {
75
- return _renderToResponse.apply(this, arguments);
76
- }
77
-
78
- function _renderToResponse() {
79
- _renderToResponse = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(app, request) {
80
- var _ref4,
81
- assets,
82
- options,
83
- accepts,
84
- _yield$renderApp,
85
- htmlManager,
86
- http,
87
- markup,
88
- asyncAssets,
89
- _http$state,
90
- headers,
91
- _http$state$statusCod,
92
- statusCode,
93
- redirectUrl,
94
- usedAssets,
95
- assetOptions,
96
- _ref5,
97
- _ref6,
98
- styles,
99
- scripts,
100
- preload,
101
- _args2 = arguments;
102
-
103
- return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context3) {
104
- while (1) {
105
- switch (_context3.prev = _context3.next) {
106
- case 0:
107
- _ref4 = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {}, assets = _ref4.assets, options = _objectWithoutProperties__default["default"](_ref4, _excluded3);
108
- accepts = request.headers.get('Accept');
109
-
110
- if (!(accepts != null && !accepts.includes('text/html'))) {
111
- _context3.next = 4;
112
- break;
113
- }
114
-
115
- return _context3.abrupt("return");
116
-
117
- case 4:
118
- _context3.next = 6;
119
- return render.renderApp(app, _objectSpread(_objectSpread({}, options), {}, {
120
- url: request.url,
121
- headers: request.headers
122
- }));
123
-
124
- case 6:
125
- _yield$renderApp = _context3.sent;
126
- htmlManager = _yield$renderApp.html;
127
- http = _yield$renderApp.http;
128
- markup = _yield$renderApp.markup;
129
- asyncAssets = _yield$renderApp.asyncAssets;
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 _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
-
18
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
19
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
20
- var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
21
- var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
22
-
23
- var _excluded = ["decorate", "url", "headers"];
24
-
25
- 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; }
26
-
27
- 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; }
28
- function renderApp(_x) {
29
- return _renderApp.apply(this, arguments);
30
- }
31
-
32
- function _renderApp() {
33
- _renderApp = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(app) {
34
- var _ref,
35
- _decorate,
36
- url,
37
- headers,
38
- rest,
39
- html,
40
- asyncAssets,
41
- http,
42
- markup,
43
- _args = arguments;
44
-
45
- return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
46
- while (1) {
47
- switch (_context.prev = _context.next) {
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(_ref) {
12
- var url = _ref.url,
13
- html = _ref.html,
14
- http = _ref.http,
15
- asyncAssets = _ref.asyncAssets,
16
- children = _ref.children;
17
- var normalizedUrl = typeof url === 'string' ? new URL(url) : url;
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