TSLinting everything, including the demo now

Author: andrerpena

demo/server.ts

@@ -1,28 +1,29 @@
-import * as fs from 'fs';
-import * as express from 'express';
-import * as colors from 'colors';
-import * as webpackMiddleware from 'webpack-dev-middleware';
-import * as webpackHotMiddleware from 'webpack-hot-middleware';
-import * as webpack from 'webpack';
-import * as webpackConfig from '../webpack.config.demo.dev';
-import * as opn from 'opn';
-const packageJson  = require('../package.json');
+import * as fs from "fs";
+import * as express from "express";
+import * as colors from "colors";
+import * as webpackMiddleware from "webpack-dev-middleware";
+import * as webpackHotMiddleware from "webpack-hot-middleware";
+import * as webpack from "webpack";
+import * as webpackConfig from "../webpack.config.demo.dev";
+import * as opn from "opn";
+const packageJson  = require("../package.json");
 
 const webpackCompiler = webpack(webpackConfig as any);
 const port = 4000;
 
-require.extensions['.html'] = (module, filename) => {
-    module.exports = fs.readFileSync(filename, 'utf8');
+require.extensions[".html"] = (module, filename) => {
+    module.exports = fs.readFileSync(filename, "utf8");
 };
 
 const app = express();
 
 app.use(webpackMiddleware(webpackCompiler));
 app.use(webpackHotMiddleware(webpackCompiler));
-app.use((req, res) => res.status(200).send(require('./index.html')));
+app.use((req, res) => res.status(200).send(require("./index.html")));
 
-app.listen(port, '0.0.0.0', () => {
+app.listen(port, "0.0.0.0", () => {
     const demoUrl = `http://localhost:${port}/`;
+    // tslint:disable-next-line
     console.log(colors.green(`${packageJson.name} at ${demoUrl}`));
     opn(demoUrl);
 });

src/ReactMdePreview.tsx

@@ -15,11 +15,6 @@ export class ReactMdePreview extends React.Component<ReactMdePreviewProps, React
     converter: Showdown.Converter;
     preview: HTMLDivElement;
 
-    static defaultProps: Partial<ReactMdePreviewProps> = {
-        previewRef: (() => {
-        }),
-    }
-
     constructor(props) {
         super(props);
         const {showdownOptions} = props;
@@ -30,14 +25,15 @@ export class ReactMdePreview extends React.Component<ReactMdePreviewProps, React
         const {markdown, previewRef} = this.props;
         const html = this.converter.makeHtml(markdown) || "<p>&nbsp</p>";
         return (
-            <div className="mde-preview"
-            >
+            <div className="mde-preview">
                 <div
                     className="mde-preview-content"
                     dangerouslySetInnerHTML={{__html: html}}
                     ref={(p) => {
                         this.preview = p;
-                        previewRef(p);
+                        if (previewRef) {
+                            previewRef(p);
+                        }
                     }}
                 />
                 <div className="mde-help">
@@ -47,4 +43,3 @@ export class ReactMdePreview extends React.Component<ReactMdePreviewProps, React
         );
     }
 }
-

src/ReactMdeTextArea.tsx

@@ -16,10 +16,9 @@ export interface ReactMdeTextAreaState {
 export class ReactMdeTextArea extends React.Component<ReactMdeTextAreaProps, ReactMdeTextAreaState> {
     textArea: HTMLTextAreaElement;
 
-    static defaultProps:Partial<ReactMdeTextAreaProps> = {
-        textAreaRef: () => {},
+    static defaultProps: Partial<ReactMdeTextAreaProps> = {
         textAreaProps: {},
-    }
+    };
 
     /**
      * Handler for the textArea value change
@@ -47,12 +46,13 @@ export class ReactMdeTextArea extends React.Component<ReactMdeTextAreaProps, Rea
                         value={text}
                         ref={(c) => {
                             this.textArea = c;
-                            textAreaRef(c);
+                            if (textAreaRef) {
+                                textAreaRef(c);
+                            }
                         }}
                         {...textAreaProps}
                     />
             </div>
         );
     }
 }
-

tsconfig.json

@@ -20,6 +20,7 @@
     "include": [
         "./src/**/*.ts",
         "./src/**/*.tsx",
-        "./test/**/*.ts"
+        "./test/**/*.ts",
+        "./demo/**/*.ts"
     ]
 }

tslint.json

@@ -1,37 +1,41 @@
 {
-    "extends": [
-        "tslint:latest",
-        "tslint-react"
+  "extends": [
+    "tslint:latest",
+    "tslint-react"
+  ],
+  "rules": {
+    "quotemark": [
+      true,
+      "double",
+      "jsx-double"
     ],
-    "rules": {
-        "quotemark": [
-            true,
-            "double",
-            "jsx-double"
-        ],
-        "max-line-length": [
-            false
-        ],
-        "interface-name": [
-            true,
-            "never-prefix"
-        ],
-        "curly": false,
-        "object-literal-sort-keys": false,
-        "member-ordering": false,
-        "jsx-no-lambda": [
-            false
-        ],
-        "jsx-no-multiline-js": [
-            false
-        ],
-        "max-classes-per-file": [
-            false
-        ],
-        "member-access": false,
-        "no-var-requires": false,
-        "ordered-imports": false,
-        "space-before-function-paren": false,
-        "no-empty-interface": false
-    }
+    "max-line-length": [
+      false
+    ],
+    "interface-name": [
+      true,
+      "never-prefix"
+    ],
+    "curly": false,
+    "object-literal-sort-keys": false,
+    "member-ordering": false,
+    "jsx-no-lambda": [
+      false
+    ],
+    "jsx-no-multiline-js": [
+      false
+    ],
+    "max-classes-per-file": [
+      false
+    ],
+    "member-access": false,
+    "no-var-requires": false,
+    "ordered-imports": false,
+    "space-before-function-paren": false,
+    "no-empty-interface": false,
+    "no-implicit-dependencies": [
+      true,
+      "dev"
+    ]
+  }
 }