@quilted/create 0.1.34 → 0.1.36

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @quilted/create
 
+## 0.1.36
+
+### Patch Changes
+
+- [`5bf437ea`](https://github.com/lemonmade/quilt/commit/5bf437ea344d3818f249480c9db90c4ce418b256) Thanks [@lemonmade](https://github.com/lemonmade)! - Async load app in server render by default
+
+## 0.1.35
+
+### Patch Changes
+
+- [`84e74cb1`](https://github.com/lemonmade/quilt/commit/84e74cb1748ef4c427d6a4dfb854fa6898868918) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix default navigation performance experience
+
 ## 0.1.34
 
 ### Patch Changes

package/build/cjs/shared/package-manager.cjs

@@ -43,12 +43,14 @@ function createPackageManagerRunner(type, {
     },
     async install() {
       node_child_process.execSync(`${type} install`, {
-        cwd: root
+        cwd: root,
+        stdio: 'inherit'
       });
     },
     async run(command, args) {
       node_child_process.execSync(`${type} ${command} ${args.join(' ')}`, {
-        cwd: root
+        cwd: root,
+        stdio: 'inherit'
       });
     }
   };

package/build/esm/shared/package-manager.mjs

@@ -23,12 +23,14 @@ function createPackageManagerRunner(type, {
     },
     async install() {
       execSync(`${type} install`, {
-        cwd: root
+        cwd: root,
+        stdio: 'inherit'
       });
     },
     async run(command, args) {
       execSync(`${type} ${command} ${args.join(' ')}`, {
-        cwd: root
+        cwd: root,
+        stdio: 'inherit'
       });
     }
   };

package/package.json

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

package/templates/app-basic/features/Start/Start.tsx

@@ -1,5 +1,12 @@
+import {usePerformanceNavigation} from '@quilted/quilt';
+
 import styles from './Start.module.css';
 
 export function Start() {
+  // This hook indicates that the page has loaded. It is used as part of Quilt’s
+  // navigation performance tracking feature. If you have disabled this feature,
+  // you can remove this hook.
+  usePerformanceNavigation();
+
   return <div className={styles.Start}>Hello world!</div>;
 }

package/templates/app-basic/server.tsx

@@ -5,15 +5,19 @@ import {
 } from '@quilted/quilt/server';
 import createAssetManifest from '@quilted/quilt/magic/app/asset-manifest';
 
-import App from './App';
-
 const router = createRequestRouter();
 
 // For all GET requests, render our React application.
 router.get(
-  createServerRenderingRequestHandler(() => <App />, {
-    assets: createAssetManifest(),
-  }),
+  createServerRenderingRequestHandler(
+    async () => {
+      const {default: App} = await import('./App');
+      return <App />;
+    },
+    {
+      assets: createAssetManifest(),
+    },
+  ),
 );
 
 export default router;

package/templates/app-single-file/App.tsx

@@ -1,6 +1,7 @@
 import {
   QuiltApp,
   useCurrentUrl,
+  usePerformanceNavigation,
   usePerformanceNavigationEvent,
   type Routes,
 } from '@quilted/quilt';
@@ -33,6 +34,11 @@ export default function App() {
 // This component will be rendered for the root URL of your application. Feel
 // free to edit it, rename it, remove it entirely, or move it to a dedicated file.
 function Start() {
+  // This hook indicates that the page has loaded. It is used as part of Quilt’s
+  // navigation performance tracking feature. If you have disabled this feature,
+  // you can remove this hook.
+  usePerformanceNavigation();
+
   return <div>Hello world!</div>;
 }