react-native-markdown-native 1.0.0

package/ios/MarkdownViewManager.m

@@ -0,0 +1,27 @@
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(MarkdownViewManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(markdownText, NSString)
+RCT_EXPORT_VIEW_PROPERTY(markdownFontSize, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(markdownColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(markdownFontFamily, NSString)
+RCT_EXPORT_VIEW_PROPERTY(markdownSelectionColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(markdownScrollEnabled, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(markdownSelectable, BOOL)
+// Customization props
+RCT_EXPORT_VIEW_PROPERTY(markdownLinkColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(markdownLineSpacing, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(markdownParagraphSpacing, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(markdownBulletIndent, CGFloat)
+// List styling props
+RCT_EXPORT_VIEW_PROPERTY(markdownListLeftInset, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(markdownListSpacingBefore, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(markdownListSpacingAfter, CGFloat)
+// New rules-based styling system
+RCT_EXPORT_VIEW_PROPERTY(markdownRulesJson, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onNativeSizeChange, RCTDirectEventBlock)
+
+@end
+
+

package/ios/MarkdownViewManager.swift

@@ -0,0 +1,20 @@
+import Foundation
+import React
+
+@objc(MarkdownViewManager)
+class MarkdownViewManager: RCTViewManager {
+
+  override func view() -> UIView! {
+    if #available(iOS 15.0, *) {
+      return MarkdownView()
+    } else {
+      let label = UILabel()
+      label.text = "Markdown requires iOS 15+"
+      return label
+    }
+  }
+
+  override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+}

package/lib/commonjs/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_MARKDOWN_RULES", {
+  enumerable: true,
+  get: function () {
+    return _types.DEFAULT_MARKDOWN_RULES;
+  }
+});
+Object.defineProperty(exports, "MarkdownElementType", {
+  enumerable: true,
+  get: function () {
+    return _types.MarkdownElementType;
+  }
+});
+exports.MarkdownView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _types = require("./types");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Re-export types for convenience
+
+const NativeMarkdownView = (0, _reactNative.requireNativeComponent)('MarkdownView');
+const MarkdownView = props => {
+  const {
+    onNativeSizeChange,
+    markdownRules
+  } = props;
+  const [nativeHeight, setNativeHeight] = (0, _react.useState)(0);
+
+  // Merge user rules with defaults
+  const finalRules = (0, _react.useMemo)(() => {
+    if (!markdownRules) {
+      return _types.DEFAULT_MARKDOWN_RULES;
+    }
+    return {
+      ..._types.DEFAULT_MARKDOWN_RULES,
+      ...markdownRules
+    };
+  }, [markdownRules]);
+
+  // Serialize rules to JSON for native modules
+  const rulesJson = (0, _react.useMemo)(() => {
+    return JSON.stringify(finalRules);
+  }, [finalRules]);
+
+  // Default values (maintained for backward compatibility)
+  const defaultProps = {
+    markdownFontSize: 16,
+    markdownColor: '#000000',
+    markdownFontFamily: undefined,
+    markdownSelectionColor: '#ACCEF7',
+    markdownScrollEnabled: false,
+    markdownSelectable: true,
+    markdownLinkColor: '#007AFF',
+    markdownLineSpacing: 0,
+    markdownParagraphSpacing: 0,
+    markdownBulletIndent: 20,
+    markdownListLeftInset: 10,
+    markdownListSpacingBefore: 0,
+    markdownListSpacingAfter: 0
+  };
+  const mergedProps = {
+    ...defaultProps,
+    ...props,
+    markdownRulesJson: rulesJson
+  };
+  const fontSize = mergedProps.markdownFontSize;
+  // Minimum height based on font size (single line)
+  const minHeight = fontSize * 1.5;
+  const handleNativeSizeChange = (0, _react.useCallback)(event => {
+    const {
+      height
+    } = event.nativeEvent;
+    if (height > 0 && Math.abs(height - nativeHeight) > 0.5) {
+      setNativeHeight(height);
+    }
+    onNativeSizeChange?.(event);
+  }, [nativeHeight, onNativeSizeChange]);
+
+  // Use nativeHeight if available, otherwise minHeight ensures visibility
+  const dynamicStyle = {
+    minHeight: minHeight,
+    height: nativeHeight > 0 ? nativeHeight : undefined
+  };
+  const nativeView = /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeMarkdownView, {
+    ...mergedProps,
+    style: [dynamicStyle, props.style],
+    onNativeSizeChange: handleNativeSizeChange
+  });
+  return nativeView;
+};
+exports.MarkdownView = MarkdownView;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_types","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NativeMarkdownView","requireNativeComponent","MarkdownView","props","onNativeSizeChange","markdownRules","nativeHeight","setNativeHeight","useState","finalRules","useMemo","DEFAULT_MARKDOWN_RULES","rulesJson","JSON","stringify","defaultProps","markdownFontSize","markdownColor","markdownFontFamily","undefined","markdownSelectionColor","markdownScrollEnabled","markdownSelectable","markdownLinkColor","markdownLineSpacing","markdownParagraphSpacing","markdownBulletIndent","markdownListLeftInset","markdownListSpacingBefore","markdownListSpacingAfter","mergedProps","markdownRulesJson","fontSize","minHeight","handleNativeSizeChange","useCallback","event","height","nativeEvent","Math","abs","dynamicStyle","nativeView","jsx","style","exports"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/commonjs/types.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarkdownElementType = exports.DEFAULT_MARKDOWN_RULES = void 0;
+/**
+ * All supported markdown element types
+ */
+let MarkdownElementType = exports.MarkdownElementType = /*#__PURE__*/function (MarkdownElementType) {
+  // Headers
+  MarkdownElementType["HEADING1"] = "heading1";
+  MarkdownElementType["HEADING2"] = "heading2";
+  MarkdownElementType["HEADING3"] = "heading3";
+  MarkdownElementType["HEADING4"] = "heading4";
+  MarkdownElementType["HEADING5"] = "heading5";
+  MarkdownElementType["HEADING6"] = "heading6";
+  // Text blocks
+  MarkdownElementType["PARAGRAPH"] = "paragraph";
+  MarkdownElementType["BLOCKQUOTE"] = "blockquote";
+  // Lists
+  MarkdownElementType["LIST"] = "list";
+  MarkdownElementType["LIST_ITEM"] = "listItem";
+  MarkdownElementType["ORDERED_LIST"] = "orderedList";
+  MarkdownElementType["ORDERED_LIST_ITEM"] = "orderedListItem";
+  // Code
+  MarkdownElementType["CODE_INLINE"] = "codeInline";
+  MarkdownElementType["CODE_BLOCK"] = "codeBlock";
+  // Inline styles
+  MarkdownElementType["STRONG"] = "strong";
+  MarkdownElementType["EM"] = "em";
+  MarkdownElementType["STRIKETHROUGH"] = "strikethrough";
+  MarkdownElementType["LINK"] = "link";
+  // Other
+  MarkdownElementType["HR"] = "hr";
+  return MarkdownElementType;
+}({});
+/**
+ * Style definition for a markdown element
+ * Extends React Native TextStyle with additional custom properties
+ */
+/**
+ * Complete rules configuration for all markdown elements
+ */
+/**
+ * Default markdown rules that match the current behavior
+ * These ensure consistent rendering across iOS and Android
+ */
+const DEFAULT_MARKDOWN_RULES = exports.DEFAULT_MARKDOWN_RULES = {
+  [MarkdownElementType.HEADING1]: {
+    fontSize: 32,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING2]: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING3]: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING4]: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING5]: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING6]: {
+    fontSize: 14,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.PARAGRAPH]: {
+    marginBottom: 12
+  },
+  [MarkdownElementType.BLOCKQUOTE]: {
+    marginLeft: 16,
+    marginTop: 8,
+    marginBottom: 8,
+    paddingLeft: 12,
+    borderLeftWidth: 4,
+    borderLeftColor: '#CCCCCC',
+    fontStyle: 'italic',
+    color: '#666666'
+  },
+  [MarkdownElementType.LIST]: {
+    marginTop: 8,
+    marginBottom: 8
+  },
+  [MarkdownElementType.LIST_ITEM]: {
+    marginBottom: 4,
+    listLeftInset: 10,
+    bulletIndent: 20
+  },
+  [MarkdownElementType.ORDERED_LIST]: {
+    marginTop: 8,
+    marginBottom: 8
+  },
+  [MarkdownElementType.ORDERED_LIST_ITEM]: {
+    marginBottom: 4,
+    listLeftInset: 10,
+    bulletIndent: 20
+  },
+  [MarkdownElementType.CODE_INLINE]: {
+    fontFamily: 'Menlo, Monaco, Courier New, monospace',
+    backgroundColor: '#F5F5F5',
+    paddingLeft: 4,
+    paddingRight: 4,
+    paddingTop: 2,
+    paddingBottom: 2,
+    borderRadius: 3
+  },
+  [MarkdownElementType.CODE_BLOCK]: {
+    fontFamily: 'Menlo, Monaco, Courier New, monospace',
+    backgroundColor: '#F5F5F5',
+    padding: 12,
+    borderRadius: 4,
+    marginTop: 8,
+    marginBottom: 8
+  },
+  [MarkdownElementType.STRONG]: {
+    fontWeight: 'bold'
+  },
+  [MarkdownElementType.EM]: {
+    fontStyle: 'italic'
+  },
+  [MarkdownElementType.STRIKETHROUGH]: {
+    textDecorationLine: 'line-through'
+  },
+  [MarkdownElementType.LINK]: {
+    color: '#007AFF',
+    textDecorationLine: 'underline'
+  },
+  [MarkdownElementType.HR]: {
+    marginTop: 16,
+    marginBottom: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: '#CCCCCC'
+  }
+};
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MarkdownElementType","exports","DEFAULT_MARKDOWN_RULES","HEADING1","fontSize","fontWeight","marginTop","marginBottom","HEADING2","HEADING3","HEADING4","HEADING5","HEADING6","PARAGRAPH","BLOCKQUOTE","marginLeft","paddingLeft","borderLeftWidth","borderLeftColor","fontStyle","color","LIST","LIST_ITEM","listLeftInset","bulletIndent","ORDERED_LIST","ORDERED_LIST_ITEM","CODE_INLINE","fontFamily","backgroundColor","paddingRight","paddingTop","paddingBottom","borderRadius","CODE_BLOCK","padding","STRONG","EM","STRIKETHROUGH","textDecorationLine","LINK","HR","borderBottomWidth","borderBottomColor"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"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","ignoreList":[]}

package/lib/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ViewProps, NativeSyntheticEvent } from 'react-native';
+export type NativeMarkdownSizeEvent = {
+  width: number;
+  height: number;
+};
+export interface NativeMarkdownViewProps extends ViewProps {
+  markdownText: string;
+  markdownFontSize?: number;
+  markdownColor?: string;
+  markdownFontFamily?: string;
+  markdownSelectionColor?: string;
+  markdownScrollEnabled?: boolean;
+  markdownSelectable?: boolean;
+  markdownLinkColor?: string;
+  markdownLineSpacing?: number;
+  markdownParagraphSpacing?: number;
+  markdownBulletIndent?: number;
+  markdownListLeftInset?: number;
+  markdownListSpacingBefore?: number;
+  markdownListSpacingAfter?: number;
+  onNativeSizeChange?: (
+    event: NativeSyntheticEvent<NativeMarkdownSizeEvent>
+  ) => void;
+}
+export declare const MarkdownView: React.FC<NativeMarkdownViewProps>;

package/lib/index.js

@@ -0,0 +1,97 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null)
+      for (var k in mod)
+        if (k !== 'default' && Object.prototype.hasOwnProperty.call(mod, k))
+          __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MarkdownView = void 0;
+const react_1 = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const NativeMarkdownView = (0, react_native_1.requireNativeComponent)(
+  'MarkdownView'
+);
+const MarkdownView = (props) => {
+  const [nativeHeight, setNativeHeight] = (0, react_1.useState)(0);
+  // Default values
+  const defaultProps = {
+    markdownFontSize: 16,
+    markdownColor: '#000000',
+    markdownFontFamily: undefined,
+    markdownSelectionColor: '#ACCEF7',
+    markdownScrollEnabled: false,
+    markdownSelectable: true,
+    markdownLinkColor: '#007AFF',
+    markdownLineSpacing: 0,
+    markdownParagraphSpacing: 0,
+    markdownBulletIndent: 20,
+    markdownListLeftInset: 10,
+    markdownListSpacingBefore: 0,
+    markdownListSpacingAfter: 0,
+  };
+  const mergedProps = { ...defaultProps, ...props };
+  const fontSize = mergedProps.markdownFontSize;
+  // Minimum height based on font size (single line)
+  const minHeight = fontSize * 1.5;
+  const handleNativeSizeChange = (0, react_1.useCallback)(
+    (event) => {
+      const { height } = event.nativeEvent;
+      if (height > 0 && Math.abs(height - nativeHeight) > 0.5) {
+        setNativeHeight(height);
+      }
+      props.onNativeSizeChange?.(event);
+    },
+    [nativeHeight, props.onNativeSizeChange]
+  );
+  // Use nativeHeight if available, otherwise minHeight ensures visibility
+  const dynamicStyle = {
+    minHeight: minHeight,
+    height: nativeHeight > 0 ? nativeHeight : undefined,
+  };
+  const nativeView = react_1.default.createElement(NativeMarkdownView, {
+    ...mergedProps,
+    style: [dynamicStyle, props.style],
+    onNativeSizeChange: handleNativeSizeChange,
+  });
+  return nativeView;
+};
+exports.MarkdownView = MarkdownView;

package/lib/module/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import React, { useState, useCallback, useMemo } from 'react';
+import { requireNativeComponent } from 'react-native';
+import { DEFAULT_MARKDOWN_RULES } from './types';
+
+// Re-export types for convenience
+import { jsx as _jsx } from "react/jsx-runtime";
+export { MarkdownElementType, DEFAULT_MARKDOWN_RULES } from './types';
+const NativeMarkdownView = requireNativeComponent('MarkdownView');
+export const MarkdownView = props => {
+  const {
+    onNativeSizeChange,
+    markdownRules
+  } = props;
+  const [nativeHeight, setNativeHeight] = useState(0);
+
+  // Merge user rules with defaults
+  const finalRules = useMemo(() => {
+    if (!markdownRules) {
+      return DEFAULT_MARKDOWN_RULES;
+    }
+    return {
+      ...DEFAULT_MARKDOWN_RULES,
+      ...markdownRules
+    };
+  }, [markdownRules]);
+
+  // Serialize rules to JSON for native modules
+  const rulesJson = useMemo(() => {
+    return JSON.stringify(finalRules);
+  }, [finalRules]);
+
+  // Default values (maintained for backward compatibility)
+  const defaultProps = {
+    markdownFontSize: 16,
+    markdownColor: '#000000',
+    markdownFontFamily: undefined,
+    markdownSelectionColor: '#ACCEF7',
+    markdownScrollEnabled: false,
+    markdownSelectable: true,
+    markdownLinkColor: '#007AFF',
+    markdownLineSpacing: 0,
+    markdownParagraphSpacing: 0,
+    markdownBulletIndent: 20,
+    markdownListLeftInset: 10,
+    markdownListSpacingBefore: 0,
+    markdownListSpacingAfter: 0
+  };
+  const mergedProps = {
+    ...defaultProps,
+    ...props,
+    markdownRulesJson: rulesJson
+  };
+  const fontSize = mergedProps.markdownFontSize;
+  // Minimum height based on font size (single line)
+  const minHeight = fontSize * 1.5;
+  const handleNativeSizeChange = useCallback(event => {
+    const {
+      height
+    } = event.nativeEvent;
+    if (height > 0 && Math.abs(height - nativeHeight) > 0.5) {
+      setNativeHeight(height);
+    }
+    onNativeSizeChange?.(event);
+  }, [nativeHeight, onNativeSizeChange]);
+
+  // Use nativeHeight if available, otherwise minHeight ensures visibility
+  const dynamicStyle = {
+    minHeight: minHeight,
+    height: nativeHeight > 0 ? nativeHeight : undefined
+  };
+  const nativeView = /*#__PURE__*/_jsx(NativeMarkdownView, {
+    ...mergedProps,
+    style: [dynamicStyle, props.style],
+    onNativeSizeChange: handleNativeSizeChange
+  });
+  return nativeView;
+};
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useMemo","requireNativeComponent","DEFAULT_MARKDOWN_RULES","jsx","_jsx","MarkdownElementType","NativeMarkdownView","MarkdownView","props","onNativeSizeChange","markdownRules","nativeHeight","setNativeHeight","finalRules","rulesJson","JSON","stringify","defaultProps","markdownFontSize","markdownColor","markdownFontFamily","undefined","markdownSelectionColor","markdownScrollEnabled","markdownSelectable","markdownLinkColor","markdownLineSpacing","markdownParagraphSpacing","markdownBulletIndent","markdownListLeftInset","markdownListSpacingBefore","markdownListSpacingAfter","mergedProps","markdownRulesJson","fontSize","minHeight","handleNativeSizeChange","event","height","nativeEvent","Math","abs","dynamicStyle","nativeView","style"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC7D,SACEC,sBAAsB,QAGjB,cAAc;AACrB,SAAwBC,sBAAsB,QAAQ,SAAS;;AAiC/D;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,SAASC,mBAAmB,EAAEH,sBAAsB,QAAQ,SAAS;AAErE,MAAMI,kBAAkB,GACtBL,sBAAsB,CAA0B,cAAc,CAAC;AAEjE,OAAO,MAAMM,YAA+C,GAAIC,KAAK,IAAK;EACxE,MAAM;IAAEC,kBAAkB;IAAEC;EAAc,CAAC,GAAGF,KAAK;EACnD,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGd,QAAQ,CAAS,CAAC,CAAC;;EAE3D;EACA,MAAMe,UAAU,GAAGb,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACU,aAAa,EAAE;MAClB,OAAOR,sBAAsB;IAC/B;IACA,OAAO;MAAE,GAAGA,sBAAsB;MAAE,GAAGQ;IAAc,CAAC;EACxD,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;;EAEnB;EACA,MAAMI,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC9B,OAAOe,IAAI,CAACC,SAAS,CAACH,UAAU,CAAC;EACnC,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;;EAEhB;EACA,MAAMI,YAAY,GAAG;IACnBC,gBAAgB,EAAE,EAAE;IACpBC,aAAa,EAAE,SAAS;IACxBC,kBAAkB,EAAEC,SAAS;IAC7BC,sBAAsB,EAAE,SAAS;IACjCC,qBAAqB,EAAE,KAAK;IAC5BC,kBAAkB,EAAE,IAAI;IACxBC,iBAAiB,EAAE,SAAS;IAC5BC,mBAAmB,EAAE,CAAC;IACtBC,wBAAwB,EAAE,CAAC;IAC3BC,oBAAoB,EAAE,EAAE;IACxBC,qBAAqB,EAAE,EAAE;IACzBC,yBAAyB,EAAE,CAAC;IAC5BC,wBAAwB,EAAE;EAC5B,CAAC;EAED,MAAMC,WAAW,GAAG;IAClB,GAAGf,YAAY;IACf,GAAGT,KAAK;IACRyB,iBAAiB,EAAEnB;EACrB,CAAC;EAED,MAAMoB,QAAQ,GAAGF,WAAW,CAACd,gBAAgB;EAC7C;EACA,MAAMiB,SAAS,GAAGD,QAAQ,GAAG,GAAG;EAEhC,MAAME,sBAAsB,GAAGrC,WAAW,CACvCsC,KAAoD,IAAK;IACxD,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK,CAACE,WAAW;IACpC,IAAID,MAAM,GAAG,CAAC,IAAIE,IAAI,CAACC,GAAG,CAACH,MAAM,GAAG3B,YAAY,CAAC,GAAG,GAAG,EAAE;MACvDC,eAAe,CAAC0B,MAAM,CAAC;IACzB;IACA7B,kBAAkB,GAAG4B,KAAK,CAAC;EAC7B,CAAC,EACD,CAAC1B,YAAY,EAAEF,kBAAkB,CACnC,CAAC;;EAED;EACA,MAAMiC,YAAY,GAAG;IACnBP,SAAS,EAAEA,SAAS;IACpBG,MAAM,EAAE3B,YAAY,GAAG,CAAC,GAAGA,YAAY,GAAGU;EAC5C,CAAC;EAED,MAAMsB,UAAU,gBACdvC,IAAA,CAACE,kBAAkB;IAAA,GACb0B,WAAW;IACfY,KAAK,EAAE,CAACF,YAAY,EAAElC,KAAK,CAACoC,KAAK,CAAE;IACnCnC,kBAAkB,EAAE2B;EAAuB,CAC5C,CACF;EAED,OAAOO,UAAU;AACnB,CAAC","ignoreList":[]}

package/lib/module/types.js

@@ -0,0 +1,153 @@
+"use strict";
+
+/**
+ * All supported markdown element types
+ */
+export let MarkdownElementType = /*#__PURE__*/function (MarkdownElementType) {
+  // Headers
+  MarkdownElementType["HEADING1"] = "heading1";
+  MarkdownElementType["HEADING2"] = "heading2";
+  MarkdownElementType["HEADING3"] = "heading3";
+  MarkdownElementType["HEADING4"] = "heading4";
+  MarkdownElementType["HEADING5"] = "heading5";
+  MarkdownElementType["HEADING6"] = "heading6";
+  // Text blocks
+  MarkdownElementType["PARAGRAPH"] = "paragraph";
+  MarkdownElementType["BLOCKQUOTE"] = "blockquote";
+  // Lists
+  MarkdownElementType["LIST"] = "list";
+  MarkdownElementType["LIST_ITEM"] = "listItem";
+  MarkdownElementType["ORDERED_LIST"] = "orderedList";
+  MarkdownElementType["ORDERED_LIST_ITEM"] = "orderedListItem";
+  // Code
+  MarkdownElementType["CODE_INLINE"] = "codeInline";
+  MarkdownElementType["CODE_BLOCK"] = "codeBlock";
+  // Inline styles
+  MarkdownElementType["STRONG"] = "strong";
+  MarkdownElementType["EM"] = "em";
+  MarkdownElementType["STRIKETHROUGH"] = "strikethrough";
+  MarkdownElementType["LINK"] = "link";
+  // Other
+  MarkdownElementType["HR"] = "hr";
+  return MarkdownElementType;
+}({});
+
+/**
+ * Style definition for a markdown element
+ * Extends React Native TextStyle with additional custom properties
+ */
+
+/**
+ * Complete rules configuration for all markdown elements
+ */
+
+/**
+ * Default markdown rules that match the current behavior
+ * These ensure consistent rendering across iOS and Android
+ */
+export const DEFAULT_MARKDOWN_RULES = {
+  [MarkdownElementType.HEADING1]: {
+    fontSize: 32,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING2]: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING3]: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING4]: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING5]: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.HEADING6]: {
+    fontSize: 14,
+    fontWeight: 'bold',
+    marginTop: 8,
+    marginBottom: 4
+  },
+  [MarkdownElementType.PARAGRAPH]: {
+    marginBottom: 12
+  },
+  [MarkdownElementType.BLOCKQUOTE]: {
+    marginLeft: 16,
+    marginTop: 8,
+    marginBottom: 8,
+    paddingLeft: 12,
+    borderLeftWidth: 4,
+    borderLeftColor: '#CCCCCC',
+    fontStyle: 'italic',
+    color: '#666666'
+  },
+  [MarkdownElementType.LIST]: {
+    marginTop: 8,
+    marginBottom: 8
+  },
+  [MarkdownElementType.LIST_ITEM]: {
+    marginBottom: 4,
+    listLeftInset: 10,
+    bulletIndent: 20
+  },
+  [MarkdownElementType.ORDERED_LIST]: {
+    marginTop: 8,
+    marginBottom: 8
+  },
+  [MarkdownElementType.ORDERED_LIST_ITEM]: {
+    marginBottom: 4,
+    listLeftInset: 10,
+    bulletIndent: 20
+  },
+  [MarkdownElementType.CODE_INLINE]: {
+    fontFamily: 'Menlo, Monaco, Courier New, monospace',
+    backgroundColor: '#F5F5F5',
+    paddingLeft: 4,
+    paddingRight: 4,
+    paddingTop: 2,
+    paddingBottom: 2,
+    borderRadius: 3
+  },
+  [MarkdownElementType.CODE_BLOCK]: {
+    fontFamily: 'Menlo, Monaco, Courier New, monospace',
+    backgroundColor: '#F5F5F5',
+    padding: 12,
+    borderRadius: 4,
+    marginTop: 8,
+    marginBottom: 8
+  },
+  [MarkdownElementType.STRONG]: {
+    fontWeight: 'bold'
+  },
+  [MarkdownElementType.EM]: {
+    fontStyle: 'italic'
+  },
+  [MarkdownElementType.STRIKETHROUGH]: {
+    textDecorationLine: 'line-through'
+  },
+  [MarkdownElementType.LINK]: {
+    color: '#007AFF',
+    textDecorationLine: 'underline'
+  },
+  [MarkdownElementType.HR]: {
+    marginTop: 16,
+    marginBottom: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: '#CCCCCC'
+  }
+};
+//# sourceMappingURL=types.js.map