react-live - npm Package Compare versions

Comparing version 1.7.0 to 1.7.1

lib/components/Editor/index.js

@@ -238,2 +238,3 @@ 'use strict';
       style: style,
+      spellCheck: 'false',
       contentEditable: contentEditable,
@@ -240,0 +241,0 @@ onKeyDown: contentEditable && this.onKeyDown,

package.json

 {
   "name": "react-live",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "A production-focused playground for live editing React code",
@@ -31,3 +31,3 @@ "main": "lib/index.js",
     "@kadira/storybook-addon-knobs": "^1.7.1",
-    "@types/react": "^15.0.26",
+    "@types/react": "^15.0.38",
     "babel-cli": "^6.24.0",
@@ -54,3 +54,3 @@ "babel-plugin-add-module-exports": "^0.2.1",
     "rollup-plugin-visualizer": "^0.2.0",
-    "typescript": "^2.3.4",
+    "typescript": "^2.4.1",
     "typings-tester": "^0.2.2"
@@ -57,0 +57,0 @@ },

src/components/Editor/index.js

@@ -208,2 +208,3 @@ import React, { Component } from 'react'
         style={style}
+        spellCheck="false"
         contentEditable={contentEditable}
@@ -210,0 +211,0 @@ onKeyDown={contentEditable && this.onKeyDown}

typings/react-live.d.ts

@@ -1,10 +0,18 @@
-export as namespace ReactLive;
+import { ComponentClass, StatelessComponent, HTMLProps } from 'react'
 
-import { Component, StatelessComponent, HTMLAttributes } from 'react';
+// React union type
+type Component<P> = ComponentClass<P> | StatelessComponent<P>
 
-export type LiveProviderProps = {
-  className?: string;
-  style?: HTMLAttributes<HTMLElement>['style'];
+// Helper types
+type Diff<T extends string, U extends string> = ({ [P in T]: P } & { [P in U]: never } & { [x: string]: never })[T]
+type Omit<T, K extends keyof T> = Pick<T, Diff<keyof T, K>>
+
+// React Element Props
+type DivProps = HTMLProps<HTMLDivElement>
+type PreProps = HTMLProps<HTMLPreElement>
+
+// LiveProvider
+export type LiveProviderProps = Omit<DivProps, 'scope'> & {
   scope?: { [key: string]: any };
-  code?: any;
+  code?: string;
   mountStylesheet?: boolean;
@@ -15,28 +23,25 @@ noInline?: boolean;
 
-export class LiveProvider extends Component<LiveProviderProps, {}>{}
+export const LiveProvider: ComponentClass<LiveProviderProps>
 
-export type LiveEditorProps = {
-  className?: string;
+// Editor
+export type EditorProps = PreProps & {
+  ignoreTabKey?: boolean;
+}
+
+export const Editor: ComponentClass<EditorProps>
+
+// LiveEditor
+export type LiveEditorProps = Omit<EditorProps, 'onChange'> & {
   onChange?: (code: string) => void
-  style?: HTMLAttributes<HTMLElement>['style'];
-  onClick?: HTMLAttributes<HTMLElement>['onClick'];
-  onKeyDown?: HTMLAttributes<HTMLElement>['onKeyDown'];
-  onKeyUp?: HTMLAttributes<HTMLElement>['onKeyUp'];
-  onMouseOver?: HTMLAttributes<HTMLElement>['onMouseOver'];
-  onMouseOut?: HTMLAttributes<HTMLElement>['onMouseOut'];
-  onFocus?: HTMLAttributes<HTMLElement>['onFocus'];
-  onBlur?: HTMLAttributes<HTMLElement>['onBlur'];
 }
 
-export function LiveEditor(props: LiveEditorProps): JSX.Element
+export const LiveEditor: ComponentClass<LiveEditorProps>
 
-export function LiveError(props: HTMLAttributes<HTMLElement>): JSX.Element
-export function LivePreview(props: HTMLAttributes<HTMLElement>): JSX.Element
+// LiveError
+export const LiveError: ComponentClass<DivProps>
 
-export type EditorProps = HTMLAttributes<HTMLElement> & {
-  ignoreTabKey?: boolean;
-}
+// LivePreview
+export const LivePreview: ComponentClass<DivProps>
 
-export class Editor extends Component<EditorProps, {}>{}
-
-export function withLive<T>(wrappedComponent: T): Component<any, {}>
+// withLive HOC
+export function withLive<P>(wrappedComponent: Component<P>): ComponentClass<P>

No alert changes

Improved metrics

Total package byte prevSize

1326732

Lines of code

27159

increased by0.02%

No dependency changes