Merge pull request #166 from adierkens/add-context-to-ts

Add LiveContext typings

Author: sofiapoh

typings/react-live.d.ts

@@ -1,4 +1,4 @@
-import { ComponentClass, StatelessComponent, HTMLProps, ComponentType } from 'react'
+import { ComponentClass, StatelessComponent, HTMLProps, ComponentType, Context } from 'react'
 import { PrismTheme, Language } from 'prism-react-renderer';
 
 // Helper types
@@ -32,6 +32,17 @@ export type EditorProps = Omit<PreProps, 'onChange'> & {
 
 export const Editor: ComponentClass<EditorProps>
 
+// Context
+export interface ContextProps {
+  code?: string;
+  language?: Language;
+  theme: PrismTheme;
+  disabled?: boolean;
+  error?: string;
+}
+
+export const LiveContext: Context<ContextProps>;
+
 // LiveEditor
 export type LiveEditorProps = EditorProps;
 

typings/test.tsx

@@ -4,6 +4,7 @@ import {
   LiveEditor,
   LiveError,
   LivePreview,
+  LiveContext,
   withLive
 } from '../';
 import * as React from 'react';
@@ -34,6 +35,12 @@ export const liveEditorC = <LiveEditor onChange={(code: string) => {}} />;
 
 export const liveErrorC = <LiveError />;
 
+export const customError = () => (
+  <LiveContext.Consumer>
+    {({ error }) => (error ? <pre>{error}</pre> : null)}
+  </LiveContext.Consumer>
+);
+
 export const livePreviewC = <LivePreview />;
 
 const Component: React.StatelessComponent<{}> = () => <div>Hello World!</div>;