docs: update tsx compilation

Signed-Off-By: Konstantinos Leimonis <[email protected]>

README.md

@@ -206,10 +206,20 @@ When unsupported syntax is encountered, `ts-blank-space` will call the optional
 
 ## TSX/JSX
 
-`.tsx` input will be `.jsx` output because the JSX parts are not transformed, but instead preserved in the output.
+`.tsx` input will generate `.jsx` output. JSX parts are not transformed, but instead preserved in the output.
 
 By default, `ts-blank-space` will parse the file assuming `.ts`. If the original file contains JSX syntax, then the [parsing should be done manually](#bring-your-own-ast). There is a TSX example in [`valid.test.ts`](./tests/valid.test.ts).
 
+```typescript
+import ts from "typescript";
+import { blankSourceFile } from "ts-blank-space";
+
+...
+
+const tsxSource = ts.createSourceFile("input.tsx", tsxInput, ts.ScriptTarget.ESNext, false, ts.ScriptKind.TSX);
+const jsxOutput = blankSourceFile(tsxSource, onError);
+```
+
 ## Ensuring ESM output
 
 TypeScript may add an `export {};` if all `import`s and `export`s were removed (because they were `import/export type`).

tests/valid.test.ts

@@ -101,9 +101,9 @@ it("allows declared module value", () => {
 
 it("TSX is preserved in the output", () => {
     const onError = mock.fn();
-    const tsInput = `const elm = <div>{x as string}</div>;\n`;
-    const tsSource = ts.createSourceFile("input.tsx", tsInput, ts.ScriptTarget.ESNext, false, ts.ScriptKind.TSX);
-    const jsxOutput = blankSourceFile(tsSource, onError);
+    const tsxInput = `const elm = <div>{x as string}</div>;\n`;
+    const tsxSource = ts.createSourceFile("input.tsx", tsxInput, ts.ScriptTarget.ESNext, false, ts.ScriptKind.TSX);
+    const jsxOutput = blankSourceFile(tsxSource, onError);
     assert.equal(onError.mock.callCount(), 0, "there should be no errors");
     assert.equal(jsxOutput, "const elm = <div>{x          }</div>;\n");
 });