@supernova-studio/client 0.1.0 → 0.2.0

package/dist/index.js

@@ -859,7 +859,9 @@ 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
 });
@@ -870,6 +872,11 @@ 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()
 });
@@ -877,11 +884,26 @@ 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()
 });
@@ -1837,7 +1859,8 @@ var PageBlockDefinitionPropertyType = _zod.z.enum([
   "CodeSandbox",
   "Table",
   "Divider",
-  "Storybook"
+  "Storybook",
+  "Color"
 ]);
 var PageBlockDefinitionRichTextPropertyStyle = _zod.z.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 = _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;
 }
@@ -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,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 {
@@ -5614,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)
             }
           }
         }
@@ -5653,19 +5779,108 @@ function parseRichTextAttribute(mark) {
     case "code":
       return { type: "Code" };
     case "link":
-      const itemId = _optionalChain([mark, 'access', _10 => _10.attrs, 'optionalAccess', _11 => _11.itemId]);
-      const href = _optionalChain([mark, 'access', _12 => _12.attrs, 'optionalAccess', _13 => _13.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', _14 => _14.attrs, 'optionalAccess', _15 => _15.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);
@@ -5675,7 +5890,7 @@ function parseProsemirrorBlockAttribute(prosemirrorNode, attributeName) {
   return attributeValue;
 }
 function parseProsemirrorOptionalBlockAttribute(prosemirrorNode, attributeName) {
-  return _nullishCoalesce(_optionalChain([prosemirrorNode, 'access', _16 => _16.attrs, 'optionalAccess', _17 => _17[attributeName]]), () => ( void 0));
+  return _nullishCoalesce(_optionalChain([prosemirrorNode, 'access', _18 => _18.attrs, 'optionalAccess', _19 => _19[attributeName]]), () => ( void 0));
 }
 function nonNullFilter2(item) {
   return item !== null;
@@ -5703,7 +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.serializeAsMultiRichTextBlock = serializeAsMultiRichTextBlock; 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