@quilted/create 0.2.32 → 0.2.34

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @quilted/create
 
+## 0.2.34
+
+### Patch Changes
+
+- [`759b46c`](https://github.com/lemonmade/quilt/commit/759b46c6b47efb14889b9ac80c416893bf90e83e) Thanks [@lemonmade](https://github.com/lemonmade)! - Upgrade Vite and Vitest dependencies
+
+- [`df319bd`](https://github.com/lemonmade/quilt/commit/df319bd30acf226005fcb7f9e7bf55d289004cbf) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix server GraphQL execution in GraphQL template
+
+## 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/esm/node_modules/.pnpm/@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/index.mjs

@@ -2,9 +2,9 @@ import { __exports as out } from '../../../../../../../_virtual/index5.mjs';
 import './providers/async.mjs';
 import './providers/sync.mjs';
 import './settings.mjs';
-import { __exports as settings } from '../../../../../../../_virtual/settings3.mjs';
-import { __exports as async$1 } from '../../../../../../../_virtual/async4.mjs';
-import { __exports as sync$1 } from '../../../../../../../_virtual/sync4.mjs';
+import { __exports as settings } from '../../../../../../../_virtual/settings2.mjs';
+import { __exports as async$1 } from '../../../../../../../_virtual/async3.mjs';
+import { __exports as sync$1 } from '../../../../../../../_virtual/sync3.mjs';
 
 Object.defineProperty(out, "__esModule", {
   value: true

package/build/esm/node_modules/.pnpm/@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/providers/async.mjs

@@ -1,4 +1,4 @@
-import { __exports as async } from '../../../../../../../../_virtual/async4.mjs';
+import { __exports as async } from '../../../../../../../../_virtual/async3.mjs';
 
 Object.defineProperty(async, "__esModule", {
   value: true

package/build/esm/node_modules/.pnpm/@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/providers/sync.mjs

@@ -1,4 +1,4 @@
-import { __exports as sync } from '../../../../../../../../_virtual/sync4.mjs';
+import { __exports as sync } from '../../../../../../../../_virtual/sync3.mjs';
 
 Object.defineProperty(sync, "__esModule", {
   value: true

package/build/esm/node_modules/.pnpm/@nodelib_fs.stat@2.0.5/node_modules/@nodelib/fs.stat/out/settings.mjs

@@ -1,4 +1,4 @@
-import { __exports as settings } from '../../../../../../../_virtual/settings3.mjs';
+import { __exports as settings } from '../../../../../../../_virtual/settings2.mjs';
 import './adapters/fs.mjs';
 import { __exports as fs$1 } from '../../../../../../../_virtual/fs2.mjs';
 

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

@@ -3,10 +3,10 @@ import './providers/async.mjs';
 import './providers/stream.mjs';
 import './providers/sync.mjs';
 import './settings.mjs';
-import { __exports as settings } from '../../../../../../../_virtual/settings2.mjs';
-import { __exports as async } from '../../../../../../../_virtual/async3.mjs';
+import { __exports as settings } from '../../../../../../../_virtual/settings3.mjs';
+import { __exports as async } from '../../../../../../../_virtual/async4.mjs';
 import { __exports as stream } from '../../../../../../../_virtual/stream4.mjs';
-import { __exports as sync } from '../../../../../../../_virtual/sync3.mjs';
+import { __exports as sync } from '../../../../../../../_virtual/sync4.mjs';
 
 Object.defineProperty(out, "__esModule", {
   value: true

package/build/esm/node_modules/.pnpm/@nodelib_fs.walk@1.2.8/node_modules/@nodelib/fs.walk/out/providers/async.mjs

@@ -1,4 +1,4 @@
-import { __exports as async } from '../../../../../../../../_virtual/async3.mjs';
+import { __exports as async } from '../../../../../../../../_virtual/async4.mjs';
 import '../readers/async.mjs';
 import { __exports as async$1 } from '../../../../../../../../_virtual/async5.mjs';
 

package/build/esm/node_modules/.pnpm/@nodelib_fs.walk@1.2.8/node_modules/@nodelib/fs.walk/out/providers/sync.mjs

@@ -1,4 +1,4 @@
-import { __exports as sync } from '../../../../../../../../_virtual/sync3.mjs';
+import { __exports as sync } from '../../../../../../../../_virtual/sync4.mjs';
 import '../readers/sync.mjs';
 import { __exports as sync$1 } from '../../../../../../../../_virtual/sync5.mjs';
 

package/build/esm/node_modules/.pnpm/@nodelib_fs.walk@1.2.8/node_modules/@nodelib/fs.walk/out/settings.mjs

@@ -1,4 +1,4 @@
-import { __exports as settings } from '../../../../../../../_virtual/settings2.mjs';
+import { __exports as settings } from '../../../../../../../_virtual/settings3.mjs';
 import path__default from 'node:path';
 import '../../../../../@nodelib_fs.scandir@2.1.5/node_modules/@nodelib/fs.scandir/out/index.mjs';
 import { __exports as out } from '../../../../../../../_virtual/index6.mjs';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quilted/create",
   "type": "module",
-  "version": "0.2.32",
+  "version": "0.2.34",
   "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,9 +33,10 @@ router.get(async (request) => {
     ]);
 
   const context = {
+    router: new Router(request.url),
     graphql: {
       fetch: performGraphQLOperation,
-      cache: new GraphQLCache(),
+      cache: new GraphQLCache({fetch: performGraphQLOperation}),
     },
   } satisfies AppContext;
 

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;

package/templates/workspace/package.json

@@ -20,8 +20,8 @@
     "prettier": "^3.0.0",
     "tsx": "^4.9.0",
     "typescript": "^5.5.0",
-    "vite": "^5.2.0",
-    "vitest": "^1.6.0"
+    "vite": "^5.3.0",
+    "vitest": "^2.0.0"
   },
   "prettier": {
     "arrowParens": "always",