code/memelee
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More fixes/patches

Browse source
This commit is contained in:
Ryan McGrath 2018-04-11 23:16:10 -04:00
parent 1f90ca2575
commit c02ad19f2b
No known key found for this signature in database
GPG key ID: 811674B62B666830
18 changed files with 582 additions and 239 deletions
Download patch file Download diff file Expand all files Collapse all files

34
controllers/AttendeesListViewController.js Normal file
View file

@ -0,0 +1,34 @@
/**
* AttendeesListViewController
*
* Yeah, I do it iOS style. Handles fetching and displaying upcoming tournaments.
*
* @copyright Ryan McGrath 2018.
*/
import moment from 'moment';
import React from 'react';
import {FlatList, View, ActivityIndicator} from 'react-native';
import {inject, observer} from 'mobx-react/native';
import {SearchBar} from 'react-native-elements';
import styles from '../styles';
import Constants from '../utils/Constants';
import MemeleeViewController from './MemeleeViewController';
import TournamentRow from './components/TournamentRow';
const keyExtractor = (item, index) => item.id;
export default class AttendeesListViewController extends MemeleeViewController {
renderItem = ({item}) => (<View />)
render() {
const props = {
data: this.props.data,
keyExtractor: keyExtractor,
renderItem: this.renderItem
};
return <FlatList {...props} renderItem={this.renderItem} />
}
}

24
controllers/BracketViewController.js
View file

@ -9,9 +9,8 @@
import moment from 'moment';
import React from 'react';
import {ScrollView, Text, View} from 'react-native';
import {v4} from 'uuid';
import {inject, observer} from 'mobx-react/native';
//import SmashGG from '../store';
import MemeleeViewController from './MemeleeViewController';
const Match = ({set, ...rest}) => (
@ -22,32 +21,17 @@ const Match = ({set, ...rest}) => (
</View>
);
@inject('Events') @observer
export default class BracketViewController extends MemeleeViewController {
state = {
brackets: {
winners: [],
losers: [],
grandFinals: []
}
};
componentWillMount() {
const evtSlugs = this.props.evt.slug.split('/');
const evtSlug = evtSlugs.length > 0 ? evtSlugs[evtSlugs.length - 1] : null;
const tournamentSlug = this.props.tournament.slugs[0].replace('tournament/', '');
SmashGG.fetchBracketData(tournamentSlug, evtSlug, this.props.bracket.id).then(this.updateBracketsData).catch(console.error);
}
updateBracketsData = (brackets) => {
this.setState({brackets: brackets});
this.props.Events.fetchBracketData(this.props.bracket.id);
}
render() {
return (<ScrollView style={{flex: 1, backgroundColor: '#21212d'}} contentContainerStyle={{width: 10001}}>
{['winners', 'losers'].map(key => (
<View key={key} style={{backgroundColor: '#21212d', flexDirection: 'row', paddingTop: 20, paddingBottom: 20, paddingLeft: 20}}>
{this.state.brackets[key].map(bracket => (
{this.props.Events.bracketData[key].map(bracket => (
<View key={bracket.key} style={{backgroundColor: '#21212d', marginRight: 20, width: 200, flexDirection: 'column'}}>
<Text>{bracket.title}</Text>
{bracket.sets.map(set => <Match key={set.id} set={set} />)}

34
controllers/ContactViewController.js Normal file
View file

@ -0,0 +1,34 @@
/**
* AttendeesListViewController
*
* Yeah, I do it iOS style. Handles fetching and displaying upcoming tournaments.
*
* @copyright Ryan McGrath 2018.
*/
import moment from 'moment';
import React from 'react';
import {FlatList, View, ActivityIndicator} from 'react-native';
import {inject, observer} from 'mobx-react/native';
import {SearchBar} from 'react-native-elements';
import styles from '../styles';
import Constants from '../utils/Constants';
import MemeleeViewController from './MemeleeViewController';
import TournamentRow from './components/TournamentRow';
const keyExtractor = (item, index) => item.id;
export default class AttendeesListViewController extends MemeleeViewController {
renderItem = ({item}) => (<View />)
render() {
const props = {
data: this.props.data,
keyExtractor: keyExtractor,
renderItem: this.renderItem
};
return <FlatList {...props} renderItem={this.renderItem} />
}
}

115
controllers/EventInfoViewController.js
View file

@ -8,40 +8,61 @@
import moment from 'moment';
import React from 'react';
import {ScrollView, Image, Text, View, TouchableOpacity} from 'react-native';
import {ScrollView, StyleSheet, ActivityIndicator, Image, Text, View, TouchableOpacity} from 'react-native';
import {inject, observer} from 'mobx-react/native';
import Markdown from 'react-native-simple-markdown'
//import SmashGG from '../store';
import SegmentedControlTab from 'react-native-segmented-control-tab';
import SettingsList, {Header, Item} from 'react-native-settings-list';
import styles from '../styles';
import Constants from '../utils/Constants';
import MemeleeViewController from './MemeleeViewController';
const Loading = (props) => (
<View style={{paddingTop: 20}}>
<ActivityIndicator animating size="large" />
</View>
);
const Standings = (props) => (
props.error ? <View style={{padding: 20}}>
<Text style={styles.eventsErrorTextHeader}>No Standings Found</Text>
<Text style={styles.eventsErrorText}>Matches may not have been played yet.</Text>
</View> : <View>
<View style={{flexDirection: 'row', backgroundColor: '#010101'}}>
<Text style={{backgroundColor: '#010101', color: '#f9f9f9', padding: 8, paddingLeft: 58, width: 230}}>Players</Text>
<Text style={{backgroundColor: '#010101', color: '#f9f9f9', padding: 8}}>Losses</Text>
</View>
<ScrollView>
{props.standings.map(standing => (
<View key={standing.id} style={{flexDirection: 'row', borderBottomWidth: 1, borderBottomColor: 'gray'}}>
<Text key={standing.id} style={{padding: 8, width: 50, textAlign: 'center', backgroundColor: 'gray'}}>
{standing.standing}
</Text>
<Text style={{padding: 8, width: 180}}>{standing.name}</Text>
<View style={{padding: 8, flex: 1}}>{standing.losses.map(loss => <Text key={standing.id + loss} style={{flexShrink: 1}}>{loss}</Text>)}</View>
</View>
))}
</ScrollView>
</View>
);
const s = StyleSheet.flatten(styles.tournamentDetailsEventWrapper);
const Brackets = (props) => (
<SettingsList style={styles.tournamentEventsWrapper} borderWidth={s.borderBottomWidth} borderColor={s.borderBottomColor}>
{props.brackets.map(bracket => (
<Item key={bracket.name} itemWidth={50} title={bracket.name} backgroundColor={s.backgroundColor} style={styles.tournamentDetailsEventWrapper} titleStyle={styles.tournamentDetailsEventItem} onPress={() => props.onPress(bracket)} />
))}
</SettingsList>
);
@inject('Events') @observer
export default class EventInfoViewController extends MemeleeViewController {
state = {
standings: [],
brackets: []
};
componentWillMount() {
const evtSlugs = this.props.evt.slug.split('/');
const evtSlug = evtSlugs.length > 0 ? evtSlugs[evtSlugs.length - 1] : null;
const tournamentSlug = this.props.tournament.slugs[0].replace('tournament/', '');
if((evtSlug && evtSlug !== '') && (tournamentSlug && tournamentSlug != '')) {
SmashGG.fetchEventExpanded(tournamentSlug, evtSlug).then(this.updateBracketsData).catch(console.error);
SmashGG.fetchEventStandings(tournamentSlug, evtSlug).then(this.updateStandingsData).catch(console.error);
}
}
updateBracketsData = (data) => {
this.setState({brackets: data});
}
updateStandingsData = (data) => {
this.setState({standings: data});
}
state = {selectedIndex: 0};
onBracketPress = (bracket) => {
this.props.navigator.push({
screen: 'memelee.bracket',
screen: Constants.Screens.Bracket,
title: bracket.name,
backButtonTitle: 'Back',
passProps: {
@ -53,29 +74,25 @@ export default class EventInfoViewController extends MemeleeViewController {
});
}
render() {
return (<ScrollView>
<Text style={{padding: 8, backgroundColor: '#003366', fontSize: 16}}>Brackets</Text>
{this.state.brackets.map(bracket => (
<TouchableOpacity key={bracket.id} onPress={() => this.onBracketPress(bracket)}>
<Text style={{padding: 8, backgroundColor: 'gray'}}>{bracket.name}</Text>
</TouchableOpacity>
))}
swapIndex = (index) => {
this.setState({selectedIndex: index});
}
<Text style={{padding: 8, marginTop: 20, backgroundColor: '#003366', fontSize: 16}}>Standings</Text>
<View style={{flexDirection: 'row', backgroundColor: '#010101'}}>
<Text style={{backgroundColor: '#010101', color: '#f9f9f9', padding: 8, paddingLeft: 58, width: 230}}>Players</Text>
<Text style={{backgroundColor: '#010101', color: '#f9f9f9', padding: 8}}>Losses</Text>
</View>
{this.state.standings.map(standing => (
<View key={standing.id} style={{flexDirection: 'row', borderBottomWidth: 1, borderBottomColor: 'gray'}}>
<Text key={standing.id} style={{padding: 8, width: 50, textAlign: 'center', backgroundColor: 'gray'}}>
{standing.finalPlacement}
</Text>
<Text style={{padding: 8, width: 180}}>{standing.name}</Text>
<View style={{padding: 8, flex: 1}}>{standing.losses.map(loss => <Text key={standing.id + loss} style={{flexShrink: 1}}>{loss}</Text>)}</View>
</View>
))}
</ScrollView>);
render() {
return (<View>
<SegmentedControlTab values={['Standings', 'Brackets']} borderRadius={0} activeTabStyle={styles.tournamentInfoActiveTableStyle} tabStyle={styles.tournamentInfoTabsStyle} tabTextStyle={styles.tournamentInfoTabTextStyle} selectedIndex={this.state.selectedIndex} onTabPress={this.swapIndex} />
{this.state.selectedIndex === 0 ?
this.props.Events.fetchingStandingData ?
<Loading /> : <Standings standings={this.props.Events.standings} error={this.props.Events.standingsError} />
: null
}
{this.state.selectedIndex === 1 ?
this.props.Events.fetchingBracketData ?
<Loading /> : <Brackets error={this.props.Events.standingsError} brackets={this.props.Events.phases} onPress={this.onBracketPress} />
: null
}
</View>);
}
}

28
controllers/GenericInfoViewController.js Normal file
View file

@ -0,0 +1,28 @@
/**
* AttendeesListViewController
*
* Yeah, I do it iOS style. Handles fetching and displaying upcoming tournaments.
*
* @copyright Ryan McGrath 2018.
*/
import React from 'react';
import {ScrollView, View} from 'react-native';
import Markdown from 'react-native-markdown-renderer';
import Hyperlink from 'react-native-hyperlink';
import styles from '../styles';
import Constants from '../utils/Constants';
import MemeleeViewController from './MemeleeViewController';
export default class GenericInfoViewController extends MemeleeViewController {
render = () => (<ScrollView>
<View style={styles.tournamentDetailsTextWrapper}>
<Hyperlink>
<Markdown style={styles.tournamentDetailsText}>
{this.props.info && this.props.info !== '' ? this.props.info : ''}
</Markdown>
</Hyperlink>
</View>
</ScrollView>);
}

34
controllers/LocationViewController.js Normal file
View file

@ -0,0 +1,34 @@
/**
* AttendeesListViewController
*
* Yeah, I do it iOS style. Handles fetching and displaying upcoming tournaments.
*
* @copyright Ryan McGrath 2018.
*/
import moment from 'moment';
import React from 'react';
import {FlatList, View, ActivityIndicator} from 'react-native';
import {inject, observer} from 'mobx-react/native';
import {SearchBar} from 'react-native-elements';
import styles from '../styles';
import Constants from '../utils/Constants';
import MemeleeViewController from './MemeleeViewController';
import TournamentRow from './components/TournamentRow';
const keyExtractor = (item, index) => item.id;
export default class AttendeesListViewController extends MemeleeViewController {
renderItem = ({item}) => (<View />)
render() {
const props = {
data: this.props.data,
keyExtractor: keyExtractor,
renderItem: this.renderItem
};
return <FlatList {...props} renderItem={this.renderItem} />
}
}

108
controllers/TournamentInfoViewController.js
View file

@ -9,12 +9,15 @@
import moment from 'moment';
import React from 'react';
import {ScrollView, StyleSheet, Image, Text, View, TouchableOpacity, Dimensions} from 'react-native';
//import Markdown from 'react-native-simple-markdown'
import Markdown from 'react-native-markdown-renderer';
import Markdown, {PluginContainer} from 'react-native-markdown-renderer';
import SegmentedControlTab from 'react-native-segmented-control-tab';
import SettingsList, {Header, Item} from 'react-native-settings-list';
import linkify from 'linkify-it';
import styles from '../styles';
import Constants from '../utils/Constants';
import {openURL, parseSlugs} from '../utils';
import EventsStore from '../stores/TournamentEventStore';
import MemeleeViewController from './MemeleeViewController';
const w = Dimensions.get('screen').width;
@ -31,41 +34,126 @@ const w = Dimensions.get('screen').width;
export default class TournamentInfoViewController extends MemeleeViewController {
state = {
selectedIndex: 0
selectedIndex: 0,
tabs: []
};
componentWillMount = () => {
const tabs = [
{slug: 'attendees', name: 'Attendees', screen: Constants.Screens.Attendees, adminOnly: false},
{slug: 'location', name: 'Location', screen: Constants.Screens.Location, adminOnly: false},
{slug: 'contact', name: 'Contact', screen: Constants.Screens.Contact, adminOnly: false}
];
if(this.props.tournament.rules && this.props.tournament.rules !== '') {
if(this.props.tournament.rules.startsWith('http://') || this.props.tournament.rules.startsWith('https://')) {
tabs.push({slug: 'rules', name: 'Rules', url: this.props.tournament.rules, adminOnly: false});
} else {
tabs.push({slug: 'rules', name: 'Rules', info: this.props.tournament.rules, adminOnly: false});
}
}
if(this.props.tournament.prizes && this.props.tournament.prizes !== '') {
if(this.props.tournament.prizes.startsWith('http://') || this.props.tournament.prizes.startsWith('https://')) {
tabs.push({slug: 'prizes', name: 'Prizes', url: this.props.tournament.prizes, adminOnly: false});
} else {
tabs.push({slug: 'prizes', name: 'Prizes', info: this.props.tournament.prizes, adminOnly: false});
}
}
if(this.props.tournament.publishing && this.props.tournament.publishing.fantasy)
tabs.push({
slug: 'fantasy',
name: 'Fantasy',
url: 'https://smash.gg/tournament/' + parseSlugs(this.props.tournament, null).tournament + '/fantasy/',
adminOnly: false
});
const generatedTabs = this.props.tournament.generatedTabs;
if(generatedTabs) {
const objs = Object.keys(generatedTabs).map(key => generatedTabs[key]);
objs.forEach(tab => {
Object.keys(tab).map(key => ({
slug: key,
name: tab[key].name,
adminOnly: tab[key].adminOnly
})).filter(tab => !tab.adminOnly || tab.adminOnly === false).forEach(tab => tabs.push(tab));
});
}
this.setState({tabs: tabs});
}
onEventTapped = (evt) => {
EventsStore.loadEventData(this.props.tournament, evt);
this.props.navigator.push({
screen: 'memelee.tournamentEventInfoScreen',
screen: Constants.Screens.TournamentEventInfoScreen,
title: evt.name,
passProps: {tournament: this.props.tournament, evt: evt},
navigatorStyle: {tabBarHidden: true}
});
}
handleTab = (tab) => {
if(tab.screen)
return this.props.navigator.push({
screen: tab.screen,
title: tab.name,
passProps: {data: []},
navigatorStyle: {tabBarHidden: true}
});
if(tab.url)
return openURL(tab.url);
if(tab.info)
return this.props.navigator.push({
screen: Constants.Screens.Info,
title: tab.name,
passProps: {info: tab.info},
navigatorStyle: {tabBarHidden: true}
});
}
swapIndex = (index) => {
this.setState({
selectedIndex: index
});
}
plugins = []
render() {
const s = StyleSheet.flatten(styles.tournamentDetailsEventWrapper);
const ss = {
itemWidth: 50,
backgroundColor: s.backgroundColor,
style: styles.tournamentDetailsEventWrapper,
titleStyle: styles.tournamentDetailsEventItem
};
return (<ScrollView>
<Image style={[styles.tournamentInfoHeader, {width: w}]} source={this.props.tournament.memeleePromoImage.msrc} />
<SegmentedControlTab values={['Overview', 'Events']} borderRadius={0} activeTabStyle={styles.tournamentInfoActiveTableStyle} tabStyle={styles.tournamentInfoTabsStyle} tabTextStyle={styles.tournamentInfoTabTextStyle} selectedIndex={this.state.selectedIndex} onTabPress={this.swapIndex} />
{this.state.selectedIndex === 0 ? (<View style={styles.tournamentDetailsTextWrapper}>
<Markdown style={styles.tournamentDetailsText}>
{this.props.tournament.details && this.props.tournament.details !== '' ? this.props.tournament.details : ''}
</Markdown>
</View>) : null}
{this.state.selectedIndex === 0 ? (<View>
<View style={styles.tournamentDetailsTextWrapper}>
<Markdown style={styles.tournamentDetailsText} plugins={this.plugins}>
{this.props.tournament.details && this.props.tournament.details !== '' ? this.props.tournament.details : ''}
</Markdown>
</View>
<SettingsList style={styles.tournamentEventsWrapper} borderWidth={s.borderBottomWidth} borderColor={s.borderBottomColor}>
{this.state.tabs.map(tab => <Item key={tab.slug} {...ss} title={tab.name} onPress={() => this.handleTab(tab)} />)}
</SettingsList>
</View>
) : null}
{this.state.selectedIndex === 1 ? (<SettingsList style={styles.tournamentEventsWrapper} borderWidth={s.borderBottomWidth} borderColor={s.borderBottomColor}>
{this.props.tournament.memeleeEvents.map(evt => (
<Item key={evt.id} itemWidth={50} title={evt.name} backgroundColor={s.backgroundColor} style={styles.tournamentDetailsEventWrapper} titleStyle={styles.tournamentDetailsEventItem} />
<Item key={evt.id} itemWidth={50} title={evt.name} backgroundColor={s.backgroundColor} style={styles.tournamentDetailsEventWrapper} titleStyle={styles.tournamentDetailsEventItem} onPress={() => this.onEventTapped(evt)} />
))}
</SettingsList>) : null}
</ScrollView>);

3
controllers/TournamentsListViewController.js
View file

@ -13,6 +13,7 @@ import {inject, observer} from 'mobx-react/native';
import {SearchBar} from 'react-native-elements';
import styles from '../styles';
import Constants from '../utils/Constants';
import MemeleeViewController from './MemeleeViewController';
import TournamentRow from './components/TournamentRow';
@ -26,7 +27,7 @@ export default class UpcomingTournamentsViewController extends MemeleeViewContro
onTap = (tournament) => {
this.props.navigator.push({
screen: 'memelee.tournamentInfoScreen',
screen: Constants.Screens.TournamentInfoScreen,
title: tournament.name,
passProps: {tournament: tournament},
navigatorStyle: {tabBarHidden: true}

3
controllers/components/TournamentRow.js
View file

@ -37,8 +37,7 @@ export default class TournamentRow extends React.Component {
<Icon name="map-marker" size={16} color={styles.tournamentPromoIconColors.mapMarker} /> {this.props.tournament.hasOnlineEvents && (!this.props.tournament.city || this.props.tournament.city === '') ? 'Online' : (this.props.tournament.city ? this.props.tournament.city + ', ' : '') + this.props.tournament.addrState}</Text>
<View style={{flexDirection: 'row'}}>
<Text style={styles.tournamentRowEventsCount}>
<Icon name="trophy-variant" size={16} color={styles.tournamentPromoIconColors.eventsCount} />
{this.props.tournament.memeleeEventsCount} Events
<Icon name="trophy-variant" size={16} color={styles.tournamentPromoIconColors.eventsCount} /> {this.props.tournament.memeleeEventsCount} Events
</Text>
<Text style={[styles.tournamentRowEventsCount, {marginLeft: 10}]}>
<Icon name="human-greeting" size={16} color={styles.tournamentPromoIconColors.attendeesCount} /> {this.props.tournament.attendeeCount} Attendees

22
index.js
View file

@ -13,30 +13,28 @@ import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
import styles from './styles';
import Stores from './stores';
import Constants from './utils/Constants';
import Provider from './utils/MobxRnnProvider';
import TournamentsListViewController from './controllers/TournamentsListViewController';
import TournamentInfoViewController from './controllers/TournamentInfoViewController';
import AttendeesListViewController from './controllers/AttendeesListViewController';
import LocationViewController from './controllers/LocationViewController';
import ContactViewController from './controllers/ContactViewController';
import GenericInfoViewController from './controllers/GenericInfoViewController';
import EventInfoViewController from './controllers/EventInfoViewController';
import BracketViewController from './controllers//BracketViewController';
import BookmarksViewController from './controllers/BookmarksViewController';
import SettingsViewController from './controllers/settings';
const Constants = {
Screens: {
TournamentsList: 'memelee.tournamentsList',
TournamentInfoScreen: 'memelee.tournamentInfoScreen',
TournamentEventInfoScreen: 'memelee.tournamentEventInfoScreen',
Bracket: 'memelee.tournamentBracket',
Bookmarks: 'memelee.bookmarks',
Settings: 'memelee.settings'
}
};
Navigation.registerComponent(Constants.Screens.TournamentsList, () => TournamentsListViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.TournamentInfoScreen, () => TournamentInfoViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.TournamentEventInfoScreen, () => EventInfoViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.TournamentEventBracket, () => BracketViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.Attendees, () => AttendeesListViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.Location, () => LocationViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.Contact, () => ContactViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.Info, () => GenericInfoViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.Bracket, () => BracketViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.Bookmarks, () => BookmarksViewController, Stores, Provider);
Navigation.registerComponent(Constants.Screens.Settings, () => SettingsViewController, Stores, Provider);

BIN
ios/memelee.xcodeproj/project.xcworkspace/xcuserdata/laika.xcuserdatad/UserInterfaceState.xcuserstate generated
View file

Binary file not shown.

12
ios/memelee/Info.plist
View file

@ -26,14 +26,10 @@
<true/>
<key>NSAppTransportSecurity</key>
<dict>
<key>NSExceptionDomains</key>
<dict>
<key>localhost</key>
<dict>
<key>NSExceptionAllowsInsecureHTTPLoads</key>
<true/>
</dict>
</dict>
<key>NSThirdPartyExceptionRequiresForwardSecrecy</key>
<true />
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
<key>NSLocationWhenInUseUsageDescription</key>
<string></string>

2
package.json
View file

@ -20,6 +20,7 @@
"axios": "^0.18.0",
"babel-preset-react-native-stage-0": "^1.0.1",
"jsog": "^1.0.7",
"linkify-it": "^2.0.3",
"mobx": "^4.1.1",
"mobx-persist": "^0.4.1",
"mobx-react": "^5.0.0",
@ -29,6 +30,7 @@
"react-controllables": "^0.6.0",
"react-native": "0.52.0",
"react-native-elements": "^0.19.0",
"react-native-hyperlink": "0.0.12",
"react-native-markdown-renderer": "^3.1.0",
"react-native-navigation": "^1.1.426",
"react-native-segmented-control-tab": "^3.2.2",

326
stores/TournamentEventStore.js
View file

@ -6,166 +6,222 @@
* @copyright Ryan McGrath 2018
*/
import {v4} from 'uuid';
import {observable, action, runInAction} from 'mobx';
import {parseSlugs} from '../utils';
class Store {
@observable data;
@observable.ref phases;
@observable.ref bracketData;
@observable fetchingData;
@observable.ref standings;
@observable fetchingStandingData;
@observable standingsError;
constructor() {
this.data = {};
this.phases = [];
this.standings = [];
this.bracketData = {winners: [], losers: []};
this.tournamentSlug = null;
this.evtSlug = null;
this.fetchingData = false;
this.fetchingStandingData = false;
this.standingsError = false;
}
fetchEventExpanded = async (tournamentSlug, eventSlug, opts) => {
const api = 'https://smash.gg/api/-/gg_api./tournament/' + tournamentSlug + '/event/' + eventSlug + ';';
const args = Object.assign({
parseSlugs = (tournament, evt) => {
const slugs = parseSlugs(tournament, evt);
this.tournamentSlug = slugs.tournament;
this.evtSlug = slugs.evt;
}
loadEventData = async(tournament, evt) => {
this.phases = [];
this.standings = [];
this.bracketData = {winners: [], losers: []};
this.tournamentSlug = null;
this.evtSlug = null;
this.parseSlugs(tournament, evt);
if(this.tournamentSlug && this.evtSlug) {
this.fetchPhases();
this.fetchStandings();
}
}
/**
* fetchPhases
*
* Given a set of slugs, fetches event phases.
*/
fetchPhases = () => {
const api = 'https://smash.gg/api/-/gg_api./tournament/' + this.tournamentSlug + '/event/' + this.evtSlug + ';';
const args = {
expand: JSON.stringify(['phase', 'groups']),
reset: false,
slug: tournamentSlug,
eventSlug: eventSlug
}, opts || {});
slug: this.tournamentSlug,
eventSlug: this.evtSlug
};
return fetch(
api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
).then(response => response.json()).then(data => {
fetch(api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true').then(
response => response.json()
).then(data => {
if(typeof data.success !== 'undefined' && !data.success)
throw new Error(data.message);
return Promise.resolve(data.entities.phase ? data.entities.phase.map(phase => phase) : []);
runInAction('Parse out Phases...', () => {
if(data.entities.phase)
this.phases = data.entities.phase.map(phase => phase);
});
});
}
/**
* fetchStandings
*
* Given a set of slugs, fetches event standings.
*
* @arg tournamentSlug {String} Slug for the tournament (e.g, "the-mango").
* @arg eventSlug {String} Slug for the event (e.g, "melee-singles").
* @arg opts {Object} Optional object for overriding request properties.
* @return Promise
*/
/*const fetchEventStandings = (tournamentSlug, eventSlug, opts) => {
const api = 'https://smash.gg/api/-/gg_api./tournament/' + tournamentSlug + '/event/' + eventSlug + '/standings;';
const args = Object.assign({
entityId: null,
entityType: 'event',
slug: tournamentSlug,
eventSlug: eventSlug,
expand: JSON.stringify(['entrants', 'standingGroup', 'attendee']),
mutations: JSON.stringify(['playerData', 'standingLosses']),
page: 1,
per_page: 25
}, opts || {});
return fetch(
api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
).then(response => response.json()).then(data => {
var s = data.items.entities.standing,
l = s.length;
return Promise.resolve(data.items.entities.entrants.map(entrants => {
if(typeof entrants.losses === 'undefined')
entrants.losses = [];
data.items.entities.standing.forEach(standing => {
if(standing.entityId === entrants.id && standing.mutations)
entrants.losses = entrants.losses.concat(standing.mutations.losses.map(loss => loss.name));
});
return entrants;
}).sort((a, b) => a.finalPlacement > b.finalPlacement));
});
};
/**
* fetchBracketData
*
* Given a set of slugs/bracket ID, fetches bracket data for rendering. Performs a lot
* of smaller operations to transpose it into an actually usable format for display.
*
* @arg tournamentSlug {String} Slug for the tournament (e.g, "the-mango").
* @arg eventSlug {String} Slug for the event (e.g, "melee-singles").
* @arg bracketID {String or Number} ID for the bracket - SmashGG calls this a phase. Go fig.
* @arg opts {Object} Optional object for overriding request properties.
* @return Promise
const fetchBracketData = (tournamentSlug, eventSlug, bracketID, opts) => {
const api = 'https://smash.gg/api/-/gg_api./tournament/' + tournamentSlug + '/event/' + eventSlug + '/phase_groups;';
const args = {
slug: tournamentSlug,
eventSlug: eventSlug,
expand: JSON.stringify(['results', 'character']),
mutations: JSON.stringify(['ffaData', 'playerData']),
filter: JSON.stringify({phaseId: bracketID}),
getSingleBracket: true,
page: 1,
per_page: 20,
reset: false,
};
return fetch(
api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
).then(response => response.json()).then(data => {
const grands = [];
const brackets = {
winners: [],
losers: []
/**
* fetchStandings
*
* Given a set of slugs, fetches event standings.
*/
fetchStandings = () => {
const api = 'https://smash.gg/api/-/gg_api./tournament/' + this.tournamentSlug + '/event/' + this.evtSlug + '/standings;';
const args = {
entityId: null,
entityType: 'event',
slug: this.tournamentSlug,
eventSlug: this.evtSlug,
expand: JSON.stringify(['entrants', 'standingGroup', 'attendee']),
mutations: JSON.stringify(['playerData', 'standingLosses']),
page: 1,
per_page: 25
};
// Filter through the set list and make sure each object is filled out with necessary data,
// and then place them into their bracket accordingly. Brackets will be sorted afterwards.
data.items.entities.sets.forEach(function(result) {
if(result.entrant1Id === null || result.entrant2Id === null)
return;
this.standings = [];
this.fetchingStandingsData = true;
fetch(api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true').then(
response => response.json()
).then(data => {
runInAction('Parse out Standings...', () => {
var s = data.items.entities.standing,
l = s.length;
result.entrant1 = {};
result.entrant2 = {};
this.standingsError = false;
this.standings = data.items.entities.entrants.map(entrants => {
if(typeof entrants.losses === 'undefined')
entrants.losses = [];
data.items.entities.entrants.forEach(function(entrant) {
if(entrant.id === result.entrant1Id)
result.entrant1 = entrant;
data.items.entities.standing.forEach(standing => {
if(standing.entityId === entrants.id) {
if(standing.mutations)
entrants.losses = entrants.losses.concat(standing.mutations.losses.map(loss => loss.name));
if(entrant.id === result.entrant2Id)
result.entrant2 = entrant;
});
if(result.isGF) {
grands.push(result);
} else {
var isLosers = result.displayRound < 0,
key = isLosers ? 'losers' : 'winners',
idx = isLosers ? (result.displayRound * -1) : result.displayRound;
while(brackets[key].length < idx) {
brackets[key].push({
title: '', // Filled in later~
sets: []
entrants.standing = standing.standing;
}
});
}
brackets[key][idx - 1].title = result.fullRoundText;
brackets[key][idx - 1].sets.push(result);
if(!brackets[key][idx - 1].key)
brackets[key][idx - 1].key = v4();
}
});
// GFs are technically in the winners bracket, but for presentation purposes they're shoved
// in after to be like how smash.gg presents them.
if(grands.length > 0) {
grands.forEach(grandFinal => {
brackets.winners.push({
title: 'Grand Finals',
sets: [grandFinal],
key: v4()
});
return entrants;
}).sort((a, b) => a.finalPlacement > b.finalPlacement);
this.fetchingStandingsData = false;
});
}
}).catch(error => {
runInAction('Event standings data failed', () => {
this.standingsError = true;
this.fetchingStandingsData = false;
});
});
}
return Promise.resolve(brackets);
});
};*/
}
/**
* fetchBracketData
*
* Given a set of slugs/bracket ID, fetches bracket data for rendering. Performs a lot
* of smaller operations to transpose it into an actually usable format for display.
*
* @arg bracketID {String or Number} ID for the bracket - SmashGG calls this a phase. Go fig.
*/
fetchBracketData = (bracketID) => {
this.bracketData = {winners: [], losers: []};
this.bracketID = bracketID;
const api = 'https://smash.gg/api/-/gg_api./tournament/' + this.tournamentSlug + '/event/' + this.evtSlug + '/phase_groups;';
const args = {
slug: this.tournamentSlug,
eventSlug: this.evtSlug,
expand: JSON.stringify(['results', 'character']),
mutations: JSON.stringify(['ffaData', 'playerData']),
filter: JSON.stringify({phaseId: bracketID}),
getSingleBracket: true,
page: 1,
per_page: 20,
reset: false,
};
const url = api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
console.log(url);
fetch(
url
).then(response => response.json()).then(data => {
const grands = [];
const brackets = {
winners: [],
losers: []
};
// Filter through the set list and make sure each object is filled out with necessary data,
// and then place them into their bracket accordingly. Brackets will be sorted afterwards.
data.items.entities.sets.forEach(function(result) {
if(result.entrant1Id === null || result.entrant2Id === null)
return;
result.entrant1 = {};
result.entrant2 = {};
data.items.entities.entrants.forEach(function(entrant) {
if(entrant.id === result.entrant1Id)
result.entrant1 = entrant;
if(entrant.id === result.entrant2Id)
result.entrant2 = entrant;
});
if(result.isGF) {
grands.push(result);
} else {
var isLosers = result.displayRound < 0,
key = isLosers ? 'losers' : 'winners',
idx = isLosers ? (result.displayRound * -1) : result.displayRound;
while(brackets[key].length < idx) {
brackets[key].push({
title: '', // Filled in later~
sets: []
});
}
brackets[key][idx - 1].title = result.fullRoundText;
brackets[key][idx - 1].sets.push(result);
if(!brackets[key][idx - 1].key)
brackets[key][idx - 1].key = v4();
}
});
// GFs are technically in the winners bracket, but for presentation purposes they're shoved
// in after to be like how smash.gg presents them.
if(grands.length > 0) {
grands.forEach(grandFinal => {
brackets.winners.push({
title: 'Grand Finals',
sets: [grandFinal],
key: v4()
});
});
}
runInAction('Set Bracket Data', () => {
this.bracketData = brackets;
});
});
}
};
export default new Store();

2
stores/index.js
View file

@ -23,7 +23,7 @@ const hydrate = create({
const stores = {
Tournaments: TournamentsListingStore,
TournamentEventStore: TournamentEventStore,
Events: TournamentEventStore,
Bookmarks: BookmarksStore,
Settings: SettingsStore
};

13
styles/index.js
View file

@ -108,6 +108,19 @@ const stylesheet = StyleSheet.create({
flex: 1,
backgroundColor: iconColor,
padding: 10,
},
eventsErrorTextHeader: {
textAlign: 'center',
color: textColor,
fontWeight: 'bold',
fontSize: 16
},
eventsErrorText: {
textAlign: 'center',
marginTop: 5,
color: textColor
}
});

24
utils/Constants.js Normal file
View file

@ -0,0 +1,24 @@
/**
* Constants
*
* They're constants. CONSTANTS. CONSTANCE TURN THE MUSIC DOWN.
*
* @copyright Ryan McGrath 2018
*/
export default {
Screens: {
TournamentsList: 'memelee.tournamentsList',
TournamentInfoScreen: 'memelee.tournamentInfoScreen',
TournamentEventInfoScreen: 'memelee.tournamentEventInfoScreen',
Attendees: 'memelee.attendeesListViewController',
Location: 'memelee.locationViewController',
Contact: 'memelee.contactViewController',
Info: 'memelee.infoViewController',
Bracket: 'memelee.tournamentBracket',
Bookmarks: 'memelee.bookmarks',
Settings: 'memelee.settings'
}
};

35
utils/index.js Normal file
View file

@ -0,0 +1,35 @@
/**
* Utils
*
* Various utilities used throughout the app. A kitchen junk drawer, if you will.
*
* @copyright Ryan McGrath 2018
*/
import {Linking} from 'react-native';
export const parseSlugs = (tournament, evt) => {
const evtSlugs = evt && evt.slug.split('/');
const evtSlug = evt && evtSlugs.length > 0 ? evtSlugs[evtSlugs.length - 1] : null;
const tournamentSlug = (
tournament.slug ? tournament.slug :
tournament.slugs && tournament.slugs.length ? tournament.slugs[0] : ''
).replace('tournament/', '');
const slugs = {tournamentSlug: null, evtSlug: null};
if(tournamentSlug && tournamentSlug !== '')
slugs.tournament = tournamentSlug;
if(evtSlug && evtSlug !== '')
slugs.evt = evtSlug;
return slugs;
};
export const openURL = (url) => {
return Linking.canOpenURL(url).then(supported => {
if(supported) Linking.openURL(url);
else console.warn('Cannot open URL: ' + url);
});
};