@quilted/quilt 0.5.63 → 0.5.66

package/build/typescript/env.d.ts

@@ -0,0 +1,5 @@
+export interface EnvironmentVariables {
+}
+declare const Env: EnvironmentVariables;
+export default Env;
+//# sourceMappingURL=env.d.ts.map

package/build/typescript/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../src/env.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;CAAG;AAExC,OAAO,CAAC,MAAM,GAAG,EAAE,oBAAoB,CAAC;AAExC,eAAe,GAAG,CAAC"}

package/build/typescript/html.d.ts

@@ -1,2 +1,3 @@
-export { Alternate, BodyAttributes, HtmlAttributes, Hydrator, Link, Meta, SearchRobots, ThemeColor, Title, Viewport, Favicon, useAlternateUrl, useSerialized, useBodyAttributes, useHtmlAttributes, useFavicon, useLink, useLocale, useMeta, useSearchRobots, useThemeColor, useTitle, useViewport, useHtmlUpdater, getSerialized, } from '@quilted/react-html';
+export { Alternate, BodyAttributes, HtmlAttributes, Hydrator, Link, Meta, SearchRobots, Serialize, ThemeColor, Title, Viewport, Favicon, useAlternateUrl, useSerialized, useBodyAttributes, useHtmlAttributes, useFavicon, useLink, useLocale, useMeta, useSearchRobots, useThemeColor, useTitle, useViewport, useHtmlUpdater, getSerialized, } from '@quilted/react-html';
+export type { Serializable } from '@quilted/react-html';
 //# sourceMappingURL=html.d.ts.map

package/build/typescript/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../src/html.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,cAAc,EACd,aAAa,GACd,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../src/html.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,cAAc,EACd,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC"}

package/build/typescript/polyfills/crypto.d.ts

@@ -0,0 +1,2 @@
+import '@quilted/polyfills/crypto';
+//# sourceMappingURL=crypto.d.ts.map

package/build/typescript/polyfills/crypto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto.d.ts","sourceRoot":"","sources":["../../../src/polyfills/crypto.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/build/typescript/server/http-handler.d.ts

@@ -1,10 +1,13 @@
 import type { ComponentType } from 'react';
 import type { AssetLoader } from '@quilted/async/server';
-import type { HttpHandler, RequestHandler, HttpHandlerOptions } from '@quilted/http-handlers';
-export interface Options extends Pick<HttpHandlerOptions, 'before'> {
+import type { Request, HttpHandler, RequestHandler } from '@quilted/http-handlers';
+export interface Options<Props = Record<string, never>> {
     assets: AssetLoader<unknown>;
     handler?: HttpHandler;
+    renderProps?(options: {
+        request: Request;
+    }): Props;
 }
-export declare function createServerRenderingRequestHandler(App: ComponentType<any>, { assets }: Pick<Options, 'assets'>): RequestHandler;
-export declare function createServerRenderingHttpHandler(App: ComponentType<any>, { assets, before, handler }: Options): HttpHandler;
+export declare function createServerRenderingRequestHandler<Props>(App: ComponentType<Props>, { assets, renderProps, }: Pick<Options<Props>, 'assets' | 'renderProps'>): RequestHandler;
+export declare function createServerRenderingHttpHandler<Props>(App: ComponentType<Props>, { assets, renderProps, handler }: Options<Props>): HttpHandler;
 //# sourceMappingURL=http-handler.d.ts.map

package/build/typescript/server/http-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"http-handler.d.ts","sourceRoot":"","sources":["../../../src/server/http-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAIvD,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,kBAAkB,EACnB,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,OAAQ,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IACjE,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,mCAAmC,CACjD,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EACvB,EAAC,MAAM,EAAC,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,GAChC,cAAc,CAqDhB;AAED,wBAAgB,gCAAgC,CAC9C,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EACvB,EAAC,MAAM,EAAE,MAAM,EAAE,OAAqC,EAAC,EAAE,OAAO,eAIjE"}
+{"version":3,"file":"http-handler.d.ts","sourceRoot":"","sources":["../../../src/server/http-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAIvD,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;IACpD,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,CAAC,OAAO,EAAE;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,GAAG,KAAK,CAAC;CAClD;AAED,wBAAgB,mCAAmC,CAAC,KAAK,EACvD,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,EACE,MAAM,EACN,WAA+B,GAChC,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC,GAChD,cAAc,CAqDhB;AAED,wBAAgB,gCAAgC,CAAC,KAAK,EACpD,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,EAAC,MAAM,EAAE,WAAW,EAAE,OAA6B,EAAC,EAAE,OAAO,CAAC,KAAK,CAAC,eAIrE"}

package/build/typescript/static/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/static/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAOvD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAI1D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;CAC1B;AAOD,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD;AAID,wBAAsB,YAAY,CAChC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EACvB,EACE,MAAM,EACN,MAAM,EAAE,cAAc,EACtB,QAAQ,EACR,KAAY,EACZ,OAAkB,EAClB,QAAe,GAChB,EAAE,OAAO,iBAwOX"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/static/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAOvD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAI1D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;CAC1B;AAOD,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD;AAID,wBAAsB,YAAY,CAChC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EACvB,EACE,MAAM,EACN,MAAM,EAAE,cAAc,EACtB,QAAQ,EACR,KAAY,EACZ,OAAkB,EAClB,QAAe,GAChB,EAAE,OAAO,iBAsOX"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quilted/quilt",
   "type": "module",
-  "version": "0.5.63",
+  "version": "0.5.66",
   "repository": {
     "type": "git",
     "url": "https://github.com/lemonmade/quilt.git",
@@ -103,6 +103,12 @@
       "import": "./build/esm/polyfills/base.mjs",
       "require": "./build/cjs/polyfills/base.cjs"
     },
+    "./polyfills/crypto": {
+      "quilt:from-source": "./src/polyfills/crypto.ts",
+      "quilt:esnext": "./build/esnext/polyfills/crypto.esnext",
+      "import": "./build/esm/polyfills/crypto.mjs",
+      "require": "./build/cjs/polyfills/crypto.cjs"
+    },
     "./polyfills/fetch": {
       "quilt:from-source": "./src/polyfills/fetch.ts",
       "quilt:esnext": "./build/esnext/polyfills/fetch.esnext",
@@ -134,6 +140,9 @@
       "global": [
         "./build/typescript/global.d.ts"
       ],
+      "env": [
+        "./build/typescript/env.d.ts"
+      ],
       "http": [
         "./build/typescript/http.d.ts"
       ],
@@ -164,6 +173,9 @@
       "polyfills/fetch": [
         "./build/typescript/polyfills/fetch.d.ts"
       ],
+      "polyfills/crypto": [
+        "./build/typescript/polyfills/crypto.d.ts"
+      ],
       "polyfills/noop": [
         "./build/typescript/polyfills/noop.d.ts"
       ],

package/sewing-kit.config.ts

@@ -6,6 +6,7 @@ export default createPackage((pkg) => {
   pkg.entry({source: './src/html', name: 'html'});
   pkg.entry({source: './src/email', name: 'email'});
   pkg.entry({source: './src/global', name: 'global'});
+  pkg.entry({source: './src/env', name: 'env'});
   pkg.entry({source: './src/react', name: 'react'});
   pkg.entry({
     source: './src/react/server',

package/src/env.ts

@@ -0,0 +1,5 @@
+export interface EnvironmentVariables {}
+
+declare const Env: EnvironmentVariables;
+
+export default Env;

package/src/html.ts

@@ -6,6 +6,7 @@ export {
   Link,
   Meta,
   SearchRobots,
+  Serialize,
   ThemeColor,
   Title,
   Viewport,
@@ -25,3 +26,4 @@ export {
   useHtmlUpdater,
   getSerialized,
 } from '@quilted/react-html';
+export type {Serializable} from '@quilted/react-html';

package/src/polyfills/crypto.ts

@@ -0,0 +1 @@
+import '@quilted/polyfills/crypto';

package/src/server/http-handler.tsx

@@ -1,25 +1,29 @@
 import type {ComponentType} from 'react';
 
 import type {AssetLoader} from '@quilted/async/server';
-import {render, Html} from '@quilted/react-html/server';
+import {render as renderToString, Html} from '@quilted/react-html/server';
 
 import {createHttpHandler, html, redirect} from '@quilted/http-handlers';
 import type {
+  Request,
   HttpHandler,
   RequestHandler,
-  HttpHandlerOptions,
 } from '@quilted/http-handlers';
 
 import {renderApp} from './render';
 
-export interface Options extends Pick<HttpHandlerOptions, 'before'> {
+export interface Options<Props = Record<string, never>> {
   assets: AssetLoader<unknown>;
   handler?: HttpHandler;
+  renderProps?(options: {request: Request}): Props;
 }
 
-export function createServerRenderingRequestHandler(
-  App: ComponentType<any>,
-  {assets}: Pick<Options, 'assets'>,
+export function createServerRenderingRequestHandler<Props>(
+  App: ComponentType<Props>,
+  {
+    assets,
+    renderProps = () => ({} as any),
+  }: Pick<Options<Props>, 'assets' | 'renderProps'>,
 ): RequestHandler {
   return async (request) => {
     const accepts = request.headers.get('Accept');
@@ -31,7 +35,7 @@ export function createServerRenderingRequestHandler(
       http,
       markup,
       asyncAssets,
-    } = await renderApp(<App />, {
+    } = await renderApp(<App {...renderProps?.({request})} />, {
       url: request.url,
       headers: request.headers,
     });
@@ -57,7 +61,7 @@ export function createServerRenderingRequestHandler(
     ]);
 
     return html(
-      render(
+      renderToString(
         <Html
           manager={htmlManager}
           styles={styles}
@@ -75,10 +79,10 @@ export function createServerRenderingRequestHandler(
   };
 }
 
-export function createServerRenderingHttpHandler(
-  App: ComponentType<any>,
-  {assets, before, handler = createHttpHandler({before})}: Options,
+export function createServerRenderingHttpHandler<Props>(
+  App: ComponentType<Props>,
+  {assets, renderProps, handler = createHttpHandler()}: Options<Props>,
 ) {
-  handler.get(createServerRenderingRequestHandler(App, {assets}));
+  handler.get(createServerRenderingRequestHandler(App, {assets, renderProps}));
   return handler;
 }

package/src/static/index.tsx

@@ -169,8 +169,6 @@ export async function renderStatic(
       }
     }
 
-    // console.log({routeId, match, addFallbacks, children, routes, ownRoute});
-
     if (hasChildren) {
       for (const {id, route} of matchedRoutes) {
         for (const child of children!) {