@mathers101/react-native-render-rich-text 0.1.9 → 0.1.14

package/package.json

@@ -1,70 +1,65 @@
-{
-  "name": "@mathers101/react-native-render-rich-text",
-  "version": "0.1.9",
-  "description": "Render Tiptap documents with the React Native rich text display path.",
-  "main": "src/index.tsx",
-  "react-native": "src/index.tsx",
-  "source": "src/index.tsx",
-  "types": "src/index.tsx",
-  "files": [
-    "src",
-    "cpp/parser",
-    "cpp/vendor",
-    "ios",
-    "android/src",
-    "android/build.gradle",
-    "android/consumer-rules.pro",
-    "ReactNativeRenderRichText.podspec",
-    "react-native.config.js"
-  ],
-  "license": "MIT",
-  "author": "Software Mansion",
-  "homepage": "https://github.com/mathers101/react-native-render-rich-text",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/mathers101/react-native-render-rich-text.git"
-  },
-  "private": false,
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org",
-    "access": "public"
-  },
-  "workspaces": {
-    "packages": [
-      "example"
-    ],
-    "nohoist": [
-      "render-rich-text-example/react-native-render-rich-text"
-    ]
-  },
-  "scripts": {
-    "typecheck": "tsc --noEmit",
-    "test:parser": "g++ -std=c++17 -Wall -Wextra -I cpp/parser -I cpp/vendor -o /tmp/parser_tests cpp/parser/TiptapParser.cpp cpp/tests/parser_tests.cpp && /tmp/parser_tests",
-    "example": "yarn workspace render-rich-text-example start"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "devDependencies": {
-    "@types/react": "^19.2.0",
-    "react": "19.3.0",
-    "react-native": "0.88.0",
-    "typescript": "^6.0.2"
-  },
-  "codegenConfig": {
-    "name": "RichTextSpec",
-    "type": "components",
-    "jsSrcsDir": "src",
-    "android": {
-      "javaPackageName": "com.renderrichtext"
-    },
-    "ios": {
-      "components": {
-        "EnrichedTiptapText": {
-          "className": "EnrichedTiptapText"
-        }
-      }
-    }
-  }
-}
+{
+  "name": "@mathers101/react-native-render-rich-text",
+  "version": "0.1.14",
+  "description": "Render Tiptap documents with the React Native rich text display path.",
+  "main": "src/index.tsx",
+  "react-native": "src/index.tsx",
+  "source": "src/index.tsx",
+  "types": "src/index.tsx",
+  "files": [
+    "src",
+    "cpp/parser",
+    "cpp/vendor",
+    "ios",
+    "android/src",
+    "android/build.gradle",
+    "android/consumer-rules.pro",
+    "ReactNativeRenderRichText.podspec",
+    "react-native.config.js"
+  ],
+  "license": "MIT",
+  "author": "Software Mansion",
+  "homepage": "https://github.com/mathers101/react-native-render-rich-text",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mathers101/react-native-render-rich-text.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test:parser": "g++ -std=c++17 -Wall -Wextra -I cpp/parser -I cpp/vendor -o /tmp/parser_tests cpp/parser/TiptapParser.cpp cpp/tests/parser_tests.cpp && /tmp/parser_tests",
+    "example": "yarn workspace render-rich-text-example start"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.0",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
+    "typescript": "^6.0.2"
+  },
+  "codegenConfig": {
+    "name": "RichTextSpec",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.renderrichtext"
+    },
+    "ios": {
+      "components": {
+        "EnrichedTiptapText": {
+          "className": "EnrichedTiptapText"
+        }
+      }
+    }
+  }
+}

package/react-native.config.js

@@ -1,10 +1,10 @@
-module.exports = {
-  dependency: {
-    platforms: {
-      android: {
-        cmakeListsPath: 'src/main/jni/CMakeLists.txt',
-        componentDescriptors: ['EnrichedTiptapTextComponentDescriptor'],
-      },
-    },
-  },
-};
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        cmakeListsPath: 'src/main/jni/CMakeLists.txt',
+        componentDescriptors: ['EnrichedTiptapTextComponentDescriptor'],
+      },
+    },
+  },
+};

package/src/admonitionDefaults.ts

@@ -1,58 +1,58 @@
-import { normalizeColor } from './styleUtils';
-import type { AdmonitionsStyle } from './types/TiptapStyle';
-
-// The five GitHub-flavored admonition/alert types, in the order md4c reports
-// them (see MD_ADMONITION_TAGS). The `admonitionType` attribute emitted by the
-// parser is always one of these lowercase strings.
-export const ADMONITION_TYPES = [
-  'note',
-  'tip',
-  'important',
-  'warning',
-  'caution',
-] as const;
-
-export type AdmonitionType = (typeof ADMONITION_TYPES)[number];
-
-// GitHub alert palette. Each `color` tints the left accent bar, the title label
-// and the icon for that type. Backgrounds default to transparent (no fill) per
-// the issue; users opt into a tint via tiptapStyle.blockquote.admonitions.
-const ADMONITION_COLOR_DEFAULTS: Record<AdmonitionType, string> = {
-  note: '#0969DA',
-  tip: '#1A7F37',
-  important: '#8250DF',
-  warning: '#9A6700',
-  caution: '#CF222E',
-};
-
-export interface ResolvedAdmonitionColors {
-  color: string;
-  backgroundColor: string;
-}
-
-export type ResolvedAdmonitions = Record<
-  AdmonitionType,
-  ResolvedAdmonitionColors
->;
-
-// Merge user overrides over the GitHub defaults and normalize every color, so
-// native/web receive a complete, concrete per-type palette. Mirrors the
-// linkVariants resolution: `color` falls back to the type default, and an empty
-// or omitted `backgroundColor` resolves to transparent (drawn as no fill).
-export function resolveAdmonitionColors(
-  user: AdmonitionsStyle | undefined
-): ResolvedAdmonitions {
-  const transparent = normalizeColor('transparent')! as string;
-  const result = {} as ResolvedAdmonitions;
-  for (const type of ADMONITION_TYPES) {
-    const override = user?.[type];
-    result[type] = {
-      color: ((override?.color ? normalizeColor(override.color) : undefined) ??
-        normalizeColor(ADMONITION_COLOR_DEFAULTS[type])!) as string,
-      backgroundColor: (override?.backgroundColor
-        ? (normalizeColor(override.backgroundColor) ?? transparent)
-        : transparent) as string,
-    };
-  }
-  return result;
-}
+import { normalizeColor } from './styleUtils';
+import type { AdmonitionsStyle } from './types/TiptapStyle';
+
+// The five GitHub-flavored admonition/alert types, in the order md4c reports
+// them (see MD_ADMONITION_TAGS). The `admonitionType` attribute emitted by the
+// parser is always one of these lowercase strings.
+export const ADMONITION_TYPES = [
+  'note',
+  'tip',
+  'important',
+  'warning',
+  'caution',
+] as const;
+
+export type AdmonitionType = (typeof ADMONITION_TYPES)[number];
+
+// GitHub alert palette. Each `color` tints the left accent bar, the title label
+// and the icon for that type. Backgrounds default to transparent (no fill) per
+// the issue; users opt into a tint via tiptapStyle.blockquote.admonitions.
+const ADMONITION_COLOR_DEFAULTS: Record<AdmonitionType, string> = {
+  note: '#0969DA',
+  tip: '#1A7F37',
+  important: '#8250DF',
+  warning: '#9A6700',
+  caution: '#CF222E',
+};
+
+export interface ResolvedAdmonitionColors {
+  color: string;
+  backgroundColor: string;
+}
+
+export type ResolvedAdmonitions = Record<
+  AdmonitionType,
+  ResolvedAdmonitionColors
+>;
+
+// Merge user overrides over the GitHub defaults and normalize every color, so
+// native/web receive a complete, concrete per-type palette. Mirrors the
+// linkVariants resolution: `color` falls back to the type default, and an empty
+// or omitted `backgroundColor` resolves to transparent (drawn as no fill).
+export function resolveAdmonitionColors(
+  user: AdmonitionsStyle | undefined
+): ResolvedAdmonitions {
+  const transparent = normalizeColor('transparent')! as string;
+  const result = {} as ResolvedAdmonitions;
+  for (const type of ADMONITION_TYPES) {
+    const override = user?.[type];
+    result[type] = {
+      color: ((override?.color ? normalizeColor(override.color) : undefined) ??
+        normalizeColor(ADMONITION_COLOR_DEFAULTS[type])!) as string,
+      backgroundColor: (override?.backgroundColor
+        ? (normalizeColor(override.backgroundColor) ?? transparent)
+        : transparent) as string,
+    };
+  }
+  return result;
+}

package/src/darkModeTextStyle.ts

@@ -1,99 +1,99 @@
-import type { TiptapStyle } from './types/TiptapStyle';
-
-const text = '#E6EDF3';
-const textStrong = '#F0F6FC';
-const textMuted = '#C9D1D9';
-const textFaint = '#8B949E';
-const border = '#30363D';
-const surface = '#161B22';
-const canvas = '#0D1117';
-
-/**
- * Optional dark palette for `RichText`'s `textStyle`.
- * Colors only: font sizes, spacing, and other geometry stay on the built-in defaults.
- * Bold and italic are omitted so they keep inheriting the surrounding text color.
- */
-export const darkModeTextStyle: TiptapStyle = {
-  paragraph: { color: text },
-  h1: { color: textStrong },
-  h2: { color: textStrong },
-  h3: { color: textStrong },
-  h4: { color: textStrong },
-  h5: { color: text },
-  h6: { color: textMuted },
-  blockquote: {
-    color: textMuted,
-    borderColor: border,
-    backgroundColor: surface,
-    admonitions: {
-      note: { color: '#58A6FF', backgroundColor: '#0D1C2E' },
-      tip: { color: '#3FB950', backgroundColor: '#0F2419' },
-      important: { color: '#AB7DF8', backgroundColor: '#1C1428' },
-      warning: { color: '#D29922', backgroundColor: '#2A2108' },
-      caution: { color: '#F85149', backgroundColor: '#2D1214' },
-    },
-  },
-  list: {
-    color: text,
-    bulletColor: textFaint,
-    markerColor: textFaint,
-  },
-  codeBlock: {
-    color: text,
-    backgroundColor: canvas,
-    borderColor: border,
-    syntaxColors: {
-      keyword: '#FF7B72',
-      operator: text,
-      punctuation: text,
-      string: '#A5D6FF',
-      number: '#79C0FF',
-      constant: '#79C0FF',
-      comment: textFaint,
-      function: '#D2A8FF',
-      type: '#FFA657',
-      variable: text,
-      property: '#79C0FF',
-      tag: '#7EE787',
-      attribute: '#79C0FF',
-      embedded: text,
-    },
-  },
-  link: { color: '#58A6FF', backgroundColor: 'transparent' },
-  strikethrough: { color: textFaint },
-  underline: { color: text },
-  code: {
-    color: '#FF7B72',
-    backgroundColor: '#3D1F24',
-    borderColor: '#6E3036',
-  },
-  mention: {
-    color: '#93C5FD',
-    backgroundColor: '#1E3A5F',
-  },
-  factoid: {
-    color: '#9BFC6E',
-    backgroundColor: '#132E0F',
-    borderColor: '#3FB950',
-  },
-  video: { backgroundColor: '#000000' },
-  thematicBreak: { color: border },
-  table: {
-    color: text,
-    headerBackgroundColor: surface,
-    headerTextColor: textStrong,
-    rowEvenBackgroundColor: canvas,
-    rowOddBackgroundColor: surface,
-    borderColor: border,
-  },
-  taskList: {
-    checkedColor: '#58A6FF',
-    borderColor: '#6E7681',
-    checkmarkColor: '#FFFFFF',
-    checkedTextColor: textFaint,
-  },
-  math: { color: text, backgroundColor: surface },
-  inlineMath: { color: text },
-  spoiler: { color: '#6E7681' },
-  highlight: { color: '#1C1917', backgroundColor: '#FACC15' },
-};
+import type { TiptapStyle } from './types/TiptapStyle';
+
+const text = '#E6EDF3';
+const textStrong = '#F0F6FC';
+const textMuted = '#C9D1D9';
+const textFaint = '#8B949E';
+const border = '#30363D';
+const surface = '#161B22';
+const canvas = '#0D1117';
+
+/**
+ * Optional dark palette for `RichText`'s `textStyle`.
+ * Colors only: font sizes, spacing, and other geometry stay on the built-in defaults.
+ * Bold and italic are omitted so they keep inheriting the surrounding text color.
+ */
+export const darkModeTextStyle: TiptapStyle = {
+  paragraph: { color: text },
+  h1: { color: textStrong },
+  h2: { color: textStrong },
+  h3: { color: textStrong },
+  h4: { color: textStrong },
+  h5: { color: text },
+  h6: { color: textMuted },
+  blockquote: {
+    color: textMuted,
+    borderColor: border,
+    backgroundColor: surface,
+    admonitions: {
+      note: { color: '#58A6FF', backgroundColor: '#0D1C2E' },
+      tip: { color: '#3FB950', backgroundColor: '#0F2419' },
+      important: { color: '#AB7DF8', backgroundColor: '#1C1428' },
+      warning: { color: '#D29922', backgroundColor: '#2A2108' },
+      caution: { color: '#F85149', backgroundColor: '#2D1214' },
+    },
+  },
+  list: {
+    color: text,
+    bulletColor: textFaint,
+    markerColor: textFaint,
+  },
+  codeBlock: {
+    color: text,
+    backgroundColor: canvas,
+    borderColor: border,
+    syntaxColors: {
+      keyword: '#FF7B72',
+      operator: text,
+      punctuation: text,
+      string: '#A5D6FF',
+      number: '#79C0FF',
+      constant: '#79C0FF',
+      comment: textFaint,
+      function: '#D2A8FF',
+      type: '#FFA657',
+      variable: text,
+      property: '#79C0FF',
+      tag: '#7EE787',
+      attribute: '#79C0FF',
+      embedded: text,
+    },
+  },
+  link: { color: '#58A6FF', backgroundColor: 'transparent' },
+  strikethrough: { color: textFaint },
+  underline: { color: text },
+  code: {
+    color: '#FF7B72',
+    backgroundColor: '#3D1F24',
+    borderColor: '#6E3036',
+  },
+  mention: {
+    color: '#93C5FD',
+    backgroundColor: '#1E3A5F',
+  },
+  factoid: {
+    color: '#9BFC6E',
+    backgroundColor: '#132E0F',
+    borderColor: '#3FB950',
+  },
+  video: { backgroundColor: '#000000' },
+  thematicBreak: { color: border },
+  table: {
+    color: text,
+    headerBackgroundColor: surface,
+    headerTextColor: textStrong,
+    rowEvenBackgroundColor: canvas,
+    rowOddBackgroundColor: surface,
+    borderColor: border,
+  },
+  taskList: {
+    checkedColor: '#58A6FF',
+    borderColor: '#6E7681',
+    checkmarkColor: '#FFFFFF',
+    checkedTextColor: textFaint,
+  },
+  math: { color: text, backgroundColor: surface },
+  inlineMath: { color: text },
+  spoiler: { color: '#6E7681' },
+  highlight: { color: '#1C1917', backgroundColor: '#FACC15' },
+};

package/src/headingDefaults.ts

@@ -1,21 +1,21 @@
-// Single source of truth for default heading appearance, shared by the
-// read-only renderer and the editable input so headings match across views.
-
-export type HeadingLevelKey = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-export interface HeadingDefault {
-  fontSize: number;
-  color: string;
-}
-
-/** Default font weight applied to every heading level. */
-export const DEFAULT_HEADING_FONT_WEIGHT = 'bold';
-
-export const HEADING_DEFAULTS: Record<HeadingLevelKey, HeadingDefault> = {
-  h1: { fontSize: 30, color: '#111827' },
-  h2: { fontSize: 24, color: '#111827' },
-  h3: { fontSize: 20, color: '#111827' },
-  h4: { fontSize: 18, color: '#111827' },
-  h5: { fontSize: 16, color: '#374151' },
-  h6: { fontSize: 14, color: '#4B5563' },
-};
+// Single source of truth for default heading appearance, shared by the
+// read-only renderer and the editable input so headings match across views.
+
+export type HeadingLevelKey = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export interface HeadingDefault {
+  fontSize: number;
+  color: string;
+}
+
+/** Default font weight applied to every heading level. */
+export const DEFAULT_HEADING_FONT_WEIGHT = 'bold';
+
+export const HEADING_DEFAULTS: Record<HeadingLevelKey, HeadingDefault> = {
+  h1: { fontSize: 30, color: '#111827' },
+  h2: { fontSize: 24, color: '#111827' },
+  h3: { fontSize: 20, color: '#111827' },
+  h4: { fontSize: 18, color: '#111827' },
+  h5: { fontSize: 16, color: '#374151' },
+  h6: { fontSize: 14, color: '#4B5563' },
+};

package/src/index.tsx

@@ -1,4 +1,4 @@
-export { RichText } from './RichText';
-export { darkModeTextStyle } from './darkModeTextStyle';
-export type { MentionTarget, RichTextProps, TiptapMark, TiptapNode } from './RichText';
-export type { TiptapStyle } from './types/TiptapStyle';
+export { RichText } from './RichText';
+export { darkModeTextStyle } from './darkModeTextStyle';
+export type { MentionTarget, RichTextProps, TiptapMark, TiptapNode } from './RichText';
+export type { TiptapStyle } from './types/TiptapStyle';