fix: improve type safety and add typecheck script

Author: h4rkl

apps/media/lib/podcast-data.ts

@@ -37,7 +37,7 @@ export const fetchAllPodcasts = async (): Promise<PodcastShow[]> => {
           return {
             name: hostData.name || "Unknown Host",
             ...(hostData.avatar && { avatar: hostData.avatar }),
-          };
+          } as PodcastHost;
         })
         .filter((host): host is PodcastHost => host !== null);
 
@@ -100,7 +100,7 @@ export const fetchPodcastBySlug = async (
         return {
           name: hostData.name || "Unknown Host",
           ...(hostData.avatar && { avatar: hostData.avatar }),
-        };
+        } as PodcastHost;
       })
       .filter((host): host is PodcastHost => host !== null);
 

apps/media/package.json

@@ -9,6 +9,7 @@
     "build-public": "TINA_PUBLIC_IS_LOCAL=true tinacms build --local --skip-indexing --skip-cloud-checks && next build",
     "start": "tinacms build && next start",
     "export": "npm run build && next export",
+    "typecheck": "tsc --noEmit",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "format": "prettier --write .",

apps/media/tina/config.tsx

@@ -14,7 +14,7 @@ import Podcast from "./collection/podcast";
 // Check if we're using local mode (no authentication)
 const isLocalMode = process.env.TINA_PUBLIC_IS_LOCAL === "true";
 
-const config = defineConfig({
+const config: ReturnType<typeof defineConfig> = defineConfig({
   // Only require clientId and token if not in local mode
   clientId: isLocalMode ? undefined : process.env.NEXT_PUBLIC_TINA_CLIENT_ID,
   branch: process.env.NEXT_PUBLIC_TINA_BRANCH!,

apps/media/tina/fields/color.tsx

@@ -13,7 +13,7 @@ export const colorOptions = [
   "white",
 ];
 
-export const ColorPickerInput = wrapFieldsWithMeta(({ input }) => {
+export const ColorPickerInput: any = wrapFieldsWithMeta(({ input }) => {
   const inputClasses = {
     blue: "bg-blue-500 border-blue-600",
     teal: "bg-teal-500 border-teal-600",

apps/media/tina/fields/icon.tsx

@@ -21,7 +21,7 @@ const parseIconName = (name: string) => {
   }
 };
 
-export const IconPickerInput = wrapFieldsWithMeta(({ input }) => {
+export const IconPickerInput: any = wrapFieldsWithMeta(({ input }) => {
   const [filter, setFilter] = React.useState("");
   const filteredBlocks = React.useMemo(() => {
     return Object.keys(IconOptions).filter((name) => {
@@ -142,7 +142,7 @@ export const IconPickerInput = wrapFieldsWithMeta(({ input }) => {
   );
 });
 
-export const iconSchema = {
+export const iconSchema: any = {
   type: "object",
   label: "Icon",
   name: "icon",