@quilted/create 0.2.32 → 0.2.33

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @quilted/create
 
+## 0.2.33
+
+### Patch Changes
+
+- [#760](https://github.com/lemonmade/quilt/pull/760) [`8cea8b6`](https://github.com/lemonmade/quilt/commit/8cea8b67158b4aab6b7fc30f1dc8efbddd00e143) Thanks [@lemonmade](https://github.com/lemonmade)! - Explicitly pass router in templates via app context
+
 ## 0.2.32
 
 ### Patch Changes

package/build/esnext/_virtual/index2.esnext

@@ -1,3 +1,3 @@
-var dirGlob = {exports: {}};
+var out = {};
 
-export { dirGlob as __module };
+export { out as __exports };

package/build/esnext/_virtual/index3.esnext

@@ -1,3 +1,3 @@
-var pathType = {};
+var out = {};
 
-export { pathType as __exports };
+export { out as __exports };

package/build/esnext/_virtual/index4.esnext

@@ -1,3 +1,3 @@
-var out = {};
+var dirGlob = {exports: {}};
 
-export { out as __exports };
+export { dirGlob as __module };

package/build/esnext/_virtual/index5.esnext

@@ -1,3 +1,3 @@
-var out = {};
+var pathType = {};
 
-export { out as __exports };
+export { pathType as __exports };

package/build/esnext/node_modules/.pnpm/@nodelib_fs.scandir@2.1.5/node_modules/@nodelib/fs.scandir/out/providers/async.esnext

@@ -4,7 +4,7 @@ import { r as runParallel_1 } from '../../../../../../run-parallel@1.2.0/node_mo
 import '../constants.esnext';
 import '../utils/index.esnext';
 import './common.esnext';
-import { __exports as out } from '../../../../../../../../_virtual/index5.esnext';
+import { __exports as out } from '../../../../../../../../_virtual/index3.esnext';
 import { __exports as constants } from '../../../../../../../../_virtual/constants.esnext';
 import { __exports as utils$1 } from '../../../../../../../../_virtual/index7.esnext';
 import { __exports as common$1 } from '../../../../../../../../_virtual/common2.esnext';

package/build/esnext/node_modules/.pnpm/@nodelib_fs.scandir@2.1.5/node_modules/@nodelib/fs.scandir/out/providers/sync.esnext

@@ -3,7 +3,7 @@ import '../../../../../../@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/o
 import '../constants.esnext';
 import '../utils/index.esnext';
 import './common.esnext';
-import { __exports as out } from '../../../../../../../../_virtual/index5.esnext';
+import { __exports as out } from '../../../../../../../../_virtual/index3.esnext';
 import { __exports as constants } from '../../../../../../../../_virtual/constants.esnext';
 import { __exports as utils$1 } from '../../../../../../../../_virtual/index7.esnext';
 import { __exports as common$1 } from '../../../../../../../../_virtual/common2.esnext';

package/build/esnext/node_modules/.pnpm/@nodelib_fs.scandir@2.1.5/node_modules/@nodelib/fs.scandir/out/settings.esnext

@@ -2,7 +2,7 @@ import { __exports as settings } from '../../../../../../../_virtual/settings4.e
 import path__default from 'node:path';
 import '../../../../../@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/index.esnext';
 import './adapters/fs.esnext';
-import { __exports as out } from '../../../../../../../_virtual/index5.esnext';
+import { __exports as out } from '../../../../../../../_virtual/index3.esnext';
 import { __exports as fs$1 } from '../../../../../../../_virtual/fs3.esnext';
 
 Object.defineProperty(settings, "__esModule", { value: true });

package/build/esnext/node_modules/.pnpm/@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/index.esnext

@@ -1,4 +1,4 @@
-import { __exports as out } from '../../../../../../../_virtual/index5.esnext';
+import { __exports as out } from '../../../../../../../_virtual/index3.esnext';
 import './providers/async.esnext';
 import './providers/sync.esnext';
 import './settings.esnext';

package/build/esnext/node_modules/.pnpm/@nodelib_fs.walk@1.2.8/node_modules/@nodelib/fs.walk/out/index.esnext

@@ -1,4 +1,4 @@
-import { __exports as out } from '../../../../../../../_virtual/index4.esnext';
+import { __exports as out } from '../../../../../../../_virtual/index2.esnext';
 import './providers/async.esnext';
 import './providers/stream.esnext';
 import './providers/sync.esnext';

package/build/esnext/node_modules/.pnpm/dir-glob@3.0.1/node_modules/dir-glob/index.esnext

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.esnext';
-import { __module as dirGlob$1 } from '../../../../../_virtual/index2.esnext';
+import { __module as dirGlob$1 } from '../../../../../_virtual/index4.esnext';
 import path__default from 'node:path';
 import '../../../path-type@4.0.0/node_modules/path-type/index.esnext';
-import { __exports as pathType$1 } from '../../../../../_virtual/index3.esnext';
+import { __exports as pathType$1 } from '../../../../../_virtual/index5.esnext';
 
 const path = path__default;
 const pathType = pathType$1;

package/build/esnext/node_modules/.pnpm/fast-glob@3.2.12/node_modules/fast-glob/out/readers/async.esnext

@@ -2,7 +2,7 @@ import { __exports as async } from '../../../../../../../_virtual/async2.esnext'
 import '../../../../../@nodelib_fs.walk@1.2.8/node_modules/@nodelib/fs.walk/out/index.esnext';
 import './reader.esnext';
 import './stream.esnext';
-import { __exports as out } from '../../../../../../../_virtual/index4.esnext';
+import { __exports as out } from '../../../../../../../_virtual/index2.esnext';
 import { __exports as reader } from '../../../../../../../_virtual/reader.esnext';
 import { __exports as stream } from '../../../../../../../_virtual/stream2.esnext';
 

package/build/esnext/node_modules/.pnpm/fast-glob@3.2.12/node_modules/fast-glob/out/readers/reader.esnext

@@ -2,7 +2,7 @@ import { __exports as reader } from '../../../../../../../_virtual/reader.esnext
 import path__default from 'node:path';
 import '../../../../../@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/index.esnext';
 import '../utils/index.esnext';
-import { __exports as out } from '../../../../../../../_virtual/index5.esnext';
+import { __exports as out } from '../../../../../../../_virtual/index3.esnext';
 import { __exports as utils$1 } from '../../../../../../../_virtual/index.esnext';
 
 Object.defineProperty(reader, "__esModule", { value: true });

package/build/esnext/node_modules/.pnpm/fast-glob@3.2.12/node_modules/fast-glob/out/readers/stream.esnext

@@ -3,8 +3,8 @@ import require$$0 from 'node:stream';
 import '../../../../../@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/index.esnext';
 import '../../../../../@nodelib_fs.walk@1.2.8/node_modules/@nodelib/fs.walk/out/index.esnext';
 import './reader.esnext';
-import { __exports as out } from '../../../../../../../_virtual/index5.esnext';
-import { __exports as out$1 } from '../../../../../../../_virtual/index4.esnext';
+import { __exports as out } from '../../../../../../../_virtual/index3.esnext';
+import { __exports as out$1 } from '../../../../../../../_virtual/index2.esnext';
 import { __exports as reader } from '../../../../../../../_virtual/reader.esnext';
 
 Object.defineProperty(stream, "__esModule", { value: true });

package/build/esnext/node_modules/.pnpm/fast-glob@3.2.12/node_modules/fast-glob/out/readers/sync.esnext

@@ -2,8 +2,8 @@ import { __exports as sync } from '../../../../../../../_virtual/sync2.esnext';
 import '../../../../../@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/index.esnext';
 import '../../../../../@nodelib_fs.walk@1.2.8/node_modules/@nodelib/fs.walk/out/index.esnext';
 import './reader.esnext';
-import { __exports as out } from '../../../../../../../_virtual/index5.esnext';
-import { __exports as out$1 } from '../../../../../../../_virtual/index4.esnext';
+import { __exports as out } from '../../../../../../../_virtual/index3.esnext';
+import { __exports as out$1 } from '../../../../../../../_virtual/index2.esnext';
 import { __exports as reader } from '../../../../../../../_virtual/reader.esnext';
 
 Object.defineProperty(sync, "__esModule", { value: true });

package/build/esnext/node_modules/.pnpm/path-type@4.0.0/node_modules/path-type/index.esnext

@@ -1,4 +1,4 @@
-import { __exports as pathType } from '../../../../../_virtual/index3.esnext';
+import { __exports as pathType } from '../../../../../_virtual/index5.esnext';
 import require$$0 from 'node:util';
 import fs__default from 'node:fs';
 

package/package.json

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

package/templates/app-basic/App.tsx

@@ -41,7 +41,7 @@ export function App({context}: AppProps) {
   return (
     <AppContext context={context}>
       <HTML>
-        <Navigation routes={routes} context={context} />
+        <Navigation router={context.router} routes={routes} context={context} />
       </HTML>
     </AppContext>
   );

package/templates/app-basic/browser.tsx

@@ -1,6 +1,7 @@
 import '@quilted/quilt/globals';
 import {hydrate} from 'preact';
 import {Browser, BrowserContext} from '@quilted/quilt/browser';
+import {Router} from '@quilted/quilt/navigate';
 
 import type {AppContext} from '~/shared/context.ts';
 import {App} from './App.tsx';
@@ -8,7 +9,9 @@ import {App} from './App.tsx';
 const element = document.querySelector('#app')!;
 const browser = new Browser();
 
-const context = {} satisfies AppContext;
+const context = {
+  router: new Router(browser.request.url),
+} satisfies AppContext;
 
 // Makes key parts of the app available in the browser console
 Object.assign(globalThis, {app: context});

package/templates/app-basic/server.tsx

@@ -1,6 +1,7 @@
 import '@quilted/quilt/globals';
 import {RequestRouter} from '@quilted/quilt/request-router';
 import {renderToResponse} from '@quilted/quilt/server';
+import {Router} from '@quilted/quilt/navigate';
 import {BrowserAssets} from 'quilt:module/assets';
 
 import type {AppContext} from '~/shared/context.ts';
@@ -12,7 +13,9 @@ const assets = new BrowserAssets();
 
 // For all GET requests, render our React application.
 router.get(async (request) => {
-  const context = {} satisfies AppContext;
+  const context = {
+    router: new Router(request.url),
+  } satisfies AppContext;
 
   const response = await renderToResponse(<App context={context} />, {
     request,

package/templates/app-basic/shared/context.ts

@@ -1,6 +1,12 @@
 import {createOptionalContext} from '@quilted/quilt/context';
+import type {Router} from '@quilted/quilt/navigate';
 
-export interface AppContext {}
+export interface AppContext {
+  /**
+   * The router used to control navigation throughout the application.
+   */
+  readonly router: Router;
+}
 
 export const AppContextReact = createOptionalContext<AppContext>();
 export const useAppContext = AppContextReact.use;

package/templates/app-graphql/App.tsx

@@ -42,7 +42,7 @@ export function App({context}: AppProps) {
   return (
     <AppContext context={context}>
       <HTML>
-        <Navigation routes={routes} context={context} />
+        <Navigation router={context.router} routes={routes} context={context} />
       </HTML>
     </AppContext>
   );

package/templates/app-graphql/browser.tsx

@@ -3,6 +3,7 @@ import '@quilted/quilt/globals';
 import {hydrate} from 'preact';
 import {createGraphQLFetch, GraphQLCache} from '@quilted/quilt/graphql';
 import {Browser, BrowserContext} from '@quilted/quilt/browser';
+import {Router} from '@quilted/quilt/navigate';
 
 import type {AppContext} from '~/shared/context.ts';
 
@@ -15,6 +16,7 @@ const graphQLFetch = createGraphQLFetch({url: '/api/graphql'});
 const graphQLCache = new GraphQLCache({fetch: graphQLFetch});
 
 const context = {
+  router: new Router(browser.request.url),
   graphql: {
     fetch: graphQLFetch,
     cache: graphQLCache,

package/templates/app-graphql/server.tsx

@@ -1,6 +1,7 @@
 import '@quilted/quilt/globals';
 
 import {RequestRouter, JSONResponse} from '@quilted/quilt/request-router';
+import {Router} from '@quilted/quilt/navigate';
 import {BrowserAssets} from 'quilt:module/assets';
 
 import type {AppContext} from '~/shared/context.ts';
@@ -32,6 +33,7 @@ router.get(async (request) => {
     ]);
 
   const context = {
+    router: new Router(request.url),
     graphql: {
       fetch: performGraphQLOperation,
       cache: new GraphQLCache(),

package/templates/app-graphql/shared/context.ts

@@ -1,6 +1,12 @@
 import {createOptionalContext} from '@quilted/quilt/context';
+import type {Router} from '@quilted/quilt/navigate';
 
-export interface AppContext {}
+export interface AppContext {
+  /**
+   * The router used to control navigation throughout the application.
+   */
+  readonly router: Router;
+}
 
 export const AppContextReact = createOptionalContext<AppContext>();
 export const useAppContext = AppContextReact.use;

package/templates/app-trpc/browser.tsx

@@ -4,6 +4,7 @@ import {hydrate} from 'preact';
 import {httpBatchLink} from '@trpc/client';
 import {QueryClient} from '@tanstack/react-query';
 import {Browser, BrowserContext} from '@quilted/quilt/browser';
+import {Router} from '@quilted/quilt/navigate';
 
 import type {AppContext} from '~/shared/context.ts';
 import {trpc} from '~/shared/trpc.ts';
@@ -19,6 +20,7 @@ const trpcClient = trpc.createClient({
 });
 
 const context = {
+  router: new Router(browser.request.url),
   trpc: trpcClient,
   queryClient,
 } satisfies AppContext;

package/templates/app-trpc/server.tsx

@@ -5,6 +5,8 @@ import {BrowserAssets} from 'quilt:module/assets';
 import {createDirectClient} from '@quilted/trpc/server';
 import {fetchRequestHandler} from '@trpc/server/adapters/fetch';
 
+import type {AppContext} from '~/shared/context.ts';
+
 import {appRouter} from './trpc.ts';
 
 const router = new RequestRouter();
@@ -25,24 +27,24 @@ router.any(
 
 // For all GET requests, render our React application.
 router.get(async (request) => {
-  const [{App}, {renderToResponse}, {QueryClient}] = await Promise.all([
-    import('./App.tsx'),
-    import('@quilted/quilt/server'),
-    import('@tanstack/react-query'),
-  ]);
-
-  const response = await renderToResponse(
-    <App
-      context={{
-        trpc: createDirectClient(appRouter),
-        queryClient: new QueryClient(),
-      }}
-    />,
-    {
-      request,
-      assets,
-    },
-  );
+  const [{App}, {renderToResponse}, {Router}, {QueryClient}] =
+    await Promise.all([
+      import('./App.tsx'),
+      import('@quilted/quilt/server'),
+      import('@quilted/quilt/navigate'),
+      import('@tanstack/react-query'),
+    ]);
+
+  const context = {
+    router: new Router(request.url),
+    trpc: createDirectClient(appRouter),
+    queryClient: new QueryClient(),
+  } satisfies AppContext;
+
+  const response = await renderToResponse(<App context={context} />, {
+    request,
+    assets,
+  });
 
   return response;
 });

package/templates/app-trpc/shared/context.ts

@@ -1,6 +1,12 @@
 import {createOptionalContext} from '@quilted/quilt/context';
+import type {Router} from '@quilted/quilt/navigate';
 
-export interface AppContext {}
+export interface AppContext {
+  /**
+   * The router used to control navigation throughout the application.
+   */
+  readonly router: Router;
+}
 
 export const AppContextReact = createOptionalContext<AppContext>();
 export const useAppContext = AppContextReact.use;