#699.1 Migrate to monorepo

.prettierignore

@@ -1,5 +1,4 @@
 node_modules
 build
 .github
-tsconfig.build.json
 tsconfig.json

README.md

@@ -38,6 +38,32 @@ $ pnpm install
 See [notion page](https://www.notion.so/sparcs/Environment-Variables-1b404bd385fa495bac6d5517b57d72bf).
 Refer to [.env.example](.env.example) and write your own `.env`.
 
+
+## Development
+
+Run scoped scripts
+
+```bash
+pnpm <scope> <script>
+```
+
+Valid scopes are:
+- `web`: Corresponds to `@taxi/web`
+- ~~`app`: (intended) Corresponds to `@taxi/app`~~
+- ~~`core`: (intended) Corresponds to `@taxi/core`~~
+
+### Examples
+
+Run `web` development server
+```bash
+pnpm web start
+```
+
+Install new dependency to `app`
+```bash
+pnpm app install <package_name>
+```
+
 ## Testing
 
 This project contains E2E tests with Cypress. To run the test, start React development server with `npm start` and run test script by `npm run test` on another shell.

package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "web": "pnpm -F @taxi/web",
-    "build": "pnpm -r build",
+    "build:all": "pnpm -r build",
+    "build:web": "pnpm --filter @taxi/web... build",
     "test": "pnpm -r test",
     "typecheck": "pnpm -r typecheck"
   },
@@ -23,9 +24,5 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-storybook": "^0.6.15",
     "typescript": "^5.1.6"
-  },
-  "resolutions": {
-    "@types/react": "^17.0.2",
-    "react-error-overlay": "6.0.9"
   }
 }

packages/web/src/pages/Event/Event2023FallStore/index.tsx

@@ -23,7 +23,7 @@ const Event2023FallStore = () => {
     itemListToken,
   ])[1] || { items: [] };
   const getItemFilteredList = useCallback(
-    (types) =>
+    (types: number[]) =>
       items.filter(
         (item: EventItem) => types.includes(item.itemType) && !item.isDisabled
       ),

packages/web/tsconfig.json

@@ -6,9 +6,9 @@
     "vite.config.ts"
   ],
   "compilerOptions": {
+    "baseUrl": "./src",
     "paths": {
-      "@/*": ["packages/web/src/*"],
-      "@taxi/*": ["packages/*/src"]
+      "@/*": ["./*"],
     }
   }
 }

packages/web/vite.config.ts

@@ -4,6 +4,7 @@ import svgr from "vite-plugin-svgr";
 
 export default defineConfig({
   plugins: [svgr(), react({ jsxImportSource: "@emotion/react" })],
+  envDir: "../..",
   envPrefix: "REACT_APP_",
   resolve: {
     alias: {