mirror of
https://github.com/bendtherules/react-to-markdown.git
synced 2026-08-18 13:53:11 +00:00
.ts, .tsx - Format according to prettier
This commit is contained in:
+13
-13
@@ -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(<TestComponent />) as string).trim()).toBe("abcd");
|
||||
expect((render(<TestComponent />) as string).trim()).toBe('abcd');
|
||||
});
|
||||
|
||||
+4
-4
@@ -3,8 +3,8 @@ import {
|
||||
ElementType,
|
||||
FunctionComponent,
|
||||
PropsWithChildren,
|
||||
ReactText
|
||||
} from "react";
|
||||
ReactText,
|
||||
} from 'react';
|
||||
|
||||
export interface IReactElementSubset<TProps = {}> {
|
||||
props: PropsWithChildren<TProps>;
|
||||
@@ -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
|
||||
);
|
||||
|
||||
+11
-11
@@ -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);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user