@tinglinzh/react-native-markdownview 0.1.0

package/lib/commonjs/NativeMarkdownView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../src","sources":["NativeMarkdownView.ts"],"mappings":";;;;;;AAgBA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAhB7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AA2BA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAoBe,IAAAG,+BAAsB,EACnC,gBACF,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MarkdownView", {
+  enumerable: true,
+  get: function () {
+    return _MarkdownView.MarkdownView;
+  }
+});
+var _MarkdownView = require("./MarkdownView");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MarkdownView","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AASA,IAAAA,aAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/MarkdownView.js

@@ -0,0 +1,134 @@
+"use strict";
+
+import React, { useCallback, useRef, useState } from 'react';
+import { Platform, requireNativeComponent, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+// ─── Native component handle ──────────────────────────────────────────────────
+
+const COMPONENT_NAME = 'RNMarkdownView';
+
+/**
+ * Old Architecture – loaded lazily so non-iOS platforms don't throw on import.
+ * New Architecture uses the codegen-generated component automatically when
+ * RCT_NEW_ARCH_ENABLED is set at build time.
+ */
+const NativeMarkdownView = Platform.OS === 'ios' ? requireNativeComponent(COMPONENT_NAME) : null;
+
+// ─── Theme serialisation ──────────────────────────────────────────────────────
+
+function serializeTheme(theme) {
+  if (!theme) return undefined;
+  try {
+    return JSON.stringify(theme);
+  } catch {
+    return undefined;
+  }
+}
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+/**
+ * `MarkdownView` renders GitHub Flavored Markdown using Apple's native
+ * MarkdownView library (tree-sitter syntax highlighting, LaTeX math,
+ * unified diff, VoiceOver). iOS 16+ only.
+ *
+ * @example
+ * ```tsx
+ * <MarkdownView markdown="# Hello\n\nSome **bold** text." />
+ * ```
+ *
+ * @example Custom theme
+ * ```tsx
+ * <MarkdownView
+ *   markdown={content}
+ *   theme={{
+ *     colors: { body: '#1a1a1a', codeBackground: '#f5f5f5' },
+ *     fonts:  { bodySize: 16 },
+ *   }}
+ * />
+ * ```
+ */
+export function MarkdownView({
+  markdown,
+  theme,
+  style,
+  onLinkPress,
+  onImagePress,
+  onLineSelection,
+  onContentSizeChange
+}) {
+  if (Platform.OS !== 'ios' || NativeMarkdownView === null) {
+    if (__DEV__) {
+      console.warn('[MarkdownView] Only supported on iOS 16+.');
+    }
+    return /*#__PURE__*/_jsx(View, {
+      style: style
+    });
+  }
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return /*#__PURE__*/_jsx(MarkdownViewInner, {
+    markdown: markdown,
+    theme: theme,
+    style: style,
+    onLinkPress: onLinkPress,
+    onImagePress: onImagePress,
+    onLineSelection: onLineSelection,
+    onContentSizeChange: onContentSizeChange,
+    NativeComponent: NativeMarkdownView
+  });
+}
+
+// Split out so hooks run unconditionally (Platform.OS is constant at runtime).
+
+function MarkdownViewInner({
+  markdown,
+  theme,
+  style,
+  onLinkPress,
+  onImagePress,
+  onLineSelection,
+  onContentSizeChange,
+  NativeComponent
+}) {
+  const [autoHeight, setAutoHeight] = useState(undefined);
+  const themeJSONRef = useRef(undefined);
+
+  // Re-serialize only when theme reference changes.
+  themeJSONRef.current = serializeTheme(theme);
+  const handleContentSizeChange = useCallback(e => {
+    const {
+      height
+    } = e.nativeEvent.contentSize;
+    if (height > 0) setAutoHeight(height);
+    onContentSizeChange?.(e);
+  }, [onContentSizeChange]);
+  const handleLinkPress = useCallback(e => {
+    onLinkPress?.(e);
+  }, [onLinkPress]);
+  const handleImagePress = useCallback(e => {
+    onImagePress?.(e);
+  }, [onImagePress]);
+  const handleLineSelection = useCallback(e => {
+    onLineSelection?.(e);
+  }, [onLineSelection]);
+  return /*#__PURE__*/_jsx(NativeComponent, {
+    markdown: markdown,
+    themeJSON: themeJSONRef.current,
+    style: [autoHeight !== undefined && styles.autoHeight(autoHeight), style],
+    onLinkPress: handleLinkPress,
+    onImagePress: handleImagePress,
+    onLineSelection: handleLineSelection,
+    onContentSizeChange: handleContentSizeChange
+  });
+}
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+
+const styles = {
+  /** Applied when the native view has reported its content height. */
+  autoHeight: h => ({
+    height: h
+  })
+};
+//# sourceMappingURL=MarkdownView.js.map

package/lib/module/MarkdownView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","Platform","requireNativeComponent","View","jsx","_jsx","COMPONENT_NAME","NativeMarkdownView","OS","serializeTheme","theme","undefined","JSON","stringify","MarkdownView","markdown","style","onLinkPress","onImagePress","onLineSelection","onContentSizeChange","__DEV__","console","warn","MarkdownViewInner","NativeComponent","autoHeight","setAutoHeight","themeJSONRef","current","handleContentSizeChange","e","height","nativeEvent","contentSize","handleLinkPress","handleImagePress","handleLineSelection","themeJSON","styles","h"],"sourceRoot":"../../src","sources":["MarkdownView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAEEC,QAAQ,EACRC,sBAAsB,EAEtBC,IAAI,QACC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUtB;;AAEA,MAAMC,cAAc,GAAG,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAmD,GACvDN,QAAQ,CAACO,EAAE,KAAK,KAAK,GAAGN,sBAAsB,CAACI,cAAc,CAAC,GAAG,IAAI;;AAEvE;;AAEA,SAASG,cAAcA,CAACC,KAA+B,EAAsB;EAC3E,IAAI,CAACA,KAAK,EAAE,OAAOC,SAAS;EAC5B,IAAI;IACF,OAAOC,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC;EAC9B,CAAC,CAAC,MAAM;IACN,OAAOC,SAAS;EAClB;AACF;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,YAAYA,CAAC;EAC3BC,QAAQ;EACRL,KAAK;EACLM,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,eAAe;EACfC;AACiB,CAAC,EAAE;EACpB,IAAInB,QAAQ,CAACO,EAAE,KAAK,KAAK,IAAID,kBAAkB,KAAK,IAAI,EAAE;IACxD,IAAIc,OAAO,EAAE;MACXC,OAAO,CAACC,IAAI,CAAC,2CAA2C,CAAC;IAC3D;IACA,oBAAOlB,IAAA,CAACF,IAAI;MAACa,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC/B;;EAEA;EACA,oBACEX,IAAA,CAACmB,iBAAiB;IAChBT,QAAQ,EAAEA,QAAS;IACnBL,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,YAAY,EAAEA,YAAa;IAC3BC,eAAe,EAAEA,eAAgB;IACjCC,mBAAmB,EAAEA,mBAAoB;IACzCK,eAAe,EAAElB;EAAmB,CACrC,CAAC;AAEN;;AAEA;;AAKA,SAASiB,iBAAiBA,CAAC;EACzBT,QAAQ;EACRL,KAAK;EACLM,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,eAAe;EACfC,mBAAmB;EACnBK;AACU,CAAC,EAAE;EACb,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqBW,SAAS,CAAC;EAC3E,MAAMiB,YAAY,GAAG7B,MAAM,CAAqBY,SAAS,CAAC;;EAE1D;EACAiB,YAAY,CAACC,OAAO,GAAGpB,cAAc,CAACC,KAAK,CAAC;EAE5C,MAAMoB,uBAAuB,GAAGhC,WAAW,CACxCiC,CAA+C,IAAK;IACnD,MAAM;MAAEC;IAAO,CAAC,GAAGD,CAAC,CAACE,WAAW,CAACC,WAAW;IAC5C,IAAIF,MAAM,GAAG,CAAC,EAAEL,aAAa,CAACK,MAAM,CAAC;IACrCZ,mBAAmB,GAAGW,CAAC,CAAC;EAC1B,CAAC,EACD,CAACX,mBAAmB,CACtB,CAAC;EAED,MAAMe,eAAe,GAAGrC,WAAW,CAChCiC,CAAuC,IAAK;IAC3Cd,WAAW,GAAGc,CAAC,CAAC;EAClB,CAAC,EACD,CAACd,WAAW,CACd,CAAC;EAED,MAAMmB,gBAAgB,GAAGtC,WAAW,CACjCiC,CAAwC,IAAK;IAC5Cb,YAAY,GAAGa,CAAC,CAAC;EACnB,CAAC,EACD,CAACb,YAAY,CACf,CAAC;EAED,MAAMmB,mBAAmB,GAAGvC,WAAW,CACpCiC,CAA2C,IAAK;IAC/CZ,eAAe,GAAGY,CAAC,CAAC;EACtB,CAAC,EACD,CAACZ,eAAe,CAClB,CAAC;EAED,oBACEd,IAAA,CAACoB,eAAe;IACdV,QAAQ,EAAEA,QAAS;IACnBuB,SAAS,EAAEV,YAAY,CAACC,OAAQ;IAChCb,KAAK,EAAE,CAACU,UAAU,KAAKf,SAAS,IAAI4B,MAAM,CAACb,UAAU,CAACA,UAAU,CAAC,EAAEV,KAAK,CAAE;IAC1EC,WAAW,EAAEkB,eAAgB;IAC7BjB,YAAY,EAAEkB,gBAAiB;IAC/BjB,eAAe,EAAEkB,mBAAoB;IACrCjB,mBAAmB,EAAEU;EAAwB,CAC9C,CAAC;AAEN;;AAEA;;AAEA,MAAMS,MAAM,GAAG;EACb;EACAb,UAAU,EAAGc,CAAS,KAAM;IAAER,MAAM,EAAEQ;EAAE,CAAC;AAC3C,CAAC","ignoreList":[]}

package/lib/module/NativeMarkdownView.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/**
+ * Codegen spec for the New Architecture (Fabric).
+ *
+ * Running `react-native codegen` (or the build system) reads this file and
+ * generates C++ component descriptors, props structs, and event emitters under
+ * build/generated/ios/RNMarkdownViewSpec/.
+ *
+ * All prop/event types must use the codegen-compatible primitives from
+ * react-native/Libraries/Types/CodegenTypes.
+ */
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+// ─── Codegen event payload types ─────────────────────────────────────────────
+
+// ─── Native component props ───────────────────────────────────────────────────
+
+export default codegenNativeComponent('RNMarkdownView');
+//# sourceMappingURL=NativeMarkdownView.js.map

package/lib/module/NativeMarkdownView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../src","sources":["NativeMarkdownView.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,OAAOA,sBAAsB,MAAM,yDAAyD;;AAG5F;;AA2BA;;AAoBA,eAAeA,sBAAsB,CACnC,gBACF,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+/**
+ * react-native-markdownview
+ *
+ * Native iOS markdown rendering via MarkdownView (HumanInterfaceDesign).
+ * Supports GitHub Flavored Markdown, syntax highlighting (tree-sitter),
+ * LaTeX math, unified diffs, and VoiceOver accessibility.
+ *
+ * Requires iOS 16+. Android is not supported (renders nothing with a DEV warning).
+ */
+export { MarkdownView } from './MarkdownView';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MarkdownView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/src/MarkdownView.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { MarkdownViewProps } from './types';
+/**
+ * `MarkdownView` renders GitHub Flavored Markdown using Apple's native
+ * MarkdownView library (tree-sitter syntax highlighting, LaTeX math,
+ * unified diff, VoiceOver). iOS 16+ only.
+ *
+ * @example
+ * ```tsx
+ * <MarkdownView markdown="# Hello\n\nSome **bold** text." />
+ * ```
+ *
+ * @example Custom theme
+ * ```tsx
+ * <MarkdownView
+ *   markdown={content}
+ *   theme={{
+ *     colors: { body: '#1a1a1a', codeBackground: '#f5f5f5' },
+ *     fonts:  { bodySize: 16 },
+ *   }}
+ * />
+ * ```
+ */
+export declare function MarkdownView({ markdown, theme, style, onLinkPress, onImagePress, onLineSelection, onContentSizeChange, }: MarkdownViewProps): React.JSX.Element;
+//# sourceMappingURL=MarkdownView.d.ts.map

package/lib/typescript/src/MarkdownView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownView.d.ts","sourceRoot":"","sources":["../../../src/MarkdownView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAQ7D,OAAO,KAAK,EAKV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AA2BjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,EAAE,iBAAiB,qBAqBnB"}

package/lib/typescript/src/NativeMarkdownView.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Codegen spec for the New Architecture (Fabric).
+ *
+ * Running `react-native codegen` (or the build system) reads this file and
+ * generates C++ component descriptors, props structs, and event emitters under
+ * build/generated/ios/RNMarkdownViewSpec/.
+ *
+ * All prop/event types must use the codegen-compatible primitives from
+ * react-native/Libraries/Types/CodegenTypes.
+ */
+import type { ViewProps } from 'react-native';
+import type { DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import type { HostComponent } from 'react-native';
+export type OnLinkPressEvent = Readonly<{
+    url: string;
+    isURL: boolean;
+}>;
+export type OnImagePressEvent = Readonly<{
+    source: string;
+}>;
+export type OnLineSelectionEvent = Readonly<{
+    startLine: Int32;
+    endLine: Int32;
+    contents: ReadonlyArray<string>;
+    language: string;
+}>;
+export type OnContentSizeChangeContentSize = Readonly<{
+    width: Double;
+    height: Double;
+}>;
+export type OnContentSizeChangeEvent = Readonly<{
+    contentSize: OnContentSizeChangeContentSize;
+}>;
+export interface NativeProps extends ViewProps {
+    /** Raw markdown string to render. */
+    markdown?: string;
+    /**
+     * JSON-encoded ThemeOptions object.
+     * The JS wrapper serialises the theme object before passing it down.
+     */
+    themeJSON?: string;
+    /** @see LinkPressEvent */
+    onLinkPress?: DirectEventHandler<OnLinkPressEvent>;
+    /** @see ImagePressEvent */
+    onImagePress?: DirectEventHandler<OnImagePressEvent>;
+    /** @see LineSelectionEvent */
+    onLineSelection?: DirectEventHandler<OnLineSelectionEvent>;
+    /** @see ContentSizeChangeEvent */
+    onContentSizeChange?: DirectEventHandler<OnContentSizeChangeEvent>;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=NativeMarkdownView.d.ts.map

package/lib/typescript/src/NativeMarkdownView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeMarkdownView.d.ts","sourceRoot":"","sources":["../../../src/NativeMarkdownView.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,kBAAkB,EAClB,MAAM,EACN,KAAK,EACN,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAIlD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,WAAW,EAAE,8BAA8B,CAAC;CAC7C,CAAC,CAAC;AAIH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACnD,2BAA2B;IAC3B,YAAY,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACrD,8BAA8B;IAC9B,eAAe,CAAC,EAAE,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;IAC3D,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;CACpE;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * react-native-markdownview
+ *
+ * Native iOS markdown rendering via MarkdownView (HumanInterfaceDesign).
+ * Supports GitHub Flavored Markdown, syntax highlighting (tree-sitter),
+ * LaTeX math, unified diffs, and VoiceOver accessibility.
+ *
+ * Requires iOS 16+. Android is not supported (renders nothing with a DEV warning).
+ */
+export { MarkdownView } from './MarkdownView';
+export type { MarkdownViewProps, ThemeOptions, ThemeFonts, ThemeColors, ThemeSpacings, ThemeTable, FontScale, HexColor, LinkPressEvent, ImagePressEvent, LineSelectionEvent, ContentSizeChangeEvent, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EACV,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,SAAS,EACT,QAAQ,EACR,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,126 @@
+import type { StyleProp, ViewStyle, NativeSyntheticEvent } from 'react-native';
+/**
+ * Color values accepted by MarkdownView.
+ * Accepts CSS-style hex strings: "#RRGGBB", "#RRGGBBAA", "RRGGBB", "RRGGBBAA".
+ */
+export type HexColor = string;
+/** Font scale presets that delegate to MarkdownTheme.FontScale on the native side. */
+export type FontScale = 'tiny' | 'small' | 'middle' | 'large' | 'huge';
+export interface ThemeFonts {
+    /** Font size for body text. Default: system body size. */
+    bodySize?: number;
+    /** Font size for code blocks and inline code. Default: bodySize * 0.85. */
+    codeSize?: number;
+    /** PostScript font name for body text (e.g. "Georgia-Regular"). Empty → system font. */
+    bodyName?: string;
+    /** PostScript font name for code (e.g. "JetBrainsMono-Regular"). Empty → monospaced system font. */
+    codeName?: string;
+}
+export interface ThemeColors {
+    /** Body text color. */
+    body?: HexColor;
+    /** Inline code text color. */
+    code?: HexColor;
+    /** Background color for code blocks. */
+    codeBackground?: HexColor;
+    /** Highlight / link color. */
+    highlight?: HexColor;
+    /** Emphasis / italic color. */
+    emphasis?: HexColor;
+    /** Text-selection tint color. */
+    selectionTint?: HexColor;
+}
+export interface ThemeSpacings {
+    /** General inter-block spacing in points. Default: 8. */
+    general?: number;
+    /** Spacing between list items in points. Default: 8. */
+    list?: number;
+    /** Final (bottom) padding in points. Default: 16. */
+    final?: number;
+    /** Table cell padding in points. Default: 32. */
+    cell?: number;
+}
+export interface ThemeTable {
+    /** Corner radius for table borders. Default: 8. */
+    cornerRadius?: number;
+    /** Border width in points. Default: 1. */
+    borderWidth?: number;
+    /** Hex color for table borders. */
+    borderColor?: HexColor;
+    /** Hex color for the header row background. */
+    headerBackgroundColor?: HexColor;
+}
+/**
+ * Partial theme override passed as a prop.
+ * Unset keys use MarkdownTheme's built-in defaults.
+ */
+export interface ThemeOptions {
+    fonts?: ThemeFonts;
+    colors?: ThemeColors;
+    spacings?: ThemeSpacings;
+    table?: ThemeTable;
+    /**
+     * Uniformly scale all fonts by a preset offset.
+     * Applied *after* individual font settings.
+     */
+    fontScale?: FontScale;
+    /** Show language/label headers above code blocks. Default: true. */
+    showsBlockHeaders?: boolean;
+}
+export interface LinkPressEvent {
+    /** The URL string or raw link text. */
+    url: string;
+    /** true if the link was a valid URL, false if it was a plain string. */
+    isURL: boolean;
+}
+export interface ImagePressEvent {
+    /** The image source URL string. */
+    source: string;
+}
+export interface LineSelectionEvent {
+    /** 1-based first selected line. */
+    startLine: number;
+    /** 1-based last selected line. */
+    endLine: number;
+    /** Text contents of each selected line. */
+    contents: string[];
+    /** Programming language of the code block, if known. */
+    language?: string;
+}
+export interface ContentSizeChangeEvent {
+    contentSize: {
+        width: number;
+        height: number;
+    };
+}
+export interface MarkdownViewProps {
+    /** The GitHub Flavored Markdown string to render. */
+    markdown: string;
+    /**
+     * Optional theme overrides.
+     * Unspecified fields inherit MarkdownTheme defaults.
+     */
+    theme?: ThemeOptions;
+    /**
+     * Style applied to the outer wrapper view.
+     * If you don't pass an explicit `height`, the component auto-sizes itself
+     * vertically via `onContentSizeChange`.
+     */
+    style?: StyleProp<ViewStyle>;
+    /** Fired when the user taps a link. */
+    onLinkPress?: (event: NativeSyntheticEvent<LinkPressEvent>) => void;
+    /** Fired when the user taps an inline image. */
+    onImagePress?: (event: NativeSyntheticEvent<ImagePressEvent>) => void;
+    /**
+     * Fired when the user selects line(s) in a code block.
+     * Opt-in feature of MarkdownView's line-selection mode.
+     */
+    onLineSelection?: (event: NativeSyntheticEvent<LineSelectionEvent>) => void;
+    /**
+     * Fired whenever the intrinsic content height changes.
+     * The component uses this internally for auto-sizing; you can also
+     * listen to it to sync a parent scroll view.
+     */
+    onContentSizeChange?: (event: NativeSyntheticEvent<ContentSizeChangeEvent>) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@tinglinzh/react-native-markdownview",
+  "version": "0.1.0",
+  "description": "React Native wrapper for MarkdownView — native iOS/macOS markdown rendering with GFM, syntax highlighting, LaTeX math, and unified diff support",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "exports": {
+    ".": {
+      "import": "./lib/module/index.js",
+      "require": "./lib/commonjs/index.js",
+      "types": "./lib/typescript/src/index.d.ts"
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "ios",
+    "react-native-markdownview.podspec",
+    "Package.swift"
+  ],
+  "scripts": {
+    "build": "bob build",
+    "prepack": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "markdown",
+    "markdownview",
+    "github-flavored-markdown",
+    "syntax-highlighting",
+    "native"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.28",
+    "react": "18.3.1",
+    "react-native": "0.75.0",
+    "react-native-builder-bob": "^0.41.0",
+    "typescript": "^5.9.3"
+  },
+  "codegenConfig": {
+    "name": "RNMarkdownViewSpec",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.markdownview"
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  }
+}

package/react-native-markdownview.podspec

@@ -0,0 +1,38 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-markdownview"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package.fetch("repository", {}).fetch("url", "https://github.com/HumanInterfaceDesign/MarkdownView")
+  s.license      = package["license"]
+  s.authors      = package["author"]
+  s.platforms    = { :ios => "16.0" }
+  s.source       = { :git => "https://github.com/your-org/react-native-markdownview.git", :tag => "#{s.version}" }
+
+  s.source_files  = "ios/**/*.{h,m,mm,swift}"
+  s.swift_version = "5.9"
+
+  # Exposes React Objective-C headers to Swift files inside this pod.
+  s.pod_target_xcconfig = {
+    "SWIFT_OBJC_BRIDGING_HEADER" => "$(PODS_TARGET_SRCROOT)/ios/react-native-markdownview-Bridging-Header.h",
+    # Allow the Swift compiler to find the MarkdownView Swift module when it is
+    # added to the host app via SPM (Xcode embeds SPM-built modules here).
+    "SWIFT_INCLUDE_PATHS" => "$(BUILD_DIR)/$(CONFIGURATION)$(EFFECTIVE_PLATFORM_NAME)/PackageFrameworks/**",
+  }
+
+  # ─── Dependencies ───────────────────────────────────────────────────────────
+  s.dependency "React-Core"
+
+  # MarkdownView must be added to the host app as a Swift Package dependency:
+  #   Xcode → File → Add Package Dependencies
+  #   https://github.com/HumanInterfaceDesign/MarkdownView
+  #
+  # If your app uses Swift Package Manager for React Native (RN 0.72+), the
+  # Package.swift in this repo declares the dependency automatically.
+
+  # ─── New Architecture (Fabric) ───────────────────────────────────────────────
+  install_modules_dependencies(s)
+end