WIP

apps/web/lib/apps/calendar/config.ts

@@ -39,4 +39,4 @@ export const APPS = {
     imageSrc: "apps/apple-calendar.svg",
     variant: "calendar",
   },
-} as Record<string, App>;
+} as Record<string, Partial<App>>;

apps/web/pages/apps/index.tsx

@@ -1,3 +1,5 @@
+import { InferGetStaticPropsType } from "next";
+
 import { getAppRegistry } from "@calcom/app-store/_appRegistry";
 
 import { useLocale } from "@lib/hooks/useLocale";
@@ -8,7 +10,7 @@ import AllApps from "@components/apps/AllApps";
 import AppStoreCategories from "@components/apps/Categories";
 import Slider from "@components/apps/Slider";
 
-export default function Apps({ appStore, categories }) {
+export default function Apps({ appStore, categories }: InferGetStaticPropsType<typeof getStaticProps>) {
   const { t } = useLocale();
 
   return (

packages/app-store/_appRegistry.ts

@@ -1,18 +1,8 @@
+import appStore from ".";
+
 export function getAppRegistry() {
   return [
-    {
-      name: "Zoom",
-      slug: "zoom", // needs to be the same as the folder name
-      category: "video",
-      description:
-        "Zoom is the most popular video conferencing platform, joinable on the web or via desktop/mobile apps.",
-      logo: "/apps/zoom.svg",
-      publisher: "Cal.com",
-      url: "https://zoom.us/",
-      verified: true,
-      rating: 4.3, // TODO: placeholder for now, pull this from TrustPilot or G2
-      reviews: 69, // TODO: placeholder for now, pull this from TrustPilot or G2
-    },
+    appStore.zoomvideo.metadata,
     {
       name: "Cal Video",
       slug: "cal-video",

packages/app-store/tsconfig.json

@@ -1,5 +1,8 @@
 {
   "extends": "@calcom/tsconfig/base.json",
   "include": [".", "@calcom/types"],
-  "exclude": ["dist", "build", "node_modules"]
+  "exclude": ["dist", "build", "node_modules"],
+  "compilerOptions": {
+    "resolveJsonModule": true
+  }
 }

packages/app-store/zoomvideo/index.ts

@@ -1,2 +1,20 @@
+import type { App } from "@calcom/types/App";
+
+import _metadata from "./package.json";
+
+export const metadata = {
+  ..._metadata,
+  installed: !!(process.env.ZOOM_CLIENT_ID && process.env.ZOOM_CLIENT_SECRET),
+  type: "zoom_video",
+  imageSrc: "apps/zoom.svg",
+  variant: "conferencing",
+  logo: "/apps/zoom.svg",
+  publisher: "Cal.com",
+  url: "https://zoom.us/",
+  verified: true,
+  rating: 4.3, // TODO: placeholder for now, pull this from TrustPilot or G2
+  reviews: 69, // TODO: placeholder for now, pull this from TrustPilot or G2
+} as Partial<App>;
+
 export * as api from "./api";
 export * as lib from "./lib";

packages/app-store/zoomvideo/package.json

@@ -2,10 +2,9 @@
   "name": "@calcom/zoomvideo",
   "version": "0.0.0",
   "main": "./index.ts",
-  "label": "Zoom",
-  "⬇️ needs to be the same as the folder name": 1,
-  "slug": "zoom",
-  "category": "Video Conferencing",
+  "title": "Zoom",
+  "slug": "zoomvideo",
+  "category": "video",
   "description": "Zoom is the most popular video conferencing platform, joinable on the web or via desktop/mobile apps.",
   "logo": "/apps/zoom.svg",
   "publisher": "Cal.com",