Improve null handling for object properties and types

Author: jmetrikat

src/components/UpdateForm/UpdateObjectForm.tsx

@@ -36,7 +36,7 @@ export function UpdateObjectForm({ spaceId, object, mutateObjects, mutateObject
   const { pop } = useNavigation();
   const [objectSearchText, setObjectSearchText] = useState("");
 
-  const properties = object.type.properties.filter((p) => !Object.values(bundledPropKeys).includes(p.key));
+  const properties = object.type?.properties.filter((p) => !Object.values(bundledPropKeys).includes(p.key)) ?? [];
   const numberFieldValidations = useMemo(() => getNumberFieldValidations(properties), [properties]);
 
   const { objects, objectsError, isLoadingObjects } = useSearch(spaceId, objectSearchText, []);
@@ -218,7 +218,7 @@ export function UpdateObjectForm({ spaceId, object, mutateObjects, mutateObject
 
   return (
     <Form
-      navigationTitle={`Edit ${object.type.name}`}
+      navigationTitle={`Edit ${object.type?.name ?? "Object"}`}
       isLoading={isLoadingObjects || isLoadingTags}
       actions={
         <ActionPanel>

src/mappers/types.ts

@@ -15,8 +15,7 @@ export async function mapTypes(types: RawType[]): Promise<Type[]> {
 /**
  * Map raw `Type` object from the API into display-ready data (e.g., icon).
  */
-export async function mapType(type: RawType): Promise<Type> {
-  // Handle deleted types
+export async function mapType(type: RawType | null): Promise<Type> {
   if (!type || !type.id) {
     return {
       object: "type",

src/models/object.ts

@@ -35,8 +35,8 @@ export interface RawSpaceObject {
   object: string;
   id: string;
   name: string;
-  icon: ObjectIcon;
-  type: RawType;
+  icon: ObjectIcon | null;
+  type: RawType | null;
   snippet: string;
   layout: ObjectLayout;
   space_id: string;

src/utils/icon.ts

@@ -10,7 +10,11 @@ import { colorToHex, iconWidth } from "./constant";
  * @param type The type of the object .
  * @returns The base64 data URI or Raycast Icon.
  */
-export async function getIconWithFallback(icon: ObjectIcon, layout: string, type?: RawType): Promise<Image.ImageLike> {
+export async function getIconWithFallback(
+  icon: ObjectIcon | null,
+  layout: string,
+  type?: RawType | null,
+): Promise<Image.ImageLike> {
   if (icon && icon.format) {
     // type built-in icons
     if (icon.format === IconFormat.Icon && icon.name) {
@@ -32,7 +36,7 @@ export async function getIconWithFallback(icon: ObjectIcon, layout: string, type
   }
 
   // fallback to grey version of type built-in icon
-  if (type?.icon && type.icon.format === IconFormat.Icon && type.icon.name) {
+  if (type && type.icon && type.icon.format === IconFormat.Icon && type.icon.name) {
     return getCustomTypeIcon(type.icon.name, "grey");
   }