chore: migrate to typescript

.eslintignore

@@ -1,3 +1,2 @@
 node_modules
-flow-typed
 build

.eslintrc.json

@@ -2,9 +2,8 @@
   "extends": "@callstack",
   "rules": {
     "global-require": 0,
-    "flowtype/no-weak-types": 0,
     "strict": [0, "global"],
-    "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
     "react-native/no-raw-text": 0
   }
 }

.npmignore

@@ -1,5 +1,4 @@
 src
 __tests__
-flow-typed
 yarn.lock
 .eslintcache

__tests__/getSnapshotDiffSerializer.test.js

@@ -1,8 +1,6 @@
-// @flow
+const { snapshotDiff, getSnapshotDiffSerializer } = require('../src/index');
 
-const snapshotDiff = require('../src/index');
-// $FlowFixMe – wrong type declaration in flow-typed/[email protected]
-expect.addSnapshotSerializer(snapshotDiff.getSnapshotDiffSerializer());
+expect.addSnapshotSerializer(getSnapshotDiffSerializer());
 
 test('serialize text diff output', () => {
   expect(

__tests__/index.test.js

@@ -1,18 +1,15 @@
 test('public api', () => {
-  const index = require('../src/index');
+  const index = require('../build/index');
 
-  expect(index).toBeInstanceOf(Function);
-  expect(index.snapshotDiff).toBe(index);
+  expect(index.snapshotDiff).toBeInstanceOf(Function);
   expect(index.toMatchDiffSnapshot).toBeInstanceOf(Function);
   expect(index.getSnapshotDiffSerializer).toBeInstanceOf(Function);
 
   const {
-    snapshotDiff,
     toMatchDiffSnapshot,
     getSnapshotDiffSerializer,
-  } = require('../src/index');
+  } = require('../build/index');
 
-  expect(snapshotDiff).toBe(index);
   expect(toMatchDiffSnapshot).toBe(index.toMatchDiffSnapshot);
   expect(getSnapshotDiffSerializer).toBe(index.getSnapshotDiffSerializer);
 });

__tests__/setSerializers.test.js

@@ -1,23 +1,22 @@
-// @flow
 const React = require('react');
 const { configure, shallow: enzymeShallow } = require('enzyme');
 const ReactShallowRenderer = require('react-test-renderer/shallow');
 const Adapter = require('enzyme-adapter-react-16');
 const enzymeToJson = require('enzyme-to-json/serializer');
-const snapshotDiff = require('../src/index');
+const {
+  snapshotDiff,
+  setSerializers,
+  defaultSerializers,
+} = require('../src/index');
 
 configure({ adapter: new Adapter() });
 const reactShallow = new ReactShallowRenderer();
 
-snapshotDiff.setSerializers([...snapshotDiff.defaultSerializers, enzymeToJson]);
-
-type Props = {
-  test: string,
-};
+setSerializers([...defaultSerializers, enzymeToJson]);
 
 const Component = ({ value }) => <div>I have value {value}</div>;
 
-const NestedComponent = (props: Props) => (
+const NestedComponent = (props) => (
   <div>
     <span>Hello World - {props.test}</span>
     <Component value={1234} />

__tests__/snapshotDiff.test.js

@@ -1,9 +1,7 @@
-// @flow
-
 /* eslint-disable react/no-multi-comp */
 
 const React = require('react');
-const snapshotDiff = require('../src/index');
+const { snapshotDiff } = require('../src/index');
 
 const a = `
     some
@@ -78,15 +76,7 @@ const noIndentB = `
 @script
 `;
 
-type Props = {
-  test?: string,
-  unnamedFunction?: () => void,
-  unnamedJestMock?: () => void,
-  namedJestMock?: () => void,
-  withSecond?: boolean,
-};
-
-class Component extends React.Component<Props> {
+class Component extends React.Component {
   render() {
     return (
       <div>
@@ -171,7 +161,7 @@ class Component extends React.Component<Props> {
   }
 }
 
-class FragmentComponent extends React.Component<Props> {
+class FragmentComponent extends React.Component {
   render() {
     return (
       <>
@@ -254,7 +244,6 @@ test('can use stablePatchmarks on diff', () => {
 describe('failed optional deps', () => {
   beforeEach(() => {
     jest.mock('react-test-renderer', () => {
-      // $FlowFixMe -- this is intended.
       require('non-existent-module-for-testing'); // eslint-disable-line
     });
   });

__tests__/toMatchDiffSnapshot.test.js

@@ -1,5 +1,3 @@
-// @flow
-
 const snapshotDiff = require('../src/index');
 
 const a = `
@@ -35,18 +33,15 @@ beforeAll(() => {
 });
 
 test('works with default options', () => {
-  // $FlowFixMe
   expect(a).toMatchDiffSnapshot(b);
 });
 
-[{ expand: true }, { contextLines: 0 }].forEach((options: any) => {
+[{ expand: true }, { contextLines: 0 }].forEach((options) => {
   test(`proxies "${Object.keys(options).join(', ')}" option(s)`, () => {
-    // $FlowFixMe
     expect(a).toMatchDiffSnapshot(b, options);
   });
 });
 
 test('works with custom name', () => {
-  // $FlowFixMe
   expect(a).toMatchDiffSnapshot(b, {}, 'slim');
 });

babel.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   presets: [
     '@babel/preset-react',
-    '@babel/preset-flow',
+    '@babel/preset-typescript',
     ['@babel/preset-env', { targets: { node: '12' } }],
   ],
 };