refactor: convert reconciler package to TS

Author: diegomura

.changeset/gold-fishes-pretend.md

@@ -0,0 +1,5 @@
+---
+"@react-pdf/reconciler": patch
+---
+
+refactor: convert reconciler package to TS

packages/reconciler/package.json

@@ -7,6 +7,7 @@
   "homepage": "https://github.com/diegomura/react-pdf#readme",
   "type": "module",
   "main": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/diegomura/react-pdf.git",

packages/reconciler/rollup.config.js

@@ -1,33 +1,44 @@
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import terser from '@rollup/plugin-terser';
+import typescript from '@rollup/plugin-typescript';
+import { dts } from 'rollup-plugin-dts';
+import del from 'rollup-plugin-delete';
 
 import trimReconciler from './build/trim-reconciler.js';
 
 export default [
   {
-    input: 'src/index.js',
+    input: 'src/index.ts',
     output: { format: 'es', file: 'lib/index.js' },
     external: ['./reconciler-23.js', './reconciler-31.js'],
+    plugins: [typescript()],
   },
   {
-    input: 'src/reconciler-23.js',
+    input: 'src/reconciler-23.ts',
     output: { format: 'es', file: 'lib/reconciler-23.js' },
     plugins: [
+      typescript(),
       resolve({ resolveOnly: ['react-reconciler-23'] }),
       commonjs({ esmExternals: (id) => id === 'scheduler' }),
       trimReconciler(),
       terser({ compress: { dead_code: true } }),
     ],
   },
   {
-    input: 'src/reconciler-31.js',
+    input: 'src/reconciler-31.ts',
     output: { format: 'es', file: 'lib/reconciler-31.js' },
     plugins: [
+      typescript(),
       resolve({ resolveOnly: ['react-reconciler-31'] }),
       commonjs({ esmExternals: (id) => id === 'scheduler' }),
       trimReconciler(),
       terser({ compress: { dead_code: true } }),
     ],
   },
+  {
+    input: './lib/types/index.d.ts',
+    output: [{ file: 'lib/index.d.ts', format: 'es' }],
+    plugins: [dts(), del({ targets: 'lib/types', hook: 'buildEnd' })],
+  },
 ];

packages/reconciler/src/index.js packages/reconciler/src/index.ts

@@ -1,10 +1,11 @@
 import Reconciler from 'react-reconciler-23/cjs/react-reconciler.production.min.js';
 
 import propsEqual from './propsEqual';
+import { ReconcilerFactory } from './types';
 
 const emptyObject = {};
 
-const createRenderer = ({
+const createRenderer: ReconcilerFactory = ({
   appendChild,
   appendChildToContainer,
   commitTextUpdate,

packages/reconciler/src/propsEqual.js packages/reconciler/src/propsEqual.ts

@@ -5,12 +5,13 @@ import {
 } from 'react-reconciler-31/constants';
 
 import propsEqual from './propsEqual';
+import { ReconcilerFactory } from './types';
 
 const emptyObject = {};
 
 const logRecoverableError = console.error;
 
-const createRenderer = ({
+const createRenderer: ReconcilerFactory = ({
   appendChild,
   appendChildToContainer,
   commitTextUpdate,

packages/reconciler/src/reconciler-23.js packages/reconciler/src/reconciler-23.ts

@@ -0,0 +1,28 @@
+export interface Reconciler<T> {
+  createContainer: (container: any) => T;
+  updateContainer: (
+    element: T,
+    container: T,
+    parentComponent: T,
+    callback?: () => void,
+  ) => void;
+}
+
+export type ReconcilerFactory = <I, T>(config: {
+  appendChild: (parent: I, child: I | T) => void;
+  appendChildToContainer: (parent: I, child: I | T) => void;
+  commitTextUpdate: (textInstance: T, oldText: string, newText: string) => void;
+  commitUpdate: (
+    instance: I,
+    updatePayload: any,
+    type: string,
+    oldProps: any,
+    newProps: any,
+  ) => void;
+  createInstance: (type: string, props: any) => I;
+  createTextInstance: (text: string) => T;
+  insertBefore: (parent: I, child: I | T, beforeChild: I | T) => void;
+  removeChild: (parent: I, child: I | T) => void;
+  removeChildFromContainer: (parent: I, child: I | T) => void;
+  resetAfterCommit: () => void;
+}) => Reconciler<I>;

packages/reconciler/src/reconciler-31.js packages/reconciler/src/reconciler-31.ts

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "outDir": "lib",
+    "declaration": true,
+    "declarationDir": "lib/types",
+    "target": "ES2022",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM"],
+    "moduleResolution": "Node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": ["vitest/globals"],
+  },
+  "include": ["src", "globals.d.ts"],
+}