chore: Adjusting CI (#317)

* chore: adjust ci (#ci-adjust)

* chore: remove comment (#ci-adjust)

* chore: ci working test (#ci-adjust)

* chore: ci working test 2 (#ci-adjust)

* feat(nx-cloud): setup nx cloud workspace (#318)

This commit sets up Nx Cloud for your Nx workspace, enabling distributed caching and the Nx Cloud GitHub integration for fast CI and improved developer experience.

You can access your Nx Cloud workspace by going to
https://cloud.nx.app/orgs/67a199185e4612c72a76ed4c/workspaces/67a199375e4612c72a76ed4f

**Note:** This commit attempts to maintain formatting of the nx.json file, however you may need to correct formatting by running an nx format command and committing the changes.

* chore: ci working test 3 (#ci-adjust)

* chore: ci working test 4 (#ci-adjust)

* chore: ci affected test (#ci-adjust)

* chore: ci affected test 2 (#ci-adjust)

* chore: using nx ci token (#ci-adjust)

* chore: test affected (#ci-adjust)

* chore: test affected (#ci-adjust)

* chore: test affected (#ci-adjust)

* chore: test affected (#ci-adjust)

* chore: test affected (#ci-adjust)

---------

Co-authored-by: ahHachul <[email protected]>

Author: createhb21

.github/workflows/ci.yml

@@ -20,12 +20,14 @@ env:
   DEFAULT_NODE_VERSION: '20.13.0'
   HUSKY: '0'
   NEXT_TELEMETRY_DISABLED: '1'
+  NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
 
 jobs:
   main:
     name: 🚀 CI Pipeline
     runs-on: ubuntu-latest
     timeout-minutes: 15
+
     steps:
       - name: 📥 Checkout Repository
         uses: actions/checkout@v4
@@ -51,14 +53,6 @@ jobs:
           echo '${{ secrets.DEV_REACT_APP_CONFIG }}' > config.json
           echo '${{ secrets.DEV_ONE_APP_CONFIG }}' | jq -r 'to_entries | .[] | "\(.key)=\(.value)"' > services/one-app/.env
 
-      - name: 🔍 Run Type Check
-        run: pnpm nx-cloud record -- nx affected -t type-check
-
-      - name: 📦 Run Build
-        run: pnpm nx-cloud record -- nx affected -t build
-
-      - name: 🧪 Run Tests
-        run: pnpm nx-cloud record -- nx-cloud record -- nx affected -t test
-
-      - name: 💅 Run Lint
-        run: pnpm nx-cloud record -- nx-cloud record -- nx affected -t lint
+      - name: 🏃 Run CI Tasks
+        run: |
+          pnpm nx affected --parallel=3 -t type-check,build,test,lint

nx.json

@@ -1,43 +1,64 @@
 {
   "extends": "nx/presets/npm.json",
-  "workspaceLayout": {
-    "appsDir": "services",
-    "libsDir": "packages"
-  },
+  "workspaceLayout": { "appsDir": "services", "libsDir": "packages" },
   "targetDefaults": {
     "type-check": {
       "cache": true,
-      "inputs": ["{projectRoot}/**/*.{ts,tsx}", "{projectRoot}/tsconfig.json"]
+      "inputs": [
+        "{projectRoot}/**/*.{ts,tsx}",
+        "{projectRoot}/tsconfig.json",
+        "{workspaceRoot}/tsconfig.base.json"
+      ]
     },
     "lint": {
       "cache": true,
-      "inputs": ["{projectRoot}/**/*.{js,ts,tsx}"]
+      "inputs": [
+        "{projectRoot}/**/*.{js,ts,tsx}",
+        "{projectRoot}/.eslintrc.*",
+        "{workspaceRoot}/.eslintrc.*"
+      ]
     },
     "build": {
       "cache": true,
       "dependsOn": ["^build"],
-      "outputs": ["{projectRoot}/dist/**"]
+      "inputs": ["production", "{workspaceRoot}/package.json"],
+      "outputs": ["{projectRoot}/dist/**", "{projectRoot}/.next/**"]
     },
     "test": {
       "cache": true,
-      "inputs": ["{projectRoot}/src/**/*.{js,ts,tsx}", "{projectRoot}/test/**/*.{js,ts,tsx}"]
-    },
-    "start": {
-      "cache": false,
-      "persistent": true,
-      "dependsOn": ["^build"]
+      "inputs": [
+        "{projectRoot}/src/**/*.{js,ts,tsx}",
+        "{projectRoot}/test/**/*.{js,ts,tsx}",
+        "{projectRoot}/jest.config.*",
+        "{workspaceRoot}/jest.config.*"
+      ]
     },
+    "start": { "cache": false, "persistent": true, "dependsOn": ["^build"] },
     "lint:fix": {
-      "cache": true
+      "cache": true,
+      "inputs": [
+        "{projectRoot}/**/*.{js,ts,tsx}",
+        "{projectRoot}/.eslintrc.*",
+        "{workspaceRoot}/.eslintrc.*"
+      ]
     }
   },
   "defaultBase": "main",
   "namedInputs": {
-    "default": ["{projectRoot}/**/*", "!{projectRoot}/**/*.md"],
-    "production": ["default", "!{projectRoot}/**/*.spec.ts"]
-  },
-  "implicitDependencies": {
-    "**/.env.*local": "*"
+    "default": [
+      "{projectRoot}/**/*",
+      "!{projectRoot}/**/*.md",
+      "!{projectRoot}/**/CHANGELOG.md",
+      "!{projectRoot}/**/*.spec.ts",
+      "!{projectRoot}/coverage/**"
+    ],
+    "production": [
+      "default",
+      "!{projectRoot}/**/*.spec.ts",
+      "!{projectRoot}/test/**/*",
+      "!{projectRoot}/**/__tests__/**/*"
+    ]
   },
-  "nxCloudId": "679e791071fd2cb4bf200e60"
+  "parallel": 3,
+  "nxCloudId": "67a199375e4612c72a76ed4f"
 }

services/ahhachul.com/playwright-report/index.html

@@ -18,6 +18,8 @@ interface LostFoundDetailProps {
 const LostFoundDetail = ({ id }: LostFoundDetailProps) => {
   const { data: post } = useFetchLostFoundDetail(id);
 
+  console.log('post', post);
+
   const images = post.isFromLost112
     ? [
         {

services/ahhachul.com/src/components/domain/lostFound/postDetail/template/LostFoundDetail.component.tsx

@@ -6,7 +6,7 @@ export const handlers = [
   http.get('https://example.com/user', () => {
     // ...and respond to them using this JSON response.
     return HttpResponse.json({
-      id: 'c7b3d8e0-5e0b-4b0f-8b3a-3b9f4b3d3b3d',
+      id: 'c7b3d8e0-5e0b-4b0f-8b3a-qwer1234xx',
       firstName: 'John',
       lastName: 'Maverick',
     });

services/ahhachul.com/src/mocks/handlers/example.ts

@@ -1,5 +1,5 @@
 const EditCommentPage = () => {
-  return <div>edit</div>;
+  return <div>Hi</div>;
 };
 
 export default EditCommentPage;

services/ahhachul.com/src/pages/comment/[commentId]/edit.tsx

@@ -1,5 +1,5 @@
 const NewCommentReplyPage = () => {
-  return <div>edit</div>;
+  return <div>Hi</div>;
 };
 
 export default NewCommentReplyPage;