Fix error in 0.110 (#30)

Refactored the card to typescript and litelement

Author: helto4real

VERSION

@@ -1 +1 @@
-0.0.3
+0.0.4

package.json

@@ -18,22 +18,33 @@
   "dependencies": {
     "@types/canvas-gauges": "^2.1.2",
     "canvas-gauges": "^2.1.5",
+    "custom-card-helpers": "^1.6.3",
+    "home-assistant-js-websocket": "^4.4.0",
+    "lit-html": "^1.1.2",
     "lit-element": "^2.2.1"
   },
   "devDependencies": {
     "@babel/core": "^7.6.4",
     "@babel/plugin-proposal-class-properties": "^7.5.5",
     "@babel/plugin-proposal-decorators": "^7.4.0",
-    "@rollup/plugin-commonjs": "^11.0.2",
     "@rollup/plugin-json": "^4.0.0",
-    "@rollup/plugin-node-resolve": "^7.1.1",
-    "prettier": "^1.18.2",
-    "rollup": "^1.32.0",
+    "@typescript-eslint/eslint-plugin": "^2.6.0",
+    "@typescript-eslint/parser": "^2.6.0",
+    "eslint": "^6.6.0",
+    "eslint-config-airbnb-base": "^14.0.0",
+    "eslint-config-prettier": "^6.5.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-prettier": "^3.1.1",
+    "prettier": "^1.19.1",
+    "rollup": "^1.26.0",
     "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-legacy": "^1.0.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-serve": "^1.0.1",
     "rollup-plugin-terser": "^5.1.2",
-    "rollup-plugin-uglify": "^6.0.3"
+    "rollup-plugin-typescript2": "^0.24.3",
+    "rollup-plugin-uglify": "^6.0.3",
+    "typescript": "^3.6.4"
   },
   "scripts": {
     "build": "rollup -c",

rollup.config.js

@@ -1,11 +1,10 @@
-// import typescript from "rollup-plugin-typescript2";
-import commonjs from "@rollup/plugin-commonjs";
-import nodeResolve from "@rollup/plugin-node-resolve";
+import typescript from "rollup-plugin-typescript2";
+import commonjs from "rollup-plugin-commonjs";
+import nodeResolve from "rollup-plugin-node-resolve";
 import babel from "rollup-plugin-babel";
 import { terser } from "rollup-plugin-terser";
 import serve from "rollup-plugin-serve";
 import json from "@rollup/plugin-json";
-import legacy from "rollup-plugin-legacy";
 
 const dev = process.env.ROLLUP_WATCH;
 
@@ -15,32 +14,29 @@ const serveopts = {
   port: 5000,
   allowCrossOrigin: true,
   headers: {
-    "Access-Control-Allow-Origin": "*"
-  }
+    "Access-Control-Allow-Origin": "*",
+  },
 };
 
 const plugins = [
-  nodeResolve({ browser: true }),
+  nodeResolve({}),
   commonjs(),
-  //   typescript(),
+  typescript(),
   json(),
   babel({
-    exclude: "node_modules/**"
-  }),
-  legacy({
-    "gauge.min.js": "Gauge"
+    exclude: "node_modules/**",
   }),
   dev && serve(serveopts),
-  !dev && terser()
+  !dev && terser(),
 ];
 
 export default [
   {
-    input: "src/canvas-gauge-card.js",
+    input: "src/canvas-gauge-card.ts",
     output: {
       dir: "dist",
-      format: "es"
+      format: "es",
     },
-    plugins: [...plugins]
-  }
+    plugins: [...plugins],
+  },
 ];