Removed test code

This commit is contained in:
Wyatt Johnson
2017-04-10 14:39:50 -06:00
parent 7acaaadcd6
commit 97e3d7220e
5 changed files with 3 additions and 133 deletions
-115
View File
@@ -1,115 +0,0 @@
import React from 'react';
import {graphql} from 'react-apollo';
import gql from 'graphql-tag';
import PubDate from 'coral-plugin-pubdate/PubDate';
class Embed extends React.Component {
static propTypes = {
assetID: React.PropTypes.string.isRequired,
subscribeToNewComments: React.PropTypes.func.isRequired,
data: React.PropTypes.shape({
loading: React.PropTypes.bool.isRequired,
asset: React.PropTypes.object,
}).isRequired
}
componentWillMount() {
const {assetID} = this.props;
this.props.subscribeToNewComments({assetID});
}
render() {
const {asset, loading} = this.props.data;
return (
<div>
<h1>Wyatt's Awesome Live Stream</h1>
<div>
{!loading && asset && asset.comments && asset.comments.map((comment) => (
<div key={comment.id} style={{position: 'relative'}}>
<span>
<b>{comment.user.username}</b> - {comment.body}
</span>
<span
style={{float: 'right'}}
>
<PubDate created_at={comment.created_at} />
</span>
</div>
))}
</div>
</div>
);
}
}
const COMMENT_QUERY = gql`
query Comment($assetID: ID!) {
asset(id: $assetID) {
comments(limit: 50) {
id
body
user {
username
}
created_at
}
}
}
`;
const COMMENTS_SUBSCRIPTION = gql`
subscription onCommentAdded($assetID: ID!){
commentAdded(asset_id: $assetID) {
id
body
user {
username
}
created_at
}
}
`;
const withData = graphql(COMMENT_QUERY, {
options: ({assetID}) => ({
variables: {
assetID
},
}),
props: (props) => ({
...props,
subscribeToNewComments: ({assetID}) => {
return props.data.subscribeToMore({
document: COMMENTS_SUBSCRIPTION,
variables: {assetID},
updateQuery: (before, {subscriptionData}) => {
if (!subscriptionData.data) {
return before;
}
const newComment = subscriptionData.data.commentAdded;
if (!newComment) {
console.warn('last comment was null :/');
return before;
}
let after = {
...before,
asset: {
...before.asset,
comments: [newComment, ...before.asset.comments]
}
};
return after;
}
});
}
})
});
export default withData(Embed);
@@ -1,16 +0,0 @@
import React from 'react';
import {render} from 'react-dom';
import {ApolloProvider} from 'react-apollo';
import {client} from 'coral-framework/services/client';
// import store from 'coral-framework/services/store';
import Embed from './Embed';
render(
<ApolloProvider client={client}>
<Embed assetID='7babeab7-4546-4b2d-a0cd-841bd4e32c05' />
</ApolloProvider>
, document.querySelector('#coralStream')
);
@@ -2,6 +2,8 @@ import ApolloClient, {addTypename} from 'apollo-client';
import getNetworkInterface from './transport';
import {SubscriptionClient, addGraphQLSubscriptions} from 'subscriptions-transport-ws';
// TODO: replace absolute reference with something loaded from the store/page.
const wsClient = new SubscriptionClient('ws://localhost:3000/api/v1/live', {
reconnect: true
});
+1 -2
View File
@@ -33,8 +33,7 @@ const buildTargets = [
];
const buildEmbeds = [
'stream',
'live-stream'
'stream'
];
module.exports = {