migrate to typescript

run `npx webpack --watch` for development.
kosta · Oct 2, 2018 · 95f4d88 · 95f4d88
1 parent 7f4ad33
commit 95f4d88
Show file tree

Hide file tree

Showing 12 changed files with 777 additions and 19,975 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -4,7 +4,7 @@ root = true
 end_of_line = lf
 insert_final_newline = false
 
-[*.js]
+[*.{js,jsx,ts,tsx}]
 charset = utf-8
 indent_style = space
 indent_size = 2

diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 .idea/
 *.iml
-node_modules/
+node_modules/
+dist/
diff --git a/babel.min.js b/babel.min.js
diff --git a/index.html b/index.html
@@ -3,9 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <title>Gloomhaven Stacks</title>
-    <script src="react.development.js"></script> <!-- https://unpkg.com/react@16/umd/ -->
-    <script src="react-dom.development.js"></script> <!-- https://unpkg.com/react-dom@16/umd/ -->
-    <script src="babel.min.js"></script> <!-- https://unpkg.com/babel-standalone@6.15.0/ -->
     <style>
       .selected {
         border-color: red;
@@ -14,13 +11,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script src="stacks.js" type="text/babel"></script>
-    <!--
-      Note: this page is a great way to try React but it's not suitable for production.
-      But for this very small app it should be ok ;)
-
-      To set up a production-ready React build environment, follow these instructions:
-      * https://reactjs.org/docs/add-react-to-a-new-app.html
-    -->
+    <script src="dist/bundle.js" type="text/javascript"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -2,14 +2,17 @@
   "name": "gloomhaven-stacks",
   "version": "0.4.0",
   "description": "Manage your gloomhaven card stacks",
-  "main": "index.js",
   "repository": "/~https://github.com/kosta/gloomhaven-stacks.git",
   "author": "Kosta <theoneandonlykosta@gmail.com>",
   "private": true,
   "devDependencies": {
     "@types/react": "16.4.14",
     "@types/react-dom": "16.0.8",
-    "webpack": "4.20.2"
+    "awesome-typescript-loader": "5.2.1",
+    "source-map-loader": "0.2.4",
+    "typescript": "3.1.1",
+    "webpack": "4.20.2",
+    "webpack-cli": "3.1.2"
   },
   "dependencies": {
     "react": "16.5.2",