diff --git a/client/coral-embed-stream/src/Comment.js b/client/coral-embed-stream/src/Comment.js index 4c358b99a..bdccb7f66 100644 --- a/client/coral-embed-stream/src/Comment.js +++ b/client/coral-embed-stream/src/Comment.js @@ -19,7 +19,6 @@ import FlagComment from 'coral-plugin-flags/FlagComment'; import LikeButton from 'coral-plugin-likes/LikeButton'; import {BestButton, IfUserCanModifyBest, BEST_TAG, commentIsBest, BestIndicator} from 'coral-plugin-best/BestButton'; import LoadMore from 'coral-embed-stream/src/LoadMore'; -import Pluggable from './Pluggable'; import {Slot} from 'coral-framework'; import styles from './Comment.css'; @@ -193,8 +192,8 @@ class Comment extends React.Component { removeBest={removeBestTag} /> + -
diff --git a/client/coral-embed-stream/src/Pluggable.js b/client/coral-embed-stream/src/Pluggable.js deleted file mode 100644 index 5f636c7c5..000000000 --- a/client/coral-embed-stream/src/Pluggable.js +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import injectedPlugins from 'coral-framework/helpers/importer'; - -export default function pluginContainer () { - return ( -
- { - Object.keys(injectedPlugins).map((component, i) => { - return injectedPlugins[component]({key: i}); - }) - } -
- ); -} diff --git a/client/coral-framework/components/Slot.js b/client/coral-framework/components/Slot.js index 65a12c668..c711efe56 100644 --- a/client/coral-framework/components/Slot.js +++ b/client/coral-framework/components/Slot.js @@ -1,12 +1,15 @@ import React, {Component} from 'react'; - -// { "slot": "Comment.DetailArea"}, +import injectedPlugins from 'coral-framework/helpers/importer'; class Slot extends Component { + componentDidMount() { + console.log('Slot Mounted'); + } render() { + const {slot} = this.props; return (
- This is a slot + {injectedPlugins}
); } diff --git a/client/coral-framework/helpers/importer.js b/client/coral-framework/helpers/importer.js index ae77f472d..196353bcb 100644 --- a/client/coral-framework/helpers/importer.js +++ b/client/coral-framework/helpers/importer.js @@ -1,6 +1,6 @@ import {client as clientPlugins} from 'pluginsConfig'; -function importer () { +function importer (slot) { let context, importedFiles; @@ -66,9 +66,9 @@ function importer () { return filterByUserConfig(importedFiles) .filter(key => key.format === 'js') .reduce((entry, plugin) => { - entry[plugin.name] = () => context(plugin.key)(getConfig(plugin.name)); + entry.push(context(plugin.key)(getConfig(plugin.name))) return entry; - }, {}); + }, []); } return init();