@supernova-studio/client 0.28.0 → 0.28.1

package/dist/index.js

@@ -5352,18 +5352,26 @@ function serializeTextSpanAttribute(spanAttribute) {
     case "Code":
       return { type: "code", attrs: {} };
     case "Link":
-      return {
-        type: "link",
-        attrs: {
-          itemId: spanAttribute.documentationItemId,
-          href: spanAttribute.link,
-          target: spanAttribute.openInNewWindow ? "_blank" : "_self",
-          rel: "noopener noreferrer nofollow",
-          class: null
-        }
-      };
+      if (spanAttribute.link) {
+        return serializeLinkMark(spanAttribute.link, _nullishCoalesce(spanAttribute.openInNewWindow, () => ( false)));
+      } else if (spanAttribute.documentationItemId) {
+        return serializeLinkMark(`@page:${spanAttribute.documentationItemId}`, _nullishCoalesce(spanAttribute.openInNewWindow, () => ( false)));
+      } else {
+        return serializeLinkMark("about:blank", _nullishCoalesce(spanAttribute.openInNewWindow, () => ( false)));
+      }
   }
 }
+function serializeLinkMark(href, openInNewWindow) {
+  return {
+    type: "link",
+    attrs: {
+      href,
+      target: openInNewWindow ? "_blank" : "_self",
+      rel: "noopener noreferrer nofollow",
+      class: "tiptap-link"
+    }
+  };
+}
 function serializeAsCustomBlock(block, definition) {
   const items = block.data.items.map((i) => {
     return {
@@ -5407,6 +5415,7 @@ var blocks = [
     name: "Text",
     description: "Plain text",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/text.svg",
     searchKeywords: ["paragraph", "rich text"],
     item: {
       properties: [
@@ -5468,6 +5477,7 @@ var blocks = [
     name: "Title 1",
     description: "Main sections within the page",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/title-1.svg",
     searchKeywords: ["heading", "h1"],
     item: {
       properties: [
@@ -5530,6 +5540,7 @@ var blocks = [
     name: "Title 2",
     description: "Section subheadings",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/title-2.svg",
     searchKeywords: ["heading", "h2"],
     item: {
       properties: [
@@ -5592,6 +5603,7 @@ var blocks = [
     name: "Title 3",
     description: "Further subsections",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/title-3.svg",
     searchKeywords: ["heading", "h3"],
     item: {
       properties: [
@@ -5654,6 +5666,7 @@ var blocks = [
     name: "Title 4",
     description: "Details in subsections",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/title-4.svg",
     searchKeywords: ["heading", "h4"],
     item: {
       properties: [
@@ -5716,6 +5729,7 @@ var blocks = [
     name: "Title 5",
     description: "Nuanced details or sub-points",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/title-5.svg",
     searchKeywords: ["heading", "h5"],
     item: {
       properties: [
@@ -5778,6 +5792,7 @@ var blocks = [
     name: "Ordered list",
     description: "A list with numbers",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/list-ordered.svg",
     searchKeywords: ["ol"],
     item: {
       properties: [
@@ -5839,6 +5854,7 @@ var blocks = [
     name: "Unordered list",
     description: "A list with bullet points",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/list-unordered.svg",
     searchKeywords: ["ul", "bullet points"],
     item: {
       properties: [
@@ -5900,6 +5916,7 @@ var blocks = [
     name: "Divider",
     description: "A section divider",
     category: "Layout",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/divider.svg",
     searchKeywords: ["hr", "line", "rule", "separator"],
     item: {
       properties: [
@@ -5959,6 +5976,7 @@ var blocks = [
     name: "Blockquote",
     description: "Display a quotation",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/blockquote.svg",
     searchKeywords: ["cite"],
     item: {
       properties: [
@@ -6021,6 +6039,7 @@ var blocks = [
     name: "Callout",
     description: "Highlight a section of text",
     category: "Text",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/callout.svg",
     searchKeywords: ["banner", "alert", "note", "tip", "warning"],
     item: {
       properties: [
@@ -6083,6 +6102,7 @@ var blocks = [
     name: "Image",
     description: "Display an image or Figma frame",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/image.svg",
     searchKeywords: ["image", "figma", "frame", "picture", "photo"],
     item: {
       properties: [
@@ -6144,6 +6164,7 @@ var blocks = [
     name: "Shortcut links",
     description: "Link to a page or external URL",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/shortcuts.svg",
     searchKeywords: [],
     item: {
       properties: [
@@ -6160,6 +6181,9 @@ var blocks = [
               width: "Icon",
               aspectRatio: "Square"
             },
+            imageOnLeft: {
+              width: "Medium"
+            },
             iconOnLeft: {
               width: "Icon",
               aspectRatio: "Square"
@@ -6323,6 +6347,7 @@ var blocks = [
     name: "Accessibility Color Grid",
     description: "Visualize accessibility of your color tokens.",
     category: "Tokens",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/token-a11y-contrast-grid.svg",
     searchKeywords: ["color", "accessibility", "grid", "contrast", "blind", "impairment"],
     item: {
       properties: [
@@ -6386,6 +6411,7 @@ var blocks = [
     name: "Embed",
     description: "Embed a generic URL",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/embed.svg",
     searchKeywords: ["embed", "url", "iframe", "site", "import"],
     item: {
       properties: [
@@ -6450,6 +6476,7 @@ var blocks = [
     name: "YouTube",
     description: "Embed a Youtube video",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/embed-youtube.svg",
     searchKeywords: ["embed", "video", "player", "upload"],
     item: {
       properties: [
@@ -6514,6 +6541,7 @@ var blocks = [
     name: "Lottie animation",
     description: "Preview a Lottie animation",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/lottie.svg",
     searchKeywords: ["embed", "lottie", "animation", "rive", "json"],
     item: {
       properties: [
@@ -6616,6 +6644,7 @@ var blocks = [
     name: "Storybook",
     description: "Embed Storybook canvas",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/storybook.svg",
     searchKeywords: ["storybook", "story", "stories", "example", "preview", "code", "react"],
     item: {
       properties: [
@@ -6679,6 +6708,7 @@ var blocks = [
     name: "Figma embed",
     description: "Embed a Figma canvas or prototype",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/embed-figma.svg",
     searchKeywords: ["embed", "figma", "design", "prototype", "canvas"],
     item: {
       properties: [
@@ -6743,6 +6773,7 @@ var blocks = [
     name: "Markdown",
     description: "Render Markdown URL",
     category: "Other",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/markdown.svg",
     searchKeywords: ["md", "embed", "api", "table", "mdx"],
     item: {
       properties: [
@@ -6843,6 +6874,7 @@ var blocks = [
     name: "Table",
     description: "Display a simple table",
     category: "Layout",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/table.svg",
     searchKeywords: ["grid", "data", "spreadsheet", "api"],
     item: {
       properties: [
@@ -6902,6 +6934,7 @@ var blocks = [
     name: "Token detail",
     description: "Show a single design tokens",
     category: "Tokens",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/token-detail.svg",
     searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme"],
     item: {
       properties: [
@@ -7004,6 +7037,7 @@ var blocks = [
     name: "Token list",
     description: "Show a list of design tokens",
     category: "Tokens",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/token-list.svg",
     searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme"],
     item: {
       properties: [
@@ -7111,6 +7145,7 @@ var blocks = [
     name: "Token group",
     description: "Show a group of design tokens",
     category: "Tokens",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/token-list.svg",
     searchKeywords: ["color", "typography", "spacing", "grid", "material", "theme"],
     item: {
       properties: [
@@ -7218,6 +7253,7 @@ var blocks = [
     name: "Code",
     description: "Code description",
     category: "Code",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/code.svg",
     searchKeywords: ["code"],
     item: {
       properties: [
@@ -7276,6 +7312,7 @@ var blocks = [
     name: "React code",
     description: "Render React code",
     category: "Code",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/code-react.svg",
     searchKeywords: ["code", "react", "snippet", "storybook", "editor", "example"],
     item: {
       properties: [
@@ -7410,6 +7447,7 @@ var blocks = [
     name: "Link",
     description: "Preview of a link",
     category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/shortcut-link.svg",
     searchKeywords: [],
     item: {
       properties: [
@@ -7467,6 +7505,7 @@ var blocks = [
     name: "Assets",
     description: "Display icons or illustrations",
     category: "Assets",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/assets.svg",
     searchKeywords: ["icons", "illustrations", "grid", "svg", "logos", "theme"],
     item: {
       properties: [
@@ -7568,6 +7607,7 @@ var blocks = [
     name: "Figma frames",
     description: "Display Figma frames as images",
     category: "Figma",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/figma-frames.svg",
     searchKeywords: ["figma", "frames", "image"],
     item: {
       properties: [
@@ -7649,6 +7689,7 @@ var blocks = [
     name: "Release notes",
     description: "Show version release notes",
     category: "Other",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/release-notes.svg",
     searchKeywords: ["version", "changelog", "history"],
     item: {
       properties: [],
@@ -7701,6 +7742,7 @@ var blocks = [
     name: "Component checklist",
     description: "Highlight specific features of your components",
     category: "Components",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/component-checklist.svg",
     searchKeywords: ["components", "health", "properties", "overview", "status"],
     item: {
       properties: [
@@ -7779,6 +7821,7 @@ var blocks = [
     name: "Component overview table",
     description: "Show the overview of all your components",
     category: "Components",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/component-overview-table.svg",
     searchKeywords: ["components", "health", "properties", "overview", "status"],
     item: {
       properties: [
@@ -7849,6 +7892,7 @@ var blocks = [
     name: "Component health",
     description: "Show component health and additional attributes",
     category: "Components",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/component-health.svg",
     searchKeywords: ["components", "health", "properties", "overview", "status"],
     item: {
       properties: [
@@ -8122,34 +8166,47 @@ function parseRichTextAttribute(mark) {
     case "code":
       return { type: "Code" };
     case "link":
-      const itemId = getProsemirrorAttribute(mark, "itemId", _zod.z.string().optional());
-      const href = getProsemirrorAttribute(mark, "href", _zod.z.string().optional());
-      return {
-        type: "Link",
-        openInNewWindow: _optionalChain([mark, 'access', _19 => _19.attrs, 'optionalAccess', _20 => _20.target]) !== "_self",
-        documentationItemId: itemId,
-        link: href
-      };
+      return parseProsemirrorLink(mark);
   }
   return null;
 }
+function parseProsemirrorLink(mark) {
+  const href = getProsemirrorAttribute(mark, "href", _zod.z.string().optional());
+  if (!href)
+    return null;
+  const target = getProsemirrorAttribute(mark, "target", _zod.z.string().optional());
+  const openInNewWindow = target === "_blank";
+  if (href.startsWith("@")) {
+    return {
+      type: "Link",
+      openInNewWindow,
+      documentationItemId: href.split(":")[1]
+    };
+  } else {
+    return {
+      type: "Link",
+      openInNewWindow,
+      link: href
+    };
+  }
+}
 function parseAsTable(prosemirrorNode, definition, property) {
   const id = getProsemirrorBlockId(prosemirrorNode);
   if (!id)
     return null;
   const variantId = getProsemirrorBlockVariantId(prosemirrorNode);
   const hasBorder = getProsemirrorAttribute(prosemirrorNode, "hasBorder", _zod.z.boolean().optional()) !== false;
-  const tableChild = _optionalChain([prosemirrorNode, 'access', _21 => _21.content, 'optionalAccess', _22 => _22.find, 'call', _23 => _23((c) => c.type === "table")]);
+  const tableChild = _optionalChain([prosemirrorNode, 'access', _19 => _19.content, 'optionalAccess', _20 => _20.find, 'call', _21 => _21((c) => c.type === "table")]);
   if (!tableChild) {
     return emptyTable(id, variantId, 0);
   }
-  const rows = _nullishCoalesce(_optionalChain([tableChild, 'access', _24 => _24.content, 'optionalAccess', _25 => _25.filter, 'call', _26 => _26((c) => c.type === "tableRow" && !!_optionalChain([c, 'access', _27 => _27.content, 'optionalAccess', _28 => _28.length]))]), () => ( []));
+  const rows = _nullishCoalesce(_optionalChain([tableChild, 'access', _22 => _22.content, 'optionalAccess', _23 => _23.filter, 'call', _24 => _24((c) => c.type === "tableRow" && !!_optionalChain([c, 'access', _25 => _25.content, 'optionalAccess', _26 => _26.length]))]), () => ( []));
   if (!rows.length) {
     return emptyTable(id, variantId, 0);
   }
-  const rowHeaderCells = _nullishCoalesce(_optionalChain([rows, 'access', _29 => _29[0], 'access', _30 => _30.content, 'optionalAccess', _31 => _31.filter, 'call', _32 => _32((c) => c.type === "tableHeader"), 'access', _33 => _33.length]), () => ( 0));
-  const columnHeaderCells = rows.filter((r) => _optionalChain([r, 'access', _34 => _34.content, 'optionalAccess', _35 => _35[0], 'optionalAccess', _36 => _36.type]) === "tableHeader").length;
-  const hasHeaderRow = _optionalChain([rows, 'access', _37 => _37[0], 'access', _38 => _38.content, 'optionalAccess', _39 => _39.length]) === rowHeaderCells;
+  const rowHeaderCells = _nullishCoalesce(_optionalChain([rows, 'access', _27 => _27[0], 'access', _28 => _28.content, 'optionalAccess', _29 => _29.filter, 'call', _30 => _30((c) => c.type === "tableHeader"), 'access', _31 => _31.length]), () => ( 0));
+  const columnHeaderCells = rows.filter((r) => _optionalChain([r, 'access', _32 => _32.content, 'optionalAccess', _33 => _33[0], 'optionalAccess', _34 => _34.type]) === "tableHeader").length;
+  const hasHeaderRow = _optionalChain([rows, 'access', _35 => _35[0], 'access', _36 => _36.content, 'optionalAccess', _37 => _37.length]) === rowHeaderCells;
   const hasHeaderColumn = rows.length === columnHeaderCells;
   const tableValue = {
     showBorder: hasBorder,
@@ -8231,7 +8288,7 @@ function parseAsTableNode(prosemirrorNode) {
       const parsedItems = PageBlockItemV2.array().safeParse(JSON.parse(items));
       if (!parsedItems.success)
         return null;
-      const rawImagePropertyValue = _optionalChain([parsedItems, 'access', _40 => _40.data, 'access', _41 => _41[0], 'optionalAccess', _42 => _42.props, 'access', _43 => _43.image]);
+      const rawImagePropertyValue = _optionalChain([parsedItems, 'access', _38 => _38.data, 'access', _39 => _39[0], 'optionalAccess', _40 => _40.props, 'access', _41 => _41.image]);
       if (!rawImagePropertyValue)
         return null;
       const imagePropertyValueParseResult = PageBlockItemImageValue.safeParse(rawImagePropertyValue);
@@ -8453,7 +8510,7 @@ function getProsemirrorBlockVariantId(prosemirrorNode) {
   return getProsemirrorAttribute(prosemirrorNode, "variantId", nullishToOptional(_zod.z.string()));
 }
 function getProsemirrorAttribute(prosemirrorNode, attributeName, validationSchema) {
-  const parsedAttr = validationSchema.safeParse(_optionalChain([prosemirrorNode, 'access', _44 => _44.attrs, 'optionalAccess', _45 => _45[attributeName]]));
+  const parsedAttr = validationSchema.safeParse(_optionalChain([prosemirrorNode, 'access', _42 => _42.attrs, 'optionalAccess', _43 => _43[attributeName]]));
   if (parsedAttr.success) {
     return parsedAttr.data;
   } else {