kiddom · ruirui19 · Mar 31, 2021 · Mar 31, 2021 · Apr 2, 2021 · Apr 3, 2021
diff --git a/.babelrc b/.babelrc
@@ -1,22 +1,4 @@
 {
-  "presets": [
-    "@babel/preset-env", "@babel/preset-react"
-  ],
-  "plugins": [
-    "@babel/plugin-transform-runtime",
-    "react-hot-loader/babel",
-
-    // Stage 2 https://github.com/babel/babel/tree/master/packages/babel-preset-stage-2
-    ["@babel/plugin-proposal-decorators", { "legacy": true }],
-    "@babel/plugin-proposal-function-sent",
-    "@babel/plugin-proposal-export-namespace-from",
-    "@babel/plugin-proposal-numeric-separator",
-    "@babel/plugin-proposal-throw-expressions",
-
-    // Stage 3
-    "@babel/plugin-syntax-dynamic-import",
-    "@babel/plugin-syntax-import-meta",
-    ["@babel/plugin-proposal-class-properties", { "loose": true }],
-    "@babel/plugin-proposal-json-strings"
-  ]
-}
+  "presets": ["@babel/env", "@babel/react", "@babel/preset-typescript"],
+  "plugins": ["@babel/plugin-proposal-class-properties"]
+}
diff --git a/.eslintrc b/.eslintrc
@@ -1,26 +1,27 @@
 {
-  "parser": "babel-eslint",
-  "plugins": [
-    "react",
-    "jest",
-    "eslint-plugin-react"
-  ],
-  "env": {
-    "es6": true,
-    "jest": true,
-    "amd": true,
-    "browser": true,
-    "node": true
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended"
-  ],
-  "globals": {
-    "React": true,
-    "document": true,
-    "require": true,
-    "window": true,
-    "localStorage": true
+  "plugins": ["@typescript-eslint", "react-hooks", "prettier"],
+  "extends": ["plugin:react/recommended", "plugin:@typescript-eslint/recommended"],
+  "rules": {
+    "@typescript-eslint/no-var-requires": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/ban-types": 0,
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "prettier/prettier": "error",
+    "react/prop-types": "off"
+  },
+  "settings": {
+    "react": {
+      "pragma": "React",
+      "version": "detect"
+    }
   }
 }
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,8 @@
+node_modules
+lib
+lib-esm
+_bundles
+
 ### Linux template
 *~
 
@@ -6,7 +11,7 @@
 
 # Linux trash folder which might appear on any partition or disk
 .Trash-*
-
+dist/
 
 ### JetBrains template
 # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio

diff --git a/.npmignore b/.npmignore
@@ -1,3 +1,10 @@
+.*
+**/tsconfig.json
+**/webpack.config.js
+node_modules
+src
+
+
 examples/
 test/
 src/

diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,16 @@
+build/
+coverage/
+dist/
+docs/
+node_modules/
+*.md
+.prettierignore
+yarn.lock
+.idea
+LICENSE
+*.jpg
+.DS_Store
+.npmignore
+.gitignore
+*.log
+*.ico
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,10 @@
+{
+  "printWidth": 85,
+  "arrowParens": "always",
+  "semi": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": false,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true
+}
diff --git a/docs/react-sketch-logo-original.jpg b/docs/react-sketch-logo-original.jpg
diff --git a/examples/base.html b/examples/base.html
@@ -1,40 +1,45 @@
-<!doctype html>
+<!DOCTYPE html>
 <html class="no-js" lang="">
-
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title><%= htmlWebpackPlugin.options.title %></title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="keywords" content="<%= htmlWebpackPlugin.options.keywords %>">
-    <meta name="description" content="<%= htmlWebpackPlugin.options.description %>">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-</head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="keywords" content="<%= htmlWebpackPlugin.options.keywords %>" />
+    <meta
+      name="description"
+      content="<%= htmlWebpackPlugin.options.description %>"
+    />
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet"
+    />
+  </head>
 
-<body>
-<div id="container"></div>
-<!--
+  <body>
+    <div id="container"></div>
+    <!--
     This script adds the Roboto font to our project. For more detail go to this site:
     http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500
 -->
-<script>
-    var WebFontConfig = {
-        google: {families: ['Roboto:400,300,500:latin']}
-    };
-    (function () {
-        var wf = document.createElement('script');
-        wf.src = ('https:' === document.location.protocol ? 'https' : 'http') +
-                '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
-        wf.type = 'text/javascript';
-        wf.async = 'true';
-        var s = document.getElementsByTagName('script')[0];
+    <script>
+      var WebFontConfig = {
+        google: { families: ["Roboto:400,300,500:latin"] },
+      };
+      (function () {
+        var wf = document.createElement("script");
+        wf.src =
+          ("https:" === document.location.protocol ? "https" : "http") +
+          "://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";
+        wf.type = "text/javascript";
+        wf.async = "true";
+        var s = document.getElementsByTagName("script")[0];
         s.parentNode.insertBefore(wf, s);
-    })();
-</script>
-<!--
+      })();
+    </script>
+    <!--
 Define your local ip
 <script src="http://192.168.3.119:8080/target/target-script-min.js#anonymous"></script>
 -->
-</body>
-
+  </body>
 </html>