@apollohg/react-native-prose-editor 0.5.2 → 0.5.4

package/android/src/main/java/com/apollohg/editor/EditorEditText.kt

@@ -77,6 +77,11 @@ class EditorEditText @JvmOverloads constructor(
         val label: String
     )
 
+    data class LinkHit(
+        val href: String,
+        val text: String
+    )
+
     private data class ParsedRenderPatch(
         val startIndex: Int,
         val deleteCount: Int,
@@ -1583,7 +1588,7 @@ class EditorEditText @JvmOverloads constructor(
         }
     }
 
-    fun mentionHitAt(x: Float, y: Float): MentionHit? {
+    private fun textOffsetHitAt(x: Float, y: Float): Pair<Spanned, Int>? {
         val spannable = text as? Spanned ?: return null
         val layout = layout ?: return null
         if (spannable.isEmpty()) return null
@@ -1603,6 +1608,11 @@ class EditorEditText @JvmOverloads constructor(
 
         val offset = layout.getOffsetForHorizontal(line, localX)
             .coerceIn(0, maxOf(spannable.length - 1, 0))
+        return spannable to offset
+    }
+
+    fun mentionHitAt(x: Float, y: Float): MentionHit? {
+        val (spannable, offset) = textOffsetHitAt(x, y) ?: return null
         val annotations = spannable.getSpans(
             offset,
             (offset + 1).coerceAtMost(spannable.length),
@@ -1626,6 +1636,28 @@ class EditorEditText @JvmOverloads constructor(
         )
     }
 
+    fun linkHitAt(x: Float, y: Float): LinkHit? {
+        val (spannable, offset) = textOffsetHitAt(x, y) ?: return null
+        val annotations = spannable.getSpans(
+            offset,
+            (offset + 1).coerceAtMost(spannable.length),
+            Annotation::class.java
+        )
+        val linkAnnotation = annotations.firstOrNull {
+            it.key == RenderBridge.NATIVE_LINK_HREF_ANNOTATION && it.value.isNotBlank()
+        } ?: return null
+        val start = spannable.getSpanStart(linkAnnotation)
+        val end = spannable.getSpanEnd(linkAnnotation)
+        if (start < 0 || end <= start) {
+            return null
+        }
+
+        return LinkHit(
+            href = linkAnnotation.value,
+            text = spannable.subSequence(start, end).toString()
+        )
+    }
+
     private fun handleImageTap(event: MotionEvent): Boolean {
         if (!imageResizingEnabled) {
             return false

package/android/src/main/java/com/apollohg/editor/EditorTheme.kt

@@ -55,6 +55,7 @@ data class EditorTextStyle(
 
 data class EditorListTheme(
     val indent: Float? = null,
+    val baseIndentMultiplier: Float? = null,
     val itemSpacing: Float? = null,
     val markerColor: Int? = null,
     val markerScale: Float? = null
@@ -64,6 +65,7 @@ data class EditorListTheme(
             json ?: return null
             return EditorListTheme(
                 indent = json.optNullableFloat("indent"),
+                baseIndentMultiplier = json.optNullableFloat("baseIndentMultiplier"),
                 itemSpacing = json.optNullableFloat("itemSpacing"),
                 markerColor = parseColor(json.optNullableString("markerColor")),
                 markerScale = json.optNullableFloat("markerScale")
@@ -194,6 +196,8 @@ data class EditorToolbarTheme(
     val borderColor: Int? = null,
     val borderWidth: Float? = null,
     val borderRadius: Float? = null,
+    val marginTop: Float? = null,
+    val showTopBorder: Boolean? = null,
     val keyboardOffset: Float? = null,
     val horizontalInset: Float? = null,
     val separatorColor: Int? = null,
@@ -222,6 +226,8 @@ data class EditorToolbarTheme(
                 borderColor = parseColor(json.optNullableString("borderColor")),
                 borderWidth = json.optNullableFloat("borderWidth"),
                 borderRadius = json.optNullableFloat("borderRadius"),
+                marginTop = json.optNullableFloat("marginTop"),
+                showTopBorder = if (json.has("showTopBorder")) json.optBoolean("showTopBorder") else null,
                 keyboardOffset = json.optNullableFloat("keyboardOffset"),
                 horizontalInset = json.optNullableFloat("horizontalInset"),
                 separatorColor = parseColor(json.optNullableString("separatorColor")),

package/android/src/main/java/com/apollohg/editor/NativeEditorModule.kt

@@ -295,6 +295,14 @@ class NativeEditorModule : Module() {
                 editorDestroy(editorId)
             }
         }
+        Function("renderDocumentHtml") { configJson: String, html: String ->
+            val editorId = editorCreate(configJson)
+            try {
+                editorSetHtml(editorId, html)
+            } finally {
+                editorDestroy(editorId)
+            }
+        }
 
         View(NativeEditorExpoView::class) {
             Events(
@@ -370,7 +378,7 @@ class NativeEditorModule : Module() {
 
         View(NativeProseViewerExpoView::class) {
             Name("NativeProseViewer")
-            Events("onContentHeightChange", "onPressMention")
+            Events("onContentHeightChange", "onPressLink", "onPressMention")
 
             Prop("renderJson") { view: NativeProseViewerExpoView, renderJson: String? ->
                 view.setRenderJson(renderJson)
@@ -378,6 +386,17 @@ class NativeEditorModule : Module() {
             Prop("themeJson") { view: NativeProseViewerExpoView, themeJson: String? ->
                 view.setThemeJson(themeJson)
             }
+            Prop("collapsesWhenEmpty") {
+                view: NativeProseViewerExpoView,
+                collapsesWhenEmpty: Boolean? ->
+                view.setCollapsesWhenEmpty(collapsesWhenEmpty)
+            }
+            Prop("enableLinkTaps") { view: NativeProseViewerExpoView, enableLinkTaps: Boolean? ->
+                view.setEnableLinkTaps(enableLinkTaps)
+            }
+            Prop("interceptLinkTaps") { view: NativeProseViewerExpoView, interceptLinkTaps: Boolean? ->
+                view.setInterceptLinkTaps(interceptLinkTaps)
+            }
         }
     }
 }

package/android/src/main/java/com/apollohg/editor/NativeProseViewerExpoView.kt

@@ -1,13 +1,16 @@
 package com.apollohg.editor
 
+import android.content.Intent
 import android.content.Context
 import android.graphics.Color
+import android.net.Uri
 import android.view.MotionEvent
 import android.view.View
 import android.view.ViewGroup
 import expo.modules.kotlin.AppContext
 import expo.modules.kotlin.viewevent.EventDispatcher
 import expo.modules.kotlin.views.ExpoView
+import org.json.JSONArray
 
 class NativeProseViewerExpoView(
     context: Context,
@@ -17,11 +20,17 @@ class NativeProseViewerExpoView(
     private val proseView = EditorEditText(context)
     private val onContentHeightChange by EventDispatcher<Map<String, Any>>()
     @Suppress("unused")
+    private val onPressLink by EventDispatcher<Map<String, Any>>()
+    @Suppress("unused")
     private val onPressMention by EventDispatcher<Map<String, Any>>()
 
     private var lastRenderJson: String? = null
     private var lastThemeJson: String? = null
     private var lastEmittedContentHeight = 0
+    private var collapsesWhenEmpty = true
+    private var isCollapsedEmptyContent = false
+    private var enableLinkTaps = true
+    private var interceptLinkTaps = false
 
     init {
         proseView.setBaseStyle(
@@ -43,14 +52,27 @@ class NativeProseViewerExpoView(
                 return@setOnTouchListener false
             }
 
-            val mention = proseView.mentionHitAt(event.x, event.y) ?: return@setOnTouchListener false
-            onPressMention(
-                mapOf(
-                    "docPos" to mention.docPos,
-                    "label" to mention.label
+            proseView.mentionHitAt(event.x, event.y)?.let { mention ->
+                onPressMention(mapOf("docPos" to mention.docPos, "label" to mention.label))
+                return@setOnTouchListener true
+            }
+
+            if (!enableLinkTaps) {
+                return@setOnTouchListener false
+            }
+
+            val link = proseView.linkHitAt(event.x, event.y) ?: return@setOnTouchListener false
+            if (interceptLinkTaps) {
+                onPressLink(
+                    mapOf(
+                        "href" to link.href,
+                        "text" to link.text
+                    )
                 )
-            )
-            true
+                return@setOnTouchListener true
+            }
+
+            return@setOnTouchListener openLink(link.href)
         }
 
         addView(
@@ -65,7 +87,7 @@ class NativeProseViewerExpoView(
     fun setRenderJson(renderJson: String?) {
         if (lastRenderJson == renderJson) return
         lastRenderJson = renderJson
-        proseView.applyRenderJSON(renderJson ?: "[]")
+        applyRenderJson()
         post {
             requestLayout()
             emitContentHeightIfNeeded(force = true)
@@ -76,14 +98,36 @@ class NativeProseViewerExpoView(
         if (lastThemeJson == themeJson) return
         lastThemeJson = themeJson
         proseView.applyTheme(EditorTheme.fromJson(themeJson))
-        proseView.applyRenderJSON(lastRenderJson ?: "[]")
+        applyRenderJson()
         post {
             requestLayout()
             emitContentHeightIfNeeded(force = true)
         }
     }
 
+    fun setCollapsesWhenEmpty(collapsesWhenEmpty: Boolean?) {
+        val nextValue = collapsesWhenEmpty ?: true
+        if (this.collapsesWhenEmpty == nextValue) return
+        this.collapsesWhenEmpty = nextValue
+        updateCollapsedEmptyState()
+        requestLayout()
+        emitContentHeightIfNeeded(force = true)
+    }
+
+    fun setEnableLinkTaps(enableLinkTaps: Boolean?) {
+        this.enableLinkTaps = enableLinkTaps ?: true
+    }
+
+    fun setInterceptLinkTaps(interceptLinkTaps: Boolean?) {
+        this.interceptLinkTaps = interceptLinkTaps ?: false
+    }
+
     override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+        if (isCollapsedEmptyContent) {
+            setMeasuredDimension(resolveSize(0, widthMeasureSpec), 0)
+            return
+        }
+
         val childWidthSpec = getChildMeasureSpec(
             widthMeasureSpec,
             paddingLeft + paddingRight,
@@ -104,6 +148,12 @@ class NativeProseViewerExpoView(
     }
 
     override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
+        if (isCollapsedEmptyContent) {
+            proseView.layout(paddingLeft, paddingTop, right - left - paddingRight, paddingTop)
+            emitContentHeightIfNeeded()
+            return
+        }
+
         val childLeft = paddingLeft
         val childTop = paddingTop
         proseView.layout(
@@ -115,10 +165,25 @@ class NativeProseViewerExpoView(
         emitContentHeightIfNeeded()
     }
 
+    private fun applyRenderJson() {
+        updateCollapsedEmptyState()
+        proseView.applyRenderJSON(lastRenderJson ?: "[]")
+        proseView.visibility = if (isCollapsedEmptyContent) View.GONE else View.VISIBLE
+    }
+
+    private fun updateCollapsedEmptyState() {
+        isCollapsedEmptyContent = collapsesWhenEmpty &&
+            renderJsonContainsOnlyEmptyParagraphs(lastRenderJson ?: "[]")
+        proseView.visibility = if (isCollapsedEmptyContent) View.GONE else View.VISIBLE
+    }
+
     private fun emitContentHeightIfNeeded(force: Boolean = false) {
-        val contentHeight = (measureContentHeightPx() + paddingTop + paddingBottom)
-            .coerceAtLeast(0)
-        if (contentHeight <= 0) {
+        val contentHeight = if (isCollapsedEmptyContent) {
+            0
+        } else {
+            (measureContentHeightPx() + paddingTop + paddingBottom).coerceAtLeast(0)
+        }
+        if (contentHeight <= 0 && !isCollapsedEmptyContent) {
             return
         }
         if (!force && contentHeight == lastEmittedContentHeight) {
@@ -129,6 +194,10 @@ class NativeProseViewerExpoView(
     }
 
     private fun measureContentHeightPx(): Int {
+        if (isCollapsedEmptyContent) {
+            return 0
+        }
+
         val currentMeasuredHeight = proseView.measuredHeight
         if (currentMeasuredHeight > 0 && proseView.layout != null) {
             return currentMeasuredHeight
@@ -154,4 +223,71 @@ class NativeProseViewerExpoView(
 
         return (resources.displayMetrics.widthPixels - paddingLeft - paddingRight).coerceAtLeast(1)
     }
+
+    private fun openLink(href: String): Boolean {
+        val intent = Intent(Intent.ACTION_VIEW, Uri.parse(href)).apply {
+            addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+        }
+        return runCatching {
+            context.startActivity(intent)
+            true
+        }.getOrDefault(false)
+    }
+
+    companion object {
+        private const val EMPTY_TEXT_BLOCK_PLACEHOLDER = '\u200B'
+
+        internal fun renderJsonContainsOnlyEmptyParagraphs(renderJson: String): Boolean {
+            val elements = try {
+                JSONArray(renderJson)
+            } catch (_: Exception) {
+                return false
+            }
+
+            if (elements.length() == 0) {
+                return true
+            }
+
+            var hasParagraph = false
+            var paragraphIsOpen = false
+
+            for (index in 0 until elements.length()) {
+                val element = elements.optJSONObject(index) ?: return false
+                when (element.optString("type", "")) {
+                    "blockStart" -> {
+                        if (
+                            paragraphIsOpen ||
+                            element.optString("nodeType", "") != "paragraph" ||
+                            element.optInt("depth", 0) != 0
+                        ) {
+                            return false
+                        }
+                        paragraphIsOpen = true
+                        hasParagraph = true
+                    }
+
+                    "textRun" -> {
+                        val text = element.optString("text", "")
+                        if (
+                            !paragraphIsOpen ||
+                            !text.all { it == EMPTY_TEXT_BLOCK_PLACEHOLDER }
+                        ) {
+                            return false
+                        }
+                    }
+
+                    "blockEnd" -> {
+                        if (!paragraphIsOpen) {
+                            return false
+                        }
+                        paragraphIsOpen = false
+                    }
+
+                    else -> return false
+                }
+            }
+
+            return hasParagraph && !paragraphIsOpen
+        }
+    }
 }

package/android/src/main/java/com/apollohg/editor/RenderBridge.kt

@@ -752,6 +752,7 @@ class CenteredBulletSpan(
 object RenderBridge {
     internal const val NATIVE_BLOCKQUOTE_ANNOTATION = "nativeBlockquote"
     internal const val NATIVE_TOP_LEVEL_CHILD_INDEX_ANNOTATION = "nativeTopLevelChildIndex"
+    internal const val NATIVE_LINK_HREF_ANNOTATION = "nativeLinkHref"
     private const val NATIVE_SYNTHETIC_PLACEHOLDER_ANNOTATION = "nativeSyntheticPlaceholder"
 
     private data class RenderBuildState(
@@ -1174,6 +1175,15 @@ object RenderBridge {
                             end,
                             Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
                         )
+                        val href = mark.optString("href", "")
+                        if (href.isNotBlank()) {
+                            builder.setSpan(
+                                Annotation(NATIVE_LINK_HREF_ANNOTATION, href),
+                                start,
+                                end,
+                                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                            )
+                        }
                     }
                 }
             }
@@ -1455,6 +1465,9 @@ object RenderBridge {
         val indent = calculateIndent(currentBlock, blockStack, theme, density)
         val markerWidth = calculateMarkerWidth(density)
         val quoteDepth = blockquoteDepth(blockStack)
+        val indentPerDepth = (theme?.list?.indent ?: LayoutConstants.INDENT_PER_DEPTH) * density
+        val listBaseIndentAdjustment =
+            calculateListBaseIndentAdjustment(currentBlock, theme, density)
         val quoteStripeColor = if (quoteDepth > 0) {
             theme?.blockquote?.borderColor ?: Color.argb(
                 (Color.alpha(resolveInlineTextColor(blockStack, Color.BLACK, theme)) * 0.3f).toInt(),
@@ -1476,8 +1489,9 @@ object RenderBridge {
         ) * density
         val blockquoteIndentPx = (quoteDepth * quoteIndent).toInt()
         val quoteBaseIndent = if (quoteDepth > 0) {
-            ((currentBlock.depth * ((theme?.list?.indent ?: LayoutConstants.INDENT_PER_DEPTH) * density))
-                - (quoteDepth * ((theme?.list?.indent ?: LayoutConstants.INDENT_PER_DEPTH) * density))
+            ((currentBlock.depth * indentPerDepth)
+                - (quoteDepth * indentPerDepth)
+                + listBaseIndentAdjustment
                 + ((quoteDepth - 1f) * quoteIndent)).toInt()
         } else {
             0
@@ -1656,7 +1670,25 @@ object RenderBridge {
             (theme?.blockquote?.markerGap ?: LayoutConstants.BLOCKQUOTE_MARKER_GAP) +
                 (theme?.blockquote?.borderWidth ?: LayoutConstants.BLOCKQUOTE_BORDER_WIDTH)
         ) * density
-        return (context.depth * indentPerDepth) - (quoteDepth * indentPerDepth) + (quoteDepth * quoteIndent)
+        val listBaseIndentAdjustment = calculateListBaseIndentAdjustment(context, theme, density)
+        return (context.depth * indentPerDepth) -
+            (quoteDepth * indentPerDepth) +
+            listBaseIndentAdjustment +
+            (quoteDepth * quoteIndent)
+    }
+
+    private fun calculateListBaseIndentAdjustment(
+        context: BlockContext,
+        theme: EditorTheme?,
+        density: Float
+    ): Float {
+        if (context.listContext == null) {
+            return 0f
+        }
+
+        val indentPerDepth = (theme?.list?.indent ?: LayoutConstants.INDENT_PER_DEPTH) * density
+        val listBaseIndentMultiplier = maxOf(theme?.list?.baseIndentMultiplier ?: 1f, 0f)
+        return (listBaseIndentMultiplier - 1f) * indentPerDepth
     }
 
     private fun effectiveBlockContext(blockStack: List<BlockContext>): BlockContext? {

package/dist/EditorTheme.d.ts

@@ -36,6 +36,7 @@ export interface EditorHeadingTheme {
 }
 export interface EditorListTheme {
     indent?: number;
+    baseIndentMultiplier?: number;
     itemSpacing?: number;
     markerColor?: string;
     markerScale?: number;
@@ -59,6 +60,8 @@ export interface EditorToolbarTheme {
     borderColor?: string;
     borderWidth?: number;
     borderRadius?: number;
+    marginTop?: number;
+    showTopBorder?: boolean;
     keyboardOffset?: number;
     horizontalInset?: number;
     separatorColor?: string;

package/dist/EditorToolbar.js

@@ -109,7 +109,7 @@ const DEFAULT_MATERIAL_ICONS = {
     undo: 'undo',
     redo: 'redo',
 };
-function EditorToolbar({ activeState, historyState, onToggleBold, onToggleItalic, onToggleUnderline, onToggleStrike, onToggleBulletList, onToggleHeading, onToggleBlockquote, onToggleOrderedList, onIndentList, onOutdentList, onInsertHorizontalRule, onInsertLineBreak, onUndo, onRedo, onToggleMark, onToggleListType, onInsertNodeType, onRunCommand, onToolbarAction, onRequestLink, onRequestImage, toolbarItems = exports.DEFAULT_EDITOR_TOOLBAR_ITEMS, theme, showTopBorder = true, }) {
+function EditorToolbar({ activeState, historyState, onToggleBold, onToggleItalic, onToggleUnderline, onToggleStrike, onToggleBulletList, onToggleHeading, onToggleBlockquote, onToggleOrderedList, onIndentList, onOutdentList, onInsertHorizontalRule, onInsertLineBreak, onUndo, onRedo, onToggleMark, onToggleListType, onInsertNodeType, onRunCommand, onToolbarAction, onRequestLink, onRequestImage, toolbarItems = exports.DEFAULT_EDITOR_TOOLBAR_ITEMS, theme, showTopBorder, }) {
     const marks = activeState.marks ?? {};
     const nodes = activeState.nodes ?? {};
     const commands = activeState.commands ?? {};
@@ -371,6 +371,7 @@ function EditorToolbar({ activeState, historyState, onToggleBold, onToggleItalic
             groupsByKey: nextGroups,
         };
     }, [expandedGroupKey, menuState?.groupKey, resolveButton, toolbarItems]);
+    const resolvedShowTopBorder = showTopBorder ?? theme?.showTopBorder ?? true;
     (0, react_1.useEffect)(() => {
         if (expandedGroupKey != null && !groupsByKey.has(expandedGroupKey)) {
             setExpandedGroupKey(null);
@@ -414,7 +415,7 @@ function EditorToolbar({ activeState, historyState, onToggleBold, onToggleItalic
                 });
         });
     }, []);
-    const menuGroup = menuState != null ? groupsByKey.get(menuState.groupKey) ?? null : null;
+    const menuGroup = menuState != null ? (groupsByKey.get(menuState.groupKey) ?? null) : null;
     const menuHeight = menuGroup ? menuGroup.children.length * 40 + 16 : 0;
     const menuTop = menuState == null
         ? 0
@@ -426,7 +427,11 @@ function EditorToolbar({ activeState, historyState, onToggleBold, onToggleItalic
         const activeColor = theme?.buttonActiveColor ?? ACTIVE_COLOR;
         const defaultColor = theme?.buttonColor ?? DEFAULT_COLOR;
         const disabledColor = theme?.buttonDisabledColor ?? DISABLED_COLOR;
-        const color = button.isActive ? activeColor : button.isDisabled ? disabledColor : defaultColor;
+        const color = button.isActive
+            ? activeColor
+            : button.isDisabled
+                ? disabledColor
+                : defaultColor;
         const anchorGroupKey = options?.anchorGroupKey;
         return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ref: anchorGroupKey == null
                 ? undefined
@@ -457,15 +462,15 @@ function EditorToolbar({ activeState, historyState, onToggleBold, onToggleItalic
         ] }, key));
     return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
             styles.container,
-            !showTopBorder && styles.containerWithoutTopBorder,
+            !resolvedShowTopBorder && styles.containerWithoutTopBorder,
             theme?.backgroundColor != null ? { backgroundColor: theme.backgroundColor } : null,
             theme?.borderColor != null
-                ? showTopBorder
+                ? resolvedShowTopBorder
                     ? { borderTopColor: theme.borderColor }
                     : null
                 : null,
             theme?.borderWidth != null
-                ? showTopBorder
+                ? resolvedShowTopBorder
                     ? { borderTopWidth: theme.borderWidth }
                     : null
                 : null,

package/dist/NativeProseViewer.d.ts

@@ -9,17 +9,33 @@ export interface NativeProseViewerMentionRenderContext {
 }
 export interface NativeProseViewerMentionPressEvent extends NativeProseViewerMentionRenderContext {
 }
+export interface NativeProseViewerLinkPressEvent {
+    href: string;
+    text: string;
+}
 type NativeProseViewerContent = DocumentJSON | string;
-export interface NativeProseViewerProps {
-    contentJSON: NativeProseViewerContent;
+interface NativeProseViewerBaseProps {
+    contentRevision?: string | number;
     contentJSONRevision?: string | number;
     schema?: SchemaDefinition;
     theme?: EditorTheme;
     style?: StyleProp<ViewStyle>;
     allowBase64Images?: boolean;
+    collapseTrailingEmptyParagraphs?: boolean;
+    enableLinkTaps?: boolean;
     mentionPrefix?: string | ((mention: NativeProseViewerMentionRenderContext) => string | null | undefined);
     resolveMentionTheme?: (mention: NativeProseViewerMentionRenderContext) => EditorMentionTheme | null | undefined;
+    onPressLink?: (event: NativeProseViewerLinkPressEvent) => void;
     onPressMention?: (event: NativeProseViewerMentionPressEvent) => void;
 }
-export declare function NativeProseViewer({ contentJSON, contentJSONRevision, schema, theme, style, allowBase64Images, mentionPrefix, resolveMentionTheme, onPressMention, }: NativeProseViewerProps): import("react/jsx-runtime").JSX.Element;
+interface NativeProseViewerJsonProps extends NativeProseViewerBaseProps {
+    contentJSON: NativeProseViewerContent;
+    contentHTML?: never;
+}
+interface NativeProseViewerHtmlProps extends NativeProseViewerBaseProps {
+    contentHTML: string;
+    contentJSON?: never;
+}
+export type NativeProseViewerProps = NativeProseViewerJsonProps | NativeProseViewerHtmlProps;
+export declare function NativeProseViewer({ ...props }: NativeProseViewerProps): import("react/jsx-runtime").JSX.Element;
 export {};