Merge pull request framer#312 from framer/notion-formula

Notion: add formula support

Author: madebyisaacr

plugins/notion/src/api.ts

@@ -80,6 +80,7 @@ export const supportedCMSTypeByNotionPropertyType = {
     files: ["file", "image", "array"],
     relation: ["multiCollectionReference", "collectionReference"],
     unique_id: ["string", "number"],
+    formula: ["string", "number", "boolean", "date", "link", "color"],
 } satisfies Partial<Record<NotionProperty["type"], readonly ManagedCollectionField["type"][]>>
 
 // Naive implementation to be authenticated, a token could be expired.

plugins/notion/src/data.ts

@@ -129,9 +129,53 @@ export async function syncCollection(
                 if (fieldEntry) {
                     fieldData[field.id] = fieldEntry
                 } else {
-                    console.warn(
-                        `Skipping item at index ${index} because it doesn't have a valid value for field ${field.name}`
-                    )
+                    switch (field.type) {
+                        case "string":
+                        case "formattedText":
+                            fieldData[field.id] = {
+                                value: "",
+                                type: field.type,
+                            }
+                            break
+                        case "enum": {
+                            const firstCase = field.cases[0]
+                            if (!firstCase) {
+                                console.warn(
+                                    `Skipping item “${item.id}” because enum field “${field.name}” has no cases.`
+                                )
+                                continue
+                            }
+                            fieldData[field.id] = {
+                                value: firstCase.id,
+                                type: "enum",
+                            }
+                            break
+                        }
+                        case "boolean":
+                            fieldData[field.id] = {
+                                value: false,
+                                type: "boolean",
+                            }
+                            break
+                        case "number":
+                            fieldData[field.id] = {
+                                value: 0,
+                                type: "number",
+                            }
+                            break
+                        case "image":
+                        case "file":
+                        case "link":
+                        case "date":
+                        case "color":
+                        case "collectionReference":
+                        case "multiCollectionReference":
+                            fieldData[field.id] = {
+                                value: null,
+                                type: field.type,
+                            }
+                            break
+                    }
                 }
             }
 
@@ -408,21 +452,13 @@ export function getFieldDataEntryForProperty(
         }
         case "select": {
             if (field.type !== "enum") return null
-
-            if (!property.select) {
-                const firstCase = field.cases[0]?.id
-                return firstCase ? { type: "enum", value: firstCase } : null
-            }
+            if (!property.select) return null
 
             return { type: "enum", value: property.select.id }
         }
         case "status": {
             if (field.type !== "enum") return null
-
-            if (!property.status) {
-                const firstCase = field.cases[0]?.id
-                return firstCase ? { type: "enum", value: firstCase } : null
-            }
+            if (!property.status) return null
 
             return { type: "enum", value: property.status.id }
         }
@@ -533,6 +569,65 @@ export function getFieldDataEntryForProperty(
 
             return { type: "string", value: phoneNumber }
         }
+        case "formula": {
+            const formula = property.formula
+
+            let value = null
+            switch (formula.type) {
+                case "string":
+                    value = formula.string
+                    break
+                case "number":
+                    value = formula.number
+                    break
+                case "boolean":
+                    value = formula.boolean
+                    break
+                case "date":
+                    value = formula.date
+                    break
+            }
+
+            if (value === null) return null
+
+            switch (field.type) {
+                case "string":
+                case "color":
+                case "link":
+                    if (typeof value === "object") return null
+
+                    return {
+                        type: field.type,
+                        value: String(value),
+                    }
+                case "number": {
+                    const number = Number(value)
+                    if (isNaN(number)) return null
+
+                    return {
+                        type: "number",
+                        value: number,
+                    }
+                }
+                case "date": {
+                    if (formula.type !== "date" || !formula.date?.start) return null
+
+                    const date = new Date(formula.date.start)
+
+                    return {
+                        type: "date",
+                        value: date.toISOString(),
+                    }
+                }
+                case "boolean":
+                    return {
+                        type: "boolean",
+                        value: Boolean(value),
+                    }
+                default:
+                    return null
+            }
+        }
     }
 
     return null