Port codebase to TS (#126)

Port codebase to TS

Author: ankeetmaini

.codecov.yml

@@ -0,0 +1,30 @@
+codecov:
+  notify:
+    require_ci_to_pass: yes
+
+coverage:
+  precision: 2
+  round: down
+  range: '10...100'
+
+  status:
+    project:
+      default:
+        threshold: 1
+    patch:
+      default:
+        threshold: 1
+    changes: no
+
+parsers:
+  gcov:
+    branch_detection:
+      conditional: yes
+      loop: yes
+      method: no
+      macro: no
+
+comment:
+  layout: 'header, diff'
+  behavior: default
+  require_changes: no

.eslintrc.js

@@ -0,0 +1,26 @@
+const path = require('path');
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: path.resolve(__dirname, './tsconfig.json'),
+    tsconfigRootDir: __dirname,
+  },
+  env: {
+    browser: true,
+    node: true,
+  },
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'prettier',
+    'prettier/@typescript-eslint',
+    'prettier/react',
+  ],
+  rules: {
+    '@typescript-eslint/prefer-regexp-exec': 1,
+  },
+};

.github/workflows/push.yml

@@ -0,0 +1,30 @@
+name: react-infinite-scroll-component
+
+on: [push]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v1
+
+      - name: install dependencies
+        run: yarn
+
+      - name: lint
+        run: yarn lint
+
+      - name: prettier
+        run: yarn prettier:check
+
+      - name: unit tests
+        run: yarn test
+
+      - name: ts type checks
+        run: yarn ts-check
+
+      - uses: codecov/[email protected]
+        with:
+          token: ${{secrets.CODECOV_TOKEN}}
+          file: ./coverage/lcov.info

.gitignore

@@ -3,3 +3,8 @@ npm-debug.log
 .idea
 node_modules
 /lib
+.rts2_*
+dist
+.vscode
+storybook-static/
+coverage/

.npmignore

@@ -4,3 +4,5 @@
 /server.js
 /webpack.*
 npm-debug.log
+__tests__
+stories/

.prettierrc.toml

@@ -0,0 +1,4 @@
+trailingComma = "es5"
+tabWidth = 2
+semi = true
+singleQuote = true

.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';

.storybook/config.js

@@ -0,0 +1,3 @@
+import { configure } from "@storybook/react";
+
+configure(require.context("../src", true, /\.?stories\.tsx$/), module);

.storybook/webpack.config.js

@@ -0,0 +1,16 @@
+module.exports = ({ config }) => {
+  config.module.rules.push({
+    test: /\.(ts|tsx)$/,
+    use: [
+      {
+        loader: require.resolve("awesome-typescript-loader")
+      },
+      // Optional
+      {
+        loader: require.resolve("react-docgen-typescript-loader")
+      }
+    ]
+  });
+  config.resolve.extensions.push(".ts", ".tsx");
+  return config;
+};