react-rx 2.1.0 → 2.1.2

package/src/__tests__/strictmode.test.ts

@@ -0,0 +1,79 @@
+import {BehaviorSubject, Observable, of} from 'rxjs'
+import {useObservable} from '../useObservable'
+import {createElement, Fragment, StrictMode, useEffect} from 'react'
+import {act, render} from '@testing-library/react'
+import {useAsObservable} from '../useAsObservable'
+
+const wait = (ms: number) => new Promise(resolve => setTimeout(resolve, ms))
+
+// NOTE: Jest runs NODE_ENV=test by default, which enables development flags for React
+
+test('Strict mode should trigger double mount effects and re-renders', async () => {
+  const subject = new BehaviorSubject(0)
+  const observable = subject.asObservable()
+
+  const returnedValues: unknown[] = []
+  let mountCount = 0
+  function ObservableComponent() {
+    useEffect(() => {
+      mountCount++
+    }, [])
+    const observedValue = useObservable(observable)
+    returnedValues.push(observedValue)
+    return createElement(Fragment, null, observedValue)
+  }
+
+  const {rerender} = render(createElement(StrictMode, null, createElement(ObservableComponent)))
+  expect(mountCount).toEqual(2)
+
+  expect(returnedValues).toEqual([0, 0])
+
+  await wait(10)
+  act(() => subject.next(1))
+  expect(returnedValues).toEqual([0, 0, 1, 1])
+
+  act(() => subject.next(2))
+  expect(returnedValues).toEqual([0, 0, 1, 1, 2, 2])
+
+  expect(mountCount).toEqual(2)
+})
+
+test('Strict mode should unsubscribe the source observable on unmount', () => {
+  let subscribed = false
+  const observable = new Observable(() => {
+    subscribed = true
+    return () => {
+      subscribed = false
+    }
+  })
+
+  function ObservableComponent() {
+    useObservable(observable)
+    return createElement(Fragment, null)
+  }
+
+  const {rerender} = render(createElement(StrictMode, null, createElement(ObservableComponent)))
+  expect(subscribed).toBe(true)
+  rerender(createElement(StrictMode, null, createElement('div')))
+  expect(subscribed).toBe(false)
+})
+
+test('useAsObservable should work in strict mode', async () => {
+  const returnedValues: unknown[] = []
+  function ObservableComponent(props: {count: number}) {
+    const count$ = useAsObservable(props.count)
+    const count = useObservable(count$)
+    returnedValues.push(count)
+    return createElement(Fragment, null, 'ok')
+  }
+
+  const {rerender} = render(
+    createElement(StrictMode, null, createElement(ObservableComponent, {count: 0})),
+  )
+
+  expect(returnedValues).toEqual([0, 0])
+
+  rerender(createElement(StrictMode, null, createElement(ObservableComponent, {count: 1})))
+
+  expect(returnedValues).toEqual([0, 0, 0, 0, 1, 1])
+})

package/src/__tests__/useAsObservable.test.tsx

@@ -0,0 +1,94 @@
+import {useAsObservable} from '../useAsObservable'
+import React from 'react'
+import {renderHook} from '@testing-library/react'
+import {Observable} from 'rxjs'
+
+test('the returned observable should receive a new value when component is rendered with a new value', () => {
+  const receivedValues: string[] = []
+  const {unmount, rerender} = renderHook(
+    (props: {value: string}) => {
+      const observable = useAsObservable(props.value)
+
+      React.useEffect(() => {
+        const subscription = observable.subscribe(v => {
+          receivedValues.push(v)
+        })
+        return () => {
+          subscription.unsubscribe()
+        }
+      }, [])
+    },
+    {initialProps: {value: 'initial'}},
+  )
+
+  rerender({value: 'rerender'})
+  rerender({value: 'rerender again'})
+
+  expect(receivedValues).toEqual(['initial', 'rerender', 'rerender again'])
+
+  unmount()
+})
+
+test('the returned observable should *not* receive a new value when component is rendered with an unchanged value', () => {
+  const receivedValues: string[] = []
+  const {unmount, rerender} = renderHook(
+    (props: {value: string}) => {
+      const observable = useAsObservable(props.value)
+
+      React.useEffect(() => {
+        const subscription = observable.subscribe(v => {
+          receivedValues.push(v)
+        })
+        return () => {
+          subscription.unsubscribe()
+        }
+      }, [])
+    },
+    {initialProps: {value: 'some value'}},
+  )
+
+  rerender({value: 'some value'})
+  rerender({value: 'some value'})
+
+  expect(receivedValues).toEqual(['some value'])
+
+  unmount()
+})
+
+test('the returned observable should have the same identity across multiple re-renders/hook calls', () => {
+  const returnValues: Observable<unknown>[] = []
+  const {unmount, rerender} = renderHook(() => {
+    returnValues.push(useAsObservable('render'))
+  })
+
+  rerender()
+  rerender()
+
+  const [initial, firstRerender, secondRerender] = returnValues
+  expect(initial).toBe(firstRerender)
+  expect(firstRerender).toBe(secondRerender)
+  unmount()
+})
+
+test('the returned observable should complete on unmount', () => {
+  let didComplete = false
+  const {unmount, rerender} = renderHook(() => {
+    const observable = useAsObservable('render')
+
+    React.useEffect(() => {
+      const subscription = observable.subscribe({
+        complete: () => {
+          didComplete = true
+        },
+      })
+      return () => {
+        subscription.unsubscribe()
+      }
+    }, [])
+  })
+  expect(didComplete).toBe(false)
+  rerender()
+  expect(didComplete).toBe(false)
+  unmount()
+  expect(didComplete).toBe(true)
+})

package/src/__tests__/useObservable.test.tsx

@@ -0,0 +1,145 @@
+import {act, render, renderHook} from '@testing-library/react'
+import {useObservable} from '../useObservable'
+import {asyncScheduler, Observable, of, scheduled, Subject, timer} from 'rxjs'
+import {mapTo} from 'rxjs/operators'
+import {createElement, Fragment} from 'react'
+
+test('should subscribe immediately on component mount and unsubscribe on component unmount', () => {
+  let subscribed = false
+  const observable = new Observable(() => {
+    subscribed = true
+    return () => {
+      subscribed = false
+    }
+  })
+
+  expect(subscribed).toBe(false)
+
+  const {unmount} = renderHook(() => useObservable(observable))
+  expect(subscribed).toBe(true)
+
+  unmount()
+  expect(subscribed).toBe(false)
+})
+
+test('should only subscribe once when given same observable on re-renders', () => {
+  let subscriptionCount = 0
+  const observable = new Observable(() => {
+    subscriptionCount++
+  })
+
+  expect(subscriptionCount).toBe(0)
+
+  const {unmount, rerender} = renderHook(() => useObservable(observable))
+  expect(subscriptionCount).toBe(1)
+  rerender()
+  expect(subscriptionCount).toBe(1)
+  unmount()
+
+  renderHook(() => useObservable(observable))
+  expect(subscriptionCount).toBe(2)
+})
+
+test('should not return undefined during render if initial value is given', () => {
+  const observable = timer(100).pipe(mapTo('emitted value'))
+
+  const returnedValues: unknown[] = []
+  function ObservableComponent() {
+    const observedValue = useObservable(observable, 'initial value')
+    returnedValues.push(observedValue)
+    return createElement(Fragment, null, observedValue)
+  }
+  render(createElement(ObservableComponent))
+  expect(returnedValues).toEqual(expect.arrayContaining(['initial value']))
+})
+
+test('should not return undefined during render if observable is sync', () => {
+  const observable = of('initial value')
+
+  const returnedValues: unknown[] = []
+  function ObservableComponent() {
+    const observedValue = useObservable(observable)
+    returnedValues.push(observedValue)
+    return createElement(Fragment, null, observedValue)
+  }
+  render(createElement(ObservableComponent))
+  expect(returnedValues).toEqual(expect.arrayContaining(['initial value']))
+})
+
+test('should return undefined during first render if observable is async', () => {
+  const observable = scheduled('async value', asyncScheduler)
+
+  const returnedValues: unknown[] = []
+  function ObservableComponent() {
+    const observedValue = useObservable(observable)
+    returnedValues.push(observedValue)
+    return createElement(Fragment, null, observedValue)
+  }
+  render(createElement(ObservableComponent))
+  expect(returnedValues).toEqual(expect.arrayContaining([undefined]))
+})
+
+test('should have sync values from an observable as initial value', () => {
+  const observable = of('something sync')
+  const {result} = renderHook(() => useObservable(observable))
+  expect(result.current).toBe('something sync')
+})
+
+test('should have undefined as initial value from delayed observables', () => {
+  const {result, unmount} = renderHook(() =>
+    useObservable(scheduled('something async', asyncScheduler)),
+  )
+  expect(result.current).toBeUndefined()
+  unmount()
+})
+
+test('should have passed initialValue as initial value from delayed observables', () => {
+  const {result, unmount} = renderHook(() =>
+    useObservable(scheduled('something async', asyncScheduler), 'initial'),
+  )
+  expect(result.current).toBe('initial')
+  unmount()
+})
+
+test('should update with values from observables', () => {
+  const values$ = new Subject<string>()
+  const {result, unmount} = renderHook(() => useObservable(values$))
+
+  expect(result.current).toBe(undefined)
+
+  act(() => values$.next('something'))
+  expect(result.current).toBe('something')
+
+  act(() => values$.next('otherthing'))
+  expect(result.current).toBe('otherthing')
+  unmount()
+})
+
+test('should re-subscribe when receiving a new observable', () => {
+  const first$ = new Subject<string>()
+  const second$ = new Subject<string>()
+
+  let current$ = first$
+
+  const {result, rerender, unmount} = renderHook(() => useObservable(current$, '!!initial!!'))
+
+  act(() => first$.next('first 1'))
+  expect(result.current).toBe('first 1')
+
+  current$ = second$
+
+  rerender()
+
+  // since observable #2 hasn't emitted a value yet, we should use the initial value
+  expect(result.current).toBe('!!initial!!')
+
+  // Now we should be subscribed to second$ and it's emission should be returned
+  act(() => second$.next('second 1'))
+  expect(result.current).toBe('second 1')
+
+  // we should no longer be subscribed to the first and ignore any emissions
+  act(() => first$.next('first 2'))
+  expect(result.current).toBe('second 1')
+
+  unmount()
+})

package/src/displayName.ts

@@ -6,5 +6,6 @@ const getDisplayName = (Component: any) => {
   return (Component && (Component.displayName || Component.name)) || 'Unknown'
 }
 
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/ban-types
 export const wrapDisplayName = (BaseComponent: Function, wrapperName: string) =>
   `${wrapperName}(${getDisplayName(BaseComponent)})`

package/src/reactiveComponent.ts

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import {Observable} from 'rxjs'
 import {wrapDisplayName} from './displayName'
 import {useAsObservable} from './useAsObservable'
@@ -26,6 +27,7 @@ function fromComponent<Props>(component: Component<Props>): FunctionComponent<Pr
   return wrappedComponent
 }
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 function fromObservable<Props>(input$: Observable<ReactNode>): FunctionComponent<{}> {
   return function ReactiveComponent() {
     return createElement(Fragment, null, useObservable<ReactNode>(input$))
@@ -47,6 +49,7 @@ type ForwardRefComponent<RefType, Props> = (
   ref: Ref<RefType>,
 ) => Observable<ReactNode>
 
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/ban-types
 export function forwardRef<RefType, Props = {}>(component: ForwardRefComponent<RefType, Props>) {
   const wrappedComponent = reactForwardRef((props: Props, ref: Ref<RefType>) => {
     return createElement(

package/src/useWithObservable.ts

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import {Observable} from 'rxjs'
 import {useObservable} from './useObservable'
 import {useAsObservable} from './useAsObservable'

package/src/utils.ts

@@ -12,7 +12,9 @@ export function observeState<T>(
 export function observeState<T>(
   initial?: T | (() => T),
 ): [Observable<T | undefined>, Dispatch<SetStateAction<T | undefined>>] {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [value, update] = useState<T | undefined>(initial)
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   return [useAsObservable(value), update]
 }
 
@@ -23,6 +25,7 @@ export function observeCallback<T, K>(
 export function observeCallback<T, K>(
   operator?: OperatorFunction<T, K>,
 ): [Observable<T | K>, (arg: T) => void] {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const ref = useRef<[Observable<T | K>, (arg: T) => void]>()
   if (!ref.current) {
     ref.current = operator ? observableCallback<T, K>(operator) : observableCallback<T>()
@@ -31,10 +34,12 @@ export function observeCallback<T, K>(
 }
 
 export function observeContext<T>(context: Context<T>): Observable<T> {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   return useAsObservable(useContext<T>(context))
 }
 
 export function observeElement<T>(): [Observable<T | null>, (el: T | null) => void] {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const ref = useRef<[Observable<T | null>, (value: T | null) => void]>()
   if (!ref.current) {
     ref.current = createState<T | null>(null)

package/.eslintrc.json

@@ -1,13 +0,0 @@
-{
-  "env": {
-    "node": true,
-    "browser": true
-  },
-  "parser": "@typescript-eslint/parser",
-  "extends": ["plugin:@typescript-eslint/recommended", "prettier"],
-  "rules": {
-    "prettier/prettier": "error",
-    "@typescript-eslint/explicit-function-return-type": "off"
-  },
-  "plugins": ["@typescript-eslint", "prettier", "react"]
-}

package/.idea/codeStyles/Project.xml

@@ -1,113 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <option name="OTHER_INDENT_OPTIONS">
-      <value>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </value>
-    </option>
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-      <option name="HTML_ENFORCE_QUOTES" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <MarkdownNavigatorCodeStyleSettings>
-      <option name="RIGHT_MARGIN" value="72" />
-    </MarkdownNavigatorCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <XML>
-      <option name="XML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-      <option name="XML_LEGACY_SETTINGS_IMPORTED" value="true" />
-    </XML>
-    <codeStyleSettings language="CSS">
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JSON">
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Jade">
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
-      <option name="TERNARY_OPERATION_SIGNS_ON_NEXT_LINE" value="true" />
-      <option name="KEEP_SIMPLE_BLOCKS_IN_ONE_LINE" value="true" />
-      <option name="KEEP_SIMPLE_METHODS_IN_ONE_LINE" value="true" />
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="LESS">
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="SASS">
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="SCSS">
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="XML">
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="4" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/compiler.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="TypeScriptCompiler">
-    <option name="nodeInterpreterTextField" value="node" />
-  </component>
-</project>

package/.idea/encodings.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
-</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,7 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-    <inspection_tool class="TypescriptExplicitMemberType" enabled="false" level="INFORMATION" enabled_by_default="false" />
-  </profile>
-</component>

package/.idea/jsonSchemas.xml

@@ -1,25 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JsonSchemaMappingsProjectConfiguration">
-    <state>
-      <map>
-        <entry key="package">
-          <value>
-            <SchemaInfo>
-              <option name="name" value="package" />
-              <option name="relativePathToSchema" value="http://json.schemastore.org/package" />
-              <option name="applicationDefined" value="true" />
-              <option name="patterns">
-                <list>
-                  <Item>
-                    <option name="path" value="package.json" />
-                  </Item>
-                </list>
-              </option>
-            </SchemaInfo>
-          </value>
-        </entry>
-      </map>
-    </state>
-  </component>
-</project>

package/.idea/markdown-navigator-enh.xml

@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="MarkdownEnhProjectSettings">
-    <AnnotatorSettings targetHasSpaces="true" linkCaseMismatch="true" wikiCaseMismatch="true" wikiLinkHasDashes="true" notUnderWikiHome="true" targetNotWikiPageExt="true" notUnderSourceWikiHome="true" targetNameHasAnchor="true" targetPathHasAnchor="true" wikiLinkHasSlash="true" wikiLinkHasSubdir="true" wikiLinkHasOnlyAnchor="true" linkTargetsWikiHasExt="true" linkTargetsWikiHasBadExt="true" notUnderSameRepo="true" targetNotUnderVcs="false" linkNeedsExt="true" linkHasBadExt="true" linkTargetNeedsExt="true" linkTargetHasBadExt="true" wikiLinkNotInWiki="true" imageTargetNotInRaw="true" repoRelativeAcrossVcsRoots="true" multipleWikiTargetsMatch="true" unresolvedLinkReference="true" linkIsIgnored="true" anchorIsIgnored="true" anchorIsUnresolved="true" anchorLineReferenceIsUnresolved="true" anchorLineReferenceFormat="true" anchorHasDuplicates="true" abbreviationDuplicates="true" abbreviationNotUsed="true" attributeIdDuplicateDefinition="true" attributeIdNotUsed="true" footnoteDuplicateDefinition="true" footnoteUnresolved="true" footnoteDuplicates="true" footnoteNotUsed="true" macroDuplicateDefinition="true" macroUnresolved="true" macroDuplicates="true" macroNotUsed="true" referenceDuplicateDefinition="true" referenceUnresolved="true" referenceDuplicates="true" referenceNotUsed="true" referenceUnresolvedNumericId="true" enumRefDuplicateDefinition="true" enumRefUnresolved="true" enumRefDuplicates="true" enumRefNotUsed="true" enumRefLinkUnresolved="true" enumRefLinkDuplicates="true" simTocUpdateNeeded="true" simTocTitleSpaceNeeded="true" />
-    <HtmlExportSettings updateOnSave="false" parentDir="" targetDir="" cssDir="css" scriptDir="js" plainHtml="false" imageDir="" copyLinkedImages="false" imagePathType="0" targetPathType="2" targetExt="" useTargetExt="false" noCssNoScripts="false" useElementStyleAttribute="false" linkToExportedHtml="true" exportOnSettingsChange="true" regenerateOnProjectOpen="false" linkFormatType="HTTP_ABSOLUTE" />
-    <LinkMapSettings>
-      <textMaps />
-    </LinkMapSettings>
-  </component>
-  <component name="MarkdownNavigatorHistory">
-    <PasteImageHistory checkeredTransparentBackground="false" filename="image" directory="" onPasteImageTargetRef="3" onPasteLinkText="0" onPasteImageElement="1" onPasteLinkElement="1" onPasteReferenceElement="2" cornerRadius="20" borderColor="0" transparentColor="16777215" borderWidth="1" trimTop="0" trimBottom="0" trimLeft="0" trimRight="0" transparent="false" roundCorners="false" showPreview="true" bordered="false" scaled="false" cropped="false" hideInapplicableOperations="false" preserveLinkFormat="false" scale="50" scalingInterpolation="1" transparentTolerance="0" saveAsDefaultOnOK="false" linkFormat="0" addHighlights="false" showHighlightCoordinates="true" showHighlights="false" mouseSelectionAddsHighlight="false" outerFilled="false" outerFillColor="0" outerFillTransparent="true" outerFillAlpha="30">
-      <highlightList />
-      <directories />
-      <filenames />
-    </PasteImageHistory>
-    <CopyImageHistory checkeredTransparentBackground="false" filename="image" directory="" onPasteImageTargetRef="3" onPasteLinkText="0" onPasteImageElement="1" onPasteLinkElement="1" onPasteReferenceElement="2" cornerRadius="20" borderColor="0" transparentColor="16777215" borderWidth="1" trimTop="0" trimBottom="0" trimLeft="0" trimRight="0" transparent="false" roundCorners="false" showPreview="true" bordered="false" scaled="false" cropped="false" hideInapplicableOperations="false" preserveLinkFormat="false" scale="50" scalingInterpolation="1" transparentTolerance="0" saveAsDefaultOnOK="false" linkFormat="0" addHighlights="false" showHighlightCoordinates="true" showHighlights="false" mouseSelectionAddsHighlight="false" outerFilled="false" outerFillColor="0" outerFillTransparent="true" outerFillAlpha="30">
-      <highlightList />
-      <directories />
-      <filenames />
-    </CopyImageHistory>
-    <PasteLinkHistory onPasteImageTargetRef="3" onPasteTargetRef="1" onPasteLinkText="0" onPasteImageElement="1" onPasteLinkElement="1" onPasteWikiElement="2" onPasteReferenceElement="2" hideInapplicableOperations="false" preserveLinkFormat="false" useHeadingForLinkText="false" linkFormat="0" saveAsDefaultOnOK="false" />
-    <TableToJsonHistory>
-      <entries />
-    </TableToJsonHistory>
-    <TableSortHistory>
-      <entries />
-    </TableSortHistory>
-  </component>
-</project>

package/.idea/markdown-navigator.xml

@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="FlexmarkProjectSettings">
-    <FlexmarkHtmlSettings flexmarkSpecExampleRendering="0" flexmarkSpecExampleRenderHtml="false">
-      <flexmarkSectionLanguages>
-        <option name="1" value="Markdown" />
-        <option name="2" value="HTML" />
-        <option name="3" value="flexmark-ast:1" />
-      </flexmarkSectionLanguages>
-    </FlexmarkHtmlSettings>
-  </component>
-  <component name="MarkdownProjectSettings">
-    <PreviewSettings splitEditorLayout="SPLIT" splitEditorPreview="PREVIEW" useGrayscaleRendering="false" zoomFactor="1.0" maxImageWidth="0" synchronizePreviewPosition="true" highlightPreviewType="LINE" highlightFadeOut="5" highlightOnTyping="true" synchronizeSourcePosition="true" verticallyAlignSourceAndPreviewSyncPosition="true" showSearchHighlightsInPreview="true" showSelectionInPreview="true" lastLayoutSetsDefault="false">
-      <PanelProvider>
-        <provider providerId="com.vladsch.idea.multimarkdown.editor.swing.html.panel" providerName="Default - Swing" />
-      </PanelProvider>
-    </PreviewSettings>
-    <ParserSettings gitHubSyntaxChange="false" correctedInvalidSettings="false" emojiShortcuts="1" emojiImages="0">
-      <PegdownExtensions>
-        <option name="ANCHORLINKS" value="true" />
-        <option name="ATXHEADERSPACE" value="true" />
-        <option name="FENCED_CODE_BLOCKS" value="true" />
-        <option name="INTELLIJ_DUMMY_IDENTIFIER" value="true" />
-        <option name="RELAXEDHRULES" value="true" />
-        <option name="STRIKETHROUGH" value="true" />
-        <option name="TABLES" value="true" />
-        <option name="TASKLISTITEMS" value="true" />
-      </PegdownExtensions>
-      <ParserOptions>
-        <option name="COMMONMARK_LISTS" value="true" />
-        <option name="EMOJI_SHORTCUTS" value="true" />
-        <option name="GFM_TABLE_RENDERING" value="true" />
-        <option name="PRODUCTION_SPEC_PARSER" value="true" />
-        <option name="SIM_TOC_BLANK_LINE_SPACER" value="true" />
-      </ParserOptions>
-    </ParserSettings>
-    <HtmlSettings headerTopEnabled="false" headerBottomEnabled="false" bodyTopEnabled="false" bodyBottomEnabled="false" addPageHeader="false" imageUriSerials="false" addDocTypeHtml="true" noParaTags="false" plantUmlConversion="0">
-      <GeneratorProvider>
-        <provider providerId="com.vladsch.idea.multimarkdown.editor.text.html.generator" providerName="Unmodified HTML Generator" />
-      </GeneratorProvider>
-      <headerTop />
-      <headerBottom />
-      <bodyTop />
-      <bodyBottom />
-    </HtmlSettings>
-    <CssSettings previewScheme="UI_SCHEME" cssUri="" isCssUriEnabled="false" isCssUriSerial="true" isCssTextEnabled="false" isDynamicPageWidth="true">
-      <StylesheetProvider>
-        <provider providerId="com.vladsch.idea.multimarkdown.editor.text.html.css" providerName="No Stylesheet" />
-      </StylesheetProvider>
-      <ScriptProviders />
-      <cssText />
-      <cssUriHistory />
-    </CssSettings>
-  </component>
-</project>