Create file watch for type def generation

__fixtures__/example-todo-main/.gitignore

@@ -6,9 +6,9 @@ yarn-error.log
 .env
 .DS_Store
 .wip
-
 api/prisma/dev.sqlite
-packages/photon/runtime
-packages/photon/index.js
-packages/photon/index.d.ts
 
+# Generated files
+.redwood
+api/types/
+web/types/

__fixtures__/example-todo-main/api/package.json

@@ -3,6 +3,6 @@
   "name": "api",
   "version": "0.0.0",
   "dependencies": {
-    "@redwoodjs/api": "0.7.0"
+    "@redwoodjs/api": "0.32.2"
   }
 }

__fixtures__/example-todo-main/api/src/functions/graphql.js

@@ -3,11 +3,11 @@ import {
   makeMergedSchema,
   makeServices,
 } from '@redwoodjs/api'
-
 import schemas from 'src/graphql/**/*.{js,ts}'
-import { db } from 'src/lib/db'
 import services from 'src/services/**/*.{js,ts}'
 
+import { db } from 'src/lib/db'
+
 export const handler = createGraphQLHandler({
   schema: makeMergedSchema({
     schemas,

__fixtures__/example-todo-main/api/src/graphql/currentUser.sdl.ts

@@ -0,0 +1,5 @@
+export const schema = gql`
+  type Query {
+    currentUser: JSON
+  }
+`

__fixtures__/example-todo-main/api/src/graphql/todos.sdl.js

@@ -7,6 +7,7 @@ export const schema = gql`
 
   type Query {
     todos: [Todo]
+    todosCount: Int!
   }
 
   type Mutation {

__fixtures__/example-todo-main/api/src/services/todos/todos.js

@@ -4,6 +4,8 @@ export const todos = () => db.todo.findMany()
 
 export const createTodo = ({ body }) => db.todo.create({ data: { body } })
 
+export const numTodos = () => 0
+
 export const updateTodoStatus = ({ id, status }) =>
   db.todo.update({
     data: { status },

__fixtures__/example-todo-main/api/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "allowJs": true,
+    "esModuleInterop": true,
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "rootDirs": [
+      "./src",
+      "../.redwood/types/mirror/api/src"
+    ],
+    "paths": {
+      "src/*": [
+        "./src/*",
+        "../.redwood/types/mirror/api/src/*"
+      ],
+      "types/*": ["./types/*"]
+    },
+    "typeRoots": [
+      "../node_modules/@types",
+      "./node_modules/@types"
+    ],
+    "types": ["jest"],
+  },
+  "include": [
+    "src",
+    "../.redwood/types/includes/all-*",
+    "../.redwood/types/includes/api-*",
+  ]
+}

__fixtures__/example-todo-main/package.json

@@ -2,10 +2,11 @@
   "private": true,
   "workspaces": [
     "api",
-    "web"
+    "web",
+    "../../packages/*"
   ],
   "devDependencies": {
-    "@redwoodjs/core": "0.7.0"
+    "@redwoodjs/core": "0.32.2"
   },
   "eslintConfig": {
     "extends": "@redwoodjs/eslint-config"

__fixtures__/example-todo-main/web/package.json

@@ -3,11 +3,11 @@
   "name": "web",
   "version": "0.0.0",
   "dependencies": {
-    "@redwoodjs/router": "0.7.0",
-    "@redwoodjs/web": "0.7.0",
+    "@redwoodjs/router": "0.32.2",
+    "@redwoodjs/web": "0.32.2",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-is": "^16.8.0",
     "styled-components": "^5.1.0"
   }

__fixtures__/example-todo-main/web/src/App.js

@@ -0,0 +1,17 @@
+import { FatalErrorBoundary } from '@redwoodjs/web'
+import { RedwoodApolloProvider } from '@redwoodjs/web/apollo'
+
+import FatalErrorPage from 'src/pages/FatalErrorPage'
+import Routes from './Routes'
+
+import './index.css'
+
+const App = () => (
+  <FatalErrorBoundary page={FatalErrorPage}>
+    <RedwoodApolloProvider>
+      <Routes />
+    </RedwoodApolloProvider>
+  </FatalErrorBoundary>
+)
+
+export default App

__fixtures__/example-todo-main/web/src/components/TableCell/TableCell.js

@@ -0,0 +1,3 @@
+export default () => {
+  return (<>I am not a cell, I am a component that is named cell.</>)
+}

__fixtures__/example-todo-main/web/src/components/TodoListCell/TodoListCell.js → __fixtures__/example-todo-main/web/src/components/TodoListCell/TodoListCell.tsx

@@ -1,7 +1,9 @@
 import styled from 'styled-components'
-import TodoItem from 'src/components/TodoItem'
+
 import { useMutation } from '@redwoodjs/web'
 
+import TodoItem from 'src/components/TodoItem'
+
 export const QUERY = gql`
   query TodoListCell_GetTodos {
     todos {

__fixtures__/example-todo-main/web/src/pages/HomePage/HomePage.js → __fixtures__/example-todo-main/web/src/pages/HomePage/HomePage.tsx

@@ -1,4 +1,5 @@
 import styled from 'styled-components'
+
 import AddTodo from 'src/components/AddTodo'
 import TodoListCell from 'src/components/TodoListCell'
 

__fixtures__/example-todo-main/web/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "paths": {
+      "src/*": [
+        "./src/*",
+        "../.redwood/types/mirror/web/src/*"
+      ]
+    },
+    "rootDirs": [
+      "./src",
+      "../.redwood/types/mirror/web/src"
+    ],
+    "typeRoots": [
+      "../node_modules/@types",
+      "./node_modules/@types"
+    ],
+    "types": [
+      "jest"
+    ],
+    "jsx": "preserve",
+  },
+  "include": [
+    "src",
+    "../.redwood/types/includes/all-*",
+    "../.redwood/types/includes/web-*",
+  ]
+}