update 01-workspaces

Author: nasdan

07-cloud/04-turborepo/00-boilerplate/house-helpers/package.json

@@ -2,11 +2,13 @@
   "name": "@my-org/house-helpers",
   "version": "1.0.0",
   "private": true,
+  "sideEffects": false,
   "author": "Lemoncode",
   "license": "MIT",
-  "types": "src/index.ts",
   "type": "module",
-  "main": "src/index.ts",
+  "exports": {
+    ".": "./src/index.ts"
+  },
   "devDependencies": {
     "typescript": "^5.8.2"
   }

07-cloud/04-turborepo/00-boilerplate/house-helpers/tsconfig.json

@@ -5,6 +5,7 @@
     "moduleResolution": "bundler",
     "skipLibCheck": true,
     "isolatedModules": true,
+    "esModuleInterop": true,
     "outDir": "dist",
     "jsx": "react-jsx"
   },

07-cloud/04-turborepo/00-boilerplate/motto-helpers/package.json

@@ -2,20 +2,21 @@
   "name": "@my-org/motto-helpers",
   "version": "1.0.0",
   "private": false,
+  "sideEffects": false,
   "author": "Lemoncode",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "type": "module",
-  "module": "./dist/motto-helpers.js",
-  "main": "./dist/motto-helpers.umd.cjs",
+  "module": "./dist/index.js",
+  "main": "./dist/index.umd.cjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/motto-helpers.js",
-      "require": "./dist/motto-helpers.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
     }
   },
   "scripts": {

07-cloud/04-turborepo/00-boilerplate/motto-helpers/tsconfig.json

@@ -5,6 +5,7 @@
     "moduleResolution": "bundler",
     "skipLibCheck": true,
     "isolatedModules": true,
+    "esModuleInterop": true,
     "outDir": "dist",
     "jsx": "react-jsx"
   },

07-cloud/04-turborepo/00-boilerplate/motto-helpers/vite.config.ts

@@ -7,6 +7,7 @@ export default defineConfig({
     lib: {
       entry: "src/index.ts",
       name: "MottoHelpers",
+      fileName: "index",
     },
   },
 });

07-cloud/04-turborepo/01-workspaces/.gitignore

@@ -1,3 +1,2 @@
 node_modules
 dist
-.turbo

07-cloud/04-turborepo/01-workspaces/README.md

@@ -2,18 +2,11 @@
 
 In this example, we are going to learn how we can work with `npm` workspaces.
 
-We will start from `00-boilerplate`.
+We will start from `scratch` but we will copy some projects from `00-boilerplate`.
 
 ## Steps to build it
 
-Let's start by creating the main `package.json` (we can use `npm init -y` to create it and then edit it):
-
-```bash
-npm init -y
-
-```
-
-Let's edit:
+Let's start by creating the main `package.json`:
 
 _./package.json_
 
@@ -31,7 +24,6 @@ _./.gitignore_
 ```
 node_modules
 dist
-.turbo
 
 ```
 
@@ -81,7 +73,7 @@ npm install
 
 ```
 
-Let's remove the `my-workspace` project and copy the `house-helpers` and `motto-helpers` projects from the `00-boilerplate` folder.
+Let's remove the `my-workspace` project, the root `package-lock.json` and copy the `house-helpers` and `motto-helpers` projects from the `00-boilerplate` folder.
 
 Let's run `npm install` again:
 
@@ -90,7 +82,7 @@ npm install
 
 ```
 
-Notice that the `package-lock.json` has been updated with the `house-helpers` and `motto-helpers` projects dependencies and the symlinks have been created ( inside `node_modules/@my-org` folder).
+Notice that the `package-lock.json` has been updated with the `house-helpers` and `motto-helpers` projects dependencies and the symlinks have been created (inside `node_modules/@my-org` folder).
 
 > NOTE: also, we only have the root `node_modules` folder and the `package-lock.json` file, not inside each project.
 
@@ -103,9 +95,10 @@ _./helpers/house-helpers/package.json_
 ```json
 {
   ...
-  "types": "src/index.ts",
   "type": "module",
-  "main": "src/index.ts",
+  "exports": {
+    ".": "./src/index.ts"
+  },
 }
 
 ```
@@ -120,14 +113,14 @@ _./helpers/motto-helpers/package.json_
 {
   ...
   "type": "module",
-  "module": "./dist/motto-helpers.js",
-  "main": "./dist/motto-helpers.umd.cjs",
+  "module": "./dist/index.js",
+  "main": "./dist/index.umd.cjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/motto-helpers.js",
-      "require": "./dist/motto-helpers.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
     }
   },
   "scripts": {
@@ -139,13 +132,6 @@ _./helpers/motto-helpers/package.json_
 
 ```
 
-Delete the `package-lock.json` file to force `npm` to create a new one:
-
-```bash
-rm package-lock.json
-
-```
-
 This project has the `house-helpers` project as a dependency because we are sharing the `House` enum type. We are going to install it using the workspace :
 
 ```bash
@@ -244,13 +230,7 @@ npm install
 Every app will have the `house-helpers` and `motto-helpers` projects as dependencies. Let's install them using the workspace:
 
 ```bash
-npm install @my-org/house-helpers @my-org/motto-helpers -w @my-org/house-baratheon
-
-npm install @my-org/house-helpers @my-org/motto-helpers -w @my-org/house-lannister
-
-npm install @my-org/house-helpers @my-org/motto-helpers -w @my-org/house-stark
-
-npm install @my-org/house-helpers @my-org/motto-helpers -w @my-org/house-targaryen
+npm install @my-org/house-helpers @my-org/motto-helpers -w @my-org/house-baratheon -w @my-org/house-lannister -w @my-org/house-stark -w @my-org/house-targaryen
 
 ```
 
@@ -278,7 +258,7 @@ export default App;
 
 ```
 
-> NOTE: Rest app projects are updated.
+> NOTE: The rest app projects are updated.
 
 If we want to run all the projects at the same time, [npm has some flags](https://docs.npmjs.com/cli/v7/using-npm/workspaces#ignoring-missing-scripts) to run multiple workspaces commands at the same time:
 
@@ -289,6 +269,15 @@ npm start --workspaces --if-present
 
 > But it doesn't work with watch mode because it blocks the execution on the first project.
 
+Another option is to run the commands in parallel using the `&` operator:
+
+```bash
+npm start -w @my-org/house-stark & npm start -w @my-org/house-targaryen
+
+```
+
+> But it doesn't work if put it in the `package.json` > `scripts` fiel on windows because it using the `cmd` shell by default and it doesn't support the `&` operator.
+
 Let's install a third party library [npm-run-all](https://www.npmjs.com/package/npm-run-all) to run commands in parallel:
 
 ```bash

07-cloud/04-turborepo/01-workspaces/apps/baratheon/package.json

@@ -9,14 +9,14 @@
   "dependencies": {
     "@my-org/house-helpers": "^1.0.0",
     "@my-org/motto-helpers": "^1.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@vitejs/plugin-react": "^4.2.1",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.0"
   }
 }

07-cloud/04-turborepo/01-workspaces/apps/lannister/package.json

@@ -9,14 +9,14 @@
   "dependencies": {
     "@my-org/house-helpers": "^1.0.0",
     "@my-org/motto-helpers": "^1.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@vitejs/plugin-react": "^4.2.1",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.0"
   }
 }

07-cloud/04-turborepo/01-workspaces/apps/stark/package.json

@@ -9,14 +9,14 @@
   "dependencies": {
     "@my-org/house-helpers": "^1.0.0",
     "@my-org/motto-helpers": "^1.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@vitejs/plugin-react": "^4.2.1",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.0"
   }
 }