@quilted/create 0.2.27 → 0.2.28

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @quilted/create
 
+## 0.2.28
+
+### Patch Changes
+
+- [`55d5fee`](https://github.com/lemonmade/quilt/commit/55d5fee9235e2625adb8826e367d70fbc0925908) Thanks [@lemonmade](https://github.com/lemonmade)! - Simplify directory structure for template apps
+
+- [`7119a8c`](https://github.com/lemonmade/quilt/commit/7119a8c9464bffe18fc37155fed9fd2188e24c78) Thanks [@lemonmade](https://github.com/lemonmade)! - Add type aliases for React and React DOM to app templates
+
+- [`eaa1110`](https://github.com/lemonmade/quilt/commit/eaa1110d0ce583b3ca904e11cbf9bf098a820f1d) Thanks [@lemonmade](https://github.com/lemonmade)! - Make app context required in basic app template
+
 ## 0.2.27
 
 ### Patch Changes

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

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

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

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

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

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

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

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

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

@@ -3,10 +3,10 @@ import './providers/async.esnext';
 import './providers/stream.esnext';
 import './providers/sync.esnext';
 import './settings.esnext';
-import { __exports as settings } from '../../../../../../../_virtual/settings2.esnext';
-import { __exports as async } from '../../../../../../../_virtual/async3.esnext';
+import { __exports as settings } from '../../../../../../../_virtual/settings3.esnext';
+import { __exports as async } from '../../../../../../../_virtual/async4.esnext';
 import { __exports as stream } from '../../../../../../../_virtual/stream4.esnext';
-import { __exports as sync } from '../../../../../../../_virtual/sync3.esnext';
+import { __exports as sync } from '../../../../../../../_virtual/sync4.esnext';
 
 Object.defineProperty(out, "__esModule", { value: true });
 out.Settings = out.walkStream = out.walkSync = out.walk = void 0;

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

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

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

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

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

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

package/package.json

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

package/templates/app-basic/App.tsx

@@ -14,7 +14,7 @@ import {
 } from './shared/context.ts';
 
 export interface AppProps {
-  context?: AppContextType;
+  context: AppContextType;
 }
 
 // The root component for your application. You will typically render any

package/templates/app-basic/features/start/{Start → tests}/Start.test.tsx

@@ -2,7 +2,7 @@ import {describe, it, expect} from 'vitest';
 
 import {renderApp} from '~/tests/render.ts';
 
-import Start from './Start.tsx';
+import Start from '../Start.tsx';
 
 describe('<Start />', () => {
   it('includes a welcome message', async () => {

package/templates/app-basic/features/start.ts

@@ -1,5 +1,3 @@
 import {AsyncComponent} from '@quilted/quilt/async';
 
-export const Start = AsyncComponent.from(
-  () => import('./start/Start/Start.tsx'),
-);
+export const Start = AsyncComponent.from(() => import('./start/Start.tsx'));

package/templates/app-basic/server.tsx

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

package/templates/app-basic/tsconfig.json

@@ -5,7 +5,9 @@
     "jsxImportSource": "preact",
     "paths": {
       "~/shared/*": ["./shared/*"],
-      "~/tests/*": ["./tests/*"]
+      "~/tests/*": ["./tests/*"],
+      "react": ["./node_modules/preact/compat"],
+      "react-dom": ["./node_modules/preact/compat"]
     }
   },
   "include": ["**/*"],

package/templates/app-empty/tsconfig.json

@@ -2,7 +2,11 @@
   "extends": "@quilted/typescript/tsconfig.project.json",
   "compilerOptions": {
     "outDir": "build/typescript",
-    "jsxImportSource": "preact"
+    "jsxImportSource": "preact",
+    "paths": {
+      "react": ["./node_modules/preact/compat"],
+      "react-dom": ["./node_modules/preact/compat"]
+    }
   },
   "include": ["**/*"],
   "exclude": ["build"],

package/templates/app-graphql/features/start/{Start → tests}/Start.test.tsx

@@ -3,8 +3,8 @@ import {describe, it, expect} from 'vitest';
 import {renderApp} from '~/tests/render.ts';
 import {fillGraphQL, GraphQLController} from '~/tests/graphql.ts';
 
-import Start from './Start.tsx';
-import startQuery from './StartQuery.graphql';
+import Start from '../Start.tsx';
+import startQuery from '../StartQuery.graphql';
 
 describe('<Start />', () => {
   it('welcomes the user with their name', async () => {

package/templates/app-graphql/features/start.ts

@@ -1,5 +1,3 @@
 import {AsyncComponent} from '@quilted/quilt/async';
 
-export const Start = AsyncComponent.from(
-  () => import('./start/Start/Start.tsx'),
-);
+export const Start = AsyncComponent.from(() => import('./start/Start.tsx'));

package/templates/app-graphql/tsconfig.json

@@ -5,7 +5,9 @@
     "jsxImportSource": "preact",
     "paths": {
       "~/shared/*": ["./shared/*"],
-      "~/tests/*": ["./tests/*"]
+      "~/tests/*": ["./tests/*"],
+      "react": ["./node_modules/preact/compat"],
+      "react-dom": ["./node_modules/preact/compat"]
     }
   },
   "include": ["**/*"],

package/templates/app-trpc/features/start/{Start → tests}/Start.test.tsx

@@ -2,7 +2,7 @@ import {describe, it, expect} from 'vitest';
 
 import {renderApp} from '~/tests/render.ts';
 
-import Start from './Start.tsx';
+import Start from '../Start.tsx';
 
 describe('<Start />', () => {
   it('includes a welcome message', async () => {

package/templates/app-trpc/tsconfig.json

@@ -5,7 +5,9 @@
     "jsxImportSource": "preact",
     "paths": {
       "~/shared/*": ["./shared/*"],
-      "~/tests/*": ["./tests/*"]
+      "~/tests/*": ["./tests/*"],
+      "react": ["./node_modules/preact/compat"],
+      "react-dom": ["./node_modules/preact/compat"]
     }
   },
   "include": ["**/*"],