Final deployment

canopas · Oct 31, 2023 · 37ca1a5 · 37ca1a5
1 parent 06c1209
commit 37ca1a5
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 41 deletions.
diff --git a/.github/workflows/deploy-frontend-dev.yml b/.github/workflows/deploy-frontend-dev.yml
@@ -32,4 +32,4 @@ jobs:
           yarn install --frozen-lockfile && yarn generate
           aws s3 sync ./.output/public s3://dev-stack.canopas.com --exclude "*.js"
           aws s3 sync ./.output/public s3://dev-stack.canopas.com --include "*.js" --content-type "application/javascript"
-          aws cloudfront create-invalidation --distribution-id ${{ secrets.CLOUDFRONT_DISTRIBUTION_ID }} --paths "/*"
+          aws cloudfront create-invalidation --distribution-id ${{ secrets.DEV_CLOUDFRONT_DISTRIBUTION_ID }} --paths "/*"
diff --git a/.github/workflows/deploy-frontend-prod.yml b/.github/workflows/deploy-frontend-prod.yml
@@ -2,8 +2,6 @@ name: DeployFrontendProd
 
 on:
   push:
-    branches:
-      - "master"
 
 jobs:
   deploy-frontend-prod:
@@ -34,4 +32,5 @@ jobs:
           sh ./../deploy/generate-sitemap.sh https://canopas.com https://prod-stack-api.canopas.com
           yarn install --frozen-lockfile && yarn generate
           aws s3 sync ./.output/public s3://canopas.com --exclude "*.js"
-          aws s3 sync ./.output/public s3://canopas.com --include "*.js" --content-type "application/javascript"
+          aws s3 sync ./.output/public s3://canopas.com --include "*.js" --content-type "application/javascript"
+          aws cloudfront create-invalidation --distribution-id ${{ secrets.PROD_CLOUDFRONT_DISTRIBUTION_ID }} --paths "/*"
diff --git a/nuxt-frontend/components/contributions/GithubContribution.vue b/nuxt-frontend/components/contributions/GithubContribution.vue
@@ -278,14 +278,14 @@ export default {
           key: ANDROID,
           image: [android1_400w, android1_800w],
           deskImage: [desktop_android1_400w, desktop_android1_800w],
-          link: "https://github.com/canopas/Intro-showcase-view",
+          link: "https://github.com/canopas/compose-intro-showcase",
           language: "Kotlin",
           color: "bg-[#A97BFF]",
           forks: "23",
-          title: "Intro Showcase View",
+          title: "Compose Intro Showcase",
           description:
             "Intro showcase view in Jetpack compose. An implementation of Intro Showcase from ...",
-          stars: "296",
+          stars: "318",
           contributors: [contributor1, contributor2, contributor3],
           event: "tap_contribution_intro_showcase",
         },
@@ -294,13 +294,13 @@ export default {
           key: ANDROID,
           image: [android2_400w, android2_800w],
           deskImage: [desktop_android2_400w, desktop_android2_800w],
-          link: "https://github.com/canopas/Jetpack-compose-animations-examples",
+          link: "https://github.com/canopas/compose-animations-examples",
           language: "Kotlin",
           color: "bg-[#A97BFF]",
-          forks: "20",
-          title: "Jetpack Compose Animations",
+          forks: "26",
+          title: "Compose Animation Examples",
           description: "Cool animations implemented with Jetpack compose....",
-          stars: "222",
+          stars: "265",
           contributors: [contributor1, contributor2, contributor4],
           event: "tap_contribution_jetpack_compose_animation",
         },
@@ -309,14 +309,14 @@ export default {
           key: ANDROID,
           image: [android3_400w, android3_800w],
           deskImage: [desktop_android3_400w, desktop_android3_800w],
-          link: "https://github.com/canopas/JetCountrypicker",
+          link: "https://github.com/canopas/compose-country-picker",
           language: "Kotlin",
           color: "bg-[#A97BFF]",
           forks: "02",
-          title: "JetCountryPicker",
+          title: "Cpompose CountryPicker",
           description:
             "Country code bottomsheet picker in Jetpack Compose with Search functionality...",
-          stars: "46",
+          stars: "50",
           contributors: [contributor1, contributor2, contributor4],
           event: "tap_contribution_jetcountry_picker",
         },
@@ -328,10 +328,10 @@ export default {
           link: "https://github.com/canopas/UIPilot",
           language: "Swift",
           color: "bg-[#F05138]",
-          forks: "17",
+          forks: "21",
           title: "UIPilot ",
           description: "The missing typesafe SwiftUI navigation library.",
-          stars: "245",
+          stars: "263",
           contributors: [contributor1, contributor6, contributor2],
           event: "tap_contribution_jetpack_compose_animation",
         },
@@ -346,7 +346,7 @@ export default {
           forks: "02",
           title: "Swiftui Animations",
           description: "Cool animations implemented with SwiftUI",
-          stars: "49",
+          stars: "53",
           contributors: [contributor1, contributor6],
           event: "tab_contribution_swiftui_animation",
         },
@@ -362,7 +362,7 @@ export default {
           title: "iOS Developer Roadmap 2022",
           description:
             "iOS Developer Roadmap 2022 is a learning path to understand iOS development...",
-          stars: "58",
+          stars: "73",
           contributors: [contributor1, contributor6],
           event: "tab_contribution_ios_roadmap",
         },
@@ -371,14 +371,14 @@ export default {
           key: WEB,
           image: [web1_400w, web1_800w],
           deskImage: [desktop_web1_400w, desktop_web1_800w],
-          link: "https://github.com/canopas/tailwind-animations",
+          link: "https://github.com/canopas/tailwind-animations-examples",
           language: "JavaScript",
           color: "bg-[#F1E05A]",
           forks: "05",
-          title: "Tailwind Animations",
+          title: "Tailwind Animations Examples",
           description:
             "This repository contains different animations implemented using tailwind css...",
-          stars: "79",
+          stars: "101",
           contributors: [contributor8, contributor9],
           event: "tab_contribution_tailwind_animation",
         },
@@ -387,14 +387,14 @@ export default {
           key: WEB,
           image: [web2_400w, web2_800w],
           deskImage: [desktop_web2_400w, desktop_web2_800w],
-          link: "https://github.com/canopas/web-developer-roadmap-2023",
+          link: "https://github.com/canopas/web-developer-roadmap",
           language: "",
           color: "",
-          forks: "01",
+          forks: "14",
           title: "Web Development Roadmap",
           description:
             "Web Developer Roadmap is a path to understand web development including...",
-          stars: "17",
+          stars: "95",
           contributors: [contributor8, contributor10],
           event: "tab_contribution_webdevelopment_roadmap",
         },
@@ -406,11 +406,11 @@ export default {
           link: "https://github.com/canopas/canopas-blog",
           language: "JavaScript",
           color: "bg-[#F1E05A]",
-          forks: "01",
+          forks: "03",
           title: "Canopas Blog website",
           description:
-            "We intend to keep this open source. Plan is to keep the repository up to date with...",
-          stars: "19",
+            "Source code of canopas resources by following best practices...",
+          stars: "26",
           contributors: [contributor8, contributor11, contributor12],
           event: "tab_contribution_canopas_blog",
         },
@@ -422,10 +422,10 @@ export default {
           link: "https://github.com/canopas/canopas-website",
           language: "Vue",
           color: "bg-[#41B883]",
-          forks: "02",
+          forks: "03",
           title: "Canopas Website",
           description:
-            "We intend to keep this open source. Plan is to keep the repository up to date with latest...",
+            "Source code of canopas website by following best practices...",
           stars: "22",
           contributors: [contributor8, contributor14, contributor12],
           event: "tap_contribution_canopas_website",

diff --git a/nuxt-frontend/components/contributions/WhatsTrending.vue b/nuxt-frontend/components/contributions/WhatsTrending.vue
@@ -108,7 +108,6 @@
                   :srcset="`${post.images[0]} 400w, ${post.images[1]} 600w`"
                   alt="trending"
                   class="rounded-md object-contain"
-                  loading="lazy"
                 />
               </aspect-ratio>
             </div>
@@ -162,7 +161,6 @@
                   :srcset="`${post.images[0]} 400w, ${post.images[1]} 600w`"
                   alt="trending"
                   class="rounded-md object-contain"
-                  loading="lazy"
                 />
               </aspect-ratio>
             </div>
@@ -229,71 +227,71 @@ export default {
           title:
             "Retrofit — Effective error handling with Kotlin Coroutine and Result API",
           images: [retrofit, retrofit600w],
-          views: "26k",
+          views: "30k",
           link: "https://blog.canopas.com/retrofit-effective-error-handling-with-kotlin-coroutine-and-result-api-405217e9a73d",
         },
         {
           id: 2,
           title: "Golang — 1 Minute guide to Useful Tips and Libraries in 2022",
           images: [goGuide, goGuide600w],
-          views: "18k",
+          views: "18.2k",
           link: "https://blog.canopas.com/1-min-guide-to-golang-development-best-practices-in-2022-b50d846fd6c",
         },
         {
           id: 3,
           title: "Keyboard Handling In Jetpack Compose — All You Need To Know",
           images: [keyboardHandling, keyboardHandling600w],
-          views: "17k",
+          views: "23k",
           link: "https://blog.canopas.com/keyboard-handling-in-jetpack-compose-all-you-need-to-know-3e6fddd30d9a",
         },
         {
           id: 4,
           title: "Android — 9 Useful Kotlin Flow Operators You Need to Know",
           images: [kotlinFlow, kotlinFlow600w],
-          views: "14.5k",
+          views: "16k",
           link: "https://blog.canopas.com/android-9-useful-kotlin-flow-operators-you-need-to-know-b9daef4b630f",
         },
         {
           id: 5,
           title: "Golang: gorm with MySQL and gin",
           images: [gorm, gorm600w],
-          views: "14.2k",
+          views: "15k",
           link: "https://blog.canopas.com/golang-gorm-with-mysql-and-gin-ab876f406244",
         },
         {
           id: 6,
           title:
             "Android — 1 Minute guide to Useful Tips and Libraries in 2022",
           images: [androidGuide, androidGuide600w],
-          views: "13.5k",
+          views: "13.7k",
           link: "https://blog.canopas.com/android-development-best-practices-2022-203682a440f5",
         },
         {
           id: 7,
           title: "Approach To Avoid Accessing Variables Globally in Golang",
           images: [globalVars, globalVars600w],
-          views: "12.4k",
+          views: "13.5k",
           link: "https://blog.canopas.com/approach-to-avoid-accessing-variables-globally-in-golang-2019b234762",
         },
         {
           id: 8,
           title: "Android — How to Drag And Drop Views in Jetpack Compose",
           images: [dragAndDrop, dragAndDrop600w],
-          views: "12.2k",
+          views: "14k",
           link: "https://blog.canopas.com/android-drag-and-drop-ui-element-in-jetpack-compose-14922073b3f1",
         },
         {
           id: 9,
           title: "Android code coverage using JaCoCo",
           images: [jacoco, jacoco600w],
-          views: "11.8k",
+          views: "13.7k",
           link: "https://blog.canopas.com/android-code-coverage-using-jacoco-6639a1fc4293",
         },
         {
           id: 10,
           title: "Vue 3 lifecycle hooks with real-time example",
           images: [lifecycle, lifecycle600w],
-          views: "11k",
+          views: "14k",
           link: "https://blog.canopas.com/vue-3-lifecycle-hooks-with-real-time-example-1b772b89e085",
         },
       ],

diff --git a/nuxt-frontend/plugins/mixpanel.js b/nuxt-frontend/plugins/mixpanel.js
@@ -1,5 +1,6 @@
 /* plugins/mixpanel.js */
 
+import { defineNuxtPlugin } from "#app";
 import mixpanel from "mixpanel-browser";
 import config from "../config.js";