@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.21

package/dist/components/link/link.js

@@ -0,0 +1,103 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import { useSharedUiDependencies } from "../../ui_dependency_provider.js";
+import styled from "styled-components";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ExternalLinkIcon } from "@apify/ui-icons";
+import { createPath } from "history";
+//#region src/components/link/link.tsx
+/**
+* Checks if passed url is external
+*/
+var isUrlExternal = (url, windowLocationHost) => {
+	if (!url || typeof url !== "string") return false;
+	const domainMatch = url.match(/^https?:\/\/([^/?#]+)(?:[/?#]|$)/i);
+	return !!(domainMatch && domainMatch[1] !== windowLocationHost);
+};
+/**
+* Checks if passed url is email
+*/
+var isUrlEmail = (url) => {
+	if (!url || typeof url !== "string") return false;
+	return url.startsWith("mailto:");
+};
+/**
+* Omits the domain and protocol from a given URL string.
+* @param rawUrlString The input URL string which may include protocol and domain.
+* @returns The URL string without the domain and protocol, or if it's invalid URL then it returns the input param — `rawUrlString`.
+*/
+function omitDomainAndProtocol(rawUrlString) {
+	try {
+		const { pathname, search, hash } = new URL(rawUrlString);
+		return pathname + search + hash;
+	} catch {
+		return rawUrlString;
+	}
+}
+function hasUrlHttpProtocol(rawUrlString) {
+	return /^https?:\/\//i.test(rawUrlString);
+}
+/**
+* Returns pathname if the input param `to` is string and internal link or if it's a `To` object
+*/
+function getHref(to, isExternal) {
+	if (typeof to === "string") {
+		if (!isExternal && hasUrlHttpProtocol(to)) return omitDomainAndProtocol(to);
+		return to;
+	}
+	return createPath(to);
+}
+var StyledAsLink = styled(Box)`
+    /* Basic positioning */
+    display: inline-flex;
+    align-items: center;
+    gap: ${theme.space.space4};
+
+    /* Default behavior */
+    text-decoration: none;
+    transition: color ${theme.transition.fastEaseInOut};
+
+    &:hover {
+        text-decoration: none;
+        color: ${theme.color.primary.actionHover};
+    }
+
+    &:active {
+        color: ${theme.color.primary.actionActive};
+    }
+`;
+var Link = forwardRef(({ to, children, rel, target, hideExternalIcon, showExternalIcon, onClick, trackingId, trackingData, tabIndex, ariaHidden, ariaLabel, ...rest }, ref) => {
+	const { windowLocationHost, isHrefTrusted, trackClick, InternalLink } = useSharedUiDependencies();
+	const isExternal = isUrlExternal(to, windowLocationHost);
+	const href = getHref(to, isExternal);
+	const isEmail = isUrlEmail(to);
+	const isTrusted = isHrefTrusted(href);
+	const trackedOnClick = (e) => {
+		if (trackingId && trackClick) trackClick(trackingId, trackingData);
+		if (onClick) onClick(e);
+	};
+	const uniqRel = new Set([
+		...rel?.split(" ") || [],
+		isExternal && "external",
+		(isExternal || target === "_blank") && "noopener",
+		isExternal && !isTrusted && "nofollow"
+	]);
+	const effectiveRel = clsx$1(Array.from(uniqRel));
+	return /* @__PURE__ */ jsxs(StyledAsLink, {
+		forwardedAs: isEmail || isExternal ? "a" : InternalLink,
+		href,
+		rel: effectiveRel,
+		target: target || (isExternal ? "_blank" : "_self"),
+		onClick: trackedOnClick,
+		ref,
+		tabIndex,
+		"aria-hidden": ariaHidden,
+		"aria-label": ariaLabel,
+		...rest,
+		children: [children, (isExternal && !hideExternalIcon || showExternalIcon) && /* @__PURE__ */ jsx(ExternalLinkIcon, { size: "16" })]
+	});
+});
+//#endregion
+export { Link, StyledAsLink, hasUrlHttpProtocol, isUrlEmail, isUrlExternal, omitDomainAndProtocol };

package/dist/components/markdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './markdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/markdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/markdown/markdown.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { AllowElement } from 'react-markdown';
+import { UiThemeOption } from '../../design_system/theme';
+export interface HeadingRendererProps {
+    node: {
+        tagName: keyof React.ElementType;
+    };
+    children: React.ReactNode;
+}
+export declare const APIFY_HOSTNAMES: string[];
+interface LinkRendererProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    node: {
+        properties: {
+            enableEmbeddedVideo: boolean;
+        };
+    };
+    href?: string;
+}
+interface LinkRendererOptions {
+    hostname?: string;
+}
+export interface MarkdownProps {
+    markdown: string;
+    transformLinkUri?: (href: string) => string;
+    transformImageUri?: (src: string) => string;
+    className?: string;
+    theme?: UiThemeOption;
+    scrollMarginTopPx?: number;
+    allowElement?: AllowElement;
+    isUserGeneratedContent?: boolean;
+    currentPathHostname?: string;
+    addHeadingAnchors?: boolean;
+    LinkRenderer?: (props: LinkRendererProps, options: LinkRendererOptions, isUserGeneratedContent?: boolean) => React.ReactElement;
+    lazyLoadImages?: boolean;
+}
+declare const MemoizedMarkdown: React.MemoExoticComponent<({ markdown, transformLinkUri, transformImageUri, className, scrollMarginTopPx, allowElement, currentPathHostname, addHeadingAnchors, isUserGeneratedContent, LinkRenderer, lazyLoadImages, }: MarkdownProps) => import("react/jsx-runtime").JSX.Element>;
+/**
+ * @deprecated Use SimpleMarkdown from ui-library
+ */
+export { MemoizedMarkdown as Markdown };
+//# sourceMappingURL=markdown.d.ts.map

package/dist/components/markdown/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/markdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAyD,MAAM,gBAAgB,CAAC;AAS1G,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAyT/D,MAAM,WAAW,oBAAoB;IACjC,IAAI,EAAE;QACF,OAAO,EAAE,MAAM,KAAK,CAAC,WAAW,CAAC;KACpC,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AA2ED,eAAO,MAAM,eAAe,UAU3B,CAAC;AAEF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,IAAI,EAAE;QACF,UAAU,EAAE;YACR,mBAAmB,EAAE,OAAO,CAAC;SAChC,CAAC;KACL,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,mBAAmB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAgHD,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,CACX,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,mBAAmB,EAC5B,sBAAsB,CAAC,EAAE,OAAO,KAC/B,KAAK,CAAC,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAkGD,QAAA,MAAM,gBAAgB,2NApFnB,aAAa,6CAoFwF,CAAC;AACzG;;GAEG;AACH,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}

package/dist/components/markdown/markdown.js

@@ -0,0 +1,519 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import { Link } from "../link/link.js";
+import { cleanMarkdown, slugifyHeadingChildren } from "../readme_renderer/utils.js";
+import { useCopyToClipboard } from "../../utils/copy_to_clipboard.js";
+import { CodeBlock } from "../code/code_block/code_block.js";
+import { OneLineCode } from "../code/one_line_code/one_line_code.js";
+import { inlineCodeStyles } from "../code/inline_code/inline_code.js";
+import styled from "styled-components";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { LinkIcon } from "@apify/ui-icons";
+import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import remarkGfm from "remark-gfm";
+import _ from "lodash";
+import qs from "query-string";
+//#region src/components/markdown/markdown.tsx
+var markdownClassNames = {
+	COPY_BUTTON: "Markdown-CopyButton",
+	CODE_PRE: "Markdown-CodePre",
+	VIDEO_WRAPPER: "Markdown-VideoWrapper",
+	IFRAME_CONTAINER: "Iframe-container",
+	HEADING_COPY_ICON: "ReadmeRenderer-headingCopyIcon",
+	INLINE_CODE: "Markdown-InlineCode"
+};
+var StyledMarkdownWrapper = styled(Box)`
+    @font-face {
+        font-family: 'ellipsis-font';
+        src: local('Courier');
+        unicode-range: U+2026;
+        size-adjust: 0%;
+    }
+
+    & > :first-child {
+        margin-top: 0;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
+        scroll-margin-top: ${({ $scrollMarginTopPx }) => `${$scrollMarginTopPx}px`};
+        margin-top: ${theme.space.space32};
+        margin-bottom: ${theme.space.space16};
+        align-items: center;
+
+        & > .${markdownClassNames.INLINE_CODE} {
+            font-size: inherit !important;
+            line-height: inherit !important;
+        }
+
+        /* Do no change the font style if the heading is defined as bold in the markdown and is wrapped in a <strong> tag */
+        strong {
+            font-size: inherit !important;
+            line-height: inherit !important;
+            font-weight: inherit !important;
+        }
+
+        a {
+            text-decoration: none !important;
+        }
+
+        .${markdownClassNames.HEADING_COPY_ICON} {
+            display: inline;
+            left: ${theme.space.space8};
+            color: inherit;
+            position: relative;
+            opacity: 0;
+
+            &::after {
+                top: 50%;
+                transform: translateY(-50%);
+                left: ${theme.space.space4};
+                ${theme.typography.shared.desktop.bodyS}
+                content: '';
+                opacity: 0;
+                position: absolute;
+                transition: opacity ${theme.transition.fastEaseOut};
+            }
+
+            svg {
+                top: 50%;
+                transform: translateY(-50%);
+                left: 0;
+                opacity: 1;
+                position: absolute;
+                transition: opacity ${theme.transition.fastEaseOut};
+            }
+
+            &.isCopied {
+                opacity: 1;
+                pointer-events: none;
+
+                &::after {
+                    content: 'Copied!';
+                    opacity: 1;
+                }
+
+                svg {
+                    opacity: 0;
+                }
+            }
+        }
+
+        &:hover {
+            .${markdownClassNames.HEADING_COPY_ICON} {
+                opacity: 1;
+            }
+        }
+    }
+
+    p,
+    li,
+    strong,
+    b,
+    table {
+        ${theme.typography.content.mobile.paragraph}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.paragraph}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.paragraph}
+        }
+        a {
+            overflow-wrap: anywhere;
+            text-decoration: none;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+
+    p {
+        margin: ${theme.space.space16} 0;
+    }
+
+    h1 {
+        ${theme.typography.content.mobile.heading1}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading1}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading1}
+        }
+    }
+
+    h2 {
+        ${theme.typography.content.mobile.heading2}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading2}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading2}
+        }
+    }
+
+    h3 {
+        ${theme.typography.content.mobile.heading3}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading3}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading3}
+        }
+    }
+
+    h4 {
+        ${theme.typography.content.mobile.heading4}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading4}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading4}
+        }
+    }
+
+    h5 {
+        ${theme.typography.content.mobile.heading5}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading5}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading5}
+        }
+    }
+
+    h6 {
+        ${theme.typography.content.mobile.heading6}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading6}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading6}
+        }
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    ul,
+    ol {
+        padding-left: ${theme.space.space32};
+    }
+
+    li {
+        margin-top: ${theme.space.space4};
+    }
+
+    hr {
+        color: ${theme.color.neutral.border};
+    }
+
+    strong {
+        ${theme.typography.content.mobile.paragraphStrong}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.paragraphStrong}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.paragraphStrong}
+        }
+    }
+
+    blockquote {
+        border-left: 2px solid ${theme.color.neutral.separatorSubtle};
+        padding-left: ${theme.space.space16};
+
+        color: ${theme.color.neutral.textMuted};
+
+        p {
+            margin-bottom: 0;
+        }
+    }
+
+    table {
+        display: block;
+        overflow: auto;
+        border-collapse: collapse;
+
+        td,
+        th {
+            border: 1px solid ${theme.color.neutral.border};
+            padding: ${theme.space.space16};
+            text-align: left;
+        }
+
+        tr:nth-child(even):not([class]) {
+            > th,
+            > td {
+                background-color: inherit;
+            }
+        }
+    }
+
+    th {
+        ${theme.typography.content.mobile.paragraphStrong}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.paragraphStrong}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.paragraphStrong}
+        }
+    }
+
+    a:hover {
+        text-decoration: underline;
+    }
+
+    .${markdownClassNames.VIDEO_WRAPPER} {
+        width: 65%;
+        display: block;
+
+        .${markdownClassNames.IFRAME_CONTAINER} {
+            position: relative;
+            overflow: hidden;
+            width: 100%;
+            padding-top: 56.25%;
+            display: block;
+
+            iframe {
+                position: absolute;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                right: 0;
+                width: 100%;
+                height: 100%;
+                border: 0px;
+            }
+        }
+    }
+
+    .${markdownClassNames.INLINE_CODE} {
+        ${inlineCodeStyles}
+        ${theme.typography.content.mobile.snippet}
+        /* prevents long URLs from overflowing its container */
+        hyphens: auto;
+        overflow-wrap: break-word;
+
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.snippet}
+        }
+
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.snippet}
+        }
+
+        b,
+        strong {
+            font-size: inherit !important;
+            line-height: inherit !important;
+            font-family: inherit !important;
+        }
+    }
+`;
+/**
+* Adds ids to headings
+*/
+var DefaultHeadingRenderer = ({ node, children }) => {
+	const Tag = node.tagName;
+	return /* @__PURE__ */ jsx(Tag, {
+		id: slugifyHeadingChildren(children),
+		children
+	});
+};
+function CodeRenderer({ className, children, node }) {
+	if (node?.position?.start?.line === node?.position?.end?.line) return /* @__PURE__ */ jsx("code", {
+		className: clsx$1(className, markdownClassNames.INLINE_CODE),
+		children
+	});
+	const code = String(children).replace(/\n$/, "").trim();
+	const language = /language-(\w+)/.exec(className || "")?.[1]?.toLowerCase();
+	if (code.split("\n").length <= 1) return /* @__PURE__ */ jsx(OneLineCode, {
+		language,
+		fullWidth: true,
+		children: code
+	});
+	return /* @__PURE__ */ jsx(CodeBlock, {
+		content: code,
+		language,
+		hideLineNumbers: true,
+		fullWidth: true,
+		hideBashHeader: true,
+		hideBashPromptPrefixes: true
+	});
+}
+var youtubeRegex = /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtube(?:-nocookie)?\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/)?([a-zA-Z0-9\-_]+)(?:\S*)?$/;
+var vimeoRegex = /^((?:https?:\/\/)?(?:player\.)?vimeo\.com(?:\/video)?\/(\d+))$/;
+var getVideoSrc = (link) => {
+	const youtubeLink = link.match(youtubeRegex);
+	const vimeoLink = link.match(vimeoRegex);
+	let src;
+	if (youtubeLink) src = qs.stringifyUrl({
+		url: `https://www.youtube.com/embed/${youtubeLink[1]}`,
+		query: {
+			rel: 0,
+			enablejsapi: 1
+		}
+	});
+	if (vimeoLink) src = `https://player.vimeo.com/video/${vimeoLink[2]}`;
+	return src;
+};
+var Video = ({ src }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: markdownClassNames.VIDEO_WRAPPER,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "Iframe-container",
+			children: /* @__PURE__ */ jsx("iframe", {
+				loading: "lazy",
+				allowFullScreen: true,
+				src
+			})
+		})
+	});
+};
+var APIFY_HOSTNAMES = [
+	"apify.com",
+	"docs.apify.com",
+	"help.apify.com",
+	"sdk.apify.com",
+	"blog.apify.com",
+	"kb.apify.com",
+	"my.apify.com",
+	"console.apify.com",
+	"crawlee.dev"
+];
+var DefaultLinkRenderer = ({ node, href = "", ...props }, { hostname }, isUserGeneratedContent) => {
+	const videoSrc = node.properties.enableEmbeddedVideo && !!href ? getVideoSrc(href) : void 0;
+	if (videoSrc) return /* @__PURE__ */ jsx(Video, { src: videoSrc });
+	if ((href || "").startsWith("#")) return /* @__PURE__ */ jsx("a", {
+		href,
+		...props
+	});
+	let urlParsed;
+	try {
+		urlParsed = new URL(href);
+	} catch {
+		return /* @__PURE__ */ jsx("span", { children: href });
+	}
+	if (!hostname && typeof window !== "undefined" && !window?.location?.hostname) return /* @__PURE__ */ jsx("a", {
+		href,
+		...props
+	});
+	const currentHostname = hostname || typeof window !== "undefined" && window?.location?.hostname.toLowerCase();
+	const hasDifferentHostname = urlParsed && urlParsed.hostname.toLowerCase() !== currentHostname;
+	const isApifyLink = urlParsed && APIFY_HOSTNAMES.includes(urlParsed.hostname.toLowerCase()) && urlParsed.protocol === "https:";
+	let linkProps = {};
+	if (hasDifferentHostname) if (isApifyLink) linkProps = {
+		target: "_blank",
+		rel: "noopener"
+	};
+	else linkProps = { rel: clsx$1(isUserGeneratedContent && "ugc") };
+	return /* @__PURE__ */ jsx(Link, {
+		...props,
+		...linkProps,
+		to: href
+	});
+};
+var ParagraphRenderer = ({ node, ...props }) => {
+	node?.children.forEach((child) => {
+		if (child.tagName === "a") child.properties.enableEmbeddedVideo = node.children.length === 1;
+	});
+	const child = node?.children[0];
+	const videoSrc = child?.type === "text" && getVideoSrc(child.value);
+	if (videoSrc) return /* @__PURE__ */ jsx(Video, { src: videoSrc });
+	return /* @__PURE__ */ jsx("p", { ...props });
+};
+var HeadingRendererWithAnchor = ({ node, children }) => {
+	const Tag = node.tagName;
+	const id = slugifyHeadingChildren(children);
+	const { isCopied, copyToClipboard } = useCopyToClipboard();
+	async function handleClick() {
+		const url = new URL(window.location.href);
+		url.hash = `#${id ?? ""}`;
+		await copyToClipboard(url.toString());
+	}
+	return /* @__PURE__ */ jsxs(Tag, {
+		id,
+		children: [children, /* @__PURE__ */ jsx("a", {
+			onClick: handleClick,
+			href: `#${id}`,
+			className: clsx$1(markdownClassNames.HEADING_COPY_ICON, { isCopied }),
+			"aria-label": "Copy link to clipboard",
+			children: /* @__PURE__ */ jsx(LinkIcon, { size: "16" })
+		})]
+	});
+};
+var Markdown = ({ markdown, transformLinkUri, transformImageUri, className, scrollMarginTopPx = 10, allowElement, currentPathHostname, addHeadingAnchors, isUserGeneratedContent, LinkRenderer, lazyLoadImages }) => {
+	const headingRenderer = addHeadingAnchors ? HeadingRendererWithAnchor : DefaultHeadingRenderer;
+	const cleanedMarkdown = useMemo(() => cleanMarkdown(markdown), [markdown]);
+	return /* @__PURE__ */ jsx(StyledMarkdownWrapper, {
+		$scrollMarginTopPx: scrollMarginTopPx,
+		className,
+		children: /* @__PURE__ */ jsx(ReactMarkdown, {
+			rehypePlugins: [rehypeRaw],
+			remarkPlugins: [remarkGfm],
+			allowedElements: [
+				"a",
+				"b",
+				"blockquote",
+				"br",
+				"center",
+				"code",
+				"del",
+				"em",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"hr",
+				"i",
+				"img",
+				"li",
+				"ol",
+				"p",
+				"pre",
+				"span",
+				"strong",
+				"table",
+				"tbody",
+				"td",
+				"tfoot",
+				"th",
+				"thead",
+				"tr",
+				"u",
+				"ul"
+			],
+			allowElement,
+			components: {
+				h1: headingRenderer,
+				h2: headingRenderer,
+				h3: headingRenderer,
+				h4: headingRenderer,
+				h5: headingRenderer,
+				a: (linkProps) => LinkRenderer ? LinkRenderer(linkProps, { hostname: currentPathHostname }, isUserGeneratedContent) : DefaultLinkRenderer(linkProps, { hostname: currentPathHostname }, isUserGeneratedContent),
+				code: (codeProps) => CodeRenderer(codeProps),
+				p: ParagraphRenderer,
+				img: ({ node, ...imageProps }) => /* @__PURE__ */ jsx("img", {
+					...imageProps,
+					...lazyLoadImages ? { loading: "lazy" } : {}
+				})
+			},
+			urlTransform: (href, _children, node) => {
+				if (node.tagName === "img") return transformImageUri ? transformImageUri(href) : href;
+				if (node.tagName === "a") return transformLinkUri ? defaultUrlTransform(transformLinkUri(href)) : defaultUrlTransform(href);
+				return href;
+			},
+			children: cleanedMarkdown
+		})
+	});
+};
+var MemoizedMarkdown = React.memo(Markdown, (prevProps, nextProps) => _.isEqual(prevProps, nextProps));
+//#endregion
+export { APIFY_HOSTNAMES, MemoizedMarkdown };

package/dist/components/message/index.d.ts

@@ -0,0 +1,2 @@
+export * from './message';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}