feat(analytics): Add @vercel/analytics (#116)

* build(deps): Add `@vercel/analytics`
* chore: remove google analytics references

Author: alphatrl

.env.example

@@ -1,8 +1,3 @@
-HOST_URL=
 SMU_SCRAPER_URL=
 SCHOOL_SEMESTERS_URL=
 SMU_LIBRARIES_OCCUPANCY_URL=
-FIREBASE_API_KEY=
-FIREBASE_PROJECT_ID=
-FIREBASE_APP_ID=
-FIREBASE_MEASUREMENT_ID=

next.config.js

@@ -34,9 +34,5 @@ module.exports = {
   env: {
     SMU_SCRAPER_URL: process.env.SMU_SCRAPER_URL,
     SCHOOL_SEMESTERS_URL: process.env.SCHOOL_SEMESTERS_URL,
-    FIREBASE_API_KEY: process.env.FIREBASE_API_KEY,
-    FIREBASE_PROJECT_ID: process.env.FIREBASE_PROJECT_ID,
-    FIREBASE_APP_ID: process.env.FIREBASE_APP_ID,
-    FIREBASE_MEASUREMENT_ID: process.env.FIREBASE_MEASUREMENT_ID,
   },
 };

package.json

@@ -33,6 +33,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.25.3",
     "@svgr/webpack": "^6.5.1",
+    "@vercel/analytics": "^1.1.1",
     "axios": "^1.2.1",
     "csv-parse": "^4.16.2",
     "lodash": "^4.17.21",

src/pages/_app.tsx

@@ -1,3 +1,4 @@
+import { Analytics } from '@vercel/analytics/react';
 import { AppProps } from 'next/app';
 import React from 'react';
 
@@ -13,6 +14,7 @@ const App: React.FC<AppProps> = function (props) {
       <DataWrapper>
         <GlobalStyles />
         <Component {...pageProps} />
+        <Analytics />
       </DataWrapper>
     </ThemeContext>
   );

src/screens/smu/components/modal/BOSSTimetable/index.tsx

@@ -244,12 +244,6 @@ const BOSSTimetable: React.FC = () => {
     []
   );
 
-  const handleICalTrack = React.useCallback(() => {
-    // firebase
-    //   ?.analytics()
-    //   .logEvent('file_download', { description: 'BOSS Timetable Export' });
-  }, []);
-
   return (
     <>
       <ModalTemplate title="Boss Timetable Export">
@@ -289,7 +283,6 @@ const BOSSTimetable: React.FC = () => {
         </Wrapper>
         {csvContents !== null ? (
           <CustomPrimaryBtn
-            onClick={handleICalTrack}
             href={hrefDownload}
             download="boss_timetable_export.ics"
             role="button"

src/shared/utils/firebase.ts

@@ -1600,6 +1600,13 @@
     "@typescript-eslint/types" "5.47.0"
     eslint-visitor-keys "^3.3.0"
 
+"@vercel/analytics@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@vercel/analytics/-/analytics-1.1.1.tgz#2a712378a95014a548b4f9d2ae1ea0721433908d"
+  integrity sha512-+NqgNmSabg3IFfxYhrWCfB/H+RCUOCR5ExRudNG2+pcRehq628DJB5e1u1xqwpLtn4pAYii4D98w7kofORAGQA==
+  dependencies:
+    server-only "^0.0.1"
+
 acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
@@ -3772,6 +3779,11 @@ semver@^7.3.7:
   dependencies:
     lru-cache "^6.0.0"
 
+server-only@^0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/server-only/-/server-only-0.0.1.tgz#0f366bb6afb618c37c9255a314535dc412cd1c9e"
+  integrity sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==
+
 shallowequal@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"