@supernova-studio/client 0.1.0 → 0.2.0

package/dist/index.mjs

@@ -859,7 +859,9 @@ var PageBlockV1 = PageBlockBaseV1.extend({
 
 // ../model/src/dsm/elements/data/documentation-block-v2.ts
 import { z as z33 } from "zod";
-var PageBlockLinkType = z33.enum(["Page", "PageHeading", "Group", "Url"]);
+var PageBlockLinkType = z33.enum(["DocumentationItem", "PageHeading", "Url"]);
+var PageBlockImageType = z33.enum(["Upload", "Asset", "FigmaFrame"]);
+var PageBlockImageAlignment = z33.enum(["Left", "Center", "Stretch"]);
 var PageBlockAppearanceV2 = z33.object({
   itemBackgroundColor: ColorValue
 });
@@ -870,6 +872,11 @@ var PageBlockItemRichTextPropertyValue = z33.object({
   value: PageBlockText,
   calloutType: PageBlockCalloutType.optional()
 });
+var PageBlockItemEmbedPropertyValue = z33.object({
+  value: z33.string().optional(),
+  caption: z33.string().optional(),
+  height: z33.number().optional()
+});
 var PageBlockItemMultiRichTextPropertyValue = z33.object({
   value: PageBlockText.array()
 });
@@ -877,11 +884,26 @@ var PageBlockItemTextPropertyValue = z33.object({
   value: z33.string(),
   calloutType: PageBlockCalloutType.optional()
 });
+var PageBlockItemImageReference = z33.object({
+  type: PageBlockImageType,
+  url: z33.string(),
+  assetId: z33.string().optional(),
+  size: Size.optional(),
+  figmaFile: z33.object({
+    sourceId: z33.string(),
+    frameId: z33.string()
+  }).optional()
+});
+var PageBlockItemImageValue = z33.object({
+  alt: z33.string().optional(),
+  caption: z33.string().optional(),
+  alignment: PageBlockImageAlignment.optional(),
+  value: PageBlockItemImageReference.optional()
+});
 var PageBlockLinkV2 = z33.object({
   type: PageBlockLinkType,
-  pageId: z33.string().optional(),
+  documentationItemId: z33.string().optional(),
   pageHeadingId: z33.string().optional(),
-  groupId: z33.string().optional(),
   url: z33.string().optional(),
   openInNewTab: z33.boolean().optional()
 });
@@ -1837,7 +1859,8 @@ var PageBlockDefinitionPropertyType = z82.enum([
   "CodeSandbox",
   "Table",
   "Divider",
-  "Storybook"
+  "Storybook",
+  "Color"
 ]);
 var PageBlockDefinitionRichTextPropertyStyle = z82.enum([
   "Title1",
@@ -3879,6 +3902,11 @@ var BlockParsingUtils = {
     const richText = PageBlockItemMultiRichTextPropertyValue.parse(objectValue);
     return richText;
   },
+  embedPropertyValue(item, propertyKey) {
+    const objectValue = this.objectPropertyValue(item, propertyKey);
+    const embed = PageBlockItemEmbedPropertyValue.parse(objectValue);
+    return embed;
+  },
   objectPropertyValue(item, propertyKey) {
     const value = this.propertyValueOrThrow(item, propertyKey);
     if (typeof value !== "object") {
@@ -3912,6 +3940,12 @@ var BlockDefinitionUtils = {
       return property;
     return void 0;
   },
+  firstEmbedProperty(definition) {
+    const property = definition.item.properties.find((p) => p.type === "EmbedURL");
+    if (property)
+      return property;
+    return void 0;
+  },
   richTextProperty(definition, propertyKey) {
     return this.property(definition, propertyKey, "RichText");
   },
@@ -3967,6 +4001,24 @@ function blockToProsemirrorNode(block, definition) {
       property: multiRichTextProperty
     });
   }
+  const embedProperty = BlockDefinitionUtils.firstEmbedProperty(definition);
+  const embedType = serializeEmbedType(block.data.packageId);
+  if (embedProperty && embedType) {
+    return serializeAsEmbed(
+      {
+        block,
+        definition,
+        property: embedProperty
+      },
+      embedType
+    );
+  }
+  if (block.data.packageId === "io.supernova.block.divider") {
+    return serializeAsDivider({
+      block,
+      definition
+    });
+  }
   return serializeAsCustomBlock(block, definition);
 }
 function serializeAsRichTextBlock(input) {
@@ -4079,6 +4131,38 @@ function serializeAsListItem(text) {
     ]
   };
 }
+function serializeAsEmbed(input, embedType) {
+  const { block, definition, property: embedProperty } = input;
+  const blockItem = BlockParsingUtils.singleBlockItem(block);
+  const embedValue = BlockParsingUtils.embedPropertyValue(blockItem, embedProperty.id);
+  return {
+    type: "embed",
+    attrs: {
+      ...serializeBlockNodeAttributes(input),
+      type: embedType,
+      url: embedValue.value,
+      height: embedValue.height,
+      caption: embedValue.caption
+    }
+  };
+}
+function serializeEmbedType(blockDefinitionId) {
+  switch (blockDefinitionId) {
+    case "io.supernova.block.embed":
+      return "generic";
+    case "io.supernova.block.embed-youtube":
+      return "youtube";
+    case "io.supernova.block.embed-figma":
+      return "figma";
+  }
+  return void 0;
+}
+function serializeAsDivider(input) {
+  return {
+    type: "horizontalrule",
+    attrs: serializeBlockNodeAttributes(input)
+  };
+}
 function serializeBlockNodeAttributes(input) {
   const { block } = input;
   return {
@@ -4171,43 +4255,23 @@ function serializeTextSpanAttribute(spanAttribute) {
   }
 }
 function serializeAsCustomBlock(block, definition) {
-  const items = block.data.items.map((i) => serializeItem(i, block, definition));
+  const items = block.data.items.map((i) => {
+    return {
+      id: i.id,
+      props: i.props,
+      linksTo: i.linksTo
+    };
+  });
   return {
     type: "blockNode",
     attrs: {
       id: block.id,
       definitionId: block.data.packageId,
-      variantId: "default",
-      columns: 1,
+      variantId: block.data.variantId,
       items: JSON.stringify(items)
-      // TODO Docs: variant, columns
     }
   };
 }
-function serializeItem(item, block, definition) {
-  const result = {
-    properties: []
-  };
-  for (const property of definition.item.properties) {
-    const serializedValue = serializePropertyValue(item, property);
-    serializedValue && result.properties.push(serializedValue);
-  }
-  return result;
-}
-function serializePropertyValue(item, property) {
-  const value = item.props[property.id] ?? void 0;
-  if (!value) {
-    return void 0;
-  }
-  const result = {
-    id: property.id,
-    data: {}
-  };
-  if (typeof value === "string") {
-    result.data.value = value;
-  }
-  return result;
-}
 function nonNullFilter(item) {
   return !!item;
 }
@@ -4801,7 +4865,7 @@ var blocks = [
         {
           id: "block.links.property.title",
           name: "Title",
-          type: "RichText",
+          type: "Text",
           description: void 0,
           options: { textStyle: "Title5" },
           variantOptions: void 0
@@ -4809,7 +4873,7 @@ var blocks = [
         {
           id: "block.links.property.description",
           name: "Short description",
-          type: "RichText",
+          type: "Text",
           description: void 0,
           options: { textStyle: "Default", color: "NeutralFaded" },
           variantOptions: void 0
@@ -5603,24 +5667,86 @@ function prosemirrorNodeToBlock(prosemirrorNode, definition) {
   if (richTextProperty) {
     return parseAsRichText(prosemirrorNode, definition, richTextProperty);
   }
+  const multiRichTextProperty = BlockDefinitionUtils.firstMultiRichTextProperty(definition);
+  if (multiRichTextProperty) {
+    return parseAsMultiRichText(prosemirrorNode, definition, multiRichTextProperty);
+  }
+  const embedProperty = BlockDefinitionUtils.firstEmbedProperty(definition);
+  if (prosemirrorNode.type === "embed" && embedProperty) {
+    return parseAsEmbed(prosemirrorNode, definition, embedProperty);
+  }
+  if (definition.id === "io.supernova.block.divider") {
+    return parseAsDivider(prosemirrorNode, definition);
+  }
   return parseAsCustomBlock(prosemirrorNode, definition);
 }
 function parseAsRichText(prosemirrorNode, definition, property) {
   const id = parseProsemirrorBlockAttribute(prosemirrorNode, "id");
   const variantId = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "variantId");
+  const calloutType = parseCalloutType(parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "type"));
   return {
     // TODO Artem: indent
     id,
+    ...variantId && { variantId },
     data: {
       packageId: definition.id,
       indentLevel: 0,
-      variantId,
       items: [
         {
           id,
           props: {
             [property.id]: {
-              value: parseRichText(prosemirrorNode.content ?? [])
+              // Required
+              value: parseRichText(prosemirrorNode.content ?? []),
+              // Optional
+              ...calloutType && { calloutType }
+            }
+          }
+        }
+      ]
+    }
+  };
+}
+function parseCalloutType(prosemirrorCalloutType) {
+  if (!prosemirrorCalloutType)
+    return void 0;
+  switch (prosemirrorCalloutType) {
+    case "error":
+      return "Error";
+    case "neutral":
+      return "Info";
+    case "success":
+      return "Success";
+    case "warning":
+      return "Warning";
+  }
+}
+function parseAsMultiRichText(prosemirrorNode, definition, property) {
+  const id = parseProsemirrorBlockAttribute(prosemirrorNode, "id");
+  const variantId = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "variantId");
+  return {
+    // TODO Artem: indent
+    id,
+    data: {
+      packageId: definition.id,
+      indentLevel: 0,
+      ...variantId && { variantId },
+      items: [
+        {
+          id,
+          props: {
+            [property.id]: {
+              // Required
+              value: (prosemirrorNode.content ?? []).map((listItem) => {
+                if (listItem.type !== "listitem")
+                  return null;
+                if (!listItem.content?.length)
+                  return parseRichText([]);
+                const paragraph = listItem.content[0];
+                if (paragraph.type !== "paragraph")
+                  return parseRichText([]);
+                return parseRichText(paragraph.content ?? []);
+              }).filter(nonNullFilter2)
             }
           }
         }
@@ -5664,8 +5790,97 @@ function parseRichTextAttribute(mark) {
   }
   return null;
 }
+function parseAsEmbed(prosemirrorNode, definition, property) {
+  const id = parseProsemirrorBlockAttribute(prosemirrorNode, "id");
+  const variantId = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "variantId");
+  const url = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "url");
+  const caption = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "caption");
+  const height = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "height");
+  return {
+    id,
+    data: {
+      packageId: definition.id,
+      indentLevel: 0,
+      ...variantId && { variantId },
+      items: [
+        {
+          id,
+          props: {
+            [property.id]: {
+              value: url,
+              caption,
+              height
+            }
+          }
+        }
+      ]
+    }
+  };
+}
+function parseAsDivider(prosemirrorNode, definition) {
+  const id = parseProsemirrorBlockAttribute(prosemirrorNode, "id");
+  const variantId = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "variantId");
+  return {
+    id,
+    data: {
+      packageId: definition.id,
+      indentLevel: 0,
+      ...variantId && { variantId },
+      items: [{ id, props: {} }]
+    }
+  };
+}
 function parseAsCustomBlock(prosemirrorNode, definition) {
-  return null;
+  const id = parseProsemirrorBlockAttribute(prosemirrorNode, "id");
+  const variantId = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, "variantId");
+  const itemsString = parseProsemirrorBlockAttribute(prosemirrorNode, "items");
+  const itemsJson = JSON.parse(itemsString);
+  if (!Array.isArray(itemsJson)) {
+    console.error("Block `items` property must be a json array");
+    return null;
+  }
+  const parsedItems = itemsJson.map((i) => parseItem(i, definition));
+  return {
+    id,
+    data: {
+      packageId: definition.id,
+      indentLevel: 0,
+      ...variantId && { variantId },
+      items: parsedItems
+    }
+  };
+}
+function parseItem(rawItem, definition) {
+  const parsedItem = PageBlockItemV2.safeParse(rawItem);
+  if (!parsedItem.success) {
+    return null;
+  }
+  const sanitizedProps = {};
+  for (const property of definition.item.properties) {
+    const value = parsedItem.data.props[property.id];
+    if (!value) {
+      return null;
+    }
+    switch (property.type) {
+      case "Text":
+        PageBlockItemTextPropertyValue.parse(value);
+        break;
+      case "EmbedURL":
+        PageBlockItemEmbedPropertyValue.parse(value);
+        break;
+      case "Image":
+        PageBlockItemImageValue.parse(value);
+        break;
+      default:
+        return null;
+    }
+    sanitizedProps[property.id] = value;
+  }
+  return {
+    id: parsedItem.data.id,
+    linksTo: parsedItem.data.linksTo,
+    props: sanitizedProps
+  };
 }
 function parseProsemirrorBlockAttribute(prosemirrorNode, attributeName) {
   const attributeValue = parseProsemirrorOptionalBlockAttribute(prosemirrorNode, attributeName);
@@ -5702,8 +5917,6 @@ export {
   prosemirrorDocToPage,
   prosemirrorNodeToBlock,
   serializeAsCustomBlock,
-  serializeAsMultiRichTextBlock,
-  serializeAsRichTextBlock,
   yXmlFragmetToPage
 };
 //# sourceMappingURL=index.mjs.map