Merge pull request #13 from alex3165/master

Improve typings / test typings

Author: kitten

package.json

@@ -3,7 +3,7 @@
   "version": "1.5.3",
   "description": "A production-focused playground for live editing React code",
   "main": "lib/index.js",
-  "typings": "./react-live.d.ts",
+  "typings": "./typings/react-live.d.ts",
   "jsnext:main": "dist/react-live.es.js",
   "module": "dist/react-live.es.js",
   "license": "MIT",
@@ -14,7 +14,8 @@
     "build:dist": "rollup -c && rollup -c --environment PRODUCTION",
     "build": "npm-run-all build:lib build:dist",
     "prepublish": "npm run build",
-    "test": "jest"
+    "test": "jest",
+    "test:typings": "typings-tester --dir typings"
   },
   "dependencies": {
     "buble": "^0.15.2",
@@ -27,6 +28,7 @@
   "devDependencies": {
     "@kadira/storybook": "^2.35.3",
     "@kadira/storybook-addon-knobs": "^1.7.1",
+    "@types/react": "^15.0.26",
     "babel-cli": "^6.24.0",
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-plugin-external-helpers": "^6.22.0",
@@ -47,13 +49,16 @@
     "rollup-plugin-node-resolve": "^2.1.1",
     "rollup-plugin-replace": "^1.1.1",
     "rollup-plugin-uglify": "^1.0.1",
-    "rollup-plugin-visualizer": "^0.2.0"
+    "rollup-plugin-visualizer": "^0.2.0",
+    "typescript": "^2.3.4",
+    "typings-tester": "^0.2.2"
   },
   "files": [
     "src",
     "lib",
     "dist",
-    "react-live.css"
+    "react-live.css",
+    "typings/react-live.d.ts"
   ],
   "author": "Phil Plückthun <phil@plckthn.me> (https://github.com/philpl)",
   "bugs": {

react-live.d.ts typings/react-live.d.tsreact-live.d.ts renamed to typings/react-live.d.ts

@@ -10,18 +10,10 @@ export type LiveProviderProps = HTMLAttributes<HTMLElement> & {
 
 export class LiveProvider extends Component<LiveProviderProps, {}>{}
 
-export interface EditorProps extends HTMLElement {
-  onChange: React.ChangeEventHandler<HTMLElement>;
-  onKeyDown: React.KeyboardEventHandler<HTMLElement>;
-  onKeyUp: React.KeyboardEventHandler<HTMLElement>;
-  onClick: React.MouseEventHandler<HTMLElement>;
-  code: string;
-}
-
-export function LiveEditor(props: EditorProps): any
+export function LiveEditor(props: HTMLAttributes<HTMLElement>): JSX.Element
 
-export function LiveError(props: HTMLAttributes<HTMLElement>): any
-export function LivePreview(props: HTMLAttributes<HTMLElement>): any
+export function LiveError(props: HTMLAttributes<HTMLElement>): JSX.Element
+export function LivePreview(props: HTMLAttributes<HTMLElement>): JSX.Element
 
 export class Editor extends Component<HTMLAttributes<HTMLElement>, {}>{}
 

typings/test.tsx

@@ -0,0 +1,28 @@
+import { LiveProvider, Editor, LiveEditor, LiveError, LivePreview, withLive } from '../';
+import * as React from 'react';
+
+export const providerC = (
+  <LiveProvider code={``} className="" scope="" mountStylesheet={false} noInline={false}/>
+);
+
+export const editorC = (
+  <Editor/>
+)
+
+export const liveEditorC = (
+  <LiveEditor/>
+);
+
+export const liveErrorC = (
+  <LiveError/>
+);
+
+export const livePreviewC = (
+  <LivePreview/>
+);
+
+const Component: React.StatelessComponent<{}> = () => (
+  <div>Hello World!</div>
+);
+
+export const wrappedComponent = withLive(Component);

typings/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "jsx": "react",
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "noUnusedLocals": true
+  }
+}