Update docs to account for recent changes

examples/tutorials/TodoApp/.gitignore

@@ -1 +1,3 @@
 /.wasp/
+/.env.server
+/.env.client

examples/tutorials/TodoApp/.wasproot

@@ -1 +1 @@
-File marking the root of Wasp project.
+File marking the root of Wasp project.

examples/tutorials/TodoApp/main.wasp

@@ -21,17 +21,17 @@ app TodoApp {
 route RootRoute { path: "/", to: MainPage }
 page MainPage {
   authRequired: true,
-  component: import Main from "@ext/MainPage.js"
+  component: import Main from "@client/MainPage.js"
 }
 
 route SignupRoute { path: "/signup", to: SignupPage }
 page SignupPage {
-  component: import Signup from "@ext/SignupPage"
+  component: import Signup from "@client/SignupPage"
 }
 
 route LoginRoute { path: "/login", to: LoginPage }
 page LoginPage {
-  component: import Login from "@ext/LoginPage"
+  component: import Login from "@client/LoginPage"
 }
 
 entity User {=psl
@@ -50,16 +50,16 @@ entity Task {=psl
 psl=}
 
 query getTasks {
-  fn: import { getTasks } from "@ext/queries.js",
+  fn: import { getTasks } from "@server/queries.js",
   entities: [Task]
 }
 
 action createTask {
-  fn: import { createTask } from "@ext/actions.js",
+  fn: import { createTask } from "@server/actions.js",
   entities: [Task]
 }
 
 action updateTask {
-  fn: import { updateTask } from "@ext/actions.js",
+  fn: import { updateTask } from "@server/actions.js",
   entities: [Task]
 }

examples/tutorials/TodoApp/src/client/jsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    // The following settings enable IDE support in user-provided source files.
+    // Editing them might break features like import autocompletion and
+    // definition lookup. Don't change them unless you know what you're doing.
+    //
+    // The relative path to the generated web app's root directory. This must be
+    // set to define the "paths" option.
+    "baseUrl": "../../.wasp/out/web-app/",
+    "paths": {
+      // Resolve all "@wasp" imports to the generated source code.
+      "@wasp/*": [
+        "src/*"
+      ],
+      // Resolve all non-relative imports to the correct node module. Source:
+      // https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping
+      "*": [
+        // Start by looking for the definiton inside the node modules root
+        // directory...
+        "node_modules/*",
+        // ... If that fails, try to find it inside definitely-typed type
+        // definitions.
+        "node_modules/@types/*"
+      ]
+    }
+  }
+}

examples/tutorials/TodoApp/src/server/jsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    // The following settings enable IDE support in user-provided source files. 
+    // Editing them might break features like import autocompletion and
+    // definition lookup. Don't change them unless you know what you're doing.
+    //
+    // The relative path to the generated web app's root directory. This must be
+    // set to define the "paths" option.
+    "baseUrl": "../../.wasp/out/server/",
+    "paths": {
+      // Resolve all "@wasp" imports to the generated source code.
+      "@wasp/*": [
+        "src/*"
+      ],
+      // Resolve all non-relative imports to the correct node module. Source:
+      // https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping
+      "*": [
+        // Start by looking for the definiton inside the node modules root
+        // directory...
+        "node_modules/*",
+        // ... If that fails, Try to find it inside definitely-typed type
+        // definitions.
+        "node_modules/@types/*"
+      ]
+    }
+  }
+}

examples/tutorials/TodoApp/src/shared/jsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    // The following settings enable IDE support in user-provided source files. 
+    // Editing them might break features like import autocompletion and
+    // definition lookup. Don't change them unless you know what you're doing.
+    //
+    // The relative path to the generated web app's root directory. This must be
+    // set to define the "paths" option.
+    "baseUrl": "../../.wasp/out/server",
+    "paths": {
+      // Resolve all non-relative imports to the correct node module. Source:
+      // https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping
+      "*": [
+        // Start by looking for the definiton inside the node modules root
+        // directory...
+        "node_modules/*",
+        // ... If that fails, try to find it inside definitely-typed type
+        // definitions.
+        "node_modules/@types/*"
+      ]
+    }
+  }
+}

web/docs/cli.md

@@ -56,7 +56,7 @@ Discord (chat): https://discord.gg/rzdnErX
 To setup Bash completion, execute `wasp completion` and follow the instructions.
 
 ### In project
- - `wasp start` runs Wasp app in development mode. It opens a browser tab with your application running, and watches for any changes to .wasp or files in ext/ to automatically reflect in the browser. It also shows messages from web app, server and database on stdout/stderr.
+ - `wasp start` runs Wasp app in development mode. It opens a browser tab with your application running, and watches for any changes to .wasp or files in `src/` to automatically reflect in the browser. It also shows messages from the web app, the server and the database on stdout/stderr.
 
  - `wasp clean` deletes all generated code and other cached artifacts. If using SQlite, it also deletes the SQlite database. It is the Wasp equivalent to "try shutting it down and turning back on".
 

web/docs/integrations/css-frameworks.md

@@ -11,13 +11,19 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 To enable support for Tailwind in your Wasp project, you simply need to add two config files (`tailwind.config.js` and `postcss.config.js`) to the root directory. When they are present, Wasp will add the necessary NPM dependencies and copy your config files into the generated project output. You can then start adding [Tailwind CSS directives](https://tailwindcss.com/docs/functions-and-directives#directives) to your CSS files and `className`s to your React components.
 
 ### New project tree overview
-```bash title="tree ." {3,7-8}
+```bash title="tree ." {6,13-14}
 .
-├── ext
-│   ├── Main.css
-│   ├── MainPage.js
-│   └── waspLogo.png
 ├── main.wasp
+├── src
+│   ├── client
+│   │   ├── jsconfig.json
+│   │   ├── Main.css
+│   │   ├── MainPage.js
+│   │   └── waspLogo.png
+│   ├── server
+│   │   └── jsconfig.json
+│   └── shared
+│       └── jsconfig.json
 ├── postcss.config.js
 └── tailwind.config.js
 ```
@@ -48,8 +54,8 @@ module.exports = {
 }
 ```
 
-#### 3) Update `./ext/Main.css`
-```css title="./ext/Main.css" {1-3}
+#### 3) Update `./src/client/Main.css`
+```css title="./src/client//Main.css" {1-3}
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -58,7 +64,7 @@ module.exports = {
 ```
 
 #### 4) Start using Tailwind 🥳
-```html title="./ext/MainPage.js"
+```html title="./src/client/MainPage.js"
 <h1 className="text-3xl font-bold underline">
   Hello world!
 </h1>