Consolidated GSoC 2024 Contributions: Features, Fixes, and Enhancemen…

…ts (#163) * Upgrade Cypress workflow * Rebuild CI/CD Pipeline * Fix deployment issues * Implement like/dislike system for comments and tutorials * Fix comment display issue * Implement in-app notification logic * Add search functionality * Fix authentication issues * Enhance feed recommendations with tutorial tags * Fix author data handling on tutorial page * Integrate dynamic sidebar rendering feature
c2siorg · Jan 6, 2025 · c63ce9a · c63ce9a
1 parent 3b0952c
commit c63ce9a
Show file tree

Hide file tree

Showing 76 changed files with 31,553 additions and 780 deletions.
diff --git a/.env.sample b/.env.sample
@@ -6,6 +6,8 @@
  VITE_APP_FIREBASE_APP_ID=<FIREBASE_APP_ID>
  VITE_APP_FIREBASE_MEASUREMENTID=<FIREBASE_MEASUREMENTID>
  VITE_APP_DATABASE_URL=<FIREBASE_DATABASE_URL>
+ VITE_APP_FIREBASE_STORAGE_BUCKET=<VITE_APP_FIREBASE_STORAGE_BUCKET>
  VITE_APP_FIREBASE_FCM_VAPID_KEY=<FIREBASE_VAPID_KEY>
  VITE_APP_USE_EMULATOR=<USE_EMULATOR>
  CYPRESS_PROJECT_ID=<CYPRESS_PROJECT_ID>
+ CYPRESS_RECORD_KEY=<CYPRESS_RECORD_KEY>
diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
@@ -0,0 +1,112 @@
+name: Cypress End-to-End Tests
+
+on: push
+
+jobs:
+  cypress-tests:
+    name: Run Cypress Tests
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        node: [18]
+        # containers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+
+    env:
+      CI: false
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js Environment
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: Cache Node.js modules
+        uses: actions/cache@v4
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ matrix.node }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-${{ matrix.node }}-
+
+      - name: Create .env File
+        run: |
+          echo "VITE_APP_FIREBASE_API_KEY=${{ secrets.VITE_APP_FIREBASE_API_KEY }}" >> .env
+          echo "VITE_APP_FIREBASE_PROJECT_ID=${{ secrets.VITE_APP_FIREBASE_PROJECT_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_MESSAGING_SENDER_ID=${{ secrets.VITE_APP_FIREBASE_MESSAGING_SENDER_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_APP_ID=${{ secrets.VITE_APP_FIREBASE_APP_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_MEASUREMENTID=${{ secrets.VITE_APP_FIREBASE_MEASUREMENTID }}" >> .env
+          echo "VITE_APP_FIREBASE_FCM_VAPID_KEY=${{ secrets.VITE_APP_FIREBASE_FCM_VAPID_KEY }}" >> .env
+          echo "VITE_APP_AUTH_DOMAIN=${{ secrets.VITE_APP_AUTH_DOMAIN }}" >> .env
+          echo "VITE_APP_DATABASE_URL=${{ secrets.VITE_APP_DATABASE_URL }}" >> .env
+          echo "VITE_APP_USE_EMULATOR=true" >> .env
+          echo "SKIP_PREFLIGHT_CHECK=true" >> .env
+          echo "CI=false" >> .env
+          echo "CYPRESS_PROJECT_ID=${{ secrets.CYPRESS_PROJECT_ID }}" >> .env
+
+      - name: Prepare Firebase Service Account
+        run: |
+          mkdir -p functions/private
+          echo "${{ secrets.FIREBASE_SERVICE_ACCOUNT }}" > functions/private/cl-dev-pk.json
+
+      - name: Install Functions Dependencies
+        run: cd functions && npm install --legacy-peer-deps
+
+      - name: Install Firebase CLI
+        run: npm install -g firebase-tools
+
+      - name: Start Firebase Emulators
+        run: |
+          firebase emulators:start --import=./testdata --project ${{ secrets.VITE_APP_FIREBASE_PROJECT_ID }} &
+          sleep 15
+
+      - name: Run Cypress Tests
+        uses: cypress-io/github-action@v6
+        with:
+          browser: chrome
+          record: true
+          tag: node-${{ matrix.node }}
+          parallel: true
+          config-file: cypress.config.js
+          group: "GitHub Actions"
+          install-command: npm install --legacy-peer-deps
+          build: npm run build
+          start: npm run dev
+          wait-on: "http://localhost:5173"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
+          CYPRESS_PROJECT_ID: ${{ secrets.CYPRESS_PROJECT_ID }}
+          COMMIT_INFO_BRANCH: ${{ github.ref_name }}
+
+  print-results:
+    name: Print Cypress Cloud URL
+    needs: cypress-tests
+    runs-on: ubuntu-latest
+    if: always()
+    steps:
+      - name: Print Cypress Cloud URL
+        run: |
+          echo Cypress finished with: ${{ needs.cypress-tests.outcome }}
+          echo See results at ${{ needs.cypress-tests.outputs.resultsUrl }}
+
+  handle-failure:
+    name: Handle Failure
+    if: ${{ failure() }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Upload Cypress Artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: Cypress Artifacts
+          path: |
+            cypress/screenshots
+            cypress/videos
+          if-no-files-found: ignore
+
+      - name: Notify on Failure
+        run: echo "The workflow has failed!"
diff --git a/.github/workflows/firebase-hosting-merge.yml b/.github/workflows/firebase-hosting-merge.yml
@@ -0,0 +1,43 @@
+name: Deploy to Firebase Hosting on merge
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Create .env file with secrets
+        run: |
+          echo "VITE_APP_FIREBASE_API_KEY=${{ secrets.VITE_APP_FIREBASE_API_KEY }}" >> .env
+          echo "VITE_APP_FIREBASE_PROJECT_ID=${{ secrets.VITE_APP_FIREBASE_PROJECT_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_MESSAGING_SENDER_ID=${{ secrets.VITE_APP_FIREBASE_MESSAGING_SENDER_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_APP_ID=${{ secrets.VITE_APP_FIREBASE_APP_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_MEASUREMENTID=${{ secrets.VITE_APP_FIREBASE_MEASUREMENTID }}" >> .env
+          echo "VITE_APP_FIREBASE_FCM_VAPID_KEY=${{ secrets.VITE_APP_FIREBASE_FCM_VAPID_KEY }}" >> .env
+          echo "VITE_APP_AUTH_DOMAIN=${{ secrets.VITE_APP_AUTH_DOMAIN }}" >> .env
+          echo "VITE_APP_DATABASE_URL=${{ secrets.VITE_APP_DATABASE_URL }}" >> .env
+          echo "VITE_APP_USE_EMULATOR=false" >> .env
+
+      - name: Install Dependencies
+        run: |
+          npm install --legacy-peer-deps
+          npm run build || exit 1
+
+      - name: Deploy to Firebase Hosting
+        uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_CODELABZ_2CD64 }}
+          channelId: live
+          projectId: codelabz-2cd64
diff --git a/.github/workflows/firebase-hosting-pull-request.yml b/.github/workflows/firebase-hosting-pull-request.yml
@@ -0,0 +1,47 @@
+name: Deploy to Firebase Hosting on PR
+
+on: pull_request
+
+permissions:
+  checks: write
+  contents: read
+  pull-requests: write
+
+jobs:
+  build_and_preview:
+    if: ${{ github.event.pull_request.head.repo.full_name == github.repository }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Create .env file with secrets
+        run: |
+          echo "VITE_APP_FIREBASE_API_KEY=${{ secrets.VITE_APP_FIREBASE_API_KEY }}" >> .env
+          echo "VITE_APP_FIREBASE_PROJECT_ID=${{ secrets.VITE_APP_FIREBASE_PROJECT_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_MESSAGING_SENDER_ID=${{ secrets.VITE_APP_FIREBASE_MESSAGING_SENDER_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_APP_ID=${{ secrets.VITE_APP_FIREBASE_APP_ID }}" >> .env
+          echo "VITE_APP_FIREBASE_MEASUREMENTID=${{ secrets.VITE_APP_FIREBASE_MEASUREMENTID }}" >> .env
+          echo "VITE_APP_FIREBASE_FCM_VAPID_KEY=${{ secrets.VITE_APP_FIREBASE_FCM_VAPID_KEY }}" >> .env
+          echo "VITE_APP_AUTH_DOMAIN=${{ secrets.VITE_APP_AUTH_DOMAIN }}" >> .env
+          echo "VITE_APP_DATABASE_URL=${{ secrets.VITE_APP_DATABASE_URL }}" >> .env
+          echo "VITE_APP_USE_EMULATOR=false" >> .env
+
+      - name: Install Dependencies
+        run: |
+          npm install --legacy-peer-deps
+          npm run build || exit 1
+
+      - name: Deploy to Firebase Hosting Preview Channel
+        uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_CODELABZ_2CD64 }}
+          projectId: codelabz-2cd64
+          channelId: pr-${{ github.event.pull_request.number }}
+          expires: 7d
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
diff --git a/.gitignore b/.gitignore
@@ -10,6 +10,7 @@
 
 # production
 /build
+/dist
 
 #config
 # src/config/index.js
@@ -28,7 +29,6 @@ yarn.lock
 .env
 /.idea
 .vscode/settings.json
-package-lock.json
 INTERNAL.md
 RULES.md
 firebase-debug.log

diff --git a/cypress.config.js b/cypress.config.js
@@ -8,5 +8,7 @@ export default defineConfig({
     baseUrl: "http://localhost:5173",
     testIsolation: false
   },
-  projectId: process.env.CYPRESS_PROJECT_ID
+  projectId: process.env.CYPRESS_PROJECT_ID,
+  record: true, // Enable test recording
+  key: process.env.CYPRESS_RECORD_KEY // Cypress record key
 });
diff --git a/cypress/e2e/components/profile/user-dashboard.cy.js b/cypress/e2e/components/profile/user-dashboard.cy.js
@@ -34,7 +34,7 @@ describe("User Dashboard Test | CodeLabz", () => {
   it("Check Profile", function () {
     cy.visit(`${this.base_url}user-dashboard/profile`);
     cy.get(
-      '[data-testid="profile"] > .makeStyles-navLink-81 > .MuiButtonBase-root'
+      '[data-testid="profile"]'
     )
       .should("exist")
       .click();
@@ -68,7 +68,7 @@ describe("User Dashboard Test | CodeLabz", () => {
     cy.visit(`${this.base_url}user-dashboard/profile`);
 
     cy.get(
-      '[data-testid="userSettings"] > .makeStyles-navLink-81 > .MuiButtonBase-root'
+      '[data-testid="userSettings"]'
     )
       .should("exist")
       .click();

diff --git a/database.rules.json b/database.rules.json
@@ -1,6 +1,6 @@
 {
   "rules": {
-    ".read": false,
-    ".write": false
+    ".read": true,
+    ".write": true
   }
 }