@quilted/create 0.1.6 → 0.1.9

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @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
+
+- [`f4069df8`](https://github.com/lemonmade/quilt/commit/f4069df83ce5166056c7605144333445311427e1) Thanks [@lemonmade](https://github.com/lemonmade)! - Add reportOnly ContentSecurityPolicy prop
+
+## 0.1.7
+
+### Patch Changes
+
+- [`64008ce5`](https://github.com/lemonmade/quilt/commit/64008ce54c91178001fac29c80e0afa55c185ae3) Thanks [@lemonmade](https://github.com/lemonmade)! - Add a server to the default app template
+
 ## 0.1.6
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quilted/create",
   "type": "module",
-  "version": "0.1.6",
+  "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/foundation/Http.tsx

@@ -1,3 +1,4 @@
+import Env from '@quilted/quilt/env';
 import {useCurrentUrl} from '@quilted/quilt';
 import {
   CacheControl,
@@ -32,6 +33,7 @@ export function Http() {
        * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
        */}
       <ContentSecurityPolicy
+        reportOnly={Env.MODE === 'development'}
         // By default, only allow sources from the page’s origin.
         defaultSources={["'self'"]}
         // Includes `'unsafe-inline'` because CSS is often necessary in development,

package/templates/app/quilt.project.ts

@@ -2,5 +2,11 @@ import {createApp, quiltApp} from '@quilted/craft';
 
 export default createApp((app) => {
   app.entry('./App');
-  app.use(quiltApp());
+  app.use(
+    quiltApp({
+      server: {
+        entry: './server',
+      },
+    }),
+  );
 });

package/templates/app/server.ts

@@ -0,0 +1,19 @@
+import '@quilted/quilt/global';
+import {
+  createHttpHandler,
+  createServerRenderingRequestHandler,
+} from '@quilted/quilt/server';
+import createAssetManifest from '@quilted/quilt/magic/app/asset-manifest';
+
+import App from './App';
+
+const httpHandler = createHttpHandler();
+
+// For all GET requests, render our React application.
+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 />}]);
-}