@supernova-studio/client 0.10.2 → 0.12.0

package/src/docs-editor/prosemirror-to-blocks.ts

@@ -41,6 +41,7 @@ import {
   ColorValue,
   nullishToOptional,
   PageBlockItemFigmaNodeValue,
+  PageBlockColorV2,
 } from "@supernova-studio/model";
 import { PageBlockEditorModel } from "./model/block";
 import { DocumentationPageEditorModel } from "./model/page";
@@ -107,11 +108,6 @@ export function prosemirrorNodeToBlock(
     return parseAsMultiRichText(prosemirrorNode, definition, multiRichTextProperty);
   }
 
-  const embedProperty = BlockDefinitionUtils.firstEmbedProperty(definition);
-  if (prosemirrorNode.type === "embed" && embedProperty) {
-    return parseAsEmbed(prosemirrorNode, definition, embedProperty);
-  }
-
   const tableProperty = BlockDefinitionUtils.firstTableProperty(definition);
   if (tableProperty) {
     return parseAsTable(prosemirrorNode, definition, tableProperty);
@@ -214,7 +210,7 @@ function parseAsMultiRichText(
               // Required
               value: (prosemirrorNode.content ?? [])
                 .map(listItem => {
-                  if (listItem.type !== "listitem") return null;
+                  if (listItem.type !== "listItem") return null;
                   if (!listItem.content?.length) return parseRichText([]);
 
                   const paragraph = listItem.content[0];
@@ -327,6 +323,7 @@ function parseAsTable(
     data: {
       packageId: "io.supernova.block.table",
       indentLevel: 0,
+      variantId: "default",
 
       ...(variantId && { variantId: variantId }),
 
@@ -454,48 +451,6 @@ function emptyTableCellContent(): PageBlockItemTableNode[] {
   ];
 }
 
-//
-// Embed
-//
-
-function parseAsEmbed(
-  prosemirrorNode: ProsemirrorNode,
-  definition: PageBlockDefinition,
-  property: PageBlockDefinitionProperty
-): PageBlockEditorModel | null {
-  const id = getProsemirrorBlockId(prosemirrorNode);
-  if (!id) return null;
-
-  const variantId = getProsemirrorBlockVariantId(prosemirrorNode);
-
-  const url = getProsemirrorAttribute(prosemirrorNode, "url", z.string().optional());
-  const caption = getProsemirrorAttribute(prosemirrorNode, "caption", z.string().optional());
-  const height = getProsemirrorAttribute(prosemirrorNode, "height", z.number().optional());
-
-  return {
-    id: id,
-    data: {
-      packageId: definition.id,
-      indentLevel: 0,
-
-      ...(variantId && { variantId: variantId }),
-
-      items: [
-        {
-          id: id,
-          props: {
-            [property.id]: {
-              value: url,
-              caption: caption,
-              height: height ?? 200,
-            } as PageBlockItemEmbedValue,
-          },
-        },
-      ],
-    },
-  };
-}
-
 //
 // Divider
 //
@@ -576,7 +531,7 @@ function parseAppearance(prosemirrorNode: ProsemirrorNode): PageBlockAppearanceV
 
   const backgroundColor = getProsemirrorAttribute(prosemirrorNode, "backgroundColor", z.string().optional());
   if (backgroundColor) {
-    const parsedColor = ColorValue.safeParse(JSON.parse(backgroundColor));
+    const parsedColor = PageBlockColorV2.safeParse(JSON.parse(backgroundColor));
     if (parsedColor.success) {
       appearance.itemBackgroundColor = parsedColor.data;
     }
@@ -613,7 +568,7 @@ function parseItem(rawItem: unknown, definition: PageBlockDefinition): PageBlock
 
   return {
     id: parsedItem.data.id,
-    linksTo: parsedItem.data.linksTo,
+    ...(parsedItem.data.linksTo && { linksTo: parsedItem.data.linksTo }),
     props: sanitizedProps,
   };
 }