npm - react-native-enriched - Versions diffs - 0.1.0 → 0.1.1 - Mend

react-native-enriched 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/README.md +103 -97
package/ios/inputParser/InputParser.mm +42 -52
package/package.json +4 -4

package/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
 # react-native-enriched
-`react-native-enriched` is a powerful React Native library that shares a rich text editor component:
+`react-native-enriched` is a powerful React Native library that exposes a rich text editor component:
 - ⚡ Fully native text input component
 - 🕹️ Synchronous text styling
@@ -9,26 +9,32 @@
 - 📱 Mobile platforms support
 - 🏛 Supports only the New Architecture
-`EnrichedTextInput`, the rich text editor component that the library shares is an uncontrolled input. This means that it doesn't use any state or props to store its value, but instead directly interacts with the underlying platform-specific components. Thanks to this, the component is really performant and simple to use while offering complex and advanced features no other solution has.
+`EnrichedTextInput`, the rich text editor component is an uncontrolled input. This means that it doesn't use any state or props to store its value, but instead directly interacts with the underlying platform-specific components. Thanks to this, the component is really performant and simple to use while offering complex and advanced features no other solution has.
 Built by [Software Mansion](https://swmansion.com/) and sponsored by [Filament](https://filament.dm/).
+<img width="128" height="69" alt="Software Mansion Logo" src="https://github.com/user-attachments/assets/f0e18471-a7aa-4e80-86ac-87686a86fe56" />
+&nbsp;&nbsp;&nbsp;
+<img width="48" height="48" alt="" src="https://github.com/user-attachments/assets/46c6bf1f-2685-497e-b699-d5a94b2582a3" />
+&nbsp;&nbsp;&nbsp;
+<img width="80" height="80" alt="Filament Logo" src="https://github.com/user-attachments/assets/4103ab79-da34-4164-aa5f-dcf08815bf65" />
 ## Table of Contents
-1. [Prerequisites](#prerequisites)
-2. [Installation](#installation)
-3. [Usage](#usage)
-4. [Non Parametrized Styles](#non-parametrized-styles)
-5. [Links](#links)
-6. [Mentions](#mentions)
-7. [Inline Images](#inline-images)
-8. [Style Detection](#style-detection)
-9. [Other Events](#other-events)
-10. [Customizing \<EnrichedTextInput /> styles](#customizing-enrichedtextinput--styles)
-11. [API Reference](#api-reference)
-12. [Future Plans](#future-plans)
-13. [Contributing](#contributing)
-14. [License](#license)
+- [Prerequisites](#prerequisites)
+- [Installation](#installation)
+- [Usage](#usage)
+- [Non Parametrized Styles](#non-parametrized-styles)
+- [Links](#links)
+- [Mentions](#mentions)
+- [Inline Images](#inline-images)
+- [Style Detection](#style-detection)
+- [Other Events](#other-events)
+- [Customizing \<EnrichedTextInput /> styles](#customizing-enrichedtextinput--styles)
+- [API Reference](#api-reference)
+- [Future Plans](#future-plans)
+- [Contributing](#contributing)
+- [License](#license)
 ## Prerequisites
@@ -114,9 +120,9 @@ const styles = StyleSheet.create({
   },
   input: {
     fontSize: 20,
-    padding: 20,
+    padding: 10,
     maxHeight: 200,
-    borderWidth: 1,
+    backgroundColor: 'lightgray',
   },
 });
@@ -158,7 +164,7 @@ If the selection spans more than one paragraph, logically more of them will be a
 ## Links
-The links are here, just like in any other editor, a piece of text with a URL attribtued to it. They can be added in two ways: automatically or manually.
+The links are here, just like in any other editor, a piece of text with a URL attributed to it. They can be added in two ways: automatically or manually.
 ### Automatic links detection
@@ -218,7 +224,7 @@ You can find some examples in the [usage section](#usage) or in the example app.
 `react-native-enriched` emits a few more events that may be of use:
 - [onFocus](#onfocus) - emits whenever input focuses.
-- [onBlur](#onblur) - emits whenver input blurs.
+- [onBlur](#onblur) - emits whenever input blurs.
 - [onChangeText](#onchangetext) - returns the input's text anytime it changes.
 - [onChangeHtml](#onchangehtml) - returns HTML string parsed from current input text and styles anytime it would change. As parsing the HTML on each input change is a pretty expensive operation, not assigning the event's callback will speed up iOS input a bit. We are considering adding some API to improve it, see [future plans](#future-plans).
 - [onChangeSelection](#onchangeselection) - returns all the data needed for working with selections (as of now it's mainly useful for [links](#links)).
@@ -237,9 +243,9 @@ You can find some examples in the [usage section](#usage) or in the example app.
 If `true`, focuses the input.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `bool` | `false` | Both |
+| Type   | Default Value | Platform |
+|--------|---------------|----------|
+| `bool` | `false`       | Both     |
 #### `autoCapitalize`
@@ -250,57 +256,57 @@ Tells input to automatically capitalize certain characters.
 - `sentences`: first letter of each sentence.
 - `none`: don't auto capitalize anything.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `'none' \| 'sentences' \| 'words' \| 'characters'` | `'sentences'` | Both |
+| Type                                               | Default Value | Platform |
+|----------------------------------------------------|---------------|----------|
+| `'none' \| 'sentences' \| 'words' \| 'characters'` | `'sentences'` | Both     |
 #### `cursorColor`
 When provided it will set the color of the cursor (or "caret") in the component.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| [`color`](https://reactnative.dev/docs/colors) | system default | Android |
+| Type                                           | Default Value  | Platform |
+|------------------------------------------------|----------------|----------|
+| [`color`](https://reactnative.dev/docs/colors) | system default | Android  |
 #### `defaultValue`
 Provides an initial value for the input. If the string is a valid HTML output of the `EnrichedTextInput` component (or other HTML that the parser will accept), proper styles will be applied.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `string` | - | Both |
+| Type     | Default Value | Platform |
+|----------|---------------|----------|
+| `string` | -             | Both     |
 #### `editable`
 If `false`, text is not editable.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `bool` | `true` | Both |
+| Type   | Default Value | Platform |
+|--------|---------------|----------|
+| `bool` | `true`        | Both     |
 #### `htmlStyle`
 A prop for customizing styles' appearances.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| [`HtmlStyle`](#htmlstyle-type) | default values from [`HtmlStyle`](#htmlstyle-type)  | Both |
+| Type                           | Default Value                                      | Platform |
+|--------------------------------|----------------------------------------------------|----------|
+| [`HtmlStyle`](#htmlstyle-type) | default values from [`HtmlStyle`](#htmlstyle-type) | Both     |
 #### `mentionIndicators`
 The recognized mention indicators. Each item needs to be a 1 character long string.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| array of `string` | `['@']` | Both |
+| Type              | Default Value | Platform |
+|-------------------|---------------|----------|
+| array of `string` | `['@']`       | Both     |
 #### `onBlur`
 Callback that's called whenever the input loses focused (is blurred).
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `() => void` | - | Both |
+| Type         | Default Value | Platform |
+|--------------|---------------|----------|
+| `() => void` | -             | Both     |
 #### `onChangeHtml`
@@ -316,9 +322,9 @@ interface OnChangeHtmlEvent {
 - `value` is the new HTML.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(NativeSyntheticEvent\<OnChangeHtmlEvent>) => void` | - | Both |
+| Type                                                 | Default Value | Platform |
+|------------------------------------------------------|---------------|----------|
+| `(NativeSyntheticEvent\<OnChangeHtmlEvent>) => void` | -             | Both     |
 #### `onChangeMention`
@@ -336,9 +342,9 @@ interface OnChangeMentionEvent {
 - `indicator` is the indicator of the currently edited mention.
 - `text` contains whole text that has been typed after the indicator.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(OnChangeMentionEvent) => void` | - | Both |
+| Type                             | Default Value | Platform |
+|----------------------------------|---------------|----------|
+| `(OnChangeMentionEvent) => void` | -             | Both     |
 #### `onChangeSelection`
@@ -358,9 +364,9 @@ OnChangeSelectionEvent {
 - `end` is the first index after the selection's ending. For just a cursor in place (no selection), `start` equals `end`.
 - `text` is the input's text in the current selection.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(NativeSyntheticEvent\<OnChangeSelectionEvent>) => void` | - | Both |
+| Type                                                      | Default Value | Platform |
+|-----------------------------------------------------------|---------------|----------|
+| `(NativeSyntheticEvent\<OnChangeSelectionEvent>) => void` | -             | Both     |
 #### `onChangeState`
@@ -388,9 +394,9 @@ interface OnChangeStateEvent {
 }
 ```
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(NativeSyntheticEvent\<OnChangeStateEvent>) => void` | - | Both |
+| Type                                                  | Default Value | Platform |
+|-------------------------------------------------------|---------------|----------|
+| `(NativeSyntheticEvent\<OnChangeStateEvent>) => void` | -             | Both     |
 #### `onChangeText`
@@ -406,9 +412,9 @@ interface OnChangeTextEvent {
 - `value` is the new text value of the input.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(NativeSyntheticEvent\<OnChangeTextEvent>) => void` | - | Both |
+| Type                                                 | Default Value | Platform |
+|------------------------------------------------------|---------------|----------|
+| `(NativeSyntheticEvent\<OnChangeTextEvent>) => void` | -             | Both     |
 #### `onEndMention`
@@ -416,17 +422,17 @@ Callback that is called when the user no longer edits a mention actively - has m
 - `indicator` is the indicator of the mention that was being edited.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(indicator: string) => void` | - | Both |
+| Type                          | Default Value | Platform |
+|-------------------------------|---------------|----------|
+| `(indicator: string) => void` | -             | Both     |
 #### `onFocus`
 Callback that's called whenever the input is focused.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `() => void` | - | Both |
+| Type         | Default Value | Platform |
+|--------------|---------------|----------|
+| `() => void` | -             | Both     |
 #### `onLinkDetected`
@@ -448,9 +454,9 @@ interface OnLinkDetected {
 - `start` is the starting index of the link.
 - `end` is the first index after the ending index of the link.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(OnLinkDetected) => void` | - | Both |
+| Type                       | Default Value | Platform |
+|----------------------------|---------------|----------|
+| `(OnLinkDetected) => void` | -             | Both     |
 #### `onMentionDetected`
@@ -468,11 +474,11 @@ OnMentionDetected {
 - `text` is the mention's displayed text.
 - `indicator` is the indicator of the mention.
-- `attributes` are the additional user-defined attribtues that are being stored with the mention.
+- `attributes` are the additional user-defined attributes that are being stored with the mention.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(OnMentionDetected) => void` | - | Both |
+| Type                          | Default Value | Platform |
+|-------------------------------|---------------|----------|
+| `(OnMentionDetected) => void` | -             | Both     |
 #### `onStartMention`
@@ -480,41 +486,41 @@ Callback that gets called whenever a mention editing starts (after placing the i
 - `indicator` is the indicator of the mention that begins editing.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `(indicator: string) => void` | - | Both |
+| Type                          | Default Value | Platform |
+|-------------------------------|---------------|----------|
+| `(indicator: string) => void` | -             | Both     |
 #### `placeholder`
 The placeholder text that is displayed in the input if nothing has been typed yet. Disappears when something is typed.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `string` | `''` | Both |
+| Type     | Default Value | Platform |
+|----------|---------------|----------|
+| `string` | `''`          | Both     |
 #### `placeholderTextColor`
 Input placeholder's text color.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| [`color`](https://reactnative.dev/docs/colors) | input's [color](#style) | Both |
+| Type                                           | Default Value           | Platform |
+|------------------------------------------------|-------------------------|----------|
+| [`color`](https://reactnative.dev/docs/colors) | input's [color](#style) | Both     |
 #### `ref`
 A React ref that lets you call any ref methods on the input.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `RefObject<EnrichedTextInputInstance \| null>` | - | Both |
+| Type                                           | Default Value | Platform |
+|------------------------------------------------|---------------|----------|
+| `RefObject<EnrichedTextInputInstance \| null>` | -             | Both     |
 #### `selectionColor`
 Color of the selection rectangle that gets drawn over the selected text. On iOS, the cursor (caret) also gets set to this color.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| [`color`](https://reactnative.dev/docs/colors) | system default | Both |
+| Type                                           | Default Value  | Platform |
+|------------------------------------------------|----------------|----------|
+| [`color`](https://reactnative.dev/docs/colors) | system default | Both     |
 #### `style`
@@ -528,9 +534,9 @@ Additionally following [TextStyle](https://reactnative.dev/docs/text#style) prop
 - fontWeight
 - fontStyle only on Android
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| [`View Style`](https://reactnative.dev/docs/view#style) \| [`Text Style`](https://reactnative.dev/docs/text#style) | - | Both |
+| Type                                                                                                               | Default Value | Platform |
+|--------------------------------------------------------------------------------------------------------------------|---------------|----------|
+| [`View Style`](https://reactnative.dev/docs/view#style) \| [`Text Style`](https://reactnative.dev/docs/text#style) | -             | Both     |
 #### `ViewProps`
@@ -540,9 +546,9 @@ The input inherits [ViewProps](https://reactnative.dev/docs/view#props), but kee
 If true, Android will use experimental synchronous events. This will prevent from input flickering when updating component size. However, this is an experimental feature, which has not been thoroughly tested. We may decide to enable it by default in a future release.
-| Type | Default Value | Platform |
-| ---- | ------------- | -------- |
-| `bool` | `false` | Android |
+| Type   | Default Value | Platform |
+|--------|---------------|----------|
+| `bool` | `false`       | Android  |
 ### Ref Methods
@@ -609,7 +615,7 @@ Sets the currently edited mention with a given indicator, displayed text and cus
 - `indicator: string` - the indicator of the set mention.
 - `text: string` - the text that should be displayed for the mention. Anything the user typed gets replaced by that text. The mention indicator isn't added to that text.
-- `attributes?: Record<string, string>` - additional, custom attribtues for the mention that can be passed as a typescript record. They are properly preserved through parsing from and to the HTML format.
+- `attributes?: Record<string, string>` - additional, custom attributes for the mention that can be passed as a typescript record. They are properly preserved through parsing from and to the HTML format.
 #### `.setValue()`
@@ -831,7 +837,7 @@ If only a single config is given, the style applies to all mention types. You ca
 #### img (inline image)
-- `width` is the width of the inline image, deafults to `80`.
+- `width` is the width of the inline image, defaults to `80`.
 - `height` is the height of the inline image, defaults to `80`.
 #### ol (ordered list)
@@ -850,12 +856,12 @@ By bullet we mean the dot that begins each line of the list.
 - `bulletColor` defines the color of the bullet, takes [color](https://reactnative.dev/docs/colors) value and defaults to `black`.
 - `bulletSize` sets both the height and the width of the bullet, defaults to `8`.
 - `marginLeft` is the margin to the left of the bullet (between the bullet and input's left edge), defaults to `16`.
-- `gapWidth` sets the gap between the bullet and the list item's text, deafults to `16`.
+- `gapWidth` sets the gap between the bullet and the list item's text, defaults to `16`.
 ## Future Plans
 - Adding Codeblocks and Inline Images to iOS input.
-- Making some optimalizations around `onChangeHtml` event, maybe some imperative API to get the HTML output.
+- Making some optimizations around `onChangeHtml` event, maybe some imperative API to get the HTML output.
 - Creating `EnrichedText` text component that supports our HTML output format with all additional interactions like pressing links or mentions.
 - Adding API for custom link detection regex.
 - Web library implementation via `react-native-web`.

package/ios/inputParser/InputParser.mm CHANGED Viewed

@@ -171,10 +171,11 @@
         for(NSNumber *activeStyle in currentActiveStyles) {
           NSInteger activeStyleBeginning = [currentActiveStylesBeginning[activeStyle] integerValue];
-          // we end the styles that began after the currently ended style
-          // also the ones that ended in the exact same place but are "inner" in relation to them due to StyleTypeEnum integer values
-          // "activeStylesBeginning < i" is needed, so that we don't remove styles that have been freshly added now
-          if((activeStyleBeginning > styleBeginning) ||
+          // we end the styles that began after the currently ended style but not at the "i" (cause the old style ended at exactly "i-1"
+          // also the ones that began in the exact same place but are "inner" in relation to them due to StyleTypeEnum integer values
+          if((activeStyleBeginning > styleBeginning && activeStyleBeginning < i) ||
              (activeStyleBeginning == styleBeginning && activeStyleBeginning < i && [activeStyle integerValue]  > [style integerValue])) {
             [fixedEndedStyles addObject:activeStyle];
             [stylesToBeReAdded addObject:activeStyle];
@@ -405,24 +406,16 @@
   if(html.length >= 13) {
     NSString *firstSix = [html substringWithRange:NSMakeRange(0, 6)];
     NSString *lastSeven = [html substringWithRange:NSMakeRange(html.length-7, 7)];
-    NSInteger newlinesCount = [[html componentsSeparatedByString:@"\n"] count] - 1;
     if([firstSix isEqualToString:@"<html>"] && [lastSeven isEqualToString:@"</html>"]) {
-      if(newlinesCount >= 2) {
-        // looks like our format
-        // we want to get the string without <html> and </html> and their newlines
-        // so we skip first 7 characters and get the string 7+8 = 15 characters shorter
-        fixedHtml = [html substringWithRange: NSMakeRange(7, html.length - 15)];
-      } else {
-        // most likely a valid html but with some newline differences
-        fixedHtml = [html copy];
-        // firstly remove newlined html tags if any:
-        fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<html>\n" withString:@""];
-        fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"\n</html>" withString:@""];
-        // fallback; remove html tags without their newlines
-        fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<html>" withString:@""];
-        fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"</html>" withString:@""];
-      }
+      // remove html tags, might be with newlines or without them
+      fixedHtml = [html copy];
+      // firstly remove newlined html tags if any:
+      fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<html>\n" withString:@""];
+      fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"\n</html>" withString:@""];
+      // fallback; remove html tags without their newlines
+      fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<html>" withString:@""];
+      fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"</html>" withString:@""];
     } else {
       // in other case we are most likely working with some external html - try getting the styles from between body tags
       NSRange openingBodyRange = [html rangeOfString:@"<body>"];
@@ -438,38 +431,35 @@
   // second processing - try fixing htmls with wrong newlines' setup
   if(fixedHtml != nullptr) {
-    NSInteger newlinesCount = [[fixedHtml componentsSeparatedByString:@"/n"] count] - 1;
-    if(newlinesCount == 0) {
-      // add <br> tag wherever needed
-      fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<p></p>" withString:@"<br>"];
-      // remove <p> tags inside of <li>
-      fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<li><p>" withString:@"<li>"];
-      fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"</p></li>" withString:@"</li>"];
-      // tags that have to be in separate lines
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<br>" inString:fixedHtml leading:YES trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<ul>" inString:fixedHtml leading:YES trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</ul>" inString:fixedHtml leading:YES trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<ol>" inString:fixedHtml leading:YES trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</ol>" inString:fixedHtml leading:YES trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<blockquote>" inString:fixedHtml leading:YES trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</blockquote>" inString:fixedHtml leading:YES trailing:YES];
-      // line opening tags
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<p>" inString:fixedHtml leading:YES trailing:NO];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<li>" inString:fixedHtml leading:YES trailing:NO];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<h1>" inString:fixedHtml leading:YES trailing:NO];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<h2>" inString:fixedHtml leading:YES trailing:NO];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"<h3>" inString:fixedHtml leading:YES trailing:NO];
-      // line closing tags
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</p>" inString:fixedHtml leading:NO trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</li>" inString:fixedHtml leading:NO trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</h1>" inString:fixedHtml leading:NO trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</h2>" inString:fixedHtml leading:NO trailing:YES];
-      fixedHtml = [self stringByAddingNewlinesToTag:@"</h3>" inString:fixedHtml leading:NO trailing:YES];
-    }
+    // add <br> tag wherever needed
+    fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<p></p>" withString:@"<br>"];
+    // remove <p> tags inside of <li>
+    fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"<li><p>" withString:@"<li>"];
+    fixedHtml = [fixedHtml stringByReplacingOccurrencesOfString:@"</p></li>" withString:@"</li>"];
+    // tags that have to be in separate lines
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<br>" inString:fixedHtml leading:YES trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<ul>" inString:fixedHtml leading:YES trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</ul>" inString:fixedHtml leading:YES trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<ol>" inString:fixedHtml leading:YES trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</ol>" inString:fixedHtml leading:YES trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<blockquote>" inString:fixedHtml leading:YES trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</blockquote>" inString:fixedHtml leading:YES trailing:YES];
+    // line opening tags
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<p>" inString:fixedHtml leading:YES trailing:NO];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<li>" inString:fixedHtml leading:YES trailing:NO];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<h1>" inString:fixedHtml leading:YES trailing:NO];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<h2>" inString:fixedHtml leading:YES trailing:NO];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"<h3>" inString:fixedHtml leading:YES trailing:NO];
+    // line closing tags
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</p>" inString:fixedHtml leading:NO trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</li>" inString:fixedHtml leading:NO trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</h1>" inString:fixedHtml leading:NO trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</h2>" inString:fixedHtml leading:NO trailing:YES];
+    fixedHtml = [self stringByAddingNewlinesToTag:@"</h3>" inString:fixedHtml leading:NO trailing:YES];
   }
   return fixedHtml;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-native-enriched",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Rich Text Editor component for React Native",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
@@ -48,14 +48,14 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/software-mansion-labs/react-native-rich-text-editor.git"
+    "url": "git+https://github.com/software-mansion-labs/react-native-enriched.git"
   },
   "author": "Software Mansion <contact@swmansion.com> (https://swmansion.com)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/software-mansion-labs/react-native-rich-text-editor/issues"
+    "url": "https://github.com/software-mansion-labs/react-native-enriched/issues"
   },
-  "homepage": "https://github.com/software-mansion-labs/react-native-rich-text-editor#readme",
+  "homepage": "https://github.com/software-mansion-labs/react-native-enriched#readme",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },