migrating to typescript; upgrade bottom-tip; bump 0.1.2

mvc-works · Aug 20, 2018 · 41bb44d · 41bb44d
1 parent 6d93c74
commit 41bb44d
Show file tree

Hide file tree

Showing 17 changed files with 1,507 additions and 2,014 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
 .target/
 lib/
 /node_modules/
+
+.awcache
diff --git a/.npmignore b/.npmignore
@@ -1,3 +1,4 @@
 
 /index.html
 /example
+.awcache
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "printWidth": 160,
+  "trailingComma": "es5",
+  "arrowParens": "always"
+}
diff --git a/README.md b/README.md
@@ -1,14 +1,6 @@
+## Webpack HUD, displaying errors in app
 
-Webpack HUD, displaying errors in app
-----
-
-> Contact me if you'd like to maintain this project!
-
-[![](https://pbs.twimg.com/media/CjrPoAWUYAE_77K.png:large)](https://www.youtube.com/watch?v=i-qGt-7nxVg)
-
-Warning message in the demo is genetated
-by [eslint-loader](https://github.com/MoOx/eslint-loader)
-with [`cooking`](http://cookingjs.github.io/).
+![Webpack TypeScript demo](https://pbs.twimg.com/media/DlB9RKGUwAMWvBh.png:large)
 
 ### Usage
 
@@ -20,23 +12,27 @@ npm i --save-dev webpack-hud
 module.exports = {
   entry: {
     main: [
-      'webpack-hud', // <-- put package here, before your code
-      './src/main.js'
-    ]
+      "webpack-hud", // <-- put package here, before your code
+      "./src/main",
+    ],
   },
   output: {
-    filename: 'bundle.js',
-    path: 'build/'
+    filename: "bundle.js",
+    path: "build/",
   },
   module: {
-    loaders: [
-      {test: /\.js$/, loader: 'eslint'}
-    ]
+    rules: [
+      {
+        test: /\.tsx?$/,
+        loader: "awesome-typescript-loader",
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".js"],
   },
-  eslint: {
-    emitWarning: true
-  }
-}
+};
 ```
 
 ### How does it work?

diff --git a/example/demo.js b/example/demo.js
diff --git a/example/demo.ts b/example/demo.ts
@@ -0,0 +1,12 @@
+export class Fibonacci {
+  index: number;
+  fibonacciNumber: number;
+
+  public calculateFibonacciNumber() {
+    this.fibonacciNumber = this.calculate(this.index);
+  }
+
+  private calculate(i: number): number {
+    return i <= 2 ? 1 : this.calculate(i - 1) + this.calculate(i - 2);
+  }
+}
diff --git a/example/index.html b/example/index.html
@@ -1,11 +1,19 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <title>HUD</title>
   <script src="http://localhost:8080/bundle.js"></script>
+  <style>
+    body {
+      font-family: Arial, Helvetica, sans-serif;
+    }
+  </style>
 </head>
+
 <body>
-  <p>Edit demo.js to see...</p>
+  <p>Follow guide and edit demo.ts to try...</p>
 </body>
+
 </html>
diff --git a/example/main.js b/example/main.js
diff --git a/example/main.ts b/example/main.ts
@@ -0,0 +1,14 @@
+import "../src";
+import "./demo";
+
+declare let module: any;
+
+if (module.hot) {
+  module.hot.accept("./demo", function _() {
+    console.log("reload");
+  });
+
+  module.hot.accept("../src", function _() {
+    window.location.reload();
+  });
+}
diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -1,28 +1,27 @@
-
-var path = require('path');
+var path = require("path");
 
 module.exports = {
+  mode: "development",
   entry: {
-    main: [
-      './main.js'
-    ]
+    main: ["./main"],
   },
   performance: {
-    hints: false
+    hints: false,
   },
   output: {
-    filename: 'bundle.js',
-    path: '/example'
+    filename: "bundle.js",
+    path: "/example",
   },
   module: {
     rules: [
-      {test: /\.js$/, loader: 'babel-loader'},
-      {enforce: "pre", test: /demo\.js$/, loader: 'eslint-loader',
-        query: {
-          emitWarning: true,
-          configFile: path.join(__dirname, '../.eslintrc.json')
-        }
-      }
-    ]
-  }
-}
+      {
+        test: /\.tsx?$/,
+        loader: "awesome-typescript-loader",
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".js"],
+  },
+};
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "webpack-hud",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "lib/index.js",
   "description": "Webpack HUD, for showing error messages",
   "repository": {
@@ -12,11 +12,8 @@
   },
   "homepage": "https://github.com/mvc-works/webpack-hud#readme",
   "scripts": {
-    "lint": "eslint src/ examples/",
-    "fix": "eslint --fix src/",
-    "precompile": "rm -rf lib/; mkdir lib; exit 0",
-    "compile": "babel -d lib/ src",
-    "prepublish": "npm run lint && npm run compile && exit 0"
+    "compile": "rm -rf lib/ && tsc --outDir lib",
+    "prepublish": "yarn compile"
   },
   "keywords": [
     "webpack",
@@ -27,22 +24,15 @@
   "author": "jiyinyiyong",
   "license": "MIT",
   "dependencies": {
-    "bottom-tip": "0.0.4",
+    "bottom-tip": "^0.1.0",
     "doc-ready": "^1.0.4",
-    "sockjs-client": "^1.1.0",
     "strip-ansi": "^4.0.0"
   },
   "devDependencies": {
-    "babel": "^6.5.2",
-    "babel-cli": "^6.9.0",
-    "babel-core": "^6.21.0",
-    "babel-eslint": "^8.0.2",
-    "babel-loader": "^7.1.2",
-    "babel-preset-es2015": "^6.9.0",
-    "eslint": "^4.12.0",
-    "eslint-loader": "^1.3.0",
-    "eslint-plugin-babel": "^4.1.2",
-    "webpack": "^3.8.1",
-    "webpack-dev-server": "^2.9.5"
+    "awesome-typescript-loader": "^5.2.0",
+    "typescript": "^3.0.1",
+    "webpack": "^4.16.5",
+    "webpack-cli": "^3.1.0",
+    "webpack-dev-server": "^3.1.5"
   }
 }