Implemented shared project.

Author: smack0007

Diff for: apps/frontend/.vscode/extensions.json renamed to .vscode/extensions.json

@@ -6,18 +6,19 @@
   "packageManager": "[email protected]",
   "scripts": {
     "build": "tsc",
+    "clean": "rimraf ./dist",
     "dev": "run-p dev:tsc dev:node",
     "dev:node": "node --watch ./dist/main.js",
     "dev:tsc": "tsc --watch --preserveWatchOutput"
   },
   "dependencies": {
-    "@picocss/pico": "^1.5.6",
+    "@picocss/pico": "1.5.6",
     "@types/express": "4.17.16",
     "cors": "2.8.5",
-    "express": "4.18.2"
+    "express": "4.18.2",
+    "hotel-management-shared": "workspace:libs/shared"
   },
   "devDependencies": {
-    "@types/cors": "^2.8.13",
-    "sass": "^1.57.1"
+    "@types/cors": "2.8.13"
   }
 }

Diff for: apps/backend/package.json

@@ -1,6 +1,7 @@
 import * as fs from "node:fs/promises";
 import cors from "cors";
 import express from "express";
+import { type Hotel } from "hotel-management-shared";
 
 const packageJson = JSON.parse(await fs.readFile("./package.json", "utf-8"));
 
@@ -10,7 +11,11 @@ const PORT = 3000;
 const app = express();
 app.use(cors());
 
-const hotels = ["City Centre", "Messe", "Westend"];
+const hotels: Hotel[] = [
+  { id: 1, name: "City Centre" },
+  { id: 2, name: "Messe" },
+  { id: 3, name: "Westend" },
+];
 
 app.get("/hotels", (request, response) => {
   response.send(JSON.stringify(hotels));

Diff for: apps/backend/src/main.ts

@@ -2,6 +2,9 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "module": "node16",
+    "rootDir": "./src",
     "outDir": "./dist"
-  }
+  },
+  "include": ["src/**/*"],
+  "references": [{ "path": "../../libs/shared/tsconfig.json" }]
 }

Diff for: apps/backend/tsconfig.json

@@ -5,6 +5,7 @@
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",
+    "clean": "rimraf ./dist",
     "preview": "vite preview",
     "test:unit": "vitest --environment jsdom --root src/",
     "test:e2e": "playwright test",
@@ -27,7 +28,9 @@
     "@vue/test-utils": "2.2.6",
     "@vue/tsconfig": "0.1.3",
     "eslint-plugin-vue": "9.3.0",
+    "hotel-management-shared": "workspace:libs/shared",
     "jsdom": "20.0.3",
+    "sass": "1.58.0",
     "vite": "4.0.0",
     "vitest": "0.25.6",
     "vue-tsc": "1.0.12"

Diff for: apps/backend/tsconfig.tsbuildinfo

@@ -1,11 +1,13 @@
 <script setup lang="ts">
+import type { Hotel } from "hotel-management-shared";
+
 const props = defineProps<{
-  hotels: string[];
+  hotels: Hotel[];
 }>();
 </script>
 
 <template>
   <ul>
-    <li v-for="hotel of props.hotels" :key="hotel">{{ hotel }}</li>
+    <li v-for="hotel of props.hotels" :key="hotel.id">{{ hotel.name }}</li>
   </ul>
 </template>

Diff for: apps/frontend/package.json

@@ -1,14 +1,10 @@
 {
+  "extends": "../../tsconfig.json",
   "files": [],
   "references": [
-    {
-      "path": "./tsconfig.config.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
-    }
+    { "path": "./tsconfig.config.json" },
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.vitest.json" },
+    { "path": "../../libs/shared/tsconfig.json" }
   ]
 }

Diff for: apps/frontend/src/components/HotelList.vue

@@ -0,0 +1 @@
+# shared

Diff for: apps/frontend/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "name": "hotel-management-shared",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "packageManager": "[email protected]",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "clean": "rimraf ./dist",
+    "dev": "run-p dev:tsc dev:node",
+    "dev:node": "node --watch ./dist/main.js",
+    "dev:tsc": "tsc --watch --preserveWatchOutput"
+  }
+}

Diff for: libs/shared/README.md

@@ -0,0 +1 @@
+export * from "./models/Hotel.js";

Diff for: libs/shared/package.json

@@ -0,0 +1,4 @@
+export type Hotel = {
+  id: number;
+  name: string;
+};

Diff for: libs/shared/src/index.ts

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "node16",
+    "rootDir": "./src",
+    "outDir": "./dist"
+  },
+  "include": ["src/**/*"]
+}

Diff for: libs/shared/src/models/Hotel.ts

@@ -6,3 +6,4 @@
   - `yarn`
 
 - tsconfig.json in root directory.
+  - `composite: true` to speed up compilation times.

Diff for: libs/shared/tsconfig.json

@@ -7,10 +7,12 @@
   "packageManager": "[email protected]",
   "workspaces": [
     "apps/frontend",
-    "apps/backend"
+    "apps/backend",
+    "libs/shared"
   ],
   "scripts": {
     "build": "yarn workspaces foreach run build",
+    "clean": "yarn workspaces foreach run clean",
     "dev": "yarn workspaces foreach -pvi run dev",
     "lint": "eslint .",
     "lint:fix": "yarn lint --fix",
@@ -23,9 +25,11 @@
     "@typescript-eslint/parser": "5.49.0",
     "eslint": "8.22.0",
     "eslint-config-prettier": "8.6.0",
+    "eslint-plugin-boundaries": "3.1.0",
     "eslint-plugin-prettier": "4.2.1",
     "npm-run-all": "4.1.5",
     "prettier": "2.7.1",
+    "rimraf": "4.1.2",
     "typescript": "4.7.4"
   }
 }

Diff for: libs/shared/tsconfig.tsbuildinfo

@@ -1,6 +1,8 @@
 {
   "compilerOptions": {
+    "composite": true,
     "strict": true,
+    "forceConsistentCasingInFileNames": true,
     "esModuleInterop": true
   }
 }