diff --git a/__tests__/renderer-spec.tsx b/__tests__/renderer-spec.tsx index df085be..237e2b3 100644 --- a/__tests__/renderer-spec.tsx +++ b/__tests__/renderer-spec.tsx @@ -1,23 +1,23 @@ -import * as React from "react"; -import { render } from "../src/renderer"; +import * as React from 'react'; +import { render } from '../src/renderer'; -test("should render plain text", () => { - expect((render("abcd") as string).trim()).toBe("abcd"); +test('should render plain text', () => { + expect((render('abcd') as string).trim()).toBe('abcd'); }); -test("should render numbers as text", () => { - expect((render(123) as string).trim()).toBe("123"); +test('should render numbers as text', () => { + expect((render(123) as string).trim()).toBe('123'); }); -test("should render null and not fail for empty values", () => { +test('should render null and not fail for empty values', () => { expect(render(null)).toBe(null); expect(render(undefined)).toBe(null); expect(render([])).toBe(null); }); -test("should render plain text with simple Function Component", () => { +test('should render plain text with simple Function Component', () => { function TestComponent() { - return "abcd"; + return 'abcd'; } // Note: Rendering string from JSX shows TS error (https://github.com/DefinitelyTyped/DefinitelyTyped/issues/20544). This is a workaround. @@ -25,15 +25,15 @@ test("should render plain text with simple Function Component", () => { (render( React.createElement((TestComponent as unknown) as React.FunctionComponent) ) as string).trim() - ).toBe("abcd"); + ).toBe('abcd'); }); -test("should render plain text with simple Class Component", () => { +test('should render plain text with simple Class Component', () => { class TestComponent extends React.Component { render() { - return "abcd"; + return 'abcd'; } } - expect((render() as string).trim()).toBe("abcd"); + expect((render() as string).trim()).toBe('abcd'); }); diff --git a/src/helpers.ts b/src/helpers.ts index f4b9f8a..11b050a 100644 --- a/src/helpers.ts +++ b/src/helpers.ts @@ -3,8 +3,8 @@ import { ElementType, FunctionComponent, PropsWithChildren, - ReactText -} from "react"; + ReactText, +} from 'react'; export interface IReactElementSubset { props: PropsWithChildren; @@ -22,7 +22,7 @@ export function isFunctionalComponent( eleType: ElementType ): eleType is FunctionComponent { return ( - typeof eleType === "function" && // can be various things + typeof eleType === 'function' && // can be various things !( (eleType.prototype && eleType.prototype.isReactComponent) // native arrows don't have prototypes // special property ) @@ -33,7 +33,7 @@ export function isClassComponent( eleType: ElementType ): eleType is ComponentClass { return !!( - typeof eleType === "function" && + typeof eleType === 'function' && eleType.prototype && eleType.prototype.isReactComponent ); diff --git a/src/renderer.ts b/src/renderer.ts index fa643e5..61c6d2c 100644 --- a/src/renderer.ts +++ b/src/renderer.ts @@ -1,15 +1,15 @@ -import { root, text } from "mdast-builder"; -import { Children as ReactChildren } from "react"; -import * as stringify from "remark-stringify"; -import * as unified from "unified"; +import { root, text } from 'mdast-builder'; +import { Children as ReactChildren } from 'react'; +import * as stringify from 'remark-stringify'; +import * as unified from 'unified'; // tslint:disable-next-line: no-implicit-dependencies -import { Parent as MDASTParent } from "unist"; +import { Parent as MDASTParent } from 'unist'; import { isClassComponent, isFunctionalComponent, - ReactElementSubsetWithPrimitive -} from "./helpers"; + ReactElementSubsetWithPrimitive, +} from './helpers'; function render( node: ReactElementSubsetWithPrimitive, @@ -24,7 +24,7 @@ function render( if (node === null || node === undefined) { // Handle (skip) null and undefined nodes - } else if (typeof node === "string" || typeof node === "number") { + } else if (typeof node === 'string' || typeof node === 'number') { // Handle (render) string and number nodes as string in markdown const currASTNode = text(node.toString()); @@ -82,10 +82,10 @@ function render( // For root call, return string if (parentASTNode === undefined && parentASTNodeMod.children.length > 0) { const processor = unified().use(stringify, { - bullet: "-", - fence: "`", + bullet: '-', + fence: '`', fences: true, - incrementListMarker: false + incrementListMarker: false, }); const output = processor.stringify(parentASTNodeMod);