Migrate to TypeScript

.eslintrc.js

@@ -1,9 +1,8 @@
 module.exports = {
-  env: { es6: true },
-  extends: ['plugin:prettier/recommended'],
-  plugins: ['prettier'],
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module',
+  extends: ['react-app', 'prettier/@typescript-eslint', 'plugin:prettier/recommended'],
+  settings: {
+    react: {
+      version: '99.99.99',
+    },
   },
 };

.gitattributes

@@ -20,9 +20,7 @@
 *.less text
 *.styl text
 *.js text
-*.jsx text
 *.ts text
-*.tsx text
 *.coffee text
 *.json text
 *.htm text

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+github: [sgratzl]

.github/ISSUE_TEMPLATE/bug_report.md

@@ -7,23 +7,29 @@ assignees: ''
 ---
 
 <!--A clear and concise description of what the bug is.-->
+
 When I...
 
 **To Reproduce**
+
 <!--Steps to reproduce the behavior:
 -->
-1. 
+
+1.
 
 **Expected behavior**
+
 <!--A clear and concise description of what you expected to happen.-->
 
 **Screenshots**
+
 <!--If applicable, add screenshots to help explain your problem.-->
 
 **Context**
 
 - Version:
-- Browser: 
+- Browser:
 
 **Additional context**
+
 <!--Add any other context about the problem here.-->

.github/ISSUE_TEMPLATE/config.yml

@@ -2,4 +2,4 @@ blank_issues_enabled: true
 # contact_links:
 #   - name: Samuel Gratzl
 #     url: https://www.sgratzl.com
-#     about: Please ask and answer questions here.
+#     about: Please ask and answer questions here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -7,10 +7,13 @@ assignees: ''
 ---
 
 <!--A clear and concise description of what feature you are missing.-->
+
 It would be great if ...
 
 **User story**
+
 <!--Describe your problem, feature you are missing, and how you image to look like.-->
 
 **Additional context**
+
 <!--Add any other context or screenshots about the feature request here.-->

.github/ISSUE_TEMPLATE/question.md

@@ -10,15 +10,18 @@ assignees: ''
 A clear and concise description of what your question is.
 If possible add a CodePen or CodeSandbox link to illustrate your problem
 -->
+
 I'm having the following question...
 
 **Screenshots / Sketches**
+
 <!--If applicable, add screenshots or sketches to help explain your question.-->
 
 **Context**
 
 - Version:
-- Browser: 
+- Browser:
 
 **Additional context**
+
 <!--Add any other context about the question here.-->

.github/workflows/ci.yml

@@ -9,17 +9,18 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: "12.x"
+          node-version: '12.x'
       - run: npm i -g yarn
-      - run: yarn set version berry
+      - run: yarn set version 2
+      - run: cat .yarnrc_patch.yml >> .yarnrc.yml
       - run: yarn config set checksumBehavior ignore
       - name: Cache Node.js modules
-        uses: actions/cache@v2
+        uses: actions/cache@v1
         with:
           path: ./.yarn
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          key: ${{ runner.os }}-yarn2-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-yarn2-
       - run: yarn install
       - run: yarn build
       - run: yarn lint

.gitignore

@@ -11,10 +11,10 @@ npm-debug.log*
 /.pnp.js
 
 # Build files
-/build
+/.tmp
+/dist
 
 *.tgz
-/.vscode
-
-/sample_treeshake/build
+/.vscode/extensions.json
+/docs
 __diff_output__

.prettierignore

@@ -0,0 +1,4 @@
+.pnp.js
+.yarnrc.yml
+.yarn
+*.png

.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  printWidth: 120,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'es5',
+};

.release-it.json

@@ -1,7 +1,7 @@
 {
   "hooks": {
-    "before:init": "npm test",
-    "before:release": "npm run build & npm pack",
+    "before:init": "yarn clean && yarn test",
+    "before:release": "yarn build && yarn pack",
     "after:release": "echo Successfully released ${name} v${version} to ${repo.repository}."
   },
   "git": {
@@ -12,6 +12,6 @@
   },
   "github": {
     "release": true,
-    "assets": ["build/*.js", "*.tgz"]
+    "assets": ["dist/*.js", "dist/*.d.ts", "*.tgz"]
   }
 }

.vscode/settings.json

@@ -0,0 +1,26 @@
+{
+  "editor.formatOnSave": true,
+  "editor.formatOnType": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[yaml]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "prettier.packageManager": "yarn",
+  "eslint.packageManager": "yarn",
+  "npm.packageManager": "yarn",
+  "eslint.nodePath": ".yarn/sdks",
+  "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
+  "files.eol": "\n",
+  "typescript.tsdk": ".yarn/sdks/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "editor.detectIndentation": false,
+  "editor.tabSize": 2
+}

.yarnrc_patch.yml

@@ -0,0 +1,10 @@
+packageExtensions:
+  'tsdx@*':
+    dependencies:
+      'babel-jest': '^25.5.1'
+  'eslint-config-react-app@*':
+    dependencies:
+      'babel-eslint': '*'
+  'eslint-plugin-prettier@*':
+    dependencies:
+      'eslint-config-prettier': '*'

LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
-Copyright (c) 2020 datavisyn GmbH
+Copyright (c) 2019 datavisyn GmbH
+Copyright (c) 2020 Samuel Gratzl
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal