@supernova-studio/client 0.0.15 → 0.2.0

package/dist/index.js

@@ -859,26 +859,58 @@ var PageBlockV1 = PageBlockBaseV1.extend({
 
 // ../model/src/dsm/elements/data/documentation-block-v2.ts
 
-var PageBlockLinkType = _zod.z.enum(["Page", "PageHeading", "Group", "Url"]);
+var PageBlockLinkType = _zod.z.enum(["DocumentationItem", "PageHeading", "Url"]);
+var PageBlockImageType = _zod.z.enum(["Upload", "Asset", "FigmaFrame"]);
+var PageBlockImageAlignment = _zod.z.enum(["Left", "Center", "Stretch"]);
 var PageBlockAppearanceV2 = _zod.z.object({
   itemBackgroundColor: ColorValue
 });
-var PageBlockItemPropertyValue = _zod.z.object({
-  value: _zod.z.any(),
+var PageBlockItemUntypedPropertyValue = _zod.z.object({
+  value: _zod.z.any()
+}).and(_zod.z.record(_zod.z.any()));
+var PageBlockItemRichTextPropertyValue = _zod.z.object({
+  value: PageBlockText,
   calloutType: PageBlockCalloutType.optional()
 });
+var PageBlockItemEmbedPropertyValue = _zod.z.object({
+  value: _zod.z.string().optional(),
+  caption: _zod.z.string().optional(),
+  height: _zod.z.number().optional()
+});
+var PageBlockItemMultiRichTextPropertyValue = _zod.z.object({
+  value: PageBlockText.array()
+});
+var PageBlockItemTextPropertyValue = _zod.z.object({
+  value: _zod.z.string(),
+  calloutType: PageBlockCalloutType.optional()
+});
+var PageBlockItemImageReference = _zod.z.object({
+  type: PageBlockImageType,
+  url: _zod.z.string(),
+  assetId: _zod.z.string().optional(),
+  size: Size.optional(),
+  figmaFile: _zod.z.object({
+    sourceId: _zod.z.string(),
+    frameId: _zod.z.string()
+  }).optional()
+});
+var PageBlockItemImageValue = _zod.z.object({
+  alt: _zod.z.string().optional(),
+  caption: _zod.z.string().optional(),
+  alignment: PageBlockImageAlignment.optional(),
+  value: PageBlockItemImageReference.optional()
+});
 var PageBlockLinkV2 = _zod.z.object({
   type: PageBlockLinkType,
-  pageId: _zod.z.string().optional(),
+  documentationItemId: _zod.z.string().optional(),
   pageHeadingId: _zod.z.string().optional(),
-  groupId: _zod.z.string().optional(),
   url: _zod.z.string().optional(),
   openInNewTab: _zod.z.boolean().optional()
 });
 var PageBlockItemV2 = _zod.z.object({
   id: _zod.z.string(),
   linksTo: PageBlockLinkV2.optional(),
-  props: _zod.z.record(PageBlockItemPropertyValue)
+  props: _zod.z.record(PageBlockItemUntypedPropertyValue)
 });
 var PageBlockDataV2 = _zod.z.object({
   packageId: _zod.z.string(),
@@ -1806,6 +1838,7 @@ var PageBlockDefinitionVariant = _zod.z.object({
 // ../model/src/dsm/documentation/block-definitions/item.ts
 var PageBlockDefinitionPropertyType = _zod.z.enum([
   "RichText",
+  "MultiRichText",
   "Text",
   "Boolean",
   "Number",
@@ -1826,7 +1859,8 @@ var PageBlockDefinitionPropertyType = _zod.z.enum([
   "CodeSandbox",
   "Table",
   "Divider",
-  "Storybook"
+  "Storybook",
+  "Color"
 ]);
 var PageBlockDefinitionRichTextPropertyStyle = _zod.z.enum([
   "Title1",
@@ -1836,10 +1870,9 @@ var PageBlockDefinitionRichTextPropertyStyle = _zod.z.enum([
   "Title5",
   "Quote",
   "Callout",
-  "OL",
-  "UL",
   "Default"
 ]);
+var PageBlockDefinitionMultiRichTextPropertyStyle = _zod.z.enum(["OL", "UL", "Default"]);
 var PageBlockDefinitionTextPropertyStyle = _zod.z.enum([
   "Title1",
   "Title2",
@@ -1863,6 +1896,7 @@ var PageBlockDefinitionSingleSelectPropertyStyle = _zod.z.enum([
 var PageBlockDefinitionMultiSelectPropertyStyle = _zod.z.enum(["SegmentedControl", "Select", "Checkbox"]);
 var PageBlockDefinitionPropertyOptions = _zod.z.object({
   richTextStyle: PageBlockDefinitionRichTextPropertyStyle.optional(),
+  multiRichTextStyle: PageBlockDefinitionMultiRichTextPropertyStyle.optional(),
   textStyle: PageBlockDefinitionTextPropertyStyle.optional(),
   placeholder: _zod.z.string().optional()
 }).and(_zod.z.record(_zod.z.any()));
@@ -3860,24 +3894,31 @@ var BlockParsingUtils = {
   },
   richTextPropertyValue(item, propertyKey) {
     const objectValue = this.objectPropertyValue(item, propertyKey);
-    const richText = PageBlockText.parse(objectValue.value);
+    const richText = PageBlockItemRichTextPropertyValue.parse(objectValue);
+    return richText;
+  },
+  multiRichTextPropertyValue(item, propertyKey) {
+    const objectValue = this.objectPropertyValue(item, propertyKey);
+    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.propertyValue(item, propertyKey);
+    const value = this.propertyValueOrThrow(item, propertyKey);
     if (typeof value !== "object") {
       throw new Error(`Value for property ${propertyKey} is expected to be an object, but instead is ${typeof value}`);
     }
     return value;
   },
-  propertyValue(item, propertyKey) {
-    const value = this.safePropertyValue(item, propertyKey);
+  propertyValueOrThrow(item, propertyKey) {
+    const value = item.props[propertyKey];
     if (!value)
       throw new Error(`Property ${propertyKey} is not defined on block item`);
     return value;
-  },
-  safePropertyValue(item, propertyKey) {
-    return _nullishCoalesce(item.props[propertyKey], () => ( void 0));
   }
 };
 var BlockDefinitionUtils = {
@@ -3887,12 +3928,24 @@ var BlockDefinitionUtils = {
       return property;
     return void 0;
   },
+  firstMultiRichTextProperty(definition) {
+    const property = definition.item.properties.find((p) => p.type === "MultiRichText");
+    if (property)
+      return property;
+    return void 0;
+  },
   firstTableProperty(definition) {
     const property = definition.item.properties.find((p) => p.type === "RichText");
     if (property)
       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");
   },
@@ -3937,13 +3990,39 @@ function blockToProsemirrorNode(block, definition) {
     return serializeAsRichTextBlock({
       block,
       definition,
-      richTextProperty
+      property: richTextProperty
+    });
+  }
+  const multiRichTextProperty = BlockDefinitionUtils.firstMultiRichTextProperty(definition);
+  if (multiRichTextProperty) {
+    return serializeAsMultiRichTextBlock({
+      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) {
-  const { block, definition, richTextProperty } = input;
+  const { block, definition, property: richTextProperty } = input;
   const blockItem = BlockParsingUtils.singleBlockItem(block);
   const textPropertyValue = BlockParsingUtils.richTextPropertyValue(blockItem, richTextProperty.id);
   const enrichedInput = { ...input, richTextPropertyValue: textPropertyValue };
@@ -3961,16 +4040,13 @@ function serializeAsRichTextBlock(input) {
     case "Title4":
     case "Title5":
       return serializeAsHeading(enrichedInput);
-    case "OL":
-    case "UL":
-      throw new Error(`Not allowed!`);
   }
 }
 function serializeAsParagraph(input) {
   return {
     type: "paragraph",
     attrs: serializeBlockNodeAttributes(input),
-    content: serializeRichText(input.richTextPropertyValue)
+    content: serializeRichText(input.richTextPropertyValue.value)
   };
 }
 function serializeAsHeading(input) {
@@ -3978,27 +4054,113 @@ function serializeAsHeading(input) {
     type: "heading",
     attrs: {
       ...serializeBlockNodeAttributes(input),
-      level: richTextHeadingLevel(input.richTextProperty)
+      level: richTextHeadingLevel(input.property)
     },
-    content: serializeRichText(input.richTextPropertyValue)
+    content: serializeRichText(input.richTextPropertyValue.value)
   };
 }
 function serializeAsBlockquote(input) {
   return {
     type: "blockquote",
     attrs: serializeBlockNodeAttributes(input),
-    content: serializeRichText(input.richTextPropertyValue)
+    content: serializeRichText(input.richTextPropertyValue.value)
   };
 }
 function serializeAsCallout(input) {
+  const calloutType = _nullishCoalesce(input.richTextPropertyValue.calloutType, () => ( "Info"));
   return {
     type: "callout",
     attrs: {
       ...serializeBlockNodeAttributes(input),
-      // TODO Docs: type
-      type: "neutral"
+      type: serializeCalloutType(calloutType)
+    },
+    content: serializeRichText(input.richTextPropertyValue.value)
+  };
+}
+function serializeAsMultiRichTextBlock(input) {
+  const { block, definition, property: richTextProperty } = input;
+  const blockItem = BlockParsingUtils.singleBlockItem(block);
+  const textPropertyValue = BlockParsingUtils.multiRichTextPropertyValue(blockItem, richTextProperty.id);
+  const enrichedInput = { ...input, multiRichTextPropertyValue: textPropertyValue };
+  const style = _nullishCoalesce(_optionalChain([richTextProperty, 'access', _4 => _4.options, 'optionalAccess', _5 => _5.multiRichTextStyle]), () => ( "Default"));
+  switch (style) {
+    case "Default":
+      return serializeAsMultiParagraph(enrichedInput);
+    case "OL":
+      return serializeAsOrderedList(enrichedInput);
+    case "UL":
+      return serializeAsUnorderedList(enrichedInput);
+  }
+}
+function serializeAsMultiParagraph(input) {
+  return {
+    type: "bulletlist",
+    attrs: {
+      ...serializeBlockNodeAttributes(input)
+    },
+    content: input.multiRichTextPropertyValue.value.map(serializeAsListItem)
+  };
+}
+function serializeAsOrderedList(input) {
+  return {
+    type: "orderedlist",
+    attrs: {
+      ...serializeBlockNodeAttributes(input),
+      start: "1"
     },
-    content: serializeRichText(input.richTextPropertyValue)
+    content: input.multiRichTextPropertyValue.value.map(serializeAsListItem)
+  };
+}
+function serializeAsUnorderedList(input) {
+  return {
+    type: "bulletlist",
+    attrs: {
+      ...serializeBlockNodeAttributes(input)
+    },
+    content: input.multiRichTextPropertyValue.value.map(serializeAsListItem)
+  };
+}
+function serializeAsListItem(text) {
+  return {
+    type: "listitem",
+    content: [
+      {
+        type: "paragraph",
+        content: serializeRichText(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) {
@@ -4006,11 +4168,11 @@ function serializeBlockNodeAttributes(input) {
   return {
     id: block.id,
     definitionId: block.data.packageId,
-    ...input.block.data.variantId && { variantId: input.block.data.variantId }
+    ...block.data.variantId && { variantId: block.data.variantId }
   };
 }
 function richTextHeadingLevel(property) {
-  const style = _optionalChain([property, 'access', _4 => _4.options, 'optionalAccess', _5 => _5.style]);
+  const style = _optionalChain([property, 'access', _6 => _6.options, 'optionalAccess', _7 => _7.richTextStyle]);
   if (!style)
     return void 0;
   switch (style) {
@@ -4024,14 +4186,24 @@ function richTextHeadingLevel(property) {
       return 4;
     case "Title5":
       return 5;
-    case "OL":
-    case "UL":
     case "Callout":
     case "Default":
     case "Quote":
       return void 0;
   }
 }
+function serializeCalloutType(calloutType) {
+  switch (calloutType) {
+    case "Error":
+      return "error";
+    case "Info":
+      return "neutral";
+    case "Success":
+      return "success";
+    case "Warning":
+      return "warning";
+  }
+}
 function serializeRichText(richText) {
   return richText.spans.map(serializeTextSpan).flat();
 }
@@ -4083,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 = _nullishCoalesce(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;
 }
@@ -4144,7 +4296,7 @@ var blocks = [
           description: void 0,
           options: {
             placeholder: "Start writing with plain text",
-            style: "Default"
+            richTextStyle: "Default"
           },
           variantOptions: void 0
         }
@@ -4190,7 +4342,7 @@ var blocks = [
           id: "text",
           name: "Text",
           type: "RichText",
-          options: { placeholder: "Title 1", style: "Title1" }
+          options: { placeholder: "Title 1", richTextStyle: "Title1" }
         }
       ],
       appearance: { isBordered: false, hasBackground: false },
@@ -4235,7 +4387,7 @@ var blocks = [
           name: "Text",
           type: "RichText",
           description: void 0,
-          options: { placeholder: "Title 2", style: "Title2" },
+          options: { placeholder: "Title 2", richTextStyle: "Title2" },
           variantOptions: void 0
         }
       ],
@@ -4283,7 +4435,7 @@ var blocks = [
           name: "Text",
           type: "RichText",
           description: void 0,
-          options: { placeholder: "Title 3", style: "Title3" },
+          options: { placeholder: "Title 3", richTextStyle: "Title3" },
           variantOptions: void 0
         }
       ],
@@ -4331,7 +4483,7 @@ var blocks = [
           name: "Text",
           type: "RichText",
           description: void 0,
-          options: { placeholder: "Title 4", style: "Title4" },
+          options: { placeholder: "Title 4", richTextStyle: "Title4" },
           variantOptions: void 0
         }
       ],
@@ -4379,7 +4531,7 @@ var blocks = [
           name: "Text",
           type: "RichText",
           description: void 0,
-          options: { placeholder: "Title 5", style: "Title5" },
+          options: { placeholder: "Title 5", richTextStyle: "Title5" },
           variantOptions: void 0
         }
       ],
@@ -4425,9 +4577,9 @@ var blocks = [
         {
           id: "text",
           name: "Text",
-          type: "RichText",
+          type: "MultiRichText",
           description: void 0,
-          options: { style: "OL" },
+          options: { multiRichTextStyle: "OL" },
           variantOptions: void 0
         }
       ],
@@ -4473,9 +4625,9 @@ var blocks = [
         {
           id: "text",
           name: "Text",
-          type: "RichText",
+          type: "MultiRichText",
           description: void 0,
-          options: { style: "UL" },
+          options: { multiRichTextStyle: "UL" },
           variantOptions: void 0
         }
       ],
@@ -4571,7 +4723,7 @@ var blocks = [
           name: "Text",
           type: "RichText",
           description: void 0,
-          options: { placeholder: "Empty quote", style: "Quote" },
+          options: { placeholder: "Empty quote", richTextStyle: "Quote" },
           variantOptions: void 0
         }
       ],
@@ -4619,7 +4771,7 @@ var blocks = [
           name: "Text",
           type: "RichText",
           description: void 0,
-          options: { style: "Callout" },
+          options: { richTextStyle: "Callout" },
           variantOptions: void 0
         }
       ],
@@ -4713,17 +4865,17 @@ var blocks = [
         {
           id: "block.links.property.title",
           name: "Title",
-          type: "RichText",
+          type: "Text",
           description: void 0,
-          options: { style: "Title5" },
+          options: { textStyle: "Title5" },
           variantOptions: void 0
         },
         {
           id: "block.links.property.description",
           name: "Short description",
-          type: "RichText",
+          type: "Text",
           description: void 0,
-          options: { style: "Default", color: "NeutralFaded" },
+          options: { textStyle: "Default", color: "NeutralFaded" },
           variantOptions: void 0
         },
         {
@@ -5498,7 +5650,7 @@ function prosemirrorDocToPage(prosemirrorDoc, definitions) {
   const definitionsById = mapByUnique(definitions, (d) => d.id);
   return {
     blocks: (_nullishCoalesce(prosemirrorDoc.content, () => ( []))).map((prosemirrorNode) => {
-      const definitionId = _optionalChain([prosemirrorNode, 'access', _6 => _6.attrs, 'optionalAccess', _7 => _7.definitionId]);
+      const definitionId = _optionalChain([prosemirrorNode, 'access', _8 => _8.attrs, 'optionalAccess', _9 => _9.definitionId]);
       if (!definitionId)
         throw new Error(`Node is missing defintion id`);
       if (typeof definitionId !== "string")
@@ -5515,9 +5667,61 @@ 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,
+      items: [
+        {
+          id,
+          props: {
+            [property.id]: {
+              // Required
+              value: parseRichText(_nullishCoalesce(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 {
@@ -5526,13 +5730,23 @@ function parseAsRichText(prosemirrorNode, definition, property) {
     data: {
       packageId: definition.id,
       indentLevel: 0,
-      variantId,
+      ...variantId && { variantId },
       items: [
         {
           id,
           props: {
             [property.id]: {
-              value: parseRichText(_nullishCoalesce(prosemirrorNode.content, () => ( [])))
+              // Required
+              value: (_nullishCoalesce(prosemirrorNode.content, () => ( []))).map((listItem) => {
+                if (listItem.type !== "listitem")
+                  return null;
+                if (!_optionalChain([listItem, 'access', _10 => _10.content, 'optionalAccess', _11 => _11.length]))
+                  return parseRichText([]);
+                const paragraph = listItem.content[0];
+                if (paragraph.type !== "paragraph")
+                  return parseRichText([]);
+                return parseRichText(_nullishCoalesce(paragraph.content, () => ( [])));
+              }).filter(nonNullFilter2)
             }
           }
         }
@@ -5565,19 +5779,108 @@ function parseRichTextAttribute(mark) {
     case "code":
       return { type: "Code" };
     case "link":
-      const itemId = _optionalChain([mark, 'access', _8 => _8.attrs, 'optionalAccess', _9 => _9.itemId]);
-      const href = _optionalChain([mark, 'access', _10 => _10.attrs, 'optionalAccess', _11 => _11.href]);
+      const itemId = _optionalChain([mark, 'access', _12 => _12.attrs, 'optionalAccess', _13 => _13.itemId]);
+      const href = _optionalChain([mark, 'access', _14 => _14.attrs, 'optionalAccess', _15 => _15.href]);
       return {
         type: "Link",
-        openInNewWindow: _optionalChain([mark, 'access', _12 => _12.attrs, 'optionalAccess', _13 => _13.target]) !== "_self",
+        openInNewWindow: _optionalChain([mark, 'access', _16 => _16.attrs, 'optionalAccess', _17 => _17.target]) !== "_self",
         documentationItemId: itemId,
         link: href
       };
   }
   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);
@@ -5587,7 +5890,7 @@ function parseProsemirrorBlockAttribute(prosemirrorNode, attributeName) {
   return attributeValue;
 }
 function parseProsemirrorOptionalBlockAttribute(prosemirrorNode, attributeName) {
-  return _nullishCoalesce(_optionalChain([prosemirrorNode, 'access', _14 => _14.attrs, 'optionalAccess', _15 => _15[attributeName]]), () => ( void 0));
+  return _nullishCoalesce(_optionalChain([prosemirrorNode, 'access', _18 => _18.attrs, 'optionalAccess', _19 => _19[attributeName]]), () => ( void 0));
 }
 function nonNullFilter2(item) {
   return item !== null;
@@ -5615,6 +5918,5 @@ function mapByUnique(items, keyFn) {
 
 
 
-
-exports.BlockDefinitionUtils = BlockDefinitionUtils; exports.BlockParsingUtils = BlockParsingUtils; exports.DocumentationPageEditorModel = DocumentationPageEditorModel; exports.GetBlockDefinitionsResponse = GetBlockDefinitionsResponse; exports.PageBlockEditorModel = PageBlockEditorModel; exports.blockDefinitionForBlock = blockDefinitionForBlock; exports.blockToProsemirrorNode = blockToProsemirrorNode; exports.getMockPageBlockDefinitions = getMockPageBlockDefinitions; exports.pageToProsemirrorDoc = pageToProsemirrorDoc; exports.pageToYXmlFragment = pageToYXmlFragment; exports.pmSchema = pmSchema; exports.prosemirrorDocToPage = prosemirrorDocToPage; exports.prosemirrorNodeToBlock = prosemirrorNodeToBlock; exports.serializeAsCustomBlock = serializeAsCustomBlock; exports.serializeAsRichTextBlock = serializeAsRichTextBlock; exports.yXmlFragmetToPage = yXmlFragmetToPage;
+exports.BlockDefinitionUtils = BlockDefinitionUtils; exports.BlockParsingUtils = BlockParsingUtils; exports.DocumentationPageEditorModel = DocumentationPageEditorModel; exports.GetBlockDefinitionsResponse = GetBlockDefinitionsResponse; exports.PageBlockEditorModel = PageBlockEditorModel; exports.blockDefinitionForBlock = blockDefinitionForBlock; exports.blockToProsemirrorNode = blockToProsemirrorNode; exports.getMockPageBlockDefinitions = getMockPageBlockDefinitions; exports.pageToProsemirrorDoc = pageToProsemirrorDoc; exports.pageToYXmlFragment = pageToYXmlFragment; exports.pmSchema = pmSchema; exports.prosemirrorDocToPage = prosemirrorDocToPage; exports.prosemirrorNodeToBlock = prosemirrorNodeToBlock; exports.serializeAsCustomBlock = serializeAsCustomBlock; exports.yXmlFragmetToPage = yXmlFragmetToPage;
 //# sourceMappingURL=index.js.map