refactor: convert stylesheet package to TS

Author: diegomura

eslint.config.ts

@@ -234,7 +234,6 @@ const tsConfig = {
     'no-unreachable': 'off',
     'no-unsafe-negation': 'off',
     'no-unused-vars': 'off',
-    '@typescript-eslint/ban-ts-comment': 'error',
     '@typescript-eslint/no-array-constructor': 'error',
     '@typescript-eslint/no-duplicate-enum-values': 'error',
     '@typescript-eslint/no-empty-object-type': 'error',

packages/fns/src/compose.ts

@@ -1,4 +1,18 @@
-import reverse from './reverse';
+type ArityOneFn = (arg: any, ...args: any[]) => any;
+
+type FirstFnParameterType<T extends ArityOneFn[]> = T extends [
+  ...any,
+  (arg: infer A, ...args: any[]) => any,
+]
+  ? A
+  : never;
+
+type LastFnReturnType<T extends ArityOneFn[]> = T extends [
+  (arg: any, ...args: any[]) => infer R,
+  ...any,
+]
+  ? R
+  : never;
 
 /**
  * Performs right-to-left function composition
@@ -7,17 +21,18 @@ import reverse from './reverse';
  * @returns Composed function
  */
 const compose =
-  (...fns: any[]) =>
-  (value: any, ...args: any[]) => {
-    let result = value;
-    const reversedFns = reverse(fns);
+  <T extends ArityOneFn[]>(...fns: T) =>
+  (value: FirstFnParameterType<T>, ...args: any[]): LastFnReturnType<T> => {
+    let result: unknown = value;
+
+    const reversedFns = fns.slice().reverse();
 
     for (let i = 0; i < reversedFns.length; i += 1) {
       const fn = reversedFns[i];
       result = fn(result, ...args);
     }
 
-    return result;
+    return result as LastFnReturnType<T>;
   };
 
 export default compose;

packages/renderer/tests/diffs/flex-test-jsx-tests-flex-test-jsx-flex-shorthand-should-support-auto-1-snap-diff.png

@@ -19,13 +19,13 @@ describe('flex shorthand', () => {
   test('should support auto', async () => {
     const image = await mount(
       <View style={{ flexDirection: 'row', gap: 2 }}>
-        <View style={{ height: 20, width: 20, backgroundColor: 'red' }} />
+        <View style={{ height: 20, width: 20, backgroundColor: 'blue' }} />
         <View
           style={{
             height: 20,
             width: 20,
             flex: 'auto',
-            backgroundColor: 'red',
+            backgroundColor: 'blue',
           }}
         />
       </View>,

packages/renderer/tests/diffs/resume-test-jsx-tests-resume-test-jsx-resume-should-match-snapshot-1-snap-diff.png

@@ -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",
@@ -18,7 +19,6 @@
     "watch": "rimraf ./lib && rollup -c -w"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.13",
     "@react-pdf/fns": "3.1.0",
     "@react-pdf/types": "^2.7.1",
     "color-string": "^1.9.1",

packages/renderer/tests/diffs/resume-test-jsx-tests-resume-test-jsx-resume-should-match-snapshot-2-snap-diff.png

@@ -1,30 +1,21 @@
+import { dts } from 'rollup-plugin-dts';
+import del from 'rollup-plugin-delete';
+import typescript from '@rollup/plugin-typescript';
 import localResolve from 'rollup-plugin-local-resolve';
-import babel from '@rollup/plugin-babel';
 
 import pkg from './package.json' with { type: 'json' };
 
-const input = 'src/index.js';
-
-const getExternal = () => [
-  ...Object.keys(pkg.dependencies),
-  /@babel\/runtime/,
-  /@react-pdf/,
-];
-
-const getPlugins = () => [
-  localResolve(),
-  babel({
-    babelrc: true,
-    babelHelpers: 'runtime',
-    exclude: 'node_modules/**',
-  }),
-];
-
 const config = {
-  input,
+  input: 'src/index.ts',
   output: { format: 'es', file: 'lib/index.js' },
-  external: getExternal(),
-  plugins: getPlugins(),
+  external: [...Object.keys(pkg.dependencies), /@react-pdf/],
+  plugins: [typescript(), localResolve()],
+};
+
+const dtsConfig = {
+  input: './lib/types/index.d.ts',
+  output: [{ file: 'lib/index.d.ts', format: 'es' }],
+  plugins: [dts(), del({ targets: 'lib/types', hook: 'buildEnd' })],
 };
 
-export default config;
+export default [config, dtsConfig];