[WIP] Next Major Release

.eslintignore

@@ -0,0 +1 @@
+dist/

package.json

@@ -10,23 +10,22 @@
     "type": "opencollective",
     "url": "https://opencollective.com/unified"
   },
+  "type": "module",
   "main": "dist/index.js",
-  "module": "dist/react-remark.esm.js",
   "typings": "dist/index.d.ts",
   "sideEffects": false,
   "files": [
     "dist",
     "src"
   ],
   "engines": {
-    "node": ">=10"
+    "node": ">=12"
   },
   "scripts": {
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build",
+    "build": "tsc && type-coverage",
+    "test": "node --loader ts-node/esm ./test/index.test.ts",
+    "lint": "eslint .",
+    "prepare": "npm run build",
     "postinstall": "husky install",
     "prepublishOnly": "pinst --disable",
     "postpublish": "pinst --enable",
@@ -37,10 +36,10 @@
     "react": ">=16.8"
   },
   "dependencies": {
-    "rehype-react": "^6.0.0",
-    "remark-parse": "^9.0.0",
-    "remark-rehype": "^8.0.0",
-    "unified": "^9.0.0"
+    "rehype-react": "^7.0.0",
+    "remark-parse": "^10.0.0",
+    "remark-rehype": "^9.0.0",
+    "unified": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -51,19 +50,33 @@
     "@testing-library/react-hooks": "^7.0.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.0.0",
+    "eslint": "^7.0.0",
+    "eslint-config-prettier": "^8.0.0",
+    "eslint-plugin-prettier": "^3.0.0",
     "husky": "^7.0.0",
     "katex": "^0.13.0",
     "pinst": "^2.0.0",
+    "prettier": "^2.0.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "react-test-renderer": "^17.0.0",
-    "rehype-katex": "^5.0.0",
-    "rehype-raw": "^5.0.0",
-    "rehype-sanitize": "^4.0.0",
-    "remark-gfm": "^1.0.0",
-    "remark-math": "^4.0.0",
-    "tsdx": "^0.14.0",
-    "typescript": "^3.0.0"
+    "rehype-katex": "^6.0.0",
+    "rehype-raw": "^6.0.0",
+    "rehype-sanitize": "^5.0.0",
+    "remark-gfm": "^2.0.0",
+    "remark-math": "^5.0.0",
+    "ts-node": "^10.0.0",
+    "type-coverage": "^2.0.0",
+    "typescript": "^4.0.0",
+    "uvu": "^0.5.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "eslint:recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:prettier/recommended"
+    ]
   },
   "prettier": {
     "printWidth": 80,

src/index.ts

@@ -7,21 +7,17 @@ import {
   useEffect,
   useCallback,
 } from 'react';
-import unified, { PluggableList } from 'unified';
-import remarkParse, { RemarkParseOptions } from 'remark-parse';
-import { Options as RemarkRehypeOptions } from 'mdast-util-to-hast';
-import remarkToRehype from 'remark-rehype';
+import { unified, PluggableList } from 'unified';
+import remarkParse, { Options as RemarkParseOptions } from 'remark-parse';
+import remarkToRehype, { Options as RemarkRehypeOptions } from 'remark-rehype';
 import rehypeReact, { Options as RehypeReactOptions } from 'rehype-react';
 
 type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 
 export interface UseRemarkSyncOptions {
   remarkParseOptions?: RemarkParseOptions;
   remarkToRehypeOptions?: RemarkRehypeOptions;
-  rehypeReactOptions?: PartialBy<
-    RehypeReactOptions<typeof createElement>,
-    'createElement'
-  >;
+  rehypeReactOptions?: PartialBy<RehypeReactOptions, 'createElement'>;
   remarkPlugins?: PluggableList;
   rehypePlugins?: PluggableList;
 }
@@ -39,13 +35,13 @@ export const useRemarkSync = (
   unified()
     .use(remarkParse, remarkParseOptions)
     .use(remarkPlugins)
-    .use(remarkToRehype, remarkToRehypeOptions)
+    .use(remarkToRehype, remarkToRehypeOptions ?? true)
     .use(rehypePlugins)
     .use(rehypeReact, {
       createElement,
       Fragment,
       ...rehypeReactOptions,
-    } as RehypeReactOptions<typeof createElement>)
+    } as RehypeReactOptions)
     .processSync(source).result as ReactElement;
 
 export interface UseRemarkOptions extends UseRemarkSyncOptions {
@@ -58,6 +54,7 @@ export const useRemark = ({
   rehypeReactOptions,
   remarkPlugins = [],
   rehypePlugins = [],
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   onError = () => {},
 }: UseRemarkOptions = {}): [ReactElement | null, (source: string) => void] => {
   const [reactContent, setReactContent] = useState<ReactElement | null>(null);
@@ -66,13 +63,13 @@ export const useRemark = ({
     unified()
       .use(remarkParse, remarkParseOptions)
       .use(remarkPlugins)
-      .use(remarkToRehype, remarkToRehypeOptions)
+      .use(remarkToRehype, remarkToRehypeOptions ?? true)
       .use(rehypePlugins)
       .use(rehypeReact, {
         createElement,
         Fragment,
         ...rehypeReactOptions,
-      } as RehypeReactOptions<typeof createElement>)
+      } as RehypeReactOptions)
       .process(source)
       .then((vfile) => setReactContent(vfile.result as ReactElement))
       .catch(onError);

test/index.test.ts

@@ -0,0 +1,2 @@
+import './remark-component.test.js';
+import './remark-hook.test.js';

test/remark-hook.test.ts

@@ -1,5 +1,5 @@
 import { createElement } from 'react';
-import type { ComponentPropsWithoutNode } from 'rehype-react';
+import type { ComponentsWithoutNodeOptions } from 'rehype-react/lib/index';
 import { renderHook, act } from '@testing-library/react-hooks';
 import '@testing-library/jest-dom/extend-expect';
 import remarkGfm from 'remark-gfm';
@@ -120,8 +120,11 @@ describe('useRemarkSync', () => {
       useRemarkSync('# heading', {
         rehypeReactOptions: {
           components: {
-            h1: (props: ComponentPropsWithoutNode) =>
-              createElement('h2', props),
+            h1: (
+              props: Parameters<
+                ComponentsWithoutNodeOptions['components']['h1']
+              >
+            ) => createElement('h2', props),
           },
         },
       })

tsconfig.json

@@ -3,10 +3,12 @@
   "compilerOptions": {
     "module": "esnext",
     "lib": ["dom", "esnext"],
+    "target": "es2016",
     "importHelpers": true,
     "declaration": true,
     "sourceMap": true,
     "rootDir": "./src",
+    "outDir": "./dist",
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,