@quilted/create 0.1.49 → 0.1.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/build/cjs/app.cjs +16 -211
  3. package/build/cjs/index.cjs +13 -1
  4. package/build/cjs/index2.cjs +157 -326
  5. package/build/cjs/index3.cjs +307 -7793
  6. package/build/cjs/index4.cjs +7402 -7181
  7. package/build/cjs/index5.cjs +7633 -0
  8. package/build/cjs/module.cjs +302 -0
  9. package/build/cjs/package.cjs +1 -1
  10. package/build/cjs/shared/package-manager.cjs +2 -2
  11. package/build/esm/app.mjs +1 -196
  12. package/build/esm/index.mjs +13 -1
  13. package/build/esm/index2.mjs +157 -325
  14. package/build/esm/index3.mjs +306 -7793
  15. package/build/esm/index4.mjs +7402 -7174
  16. package/build/esm/index5.mjs +7624 -0
  17. package/build/esm/module.mjs +280 -0
  18. package/build/esm/package.mjs +1 -1
  19. package/build/esm/shared/package-manager.mjs +2 -2
  20. package/build/tsconfig.tsbuildinfo +1 -1
  21. package/build/typescript/help.d.ts +1 -1
  22. package/build/typescript/help.d.ts.map +1 -1
  23. package/build/typescript/module.d.ts +2 -0
  24. package/build/typescript/module.d.ts.map +1 -0
  25. package/build/typescript/shared/prompts.d.ts +2 -2
  26. package/build/typescript/shared/prompts.d.ts.map +1 -1
  27. package/build/typescript/shared.d.ts +1 -1
  28. package/build/typescript/shared.d.ts.map +1 -1
  29. package/package.json +1 -1
  30. package/source/create.ts +7 -1
  31. package/source/help.ts +6 -1
  32. package/source/module.ts +412 -0
  33. package/source/shared/prompts.ts +2 -2
  34. package/source/shared.ts +2 -0
  35. package/templates/app-basic/features/Start/Start.test.tsx +2 -2
  36. package/templates/app-basic/foundation/Head/Head.test.tsx +3 -3
  37. package/templates/app-basic/foundation/Http/Http.test.tsx +3 -3
  38. package/templates/app-basic/package.json +1 -1
  39. package/templates/app-basic/tests/{mount.tsx → render.tsx} +11 -11
  40. package/templates/app-empty/package.json +1 -1
  41. package/templates/app-graphql/features/Start/Start.test.tsx +3 -3
  42. package/templates/app-graphql/foundation/Head/Head.test.tsx +3 -3
  43. package/templates/app-graphql/foundation/Http/Http.test.tsx +3 -3
  44. package/templates/app-graphql/package.json +2 -2
  45. package/templates/app-graphql/tests/{mount.tsx → render.tsx} +13 -13
  46. package/templates/app-single-file/package.json +1 -1
  47. package/templates/module/module.ts +3 -0
  48. package/templates/module/package.json +21 -0
  49. package/templates/module/quilt.project.ts +5 -0
  50. package/templates/module/tsconfig.json +9 -0
package/templates/app-graphql/foundation/Head/Head.test.tsx CHANGED
@@ -1,13 +1,13 @@
1
1
  import {Viewport, SearchRobots} from '@quilted/quilt/html';
2
2
  import {describe, it, expect} from '@quilted/quilt/testing';
3
3
 
4
- import {mountWithAppContext} from '~/tests/mount';
4
+ import {renderWithAppContext} from '~/tests/render';
5
5
 
6
6
  import {Head} from './Head';
7
7
 
8
8
  describe('<Head />', () => {
9
9
  it('includes a responsive viewport tag', async () => {
10
- const head = await mountWithAppContext(<Head />);
10
+ const head = await renderWithAppContext(<Head />);
11
11
 
12
12
  expect(head).toContainReactComponent(Viewport, {
13
13
  cover: true,
@@ -15,7 +15,7 @@ describe('<Head />', () => {
15
15
  });
16
16
 
17
17
  it('prevents search robots from indexing the application', async () => {
18
- const head = await mountWithAppContext(<Head />);
18
+ const head = await renderWithAppContext(<Head />);
19
19
 
20
20
  expect(head).toContainReactComponent(SearchRobots, {
21
21
  index: false,
package/templates/app-graphql/foundation/Http/Http.test.tsx CHANGED
@@ -1,13 +1,13 @@
1
1
  import {CacheControl, ContentSecurityPolicy} from '@quilted/quilt/http';
2
2
  import {describe, it, expect} from '@quilted/quilt/testing';
3
3
 
4
- import {mountWithAppContext} from '~/tests/mount';
4
+ import {renderWithAppContext} from '~/tests/render';
5
5
 
6
6
  import {Http} from './Http';
7
7
 
8
8
  describe('<Http />', () => {
9
9
  it('does not cache the response', async () => {
10
- const http = await mountWithAppContext(<Http />);
10
+ const http = await renderWithAppContext(<Http />);
11
11
 
12
12
  expect(http).toContainReactComponent(CacheControl, {
13
13
  cache: false,
@@ -15,7 +15,7 @@ describe('<Http />', () => {
15
15
  });
16
16
 
17
17
  it('adds a content security policy with a strict default policy', async () => {
18
- const http = await mountWithAppContext(<Http />);
18
+ const http = await renderWithAppContext(<Http />);
19
19
 
20
20
  expect(http).toContainReactComponent(ContentSecurityPolicy, {
21
21
  defaultSources: ["'self'"],
package/templates/app-graphql/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
- "name": "template-app-basic",
2
+ "name": "template-app-graphql",
3
3
  "type": "module",
4
4
  "version": "0.0.0",
5
5
  "private": true,
6
6
  "scripts": {
7
- "start": "node ./build/server/index.js"
7
+ "start": "node ./build/server/server.js"
8
8
  },
9
9
  "dependencies": {},
10
10
  "devDependencies": {
package/templates/app-graphql/tests/{mount.tsx → render.tsx} RENAMED
@@ -2,7 +2,7 @@ import '@quilted/quilt/matchers';
2
2
 
3
3
  import {type Router} from '@quilted/quilt';
4
4
  import {
5
- createMount,
5
+ createRender,
6
6
  QuiltAppTesting,
7
7
  createTestRouter,
8
8
  } from '@quilted/quilt/testing';
@@ -17,7 +17,7 @@ import {
17
17
 
18
18
  export {createTestRouter, fillGraphQL, createGraphQLController};
19
19
 
20
- export interface MountOptions {
20
+ export interface RenderOptions {
21
21
  /**
22
22
  * A custom router to use for this component test. You can use a
23
23
  * custom router to simulate a particular URL, and you can spy on
@@ -33,12 +33,12 @@ export interface MountOptions {
33
33
  * by this module.
34
34
  *
35
35
  * ```tsx
36
- * import {mountWithAppContext, fillGraphQL, createGraphQLController} from '~/tests/mount';
36
+ * import {renderWithAppContext, fillGraphQL, createGraphQLController} from '~/tests/render';
37
37
  *
38
38
  * import {MyComponent} from './MyComponent';
39
39
  * import myComponentQuery from './MyComponentQuery.graphql';
40
40
  *
41
- * const myComponent = await mountWithAppContext(<MyComponent />, {
41
+ * const myComponent = await renderWithAppContext(<MyComponent />, {
42
42
  * graphql: createGraphQLController(
43
43
  * fillGraphQL(myComponentQuery, {user: {name: 'Winston'}}),
44
44
  * ),
@@ -53,7 +53,7 @@ export interface MountOptions {
53
53
  locale?: string;
54
54
  }
55
55
 
56
- export interface MountContext {
56
+ export interface RenderContext {
57
57
  /**
58
58
  * The router used for this component test.
59
59
  */
@@ -70,16 +70,16 @@ export interface MountContext {
70
70
  readonly queryClient: QueryClient;
71
71
  }
72
72
 
73
- export interface MountActions extends Record<string, never> {}
73
+ export interface RenderActions extends Record<string, never> {}
74
74
 
75
75
  /**
76
- * Mounts a component with test-friendly versions of all global
76
+ * Renders a component with test-friendly versions of all global
77
77
  * context available to the application.
78
78
  */
79
- export const mountWithAppContext = createMount<
80
- MountOptions,
81
- MountContext,
82
- MountActions,
79
+ export const renderWithAppContext = createRender<
80
+ RenderOptions,
81
+ RenderContext,
82
+ RenderActions,
83
83
  true
84
84
  >({
85
85
  // Create context that can be used by the `render` function, and referenced by test
@@ -100,10 +100,10 @@ export const mountWithAppContext = createMount<
100
100
  </QuiltAppTesting>
101
101
  );
102
102
  },
103
- async afterMount(wrapper) {
103
+ async afterRender(wrapper) {
104
104
  // If your components need to resolve data before they can render, you can
105
105
  // use this hook to wait for that data to be ready. This will cause the
106
- // `mount` function to return a promise, so that the component is only usable
106
+ // `render` function to return a promise, so that the component is only usable
107
107
  // once the data is ready.
108
108
 
109
109
  await wrapper.act(async () => {
package/templates/app-single-file/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "version": "0.0.0",
5
5
  "private": true,
6
6
  "scripts": {
7
- "start": "node ./build/server/index.js"
7
+ "start": "node ./build/server/server.js"
8
8
  },
9
9
  "dependencies": {},
10
10
  "devDependencies": {
package/templates/module/module.ts ADDED
@@ -0,0 +1,3 @@
1
+ // Replace this module with whatever you want to run in a browser!
2
+
3
+ export {};
package/templates/module/package.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "name": "template-module",
3
+ "type": "module",
4
+ "main": "./module.ts",
5
+ "version": "0.0.0",
6
+ "private": true,
7
+ "dependencies": {},
8
+ "devDependencies": {
9
+ "@types/react": "^18.0.0",
10
+ "@types/react-dom": "^18.0.0",
11
+ "preact": "^10.11.0",
12
+ "react": "npm:@quilted/react@^18.2.0",
13
+ "react-dom": "npm:@quilted/react-dom@^18.2.0"
14
+ },
15
+ "eslintConfig": {
16
+ "extends": [
17
+ "@quilted/eslint-config/project",
18
+ "@quilted/eslint-config/react"
19
+ ]
20
+ }
21
+ }
package/templates/module/quilt.project.ts ADDED
@@ -0,0 +1,5 @@
1
+ import {createProject, quiltModule} from '@quilted/craft';
2
+
3
+ export default createProject((project) => {
4
+ project.use(quiltModule());
5
+ });
package/templates/module/tsconfig.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "extends": "@quilted/typescript/project.json",
3
+ "compilerOptions": {
4
+ "outDir": "build/typescript"
5
+ },
6
+ "include": ["**/*"],
7
+ "exclude": ["build"],
8
+ "references": []
9
+ }