all examples working again

Author: juliankrispel

examples/add-video-block/src/App.js

@@ -81,6 +81,7 @@ export default class App extends Component {
               <iframe
                 src={src}
                 frameBorder="0"
+                title="youtube video"
                 allow="autoplay; encrypted-media"
                 allowFullScreen
               />

examples/emoji-example/src/index.js

@@ -23,7 +23,7 @@ class App extends Component {
     if (isFocused) classNames.push('list__item--focused')
     return (
       <span className={`${classNames.join(' ')}`}>
-        {suggestion.char} {`{suggestion.name}`}
+        {suggestion.char} {suggestion.name}
       </span>
     )
   }

packages/atomic-block/package.json

@@ -14,6 +14,7 @@
     "build": "./node_modules/.bin/rollup -c",
     "start": "./node_modules/.bin/rollup -c -w",
     "prepare": "yarn run build",
+    "flow": "./node_modules/.bin/flow",
     "predeploy": "cd example && yarn install && yarn run build",
     "deploy": "gh-pages -d example/build"
   },

packages/atomic-block/src/index.js

@@ -11,7 +11,6 @@ const { EditorState } = Draft
 type Props = PluginProps & {
   type: string,
   children: any,
-  editorProps: Object,
 }
 
 type State = {
@@ -58,19 +57,9 @@ class AtomicBlockPlugin extends Component<Props, State> {
     console.log('event.key', event.key)
   }
 
-  handleReturn = () => {
-    // const {
-    //   editorProps: { editorState },
-    // } = this.props
-
-    // const selection = editorState.getSelection()
-
-    console.log('handle return')
-  }
-
   renderChildren = (props: Object) => {
     const {
-      editorProps: { editorState },
+      editorState,
     } = this.props
 
     const blockKey = props.block.getKey()
@@ -90,7 +79,7 @@ class AtomicBlockPlugin extends Component<Props, State> {
   blockRendererFn = block => {
     const {
       type,
-      editorProps: { editorState },
+      editorState,
     } = this.props
     const content = editorState.getCurrentContent()
 

packages/autocomplete/package.json

@@ -12,6 +12,7 @@
     "test": "cross-env CI=1 react-scripts test --env=jsdom",
     "test:watch": "react-scripts test --env=jsdom",
     "build": "./node_modules/.bin/rollup -c",
+    "flow": "./node_modules/.bin/flow",
     "start": "./node_modules/.bin/rollup -c -w",
     "prepare": "yarn run build",
     "predeploy": "cd example && yarn install && yarn run build",

packages/autocomplete/src/index.js

@@ -3,15 +3,15 @@
 import React, { Component } from 'react'
 import type { Node } from 'react'
 import { withPluginContext, constants } from '@djsp/core'
+import type { PluginProps } from '@djsp/core'
 import styles from './styles.css'
 
-type Props = {
+type Props = PluginProps & {
   trigger: string | ((textUntilCursor: string) => ?string),
   renderSuggestion: ({ isFocused: boolean, suggestion: any }) => Node,
   onSelect: (suggestion: any, searchText: ?string) => void,
   onSearch: (searchText: string) => void,
   suggestions: Array<any>,
-  pluginProps: Object,
 }
 
 type State = {
@@ -45,7 +45,7 @@ class Suggestions extends Component<Props, State> {
 
   componentDidMount() {
     const {
-      pluginProps: { registerPlugin },
+      registerPlugin,
     } = this.props
 
     this._unregister = registerPlugin({
@@ -103,7 +103,7 @@ class Suggestions extends Component<Props, State> {
     const {
       trigger,
       suggestions,
-      editorProps: { editorState },
+      editorState,
     } = props
 
     const selection = editorState.getSelection()

packages/core/src/EditorContainer.js

@@ -305,9 +305,9 @@ export default class EditorContainer extends Component<Props, State> {
 
     // yepyepyep this gets the editorState lazily
     // avoids having to have a `getEditorState` prop
+    // $FlowFixMe
     Object.defineProperty(editorProps, 'editorState', {
       get: () => this.state.editorState,
-      value: this.state.editorState,
     })
 
     const pluginProps = {
@@ -320,9 +320,9 @@ export default class EditorContainer extends Component<Props, State> {
         }),
     }
 
+    // $FlowFixMe
     Object.defineProperty(pluginProps, 'editorState', {
       get: () => this.state.editorState,
-      value: this.state.editorState,
     })
 
     return (

packages/inline-style-toggle/src/index.js

@@ -2,26 +2,24 @@
 
 import { Component } from 'react'
 import { EditorState, RichUtils } from 'draft-js'
-import { withEditorContext } from '@djsp/core'
+import { withPluginContext } from '@djsp/core'
+import type { PluginProps } from '@djsp/core'
 
 type InlineStyleRenderProps = {
   toggleStyle: () => void,
   hasStyle: boolean,
 }
 
-type InlineStyleProps = {
-  pluginProps: {
-    setEditorState: (editorState: EditorState) => void,
-    editorState: EditorState,
-  },
+type InlineStyleProps = PluginProps & {
   children: InlineStyleRenderProps => React.Element,
   inlineStyle: string,
 }
 
 class InlineStyleToggle extends Component<InlineStyleProps> {
   render() {
     const {
-      pluginProps: { setEditorState, editorState },
+      setEditorState,
+      editorState,
       inlineStyle,
       children,
     } = this.props
@@ -37,4 +35,4 @@ class InlineStyleToggle extends Component<InlineStyleProps> {
   }
 }
 
-export default withEditorContext(InlineStyleToggle)
+export default withPluginContext(InlineStyleToggle)