config: remove jest config fluff & .js extensions from local imports

The current tests are working without the .js extension usually required by es modules. Without adding more tests, I have withdrawn the added extensions until deemed necessary.

Author: coren-frankel

jest.config.cjs

@@ -3,13 +3,7 @@
 
 module.exports = {
   // ESM config
-  // extensionsToTreatAsEsm: ['.ts'],
-  // moduleNameMapper: {
-  //   '^(\\.{1,2}/.*)\\.js$': '$1',
-  // },
   transform: {
-    '^.+\\.[tj]sx?$': 'ts-jest', // to process js/ts with `ts-jest`
-    // '^.+\\.m?[tj]sx?$' to process js/ts/mjs/mts with `ts-jest`
     '^.+\\.tsx?$': [
       'ts-jest',
       {

src/Html.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import renderHtml, { HtmlRenderers } from './render.js';
-import { HtmlStyle, HtmlStyles } from './styles.js';
+import renderHtml, { HtmlRenderers } from './render';
+import { HtmlStyle, HtmlStyles } from './styles';
 
 export type HtmlProps = {
   collapse?: boolean;

src/index.ts

@@ -1,3 +1,3 @@
-export { default, default as Html } from './Html.js';
-export { default as renderHtml } from './render.js';
-export { HtmlStyle, HtmlStyles } from './styles.js';
+export { default, default as Html } from './Html';
+export { default as renderHtml } from './render';
+export { HtmlStyle, HtmlStyles } from './styles';

src/parse.test.tsx

@@ -2,7 +2,7 @@ import parseHtml, {
   convertElementStyle,
   convertStylesheet,
   HtmlElement,
-} from './parse.js';
+} from './parse';
 
 describe('parse', () => {
   describe('convertStylesheet', () => {

src/parse.ts

@@ -5,11 +5,11 @@ import {
   parse,
   TextNode,
 } from 'node-html-parser';
-import { Tag } from './tags.js';
+import { Tag } from './tags';
 import cssTree, { Block, Declaration, List, Rule, StyleSheet } from 'css-tree';
-import supportedStyles from './supportedStyles.js';
-import { HtmlStyle, HtmlStyles } from './styles.js';
-import remoteCss from './resolveCssFile.js';
+import supportedStyles from './supportedStyles';
+import { HtmlStyle, HtmlStyles } from './styles';
+import remoteCss from './resolveCssFile';
 import camelize from 'camelize';
 
 export type HtmlContent = (HtmlElement | string)[];

src/render.test.tsx

@@ -1,11 +1,11 @@
 import React, { ReactElement, ReactNode } from 'react';
 // const stringify = require('json-stringify-safe');
-import { HtmlContent, HtmlElement } from './parse.js';
+import { HtmlContent, HtmlElement } from './parse';
 import renderHtml, {
   bucketElements,
   collapseWhitespace,
   hasBlockContent,
-} from './render.js';
+} from './render';
 
 const scrub = (object: any) => {
   if (Array.isArray(object)) {

src/render.tsx

@@ -1,14 +1,10 @@
 import React, { ReactElement } from 'react';
-import renderers, {
-  renderBlock,
-  renderInline,
-  renderNoop,
-} from './renderers.js';
+import renderers, { renderBlock, renderInline, renderNoop } from './renderers';
 import { Text, View } from '@react-pdf/renderer';
-import parseHtml, { HtmlContent, HtmlElement } from './parse.js';
-import { createHtmlStylesheet, HtmlStyle, HtmlStyles } from './styles.js';
+import parseHtml, { HtmlContent, HtmlElement } from './parse';
+import { createHtmlStylesheet, HtmlStyle, HtmlStyles } from './styles';
 import { Style } from '@react-pdf/types';
-import { isText, Tag } from './tags.js';
+import { isText, Tag } from './tags';
 
 export type HtmlRendererProps = {
   element: HtmlElement;

src/renderers.tsx

@@ -20,9 +20,9 @@ import {
   Tspan,
   View,
 } from '@react-pdf/renderer';
-import { HtmlRenderer, HtmlRenderers, WrapperRenderer } from './render.js';
-import { HtmlElement } from './parse.js';
-import { HtmlStyle } from './styles.js';
+import { HtmlRenderer, HtmlRenderers, WrapperRenderer } from './render';
+import { HtmlElement } from './parse';
+import { HtmlStyle } from './styles';
 import { lowerAlpha, orderedAlpha, upperAlpha } from './ordered.type';
 import { Style } from '@react-pdf/types';
 import camelize from 'camelize';

src/styles.ts

@@ -1,6 +1,6 @@
 import { StyleSheet } from '@react-pdf/renderer';
 import { Style } from '@react-pdf/types';
-import { Tag } from './tags.js';
+import { Tag } from './tags';
 
 export type HtmlStyle =
   | (Style & {