@contensis/canvas-react 1.0.0

package/dist/canvas-react.mjs

@@ -0,0 +1,450 @@
+// src/renderer.tsx
+import { createContext, useContext } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var RendererContext = createContext({});
+function RenderContextProvider(props) {
+  const overrideBlocks = props.blocks;
+  const blocks = Object.keys(BLOCK_RENDERERS).reduce((prev, type) => {
+    const blockType = type;
+    prev[blockType] = overrideBlocks?.[blockType] || BLOCK_RENDERERS[blockType];
+    return prev;
+  }, {});
+  const overrideDecorators = props.decorators;
+  const decorators = Object.keys(DECORATOR_RENDERERS).reduce((prev, type) => {
+    const decoratorType = type;
+    prev[decoratorType] = overrideDecorators?.[decoratorType] || DECORATOR_RENDERERS[decoratorType];
+    return prev;
+  }, {});
+  const value = { blocks, decorators, components: props.components };
+  return /* @__PURE__ */ jsx(RendererContext.Provider, { value, children: props.children });
+}
+function useBlocks() {
+  const value = useContext(RendererContext);
+  return value.blocks || BLOCK_RENDERERS;
+}
+function useDecorators() {
+  const value = useContext(RendererContext);
+  return value.decorators || DECORATOR_RENDERERS;
+}
+function useComponents() {
+  const value = useContext(RendererContext);
+  return value.components || {};
+}
+function RenderBlock(props) {
+  const blocks = useBlocks();
+  const Component2 = blocks[props.block.type];
+  return /* @__PURE__ */ jsx(Component2, { block: props.block });
+}
+function RenderBlocks(props) {
+  return /* @__PURE__ */ jsx(Fragment, { children: props.blocks.map((block) => /* @__PURE__ */ jsx(RenderBlock, { block }, block.id)) });
+}
+function RenderContents(props) {
+  return props.contents ? props.contents : props.fallback;
+}
+function RenderChildren(props) {
+  const isArray = Array.isArray(props.block?.value);
+  const isString = typeof props.block?.value === "string";
+  const render = () => {
+    if (isArray) {
+      return /* @__PURE__ */ jsx(RenderBlocks, { blocks: props.block.value });
+    } else if (isString) {
+      return /* @__PURE__ */ jsx(RenderText, { text: props.block.value });
+    } else {
+      return /* @__PURE__ */ jsx(RenderText, { text: "" });
+    }
+  };
+  return render();
+}
+function RenderText(props) {
+  return /* @__PURE__ */ jsx(Fragment, { children: props.text });
+}
+function Renderer(props) {
+  return /* @__PURE__ */ jsx(RenderBlocks, { blocks: props.data });
+}
+function getAttributes(props, extra = {}) {
+  const { block, ...rest } = props;
+  let { children, decorator, otherDecorators, ...attributes } = rest;
+  attributes = {
+    id: block?.properties?.id,
+    ...extra,
+    ...attributes
+  };
+  return attributes;
+}
+function WithCaption(props) {
+  return !!props.caption ? /* @__PURE__ */ jsxs("figure", { children: [
+    props.children,
+    /* @__PURE__ */ jsx("figcaption", { children: props.caption })
+  ] }) : props.children;
+}
+function RenderBlockChildrenFactory() {
+  return function(props) {
+    return /* @__PURE__ */ jsx(RenderChildren, { block: props.block });
+  };
+}
+function EmptyChildrenFactory() {
+  return function(props) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  };
+}
+function Anchor(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("a", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Anchor.Children, { block: props.block }) }) });
+}
+Anchor.Children = RenderBlockChildrenFactory();
+function Code(props) {
+  const attributes = getAttributes(props, {
+    "data-language": props.block?.value?.language
+  });
+  const codeAttributes = getAttributes(props, {
+    className: `language-${props.block?.value?.language}`
+  });
+  return /* @__PURE__ */ jsx("pre", { ...attributes, children: /* @__PURE__ */ jsx("code", { ...codeAttributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Code.Children, { block: props.block }) }) }) });
+}
+Code.Children = function(props) {
+  return /* @__PURE__ */ jsx(Fragment, { children: props.block?.value?.code });
+};
+function CodeWithCaption(props) {
+  return /* @__PURE__ */ jsx(WithCaption, { caption: props.block?.value?.caption, children: /* @__PURE__ */ jsx(Code, { ...props }) });
+}
+function Component(props) {
+  const component = props?.block.properties?.component;
+  const components = useComponents();
+  const ComponentElement = !!component ? components?.[component] : void 0;
+  const value = props.block.value ? JSON.stringify(props.block.value) : "";
+  const attributes = getAttributes(props, {
+    className: "component",
+    "data-component": props.block.properties?.component,
+    "data-component-value": value
+  });
+  return !!ComponentElement ? /* @__PURE__ */ jsx(ComponentElement, { ...props }) : /* @__PURE__ */ jsx("div", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Component.Children, { block: props.block }) }) });
+}
+Component.Children = function(props) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    "Component: ",
+    props.block?.properties?.component
+  ] });
+};
+function Divider(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("hr", { ...attributes });
+}
+Divider.Children = EmptyChildrenFactory();
+function Fragment2(props) {
+  const hasDecorators = !!props.block?.properties?.decorators?.length;
+  const decorators = props.block?.properties?.decorators;
+  return hasDecorators ? /* @__PURE__ */ jsx(Decorators, { block: props.block, decorators }) : /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Fragment2.Children, { block: props.block }) });
+}
+Fragment2.Children = RenderBlockChildrenFactory();
+function Heading(props) {
+  const attributes = getAttributes(props);
+  const render = () => {
+    switch (props?.block?.properties?.level) {
+      case 2: {
+        return /* @__PURE__ */ jsx("h2", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Heading.Children, { block: props.block }) }) });
+      }
+      case 3: {
+        return /* @__PURE__ */ jsx("h3", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Heading.Children, { block: props.block }) }) });
+      }
+      case 4: {
+        return /* @__PURE__ */ jsx("h4", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Heading.Children, { block: props.block }) }) });
+      }
+      case 5: {
+        return /* @__PURE__ */ jsx("h5", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Heading.Children, { block: props.block }) }) });
+      }
+      case 6: {
+        return /* @__PURE__ */ jsx("h6", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Heading.Children, { block: props.block }) }) });
+      }
+      default: {
+        return /* @__PURE__ */ jsx("h1", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Heading.Children, { block: props.block }) }) });
+      }
+    }
+  };
+  return render();
+}
+Heading.Children = RenderBlockChildrenFactory();
+function Image(props) {
+  const src = props.block?.value?.asset?.sys?.uri;
+  const attributes = getAttributes(props, {
+    src,
+    alt: props.block?.value?.altText,
+    title: props?.block?.value?.caption
+  });
+  return /* @__PURE__ */ jsx("img", { ...attributes });
+}
+Image.Children = EmptyChildrenFactory();
+function ImageWithCaption(props) {
+  return /* @__PURE__ */ jsx(WithCaption, { caption: props.block?.value?.caption, children: /* @__PURE__ */ jsx(Image, { ...props }) });
+}
+function InlineEntry(props) {
+  const href = props?.block?.value?.sys?.uri;
+  const attributes = getAttributes(props, {
+    href
+  });
+  return !!attributes.href ? /* @__PURE__ */ jsx("a", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(InlineEntry.Children, { block: props.block }) }) }) : /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(InlineEntry.Children, { block: props.block }) });
+}
+InlineEntry.Children = function(props) {
+  const entryTitle = props?.block?.value?.entryTitle || "";
+  return /* @__PURE__ */ jsx(Fragment, { children: entryTitle });
+};
+function Link(props) {
+  const linkValue = props?.block?.properties?.link;
+  const attributes = getAttributes(props, {
+    href: linkValue?.sys?.uri,
+    target: props?.block?.properties?.newTab ? "_blank" : null,
+    rel: props?.block?.properties?.newTab ? "noopener noreferrer" : null
+  });
+  return !!attributes.href ? /* @__PURE__ */ jsx("a", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Link.Children, { block: props.block }) }) }) : /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Link.Children, { block: props.block }) });
+}
+Link.Children = RenderBlockChildrenFactory();
+function List(props) {
+  const isOrdered = props.block?.properties?.listType === "ordered";
+  const attributes = getAttributes(props, {
+    start: isOrdered ? props.block?.properties?.start : null
+  });
+  return isOrdered ? /* @__PURE__ */ jsx("ol", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(List.Children, { block: props.block }) }) }) : /* @__PURE__ */ jsx("ul", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(List.Children, { block: props.block }) }) });
+}
+List.Children = RenderBlockChildrenFactory();
+function ListItem(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("li", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(ListItem.Children, { block: props.block }) }) });
+}
+ListItem.Children = RenderBlockChildrenFactory();
+function Panel(props) {
+  const attributes = getAttributes(props, {
+    className: ["panel", props.block?.properties?.panelType || "info"].join(" ")
+  });
+  return /* @__PURE__ */ jsx("aside", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Panel.Children, { block: props.block }) }) });
+}
+Panel.Children = RenderBlockChildrenFactory();
+function Paragraph(props) {
+  const attributes = getAttributes(props, {
+    className: props.block?.properties?.paragraphType
+  });
+  return /* @__PURE__ */ jsx("p", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Paragraph.Children, { block: props.block }) }) });
+}
+Paragraph.Children = RenderBlockChildrenFactory();
+function Quote(props) {
+  const attributes = getAttributes(props, {
+    "cite": props.block?.properties?.url
+  });
+  return /* @__PURE__ */ jsx("blockquote", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Quote.Children, { block: props.block }) }) });
+}
+Quote.Children = function(props) {
+  const source = props.block?.properties?.source;
+  const citation = props.block?.properties?.citation;
+  const hasChildren = !!source || !!citation;
+  return hasChildren ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(RenderChildren, { block: props.block }) }),
+    /* @__PURE__ */ jsxs("footer", { children: [
+      source,
+      " ",
+      !!citation ? /* @__PURE__ */ jsx("cite", { children: citation }) : /* @__PURE__ */ jsx(Fragment, {})
+    ] })
+  ] }) : /* @__PURE__ */ jsx(RenderChildren, { block: props.block });
+};
+function Table(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("table", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Table.Children, { block: props.block }) }) });
+}
+Table.Children = RenderBlockChildrenFactory();
+function TableBody(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("tbody", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(TableBody.Children, { block: props.block }) }) });
+}
+TableBody.Children = RenderBlockChildrenFactory();
+function TableCaption(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("caption", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(TableCaption.Children, { block: props.block }) }) });
+}
+TableCaption.Children = RenderBlockChildrenFactory();
+function TableCell(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("td", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(TableCell.Children, { block: props.block }) }) });
+}
+TableCell.Children = RenderBlockChildrenFactory();
+function TableFooter(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("tfoot", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(TableFooter.Children, { block: props.block }) }) });
+}
+TableFooter.Children = RenderBlockChildrenFactory();
+function TableHeader(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("thead", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(TableHeader.Children, { block: props.block }) }) });
+}
+TableHeader.Children = RenderBlockChildrenFactory();
+function TableHeaderCell(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("th", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(TableHeaderCell.Children, { block: props.block }) }) });
+}
+TableHeaderCell.Children = RenderBlockChildrenFactory();
+function TableRow(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("tr", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(TableRow.Children, { block: props.block }) }) });
+}
+TableRow.Children = RenderBlockChildrenFactory();
+function Decorators(props) {
+  const decorators = useDecorators();
+  const remainingDecorators = !!props.decorators ? [...props.decorators] : void 0;
+  const firstDecorator = !!remainingDecorators ? remainingDecorators.shift() : void 0;
+  const DecoratorComponent = !!firstDecorator ? decorators[firstDecorator] : void 0;
+  const render = () => {
+    if (!!DecoratorComponent) {
+      return /* @__PURE__ */ jsx(DecoratorComponent, { block: props.block, decorator: firstDecorator, otherDecorators: remainingDecorators });
+    } else if (firstDecorator) {
+      return /* @__PURE__ */ jsx(Decorators, { block: props.block, decorators: remainingDecorators });
+    } else {
+      return /* @__PURE__ */ jsx(Fragment2.Children, { block: props.block });
+    }
+  };
+  return render();
+}
+function DecoratorChildren(props) {
+  return /* @__PURE__ */ jsx(Decorators, { block: props.block, decorators: props.otherDecorators });
+}
+function InlineCode(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("code", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(InlineCode.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+InlineCode.Children = DecoratorChildren;
+function Delete(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("del", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Delete.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Delete.Children = DecoratorChildren;
+function Emphasis(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("em", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Emphasis.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Emphasis.Children = DecoratorChildren;
+function Insert(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("ins", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Insert.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Insert.Children = DecoratorChildren;
+function Keyboard(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("kbd", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Keyboard.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Keyboard.Children = DecoratorChildren;
+function LineBreak(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("br", { ...attributes });
+}
+LineBreak.Children = function(props) {
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+function Mark(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("mark", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Mark.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Mark.Children = DecoratorChildren;
+function Strong(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("strong", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Strong.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Strong.Children = DecoratorChildren;
+function Strikethrough(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("s", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Strikethrough.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Strikethrough.Children = DecoratorChildren;
+function Subscript(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("sub", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Subscript.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Subscript.Children = DecoratorChildren;
+function Superscript(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("sup", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Superscript.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Superscript.Children = DecoratorChildren;
+function Underline(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("u", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Underline.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Underline.Children = DecoratorChildren;
+function Variable(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ jsx("var", { ...attributes, children: /* @__PURE__ */ jsx(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ jsx(Variable.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }) });
+}
+Variable.Children = DecoratorChildren;
+var BLOCK_RENDERERS = {
+  "_anchor": Anchor,
+  "_code": CodeWithCaption,
+  "_component": Component,
+  "_divider": Divider,
+  "_fragment": Fragment2,
+  "_heading": Heading,
+  "_image": ImageWithCaption,
+  "_inlineEntry": InlineEntry,
+  "_link": Link,
+  "_list": List,
+  "_listItem": ListItem,
+  "_panel": Panel,
+  "_paragraph": Paragraph,
+  "_quote": Quote,
+  "_table": Table,
+  "_tableBody": TableBody,
+  "_tableCaption": TableCaption,
+  "_tableCell": TableCell,
+  "_tableFooter": TableFooter,
+  "_tableHeader": TableHeader,
+  "_tableHeaderCell": TableHeaderCell,
+  "_tableRow": TableRow
+};
+var DECORATOR_RENDERERS = {
+  "code": InlineCode,
+  "delete": Delete,
+  "emphasis": Emphasis,
+  "insert": Insert,
+  "keyboard": Keyboard,
+  "linebreak": LineBreak,
+  "mark": Mark,
+  "strikethrough": Strikethrough,
+  "strong": Strong,
+  "subscript": Subscript,
+  "superscript": Superscript,
+  "underline": Underline,
+  "variable": Variable
+};
+export {
+  Anchor,
+  Code,
+  Component,
+  Delete,
+  Divider,
+  Emphasis,
+  Fragment2 as Fragment,
+  Heading,
+  Image,
+  InlineCode,
+  InlineEntry,
+  Insert,
+  Keyboard,
+  LineBreak,
+  Link,
+  List,
+  ListItem,
+  Mark,
+  Panel,
+  Paragraph,
+  RenderContextProvider,
+  Renderer,
+  RendererContext,
+  Strikethrough,
+  Strong,
+  Subscript,
+  Superscript,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHeader,
+  TableHeaderCell,
+  TableRow,
+  Underline,
+  Variable
+};
+//# sourceMappingURL=canvas-react.mjs.map

package/dist/canvas-react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer.tsx"],"sourcesContent":["import {\n    AnchorBlock, CodeBlock, ComponentBlock, Block, DecoratorType, DividerBlock,\n    FragmentBlock, HeadingBlock, ImageBlock, InlineEntryBlock, LinkBlock,\n    ListBlock, ListItemBlock, PanelBlock, ParagraphBlock, QuoteBlock, TableBodyBlock,\n    TableCaptionBlock, TableCellBlock, TableBlock, TableFooterBlock,\n    TableHeaderCellBlock, TableHeaderBlock, TableRowBlock\n} from '@contensis/canvas-types';\nimport { createContext, useContext } from 'react';\n\ntype Attributes = Record<string, any>;\ntype WithChildren = { children?: JSX.Element };\n\ntype RendererProps = { data: Block[] };\ntype RenderBlocksProps = { blocks: Block[] };\ntype RenderBlockProps<T extends Block> = { block: T };\ntype RenderBlockPropsWithChildren<T extends Block>\n    = RenderBlockProps<T> & WithChildren & Attributes;\n\ntype RenderContentsProps = { contents: undefined | JSX.Element, fallback: JSX.Element };\ntype RenderTextProps = { text: string };\n\ntype DecoratorProps = { block: FragmentBlock, decorators: undefined | DecoratorType[] };\n\ntype TypedBlock<TType extends Block['type']> = Extract<Block, { type: TType }>;\n\ntype BlockRenderer<T extends Block> = (props: RenderBlockPropsWithChildren<T>) => JSX.Element;\ntype BlockRenderers = {\n    [TType in Block['type']]: BlockRenderer<TypedBlock<TType>>\n};\n\n\ntype RenderDecoratorProps = { block: FragmentBlock, decorator: undefined | DecoratorType, otherDecorators: undefined | DecoratorType[] };\ntype RenderDecoratorPropsWithChildren = RenderDecoratorProps & WithChildren & Attributes;\n\ntype DecoratorRenderer = (props: RenderDecoratorPropsWithChildren) => JSX.Element;\ntype DecoratorRenderers = Record<DecoratorType, DecoratorRenderer>;\n\ntype ComponentRenderer = (props: RenderBlockPropsWithChildren<ComponentBlock>) => JSX.Element;\ntype ComponentRenderers = Record<string, ComponentRenderer>;\n\ntype RendererContextValue = {\n    blocks?: BlockRenderers,\n    decorators?: DecoratorRenderers,\n    components?: ComponentRenderers\n};\n\ntype RendererOverridesContextValue = {\n    blocks?: Partial<BlockRenderers>,\n    decorators?: Partial<DecoratorRenderers>,\n    components?: ComponentRenderers\n};\n\ntype RendererContextProviderProps = { children: JSX.Element } & RendererOverridesContextValue;\n\nexport const RendererContext = createContext<RendererContextValue>({});\n\nexport function RenderContextProvider(props: RendererContextProviderProps) {\n    const overrideBlocks = props.blocks;\n    const blocks = Object.keys(BLOCK_RENDERERS)\n        .reduce((prev, type) => {\n            const blockType = type as Block['type'];\n            prev[blockType] = (overrideBlocks?.[blockType] || BLOCK_RENDERERS[blockType]) as BlockRenderer<TypedBlock<typeof blockType>>;\n            return prev;\n        }, {} as BlockRenderers);\n\n    const overrideDecorators = props.decorators;\n    const decorators = Object.keys(DECORATOR_RENDERERS)\n        .reduce((prev, type) => {\n            const decoratorType = type as DecoratorType;\n            prev[decoratorType] = overrideDecorators?.[decoratorType] || DECORATOR_RENDERERS[decoratorType];\n            return prev;\n        }, {} as DecoratorRenderers);\n\n    const value = { blocks, decorators, components: props.components };\n\n    return (\n        <RendererContext.Provider value={value}>\n            {props.children}\n        </RendererContext.Provider>\n    );\n}\n\nfunction useBlocks() {\n    const value = useContext(RendererContext);\n    return value.blocks || BLOCK_RENDERERS;\n}\n\nfunction useDecorators() {\n    const value = useContext(RendererContext);\n    return value.decorators || DECORATOR_RENDERERS;\n}\n\nfunction useComponents() {\n    const value = useContext(RendererContext);\n    return value.components || {};\n}\n\nfunction RenderBlock<TBlock extends Block>(props: RenderBlockProps<TBlock>) {\n    const blocks = useBlocks();\n    const Component = blocks[props.block.type] as BlockRenderer<TBlock>;\n    return (<Component block={props.block} />);\n}\n\nfunction RenderBlocks(props: RenderBlocksProps) {\n    return (<>{props.blocks.map(block => <RenderBlock block={block} key={block.id} />)}</>);\n}\n\nfunction RenderContents(props: RenderContentsProps) {\n    return (props.contents ? props.contents : props.fallback);\n}\n\nfunction RenderChildren(props: RenderBlockProps<Block>) {\n    const isArray = Array.isArray(props.block?.value);\n    const isString = typeof props.block?.value === 'string';\n\n    const render = () => {\n        if (isArray) {\n            return (<RenderBlocks blocks={props.block.value as any} />);\n        } else if (isString) {\n            return (<RenderText text={props.block.value as any} />);\n        } else {\n            return (<RenderText text={''} />);\n        }\n    };\n\n    return render();\n};\n\nfunction RenderText(props: RenderTextProps) {\n    return (<>{props.text}</>);\n};\n\nexport function Renderer(props: RendererProps) {\n    return (<RenderBlocks blocks={props.data} />);\n}\n\ntype AttributeProps = RenderBlockProps<Block>\n    | RenderBlockPropsWithChildren<Block>\n    | RenderDecoratorProps\n    | RenderDecoratorPropsWithChildren;\n\nfunction getAttributes(props: AttributeProps, extra: Record<string, any> = {}) {\n    const { block, ...rest } = props;\n    let { children, decorator, otherDecorators, ...attributes } = rest as Record<string, any>;\n    attributes = {\n        id: block?.properties?.id,\n        ...extra,\n        ...attributes\n    };\n    return attributes;\n}\n\nfunction WithCaption(props: { caption: undefined | string, children: JSX.Element }) {\n    return (\n        !!props.caption\n            ? (\n                <figure>\n                    {props.children}\n                    <figcaption>{props.caption}</figcaption>\n                </figure>\n            )\n            : props.children\n    );\n};\n\nfunction RenderBlockChildrenFactory<T extends Block>() {\n    return function (props: RenderBlockProps<T>) {\n        return (<RenderChildren block={props.block} />);\n    };\n}\n\nfunction EmptyChildrenFactory<T extends Block>() {\n    return function (props: RenderBlockProps<T>) {\n        return (<></>);\n    };\n}\n\nexport function Anchor(props: RenderBlockPropsWithChildren<AnchorBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <a {...attributes}>\n            <RenderContents contents={props.children} fallback={<Anchor.Children block={props.block} />} />\n        </a>\n    );\n}\n\nAnchor.Children = RenderBlockChildrenFactory<AnchorBlock>();\n\nexport function Code(props: RenderBlockPropsWithChildren<CodeBlock>) {\n    const attributes = getAttributes(props, {\n        'data-language': props.block?.value?.language\n    });\n    const codeAttributes = getAttributes(props, {\n        className: `language-${props.block?.value?.language}`\n    });\n    return (\n        <pre {...attributes}>\n            <code {...codeAttributes}>\n                <RenderContents contents={props.children} fallback={<Code.Children block={props.block} />} />\n            </code>\n        </pre>\n    );\n}\n\nCode.Children = function (props: RenderBlockProps<CodeBlock>) {\n    return (<>{props.block?.value?.code}</>);\n};\n\nfunction CodeWithCaption(props: RenderBlockPropsWithChildren<CodeBlock>) {\n    return (\n        <WithCaption caption={props.block?.value?.caption}>\n            <Code {...props} />\n        </WithCaption>\n    );\n}\n\nexport function Component(props: RenderBlockPropsWithChildren<ComponentBlock>) {\n    const component = props?.block.properties?.component;\n    const components = useComponents();\n    const ComponentElement = !!component ? components?.[component] : undefined;\n\n    const value = props.block.value ? JSON.stringify(props.block.value) : '';\n    const attributes = getAttributes(props, {\n        className: 'component',\n        'data-component': props.block.properties?.component,\n        'data-component-value': value,\n    });\n\n    return (!!ComponentElement)\n        ? (<ComponentElement {...props} />)\n        : (\n            <div {...attributes}>\n                <RenderContents contents={props.children} fallback={<Component.Children block={props.block} />} />\n            </div>\n        );\n}\n\nComponent.Children = function (props: RenderBlockProps<ComponentBlock>) {\n    return (<>Component: {props.block?.properties?.component}</>);\n};\n\nexport function Divider(props: RenderBlockPropsWithChildren<DividerBlock>) {\n    const attributes = getAttributes(props);\n    return (<hr {...attributes} />);\n}\n\nDivider.Children = EmptyChildrenFactory<DividerBlock>();\n\nexport function Fragment(props: RenderBlockPropsWithChildren<FragmentBlock>) {\n    const hasDecorators = !!props.block?.properties?.decorators?.length;\n    const decorators = props.block?.properties?.decorators;\n    return (\n        hasDecorators\n            ? (<Decorators block={props.block} decorators={decorators}></Decorators>)\n            : (<RenderContents contents={props.children} fallback={<Fragment.Children block={props.block} />} />)\n    );\n}\n\nFragment.Children = RenderBlockChildrenFactory<FragmentBlock>();\n\nexport function Heading(props: RenderBlockPropsWithChildren<HeadingBlock>) {\n    const attributes = getAttributes(props);\n    const render = () => {\n        switch (props?.block?.properties?.level) {\n            case 2: {\n                return (\n                    <h2 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h2>\n                );\n            }\n            case 3: {\n                return (\n                    <h3 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h3>\n                );\n            }\n            case 4: {\n                return (\n                    <h4 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h4>\n                );\n            }\n            case 5: {\n                return (\n                    <h5 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h5>\n                );\n            }\n            case 6: {\n                return (\n                    <h6 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h6>\n                );\n            }\n            default: {\n                return (\n                    <h1 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h1>\n                );\n            }\n        }\n    };\n    return render();\n}\n\nHeading.Children = RenderBlockChildrenFactory<HeadingBlock>();\n\nexport function Image(props: RenderBlockPropsWithChildren<ImageBlock>) {\n    const src = props.block?.value?.asset?.sys?.uri;\n    const attributes = getAttributes(props, {\n        src,\n        alt: props.block?.value?.altText,\n        title: props?.block?.value?.caption,\n    });\n    return (<img {...attributes} />);\n}\n\nImage.Children = EmptyChildrenFactory<ImageBlock>();\n\nfunction ImageWithCaption(props: RenderBlockPropsWithChildren<ImageBlock>) {\n    return (\n        <WithCaption caption={props.block?.value?.caption}>\n            <Image {...props} />\n        </WithCaption>\n    );\n}\n\nexport function InlineEntry(props: RenderBlockPropsWithChildren<InlineEntryBlock>) {\n    const href = props?.block?.value?.sys?.uri;\n    const attributes = getAttributes(props, {\n        href\n    });\n    return (!!attributes.href\n        ? (\n            <a {...attributes}>\n                <RenderContents contents={props.children} fallback={<InlineEntry.Children block={props.block} />} />\n            </a>\n        )\n        : (<RenderContents contents={props.children} fallback={<InlineEntry.Children block={props.block} />} />)\n    );\n}\n\nInlineEntry.Children = function (props: RenderBlockProps<InlineEntryBlock>) {\n    const entryTitle = props?.block?.value?.entryTitle || '';\n    return (<>{entryTitle}</>);\n};\n\nexport function Link(props: RenderBlockPropsWithChildren<LinkBlock>) {\n    const linkValue = props?.block?.properties?.link;\n    const attributes = getAttributes(props, {\n        href: linkValue?.sys?.uri,\n        target: props?.block?.properties?.newTab ? '_blank' : null,\n        rel: props?.block?.properties?.newTab ? 'noopener noreferrer' : null\n    });\n    return (!!attributes.href\n        ? (\n            <a {...attributes}>\n                <RenderContents contents={props.children} fallback={<Link.Children block={props.block} />} />\n            </a>\n        )\n        : (<RenderContents contents={props.children} fallback={<Link.Children block={props.block} />} />)\n    );\n}\n\nLink.Children = RenderBlockChildrenFactory<LinkBlock>();\n\nexport function List(props: RenderBlockPropsWithChildren<ListBlock>) {\n    const isOrdered = (props.block?.properties?.listType === 'ordered');\n    const attributes = getAttributes(props, {\n        start: isOrdered ? props.block?.properties?.start : null,\n    });\n    return (isOrdered\n        ? (\n            <ol {...attributes}>\n                <RenderContents contents={props.children} fallback={<List.Children block={props.block} />} />\n            </ol>\n        )\n        : (\n            <ul {...attributes}>\n                <RenderContents contents={props.children} fallback={<List.Children block={props.block} />} />\n            </ul>\n        )\n    );\n}\n\nList.Children = RenderBlockChildrenFactory<ListBlock>();\n\nexport function ListItem(props: RenderBlockPropsWithChildren<ListItemBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <li {...attributes}>\n            <RenderContents contents={props.children} fallback={<ListItem.Children block={props.block} />} />\n        </li>\n    );\n}\n\nListItem.Children = RenderBlockChildrenFactory<ListItemBlock>();\n\nexport function Panel(props: RenderBlockPropsWithChildren<PanelBlock>) {\n    const attributes = getAttributes(props, {\n        className: ['panel', props.block?.properties?.panelType || 'info'].join(' ')\n    });\n    return (\n        <aside {...attributes}>\n            <RenderContents contents={props.children} fallback={<Panel.Children block={props.block} />} />\n        </aside>\n    );\n}\n\nPanel.Children = RenderBlockChildrenFactory<PanelBlock>();\n\nexport function Paragraph(props: RenderBlockPropsWithChildren<ParagraphBlock>) {\n    const attributes = getAttributes(props, {\n        className: props.block?.properties?.paragraphType\n    });\n    return (\n        <p {...attributes}>\n            <RenderContents contents={props.children} fallback={<Paragraph.Children block={props.block} />} />\n        </p>\n    );\n}\n\nParagraph.Children = RenderBlockChildrenFactory<ParagraphBlock>();\n\n\nexport function Quote(props: RenderBlockPropsWithChildren<QuoteBlock>) {\n    const attributes = getAttributes(props, {\n        'cite': props.block?.properties?.url\n    });\n    return (\n        <blockquote {...attributes}>\n            <RenderContents contents={props.children} fallback={<Quote.Children block={props.block} />} />\n        </blockquote>\n    );\n}\n\nQuote.Children = function (props: RenderBlockProps<QuoteBlock>) {\n    const source = props.block?.properties?.source;\n    const citation = props.block?.properties?.citation;\n    const hasChildren = !!source || !!citation;\n    return (\n        hasChildren\n            ? (\n                <>\n                    <p>\n                        <RenderChildren block={props.block} />\n                    </p>\n                    <footer>{source} {!!citation ? (<cite>{citation}</cite>) : (<></>)}</footer>\n                </>\n            )\n            : (<RenderChildren block={props.block} />)\n    );\n    // return (<RenderChildren block={props.block} />);\n    // return (\n    //     <Show when={hasChildren()} fallback={<RenderChildren block={props.block} />}>\n    //         <p>\n    //             <RenderChildren block={props.block} />\n    //         </p>\n    //         <Show when={citation()} fallback={<footer>{source()}</footer>}>\n    //             <footer>{source()} <cite>{citation()}</cite></footer>\n    //         </Show>\n    //     </Show>\n    // );\n};\n\n\nexport function Table(props: RenderBlockPropsWithChildren<TableBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <table {...attributes}>\n            <RenderContents contents={props.children} fallback={<Table.Children block={props.block} />} />\n        </table>\n    );\n}\n\nTable.Children = RenderBlockChildrenFactory<TableBlock>();\n\nexport function TableBody(props: RenderBlockPropsWithChildren<TableBodyBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <tbody {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableBody.Children block={props.block} />} />\n        </tbody>\n    );\n}\n\nTableBody.Children = RenderBlockChildrenFactory<TableBodyBlock>();\n\nexport function TableCaption(props: RenderBlockPropsWithChildren<TableCaptionBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <caption {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableCaption.Children block={props.block} />} />\n        </caption>\n    );\n}\n\nTableCaption.Children = RenderBlockChildrenFactory<TableCaptionBlock>();\n\nexport function TableCell(props: RenderBlockPropsWithChildren<TableCellBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <td {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableCell.Children block={props.block} />} />\n        </td>\n    );\n}\n\nTableCell.Children = RenderBlockChildrenFactory<TableCellBlock>();\n\nexport function TableFooter(props: RenderBlockPropsWithChildren<TableFooterBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <tfoot {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableFooter.Children block={props.block} />} />\n        </tfoot>\n    );\n}\n\nTableFooter.Children = RenderBlockChildrenFactory<TableFooterBlock>();\n\nexport function TableHeader(props: RenderBlockPropsWithChildren<TableHeaderBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <thead {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableHeader.Children block={props.block} />} />\n        </thead>\n    );\n}\n\nTableHeader.Children = RenderBlockChildrenFactory<TableHeaderBlock>();\n\nexport function TableHeaderCell(props: RenderBlockPropsWithChildren<TableHeaderCellBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <th {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableHeaderCell.Children block={props.block} />} />\n        </th>\n    );\n}\n\nTableHeaderCell.Children = RenderBlockChildrenFactory<TableHeaderCellBlock>();\n\nexport function TableRow(props: RenderBlockPropsWithChildren<TableRowBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <tr {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableRow.Children block={props.block} />} />\n        </tr>\n    );\n}\n\nTableRow.Children = RenderBlockChildrenFactory<TableRowBlock>();\n\n\nfunction Decorators(props: DecoratorProps) {\n    const decorators = useDecorators();\n    const remainingDecorators = !!props.decorators ? [...props.decorators] : undefined;\n    const firstDecorator = !!remainingDecorators ? remainingDecorators.shift() : undefined;\n    const DecoratorComponent = !!firstDecorator ? decorators[firstDecorator] : undefined;\n\n    const render = () => {\n        if (!!DecoratorComponent) {\n            return (<DecoratorComponent block={props.block} decorator={firstDecorator} otherDecorators={remainingDecorators} />);\n        } else if (firstDecorator) {\n            return (<Decorators block={props.block} decorators={remainingDecorators} />);\n        } else {\n            return (<Fragment.Children block={props.block} />);\n        }\n    };\n\n    return render();\n}\n\nfunction DecoratorChildren(props: RenderDecoratorPropsWithChildren) {\n    return (<Decorators block={props.block} decorators={props.otherDecorators} />)\n}\n\nexport function InlineCode(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <code {...attributes}>\n            <RenderContents contents={props.children} fallback={<InlineCode.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </code>\n    );\n}\n\nInlineCode.Children = DecoratorChildren;\n\nexport function Delete(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <del {...attributes}>\n            <RenderContents contents={props.children} fallback={<Delete.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </del>\n    );\n}\n\nDelete.Children = DecoratorChildren;\n\nexport function Emphasis(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <em {...attributes}>\n            <RenderContents contents={props.children} fallback={<Emphasis.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </em>\n    );\n}\n\nEmphasis.Children = DecoratorChildren;\n\nexport function Insert(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <ins {...attributes}>\n            <RenderContents contents={props.children} fallback={<Insert.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </ins>\n    );\n}\n\nInsert.Children = DecoratorChildren;\n\nexport function Keyboard(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <kbd {...attributes}>\n            <RenderContents contents={props.children} fallback={<Keyboard.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </kbd>\n    );\n}\n\nKeyboard.Children = DecoratorChildren;\n\nexport function LineBreak(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (<br {...attributes} />);\n}\n\nLineBreak.Children = function (props: RenderDecoratorPropsWithChildren) {\n    return (<></>)\n}\n\nexport function Mark(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <mark {...attributes}>\n            <RenderContents contents={props.children} fallback={<Mark.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </mark>\n    );\n}\n\nMark.Children = DecoratorChildren;\n\nexport function Strong(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <strong {...attributes}>\n            <RenderContents contents={props.children} fallback={<Strong.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </strong>\n    );\n}\n\nStrong.Children = DecoratorChildren;\n\nexport function Strikethrough(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <s {...attributes}>\n            <RenderContents contents={props.children} fallback={<Strikethrough.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </s>\n    );\n}\n\nStrikethrough.Children = DecoratorChildren;\n\nexport function Subscript(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <sub {...attributes}>\n            <RenderContents contents={props.children} fallback={<Subscript.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </sub>\n    );\n}\n\nSubscript.Children = DecoratorChildren;\n\nexport function Superscript(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <sup {...attributes}>\n            <RenderContents contents={props.children} fallback={<Superscript.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </sup>\n    );\n}\n\nSuperscript.Children = DecoratorChildren;\n\nexport function Underline(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <u {...attributes}>\n            <RenderContents contents={props.children} fallback={<Underline.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </u>\n    );\n}\n\nUnderline.Children = DecoratorChildren;\n\nexport function Variable(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <var {...attributes}>\n            <RenderContents contents={props.children} fallback={<Variable.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </var>\n    );\n}\n\nVariable.Children = DecoratorChildren;\n\n\nconst BLOCK_RENDERERS: BlockRenderers = {\n    '_anchor': Anchor,\n    '_code': CodeWithCaption,\n    '_component': Component,\n    '_divider': Divider,\n    '_fragment': Fragment,\n    '_heading': Heading,\n    '_image': ImageWithCaption,\n    '_inlineEntry': InlineEntry,\n    '_link': Link,\n    '_list': List,\n    '_listItem': ListItem,\n    '_panel': Panel,\n    '_paragraph': Paragraph,\n    '_quote': Quote,\n    '_table': Table,\n    '_tableBody': TableBody,\n    '_tableCaption': TableCaption,\n    '_tableCell': TableCell,\n    '_tableFooter': TableFooter,\n    '_tableHeader': TableHeader,\n    '_tableHeaderCell': TableHeaderCell,\n    '_tableRow': TableRow,\n};\n\nconst DECORATOR_RENDERERS: DecoratorRenderers = {\n    'code': InlineCode,\n    'delete': Delete,\n    'emphasis': Emphasis,\n    'insert': Insert,\n    'keyboard': Keyboard,\n    'linebreak': LineBreak,\n    'mark': Mark,\n    'strikethrough': Strikethrough,\n    'strong': Strong,\n    'subscript': Subscript,\n    'superscript': Superscript,\n    'underline': Underline,\n    'variable': Variable\n};"],"mappings":"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","names":["Component","Fragment"]}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@contensis/canvas-react",
+  "version": "1.0.0",
+  "description": "Render canvas content with React",
+  "keywords": [
+    "contensis",
+    "canvas",
+    "react",
+    "render",
+    "jsx"
+  ],
+  "homepage": "https://github.com/contensis/canvas/tree/main/packages/react",
+  "author": {
+    "name": "Zengenti",
+    "url": "https://www.contensis.com/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/contensis/canvas.git"
+  },
+  "license": "ISC",
+  "main": "dist/canvas-react.js",
+  "module": "dist/canvas-react.mjs",
+  "types": "dist/canvas-react.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "npm run tsc",
+    "build": "tsup --dts-resolve",
+    "tsc": "tsc --noEmit"
+  },
+  "dependencies": {
+    "react": ">16.8.0",
+    "react-dom": ">16.8.0"
+  },
+  "devDependencies": {
+    "@contensis/canvas-types": "^0.0.1",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-react": "^3.1.0",
+    "vite": "^4.1.4"
+  },
+  "exports": {
+    ".": {
+      "require": "./dist/canvas-react.js",
+      "import": "./dist/canvas-react.mjs",
+      "types": "./dist/canvas-react.d.ts"
+    }
+  }
+}