react-native-enriched-markdown 0.1.0 → 0.1.1

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

@@ -0,0 +1,111 @@
+import { type ViewProps, type CodegenTypes, type ColorValue } from 'react-native';
+interface BaseBlockStyleInternal {
+    fontSize: CodegenTypes.Float;
+    fontFamily: string;
+    fontWeight: string;
+    color: ColorValue;
+    marginBottom: CodegenTypes.Float;
+    lineHeight: CodegenTypes.Float;
+}
+interface ParagraphStyleInternal extends BaseBlockStyleInternal {
+}
+interface HeadingStyleInternal extends BaseBlockStyleInternal {
+}
+interface BlockquoteStyleInternal extends BaseBlockStyleInternal {
+    borderColor: ColorValue;
+    borderWidth: CodegenTypes.Float;
+    gapWidth: CodegenTypes.Float;
+    backgroundColor: ColorValue;
+}
+interface ListStyleInternal extends BaseBlockStyleInternal {
+    bulletColor: ColorValue;
+    bulletSize: CodegenTypes.Float;
+    markerColor: ColorValue;
+    markerFontWeight: string;
+    gapWidth: CodegenTypes.Float;
+    marginLeft: CodegenTypes.Float;
+}
+interface CodeBlockStyleInternal extends BaseBlockStyleInternal {
+    backgroundColor: ColorValue;
+    borderColor: ColorValue;
+    borderRadius: CodegenTypes.Float;
+    borderWidth: CodegenTypes.Float;
+    padding: CodegenTypes.Float;
+}
+interface LinkStyleInternal {
+    color: ColorValue;
+    underline: boolean;
+}
+interface StrongStyleInternal {
+    color?: ColorValue;
+}
+interface EmphasisStyleInternal {
+    color?: ColorValue;
+}
+interface CodeStyleInternal {
+    color: ColorValue;
+    backgroundColor: ColorValue;
+    borderColor: ColorValue;
+}
+interface ImageStyleInternal {
+    height: CodegenTypes.Float;
+    borderRadius: CodegenTypes.Float;
+    marginBottom: CodegenTypes.Float;
+}
+interface InlineImageStyleInternal {
+    size: CodegenTypes.Float;
+}
+interface ThematicBreakStyleInternal {
+    color: ColorValue;
+    height: CodegenTypes.Float;
+    marginTop: CodegenTypes.Float;
+    marginBottom: CodegenTypes.Float;
+}
+export interface MarkdownStyleInternal {
+    paragraph: ParagraphStyleInternal;
+    h1: HeadingStyleInternal;
+    h2: HeadingStyleInternal;
+    h3: HeadingStyleInternal;
+    h4: HeadingStyleInternal;
+    h5: HeadingStyleInternal;
+    h6: HeadingStyleInternal;
+    blockquote: BlockquoteStyleInternal;
+    list: ListStyleInternal;
+    codeBlock: CodeBlockStyleInternal;
+    link: LinkStyleInternal;
+    strong: StrongStyleInternal;
+    em: EmphasisStyleInternal;
+    code: CodeStyleInternal;
+    image: ImageStyleInternal;
+    inlineImage: InlineImageStyleInternal;
+    thematicBreak: ThematicBreakStyleInternal;
+}
+export interface LinkPressEvent {
+    url: string;
+}
+export interface NativeProps extends ViewProps {
+    /**
+     * Markdown content to render.
+     */
+    markdown: string;
+    /**
+     * Internal style configuration for markdown elements.
+     * Always provided with complete defaults via normalizeMarkdownStyle.
+     * Block styles (paragraph, headings) contain fontSize, fontFamily, fontWeight, and color.
+     */
+    markdownStyle: MarkdownStyleInternal;
+    /**
+     * Callback fired when a link is pressed.
+     * Receives the URL that was tapped.
+     */
+    onLinkPress?: CodegenTypes.BubblingEventHandler<LinkPressEvent>;
+    /**
+     * - iOS: Controls text selection and link previews on long press.
+     * - Android: Controls text selection.
+     * @default true
+     */
+    isSelectable?: boolean;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=EnrichedMarkdownTextNativeComponent.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+export { default as EnrichedMarkdownText } from './EnrichedMarkdownText';
+export { default as EnrichedMarkdownTextNativeComponent } from './EnrichedMarkdownTextNativeComponent';
+export type { EnrichedMarkdownTextProps, MarkdownStyle, } from './EnrichedMarkdownText';
+export type { LinkPressEvent } from './EnrichedMarkdownTextNativeComponent';
+//# 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,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AACvG,YAAY,EACV,yBAAyB,EACzB,aAAa,GACd,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type ColorValue } from 'react-native';
+import type { MarkdownStyle } from './EnrichedMarkdownText';
+import type { MarkdownStyleInternal } from './EnrichedMarkdownTextNativeComponent';
+export declare const normalizeColor: (color: string | undefined) => ColorValue | undefined;
+export declare const normalizeMarkdownStyle: (style: MarkdownStyle) => MarkdownStyleInternal;
+//# sourceMappingURL=normalizeMarkdownStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeMarkdownStyle.d.ts","sourceRoot":"","sources":["../../../src/normalizeMarkdownStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAEnF,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,GAAG,SAAS,KACxB,UAAU,GAAG,SAMf,CAAC;AAiLF,eAAO,MAAM,sBAAsB,GACjC,OAAO,aAAa,KACnB,qBAyLF,CAAC"}

package/package.json

@@ -1,4 +1,189 @@
 {
   "name": "react-native-enriched-markdown",
-  "version": "0.1.0"
+  "version": "0.1.1",
+  "description": "Markdown Text component for React Native",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-enriched-markdown-example",
+    "android:build:release": "cd example && npx react-native build-android --mode=release",
+    "android:test:release": "cd example && yarn android --mode release",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint-clang:ios": "find ios/ \\( -iname \"*.h\" -o -iname \"*.m\" -o -iname \"*.mm\" \\) | grep -v -e Pods -e build | xargs npx clang-format -i -n --Werror",
+    "lint-clang:ios:fix": "find ios/ \\( -iname \"*.h\" -o -iname \"*.m\" -o -iname \"*.mm\" \\) | grep -v -e Pods -e build | xargs npx clang-format -i",
+    "lint-clang:android": "find android/ \\( -iname \"*.h\" -o -iname \"*.cpp\" \\) | grep -v -e build | xargs npx clang-format -i -n --Werror",
+    "lint-clang:android:fix": "find android/ \\( -iname \"*.h\" -o -iname \"*.cpp\" \\) | grep -v -e build | xargs npx clang-format -i",
+    "lint-clang": "yarn lint-clang:ios && yarn lint-clang:android",
+    "lint-clang:fix": "yarn lint-clang:ios:fix && yarn lint-clang:android:fix",
+    "lint-kotlin": "cd example/android && ./gradlew :react-native-enriched-markdown:ktlintCheck",
+    "lint-kotlin:fix": "cd example/android && ./gradlew :react-native-enriched-markdown:ktlintFormat",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "markdown"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/software-mansion-labs/react-native-enriched-markdown.git"
+  },
+  "author": "Gregory Moskaliuk <mosckalyuck@gmail.com> (https://github.com/hryhoriiK97)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/software-mansion-labs/react-native-enriched-markdown/issues"
+  },
+  "homepage": "https://github.com/software-mansion-labs/react-native-enriched-markdown#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@evilmartians/lefthook": "^1.12.3",
+    "@react-native-community/cli": "20.0.1",
+    "@react-native/babel-preset": "0.81.1",
+    "@react-native/eslint-config": "^0.81.1",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.1.0",
+    "clang-format": "^1.8.0",
+    "commitlint": "^19.8.1",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "jest": "^29.7.0",
+    "prettier": "^3.6.2",
+    "react": "19.1.0",
+    "react-native": "0.81.1",
+    "react-native-builder-bob": "^0.40.13",
+    "release-it": "^19.0.4",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "codegen",
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "EnrichedMarkdownTextSpec",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "outputDir": {
+      "ios": "ios/generated",
+      "android": "android/generated"
+    },
+    "android": {
+      "javaPackageName": "com.swmansion.enriched.markdown"
+    },
+    "ios": {
+      "components": {
+        "EnrichedMarkdownText": {
+          "className": "EnrichedMarkdownText"
+        }
+      }
+    },
+    "includesGeneratedCode": true
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "version": "0.54.6"
+  }
 }

package/react-native.config.js

@@ -0,0 +1,13 @@
+/**
+ * @type {import('@react-native-community/cli-types').UserDependencyConfig}
+ */
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        cmakeListsPath: '../android/src/main/jni/CMakeLists.txt',
+        componentDescriptors: ['MarkdownTextComponentDescriptor'],
+      },
+    },
+  },
+};

package/src/EnrichedMarkdownText.tsx

@@ -0,0 +1,152 @@
+import { useMemo, useCallback } from 'react';
+import EnrichedMarkdownTextNativeComponent, {
+  type NativeProps,
+  type LinkPressEvent,
+} from './EnrichedMarkdownTextNativeComponent';
+import { normalizeMarkdownStyle } from './normalizeMarkdownStyle';
+import type { ViewStyle, TextStyle, NativeSyntheticEvent } from 'react-native';
+
+interface BaseBlockStyle {
+  fontSize?: number;
+  fontFamily?: string;
+  fontWeight?: string;
+  color?: string;
+  marginBottom?: number;
+  lineHeight?: number;
+}
+
+interface ParagraphStyle extends BaseBlockStyle {}
+
+interface HeadingStyle extends BaseBlockStyle {}
+
+interface BlockquoteStyle extends BaseBlockStyle {
+  borderColor?: string;
+  borderWidth?: number;
+  gapWidth?: number;
+  backgroundColor?: string;
+}
+
+interface ListStyle extends BaseBlockStyle {
+  bulletColor?: string;
+  bulletSize?: number;
+  markerColor?: string;
+  markerFontWeight?: string;
+  gapWidth?: number;
+  marginLeft?: number;
+}
+
+interface CodeBlockStyle extends BaseBlockStyle {
+  backgroundColor?: string;
+  borderColor?: string;
+  borderRadius?: number;
+  borderWidth?: number;
+  padding?: number;
+}
+
+interface LinkStyle {
+  color?: string;
+  underline?: boolean;
+}
+
+interface StrongStyle {
+  color?: string;
+}
+
+interface EmphasisStyle {
+  color?: string;
+}
+
+interface CodeStyle {
+  color?: string;
+  backgroundColor?: string;
+  borderColor?: string;
+}
+
+interface ImageStyle {
+  height?: number;
+  borderRadius?: number;
+  marginBottom?: number;
+}
+
+interface InlineImageStyle {
+  size?: number;
+}
+
+interface ThematicBreakStyle {
+  color?: string;
+  height?: number;
+  marginTop?: number;
+  marginBottom?: number;
+}
+
+export interface MarkdownStyle {
+  paragraph?: ParagraphStyle;
+  h1?: HeadingStyle;
+  h2?: HeadingStyle;
+  h3?: HeadingStyle;
+  h4?: HeadingStyle;
+  h5?: HeadingStyle;
+  h6?: HeadingStyle;
+  blockquote?: BlockquoteStyle;
+  list?: ListStyle;
+  codeBlock?: CodeBlockStyle;
+  link?: LinkStyle;
+  strong?: StrongStyle;
+  em?: EmphasisStyle;
+  code?: CodeStyle;
+  image?: ImageStyle;
+  inlineImage?: InlineImageStyle;
+  thematicBreak?: ThematicBreakStyle;
+}
+
+export interface EnrichedMarkdownTextProps
+  extends Omit<NativeProps, 'markdownStyle' | 'style' | 'onLinkPress'> {
+  /**
+   * Style configuration for markdown elements
+   */
+  markdownStyle?: MarkdownStyle;
+  /**
+   * Style for the container view.
+   */
+  containerStyle?: ViewStyle | TextStyle;
+  /**
+   * Callback fired when a link is pressed.
+   * Receives the link URL directly.
+   */
+  onLinkPress?: (event: LinkPressEvent) => void;
+}
+
+export const EnrichedMarkdownText = ({
+  markdown,
+  markdownStyle = {},
+  containerStyle,
+  onLinkPress,
+  isSelectable = true,
+  ...rest
+}: EnrichedMarkdownTextProps) => {
+  const normalizedStyle = useMemo(
+    () => normalizeMarkdownStyle(markdownStyle),
+    [markdownStyle]
+  );
+
+  const handleLinkPress = useCallback(
+    (e: NativeSyntheticEvent<LinkPressEvent>) => {
+      const { url } = e.nativeEvent;
+      onLinkPress?.({ url });
+    },
+    [onLinkPress]
+  );
+
+  return (
+    <EnrichedMarkdownTextNativeComponent
+      markdown={markdown}
+      markdownStyle={normalizedStyle}
+      onLinkPress={handleLinkPress}
+      isSelectable={isSelectable}
+      style={containerStyle}
+      {...rest}
+    />
+  );
+};
+
+export default EnrichedMarkdownText;

package/src/EnrichedMarkdownTextNativeComponent.ts

@@ -0,0 +1,130 @@
+import {
+  codegenNativeComponent,
+  type ViewProps,
+  type CodegenTypes,
+  type ColorValue,
+} from 'react-native';
+
+// All block styles extend this interface
+interface BaseBlockStyleInternal {
+  fontSize: CodegenTypes.Float;
+  fontFamily: string;
+  fontWeight: string;
+  color: ColorValue;
+  marginBottom: CodegenTypes.Float;
+  lineHeight: CodegenTypes.Float;
+}
+
+interface ParagraphStyleInternal extends BaseBlockStyleInternal {}
+
+interface HeadingStyleInternal extends BaseBlockStyleInternal {}
+
+interface BlockquoteStyleInternal extends BaseBlockStyleInternal {
+  borderColor: ColorValue;
+  borderWidth: CodegenTypes.Float;
+  gapWidth: CodegenTypes.Float;
+  backgroundColor: ColorValue;
+}
+
+interface ListStyleInternal extends BaseBlockStyleInternal {
+  bulletColor: ColorValue;
+  bulletSize: CodegenTypes.Float;
+  markerColor: ColorValue;
+  markerFontWeight: string;
+  gapWidth: CodegenTypes.Float;
+  marginLeft: CodegenTypes.Float;
+}
+
+interface CodeBlockStyleInternal extends BaseBlockStyleInternal {
+  backgroundColor: ColorValue;
+  borderColor: ColorValue;
+  borderRadius: CodegenTypes.Float;
+  borderWidth: CodegenTypes.Float;
+  padding: CodegenTypes.Float;
+}
+
+interface LinkStyleInternal {
+  color: ColorValue;
+  underline: boolean;
+}
+
+interface StrongStyleInternal {
+  color?: ColorValue;
+}
+
+interface EmphasisStyleInternal {
+  color?: ColorValue;
+}
+
+interface CodeStyleInternal {
+  color: ColorValue;
+  backgroundColor: ColorValue;
+  borderColor: ColorValue;
+}
+
+interface ImageStyleInternal {
+  height: CodegenTypes.Float;
+  borderRadius: CodegenTypes.Float;
+  marginBottom: CodegenTypes.Float;
+}
+
+interface InlineImageStyleInternal {
+  size: CodegenTypes.Float;
+}
+
+interface ThematicBreakStyleInternal {
+  color: ColorValue;
+  height: CodegenTypes.Float;
+  marginTop: CodegenTypes.Float;
+  marginBottom: CodegenTypes.Float;
+}
+
+export interface MarkdownStyleInternal {
+  paragraph: ParagraphStyleInternal;
+  h1: HeadingStyleInternal;
+  h2: HeadingStyleInternal;
+  h3: HeadingStyleInternal;
+  h4: HeadingStyleInternal;
+  h5: HeadingStyleInternal;
+  h6: HeadingStyleInternal;
+  blockquote: BlockquoteStyleInternal;
+  list: ListStyleInternal;
+  codeBlock: CodeBlockStyleInternal;
+  link: LinkStyleInternal;
+  strong: StrongStyleInternal;
+  em: EmphasisStyleInternal;
+  code: CodeStyleInternal;
+  image: ImageStyleInternal;
+  inlineImage: InlineImageStyleInternal;
+  thematicBreak: ThematicBreakStyleInternal;
+}
+
+export interface LinkPressEvent {
+  url: string;
+}
+
+export interface NativeProps extends ViewProps {
+  /**
+   * Markdown content to render.
+   */
+  markdown: string;
+  /**
+   * Internal style configuration for markdown elements.
+   * Always provided with complete defaults via normalizeMarkdownStyle.
+   * Block styles (paragraph, headings) contain fontSize, fontFamily, fontWeight, and color.
+   */
+  markdownStyle: MarkdownStyleInternal;
+  /**
+   * Callback fired when a link is pressed.
+   * Receives the URL that was tapped.
+   */
+  onLinkPress?: CodegenTypes.BubblingEventHandler<LinkPressEvent>;
+  /**
+   * - iOS: Controls text selection and link previews on long press.
+   * - Android: Controls text selection.
+   * @default true
+   */
+  isSelectable?: boolean;
+}
+
+export default codegenNativeComponent<NativeProps>('EnrichedMarkdownText');

package/src/index.tsx

@@ -0,0 +1,7 @@
+export { default as EnrichedMarkdownText } from './EnrichedMarkdownText';
+export { default as EnrichedMarkdownTextNativeComponent } from './EnrichedMarkdownTextNativeComponent';
+export type {
+  EnrichedMarkdownTextProps,
+  MarkdownStyle,
+} from './EnrichedMarkdownText';
+export type { LinkPressEvent } from './EnrichedMarkdownTextNativeComponent';