@quilted/create 0.1.8 → 0.1.9

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @quilted/create
 
+## 0.1.9
+
+### Patch Changes
+
+- [#283](https://github.com/lemonmade/quilt/pull/283) [`daf06328`](https://github.com/lemonmade/quilt/commit/daf06328f242ac621b70942aa063a6138a12f62f) Thanks [@lemonmade](https://github.com/lemonmade)! - Rework asset manifest
+
+* [`590e790b`](https://github.com/lemonmade/quilt/commit/590e790bebffcf367e00fe7248f83208e92a6eb5) Thanks [@lemonmade](https://github.com/lemonmade)! - Add missing global import
+
+- [`cdecff17`](https://github.com/lemonmade/quilt/commit/cdecff1728876a8b9849f74ef1219220a3f60835) Thanks [@lemonmade](https://github.com/lemonmade)! - Simply Routes component in template apps
+
 ## 0.1.8
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quilted/create",
   "type": "module",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "license": "MIT",
   "repository": {
     "type": "git",

package/templates/app/App.tsx

@@ -1,9 +1,13 @@
-import {AppContext, Router} from '@quilted/quilt';
+import {Router, useRoutes, AppContext} from '@quilted/quilt';
 
-import {Head} from './foundation/Head';
 import {Http} from './foundation/Http';
-import {Routes} from './foundation/Routes';
+import {Head} from './foundation/Head';
+
+import {Start} from './features/Start';
 
+/**
+ * The root component for your application.
+ */
 export default function App() {
   return (
     <AppContext>
@@ -15,3 +19,11 @@ export default function App() {
     </AppContext>
   );
 }
+
+/**
+ * This component renders the routes for your application. If you have a lot
+ * of routes, you may want to split this component into its own file.
+ */
+function Routes() {
+  return useRoutes([{match: '/', render: () => <Start />}]);
+}

package/templates/app/server.ts

@@ -1,17 +1,19 @@
+import '@quilted/quilt/global';
 import {
   createHttpHandler,
   createServerRenderingRequestHandler,
 } from '@quilted/quilt/server';
-import assets from '@quilted/quilt/magic/asset-loader';
+import createAssetManifest from '@quilted/quilt/magic/app/asset-manifest';
 
 import App from './App';
 
 const httpHandler = createHttpHandler();
-const requestHandler = createServerRenderingRequestHandler(App, {
-  assets,
-});
 
 // For all GET requests, render our React application.
-httpHandler.get(requestHandler);
+httpHandler.get(
+  createServerRenderingRequestHandler(App, {
+    assets: createAssetManifest(),
+  }),
+);
 
 export default httpHandler;

package/templates/app/foundation/Routes.tsx

@@ -1,7 +0,0 @@
-import {useRoutes} from '@quilted/quilt';
-
-import {Start} from '../features/Start';
-
-export function Routes() {
-  return useRoutes([{match: '/', render: () => <Start />}]);
-}