from being wrapped by
html = html.replace(/
\s*
/ig, '');
if (!html.match(/<\/pre>\s*/i)){
html = html.replace(/<\/pre>([^<])/ig, '
$1');
}
parser.write(html);
parser.end();
}
export default class HTMLView extends Component {
constructor(props){
super(props);
this.state = {
elements: null,
};
this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
}
componentDidMount(){
const {html, onLinkPress, onLinkLongPress} = this.props;
if (!html) return null;
processDOM(html, {
onLinkPress: onLinkPress || Linking.openURL,
onLinkLongPress: onLinkLongPress || function(){},
}, (elements) => {
this.setState({
elements: elements,
});
});
}
render(){
return (
{this.state.elements}
);
}
}
================================================
FILE: components/LoadingIndicator.js
================================================
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
Text,
View,
ActivityIndicatorIOS,
ProgressBarAndroid,
Platform,
} from 'react-native';
const isIOS = Platform.OS === 'ios';
import colors from '../colors';
const styles = StyleSheet.create({
container: {
flexDirection: 'row',
alignItems: 'center',
},
spinner: isIOS ? {
width: 30,
height: 30,
} : {
width: 24,
height: 24,
},
text: {
opacity: .6,
},
});
export default class LoadingIndicator extends Component {
constructor(props){
super(props);
this.state = {
opacity: 0,
};
}
componentDidMount(){
this._timer = setTimeout(() => {
this.setState({
opacity: 1,
});
}, 900); // less than 1 second
}
componentWillUnmount(){
clearTimeout(this._timer);
}
render(){
const {opacity} = this.state;
if (isIOS){
return (
Loading…
);
}
return (
);
}
}
================================================
FILE: components/ProgressBar.js
================================================
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
View,
Animated,
} from 'react-native';
import colors from '../colors';
const styles = StyleSheet.create({
bar: {
backgroundColor: colors.progressBarBackgroundColor,
height: 3,
borderRadius: 1.5,
overflow: 'hidden',
},
progress: {
backgroundColor: colors.progressBarColor,
height: 3,
}
});
export default class ProgressBar extends Component {
constructor(props){
super(props);
this.state = {
progressWidth: new Animated.Value(0),
};
this._onBarLayout = this._onBarLayout.bind(this);
}
_onBarLayout(e){
const {value, max} = this.props;
const width = e.nativeEvent.layout.width;
Animated.spring(this.state.progressWidth, {
toValue: value/max*width,
duration: 300,
}).start();
}
render(){
return (
);
}
}
================================================
FILE: components/StoryRow.js
================================================
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
View,
Text,
TouchableOpacity,
TouchableHighlight,
TouchableNativeFeedback,
Image,
Platform,
} from 'react-native';
const isIOS = Platform.OS === 'ios';
const CrossTouchableHighlight = isIOS ? TouchableHighlight : TouchableNativeFeedback;
const CrossTouchableOpacity = isIOS ? TouchableOpacity : TouchableNativeFeedback;
import LinkStore from '../stores/LinkStore';
import LinkActions from '../actions/LinkActions';
import domainify from '../utils/domainify';
import colors from '../colors';
const styles = StyleSheet.create({
story: {
backgroundColor: colors.sectionBackgroundColor,
flexDirection: 'row',
alignItems: 'stretch',
},
storyPosition: {
paddingTop: isIOS ? 10 : 16,
paddingLeft: 15,
},
storyPositionNumber: {
width: 22,
textAlign: 'center',
color: colors.insignificantColor,
fontSize: 17,
},
storyInfo: {
padding: 10,
paddingVertical: isIOS ? 10 : 16,
flex: 1,
},
storyComments: {
padding: isIOS ? 10 : 16,
},
storyDisclosure: {
paddingVertical: 15,
paddingRight: 15,
paddingLeft: 5,
},
storyTitle: {
color: colors.primaryTextColor,
fontSize: 17,
},
storyTitleVisited: {
color: colors.insignificantColor,
},
storyDomain: {
fontSize: isIOS ? 13 : 14,
color: colors.domainColor,
},
storyMetadataWrap: {
flexWrap: 'wrap',
flexDirection: 'row',
},
storyMetadata: {
fontSize: isIOS ? 13 : 14,
color: colors.insignificantColor,
},
commentIcon: {
width: isIOS ? 20 : 24,
height: isIOS ? 19 : 24,
marginHorizontal: isIOS ? 2 : 0,
marginTop: 3,
marginBottom: 2,
opacity: isIOS ? 1 : .54,
},
disclosureIcon: {
width: 8,
height: 13,
marginLeft: 2,
marginTop: 1,
},
});
export default class StoryRow extends Component {
constructor(props){
super(props);
const {data} = props;
const {links} = LinkStore.getState();
this.state = {
visited: links.indexOf(data.url) >= 0,
};
this._onLinkChange = this._onLinkChange.bind(this);
}
componentDidMount(){
LinkStore.listen(this._onLinkChange);
LinkActions.getLinks();
}
componentWillUnmount(){
LinkStore.unlisten(this._onLinkChange);
}
_onLinkChange(state){
this.setState({
visited: state.links.indexOf(this.props.data.url) >= 0,
});
}
render(){
const {data, position, onCommentPress, ...touchableProps} = this.props;
const {url, type, comments_count, points, time_ago} = data;
const externalLink = !/^item/i.test(url);
const {visited} = this.state;
// Turns out that longPress is not common at all in native iOS apps
// But I actually like this feature on the browser, thus I'm keeping
// this but delay it slightly longer than default 500
const delayLongPress = 1000;
return (
{position}
{data.title}
{externalLink && {domainify(url)}}
{(() => {
if (type == 'job'){
return {time_ago};
} else {
const commentsText = comments_count>0 && · {comments_count} comment{comments_count != 1 && 's'};
return (
{points} point{points != 1 && 's'} by {data.user}
{time_ago}{commentsText}
);
}
})()}
{type != 'job' && (() => {
if (externalLink){
return (
);
} else if (isIOS){
return (
);
}
})()}
);
}
}
================================================
FILE: index.android.js
================================================
'use strict';
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Navigator,
AppState,
Text,
View,
ToolbarAndroid,
BackAndroid,
Linking,
} from 'react-native';
import StoryActions from './actions/StoryActions';
import StoriesView from './views/StoriesView';
import CommentsView from './views/CommentsView';
import AboutView from './views/AboutView';
import colors from './colors';
const styles = StyleSheet.create({
container: {
flex: 1,
},
wrapper: {
backgroundColor: colors.viewBackgroundColor,
},
toolbar: {
backgroundColor: colors.toolbarBackgroundColor,
height: 56,
elevation: 2,
},
});
let _navigator;
BackAndroid.addEventListener('hardwareBackPress', () => {
if (_navigator.getCurrentRoutes().length == 1){
return false;
}
_navigator.pop();
return true;
});
class HackerWeb extends Component {
constructor(props){
super(props);
this.state = {
currentAppState: AppState.currentState,
};
this._handleAppStateChange = this._handleAppStateChange.bind(this);
}
componentDidMount(){
AppState.addEventListener('change', this._handleAppStateChange);
Linking.getInitialURL().then((url) => {
if (!url) return;
const id = (url.match(/item\?id=([a-z\d]+)/i) || [,null])[1];
if (!id) return;
_navigator.push({
id: 'Comments',
component: CommentsView,
wrapperStyle: styles.wrapper,
passProps: {
data: {id},
}
});
}).catch(() => {});
}
componentWillUnmount(){
AppState.removeEventListener('change', this._handleAppStateChange);
}
_handleAppStateChange(currentAppState){
if (currentAppState == 'active' && this.state.currentAppState != currentAppState){
StoryActions.fetchStoriesIfExpired();
}
this.setState({
currentAppState,
});
}
_navigatorRenderScene(route, navigator){
_navigator = navigator;
switch (route.id){
case 'Stories':
return
{
switch (position){
case 0:
StoryActions.fetchStories();
break;
case 1:
navigator.push({
id: 'About',
});
break;
}
}}
/>
;
case 'Comments':
const { component, title, passProps, rightButtonIcon, onRightButtonPress } = route;
const TheComponent = component;
return
;
case 'About':
return
;
}
}
render(){
return (
Navigator.SceneConfigs.FloatFromBottomAndroid}
/>
);
}
}
AppRegistry.registerComponent('HackerWeb', () => HackerWeb);
================================================
FILE: index.ios.js
================================================
'use strict';
import React, { Component } from 'react';
import {
AppStateIOS,
AppRegistry,
StyleSheet,
Modal,
NavigatorIOS,
View,
Linking,
} from 'react-native';
import StoryActions from './actions/StoryActions';
import StoriesView from './views/StoriesView';
import AboutView from './views/AboutView';
import CommentsView from './views/CommentsView';
import colors from './colors';
const styles = StyleSheet.create({
container: {
flex: 1,
},
wrapper: {
backgroundColor: colors.viewBackgroundColor,
},
});
class App extends Component {
constructor(props){
super(props);
this.state = {
currentAppState: AppStateIOS.currentState,
isAboutVisible: false,
};
this._reloadCount = 0;
this._reloadCountTimeout = null;
this._handleAppStateChange = this._handleAppStateChange.bind(this);
this._handleOpenURL = this._handleOpenURL.bind(this);
}
componentDidMount(){
AppStateIOS.addEventListener('change', this._handleAppStateChange);
Linking.addEventListener('url', this._handleOpenURL);
}
componentWillUnmount(){
AppStateIOS.removeEventListener('change', this._handleAppStateChange);
Linking.removeEventListener('url', this._handleOpenURL);
}
_handleAppStateChange(currentAppState){
if (currentAppState == 'active' && this.state.currentAppState != currentAppState){
StoryActions.fetchStoriesIfExpired();
}
this.setState({
currentAppState,
});
}
_handleOpenURL(e){
const {url} = e;
if (!url) return;
const id = (url.match(/item\?id=([a-z\d]+)/i) || [,null])[1];
if (!id) return;
this.refs.nav.push({
component: CommentsView,
wrapperStyle: styles.wrapper,
passProps: {
data: {id}
},
});
}
_showAbout(){
this.setState({
isAboutVisible: true,
});
}
_hideAbout(){
this.setState({
isAboutVisible: false,
});
}
render(){
const {isAboutVisible} = this.state;
return (
{
// For the compulsive-type of people who likes to press Reload multiple times
this._reloadCount++;
clearTimeout(this._reloadCountTimeout);
if (this._reloadCount >= 3){
StoryActions.flush();
this._reloadCount = 0;
} else {
this._reloadCountTimeout = setTimeout(() => this._reloadCount = 0, 3000);
}
StoryActions.fetchStories();
},
}}/>
);
}
}
AppRegistry.registerComponent('HackerWeb', () => App);
================================================
FILE: ios/HackerWeb/AppDelegate.h
================================================
/**
* Copyright (c) 2015-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
#import
@interface AppDelegate : UIResponder
@property (nonatomic, strong) UIWindow *window;
@end
================================================
FILE: ios/HackerWeb/AppDelegate.m
================================================
/**
* Copyright (c) 2015-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
#import "AppDelegate.h"
#import "RCTRootView.h"
#import "RCTLinkingManager.h"
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
NSURL *jsCodeLocation;
/**
* Loading JavaScript code - uncomment the one you want.
*
* OPTION 1
* Load from development server. Start the server from the repository root:
*
* $ npm start
*
* To run on device, change `localhost` to the IP address of your computer
* (you can get this by typing `ifconfig` into the terminal and selecting the
* `inet` value under `en0:`) and make sure your computer and iOS device are
* on the same Wi-Fi network.
*/
jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
/**
* OPTION 2
* Load from pre-bundled file on disk. The static bundle is automatically
* generated by the "Bundle React Native code and images" build step when
* running the project on an actual device or running the project on the
* simulator in the "Release" build configuration.
*/
// jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"HackerWeb"
initialProperties:nil
launchOptions:launchOptions];
rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
UIViewController *rootViewController = [UIViewController new];
rootViewController.view = rootView;
self.window.rootViewController = rootViewController;
[self.window makeKeyAndVisible];
return YES;
}
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
return [RCTLinkingManager application:application openURL:url
sourceApplication:sourceApplication annotation:annotation];
}
@end
================================================
FILE: ios/HackerWeb/Base.lproj/LaunchScreen.xib
================================================
================================================
FILE: ios/HackerWeb/Images.xcassets/AppIcon.appiconset/Contents.json
================================================
{
"images" : [
{
"size" : "29x29",
"idiom" : "iphone",
"filename" : "58.png",
"scale" : "2x"
},
{
"size" : "29x29",
"idiom" : "iphone",
"filename" : "97.png",
"scale" : "3x"
},
{
"size" : "40x40",
"idiom" : "iphone",
"filename" : "80.png",
"scale" : "2x"
},
{
"size" : "40x40",
"idiom" : "iphone",
"filename" : "120.png",
"scale" : "3x"
},
{
"size" : "60x60",
"idiom" : "iphone",
"filename" : "120-1.png",
"scale" : "2x"
},
{
"size" : "60x60",
"idiom" : "iphone",
"filename" : "180.png",
"scale" : "3x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}
================================================
FILE: ios/HackerWeb/Images.xcassets/Contents.json
================================================
{
"info" : {
"version" : 1,
"author" : "xcode"
}
}
================================================
FILE: ios/HackerWeb/Images.xcassets/app-icon.imageset/Contents.json
================================================
{
"images" : [
{
"idiom" : "universal",
"filename" : "app-icon.png",
"scale" : "1x"
},
{
"idiom" : "universal",
"filename" : "app-icon@2x.png",
"scale" : "2x"
},
{
"idiom" : "universal",
"filename" : "app-icon@3x.png",
"scale" : "3x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}
================================================
FILE: ios/HackerWeb/Info.plist
================================================
CFBundleDevelopmentRegion
en
CFBundleExecutable
$(EXECUTABLE_NAME)
CFBundleIdentifier
$(PRODUCT_BUNDLE_IDENTIFIER)
CFBundleInfoDictionaryVersion
6.0
CFBundleName
$(PRODUCT_NAME)
CFBundlePackageType
APPL
CFBundleShortVersionString
1.1
CFBundleSignature
????
CFBundleURLTypes
CFBundleTypeRole
Editor
CFBundleURLName
$(PRODUCT_BUNDLE_IDENTIFIER)
CFBundleURLSchemes
hackerweb
CFBundleVersion
5
LSRequiresIPhoneOS
NSAppTransportSecurity
NSAllowsArbitraryLoads
NSLocationWhenInUseUsageDescription
UILaunchStoryboardName
LaunchScreen
UIRequiredDeviceCapabilities
armv7
UISupportedInterfaceOrientations
UIInterfaceOrientationPortrait
UIViewControllerBasedStatusBarAppearance
NSLocationWhenInUseUsageDescription
NSAppTransportSecurity
NSAllowsArbitraryLoads
================================================
FILE: ios/HackerWeb/main.m
================================================
/**
* Copyright (c) 2015-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
#import
#import "AppDelegate.h"
int main(int argc, char * argv[]) {
@autoreleasepool {
return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
}
}
================================================
FILE: ios/HackerWeb.xcodeproj/project.pbxproj
================================================
// !$*UTF8*$!
{
archiveVersion = 1;
classes = {
};
objectVersion = 46;
objects = {
/* Begin PBXBuildFile section */
00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; };
00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; };
00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; };
00E356F31AD99517003FC87E /* HackerWebTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* HackerWebTests.m */; };
133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; };
139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; };
139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; };
13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; };
9B47A38C1C5E057600228361 /* libSafariViewManager.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9B47A3891C5E056200228361 /* libSafariViewManager.a */; };
/* End PBXBuildFile section */
/* Begin PBXContainerItemProxy section */
00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 134814201AA4EA6300B7C361;
remoteInfo = RCTActionSheet;
};
00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 134814201AA4EA6300B7C361;
remoteInfo = RCTGeolocation;
};
00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 58B5115D1A9E6B3D00147676;
remoteInfo = RCTImage;
};
00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 58B511DB1A9E6C8500147676;
remoteInfo = RCTNetwork;
};
00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 832C81801AAF6DEF007FA2F7;
remoteInfo = RCTVibration;
};
00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
proxyType = 1;
remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
remoteInfo = HackerWeb;
};
139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 134814201AA4EA6300B7C361;
remoteInfo = RCTSettings;
};
139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 3C86DF461ADF2C930047B81A;
remoteInfo = RCTWebSocket;
};
146834031AC3E56700842450 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192;
remoteInfo = React;
};
78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 134814201AA4EA6300B7C361;
remoteInfo = RCTLinking;
};
832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 58B5119B1A9E6C1200147676;
remoteInfo = RCTText;
};
9B47A3881C5E056200228361 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 9B47A3841C5E056200228361 /* SafariViewManager.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 134814201AA4EA6300B7C361;
remoteInfo = SafariViewManager;
};
/* End PBXContainerItemProxy section */
/* Begin PBXFileReference section */
008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = main.jsbundle; path = main.jsbundle; sourceTree = ""; };
00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = ../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj; sourceTree = ""; };
00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = ../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj; sourceTree = ""; };
00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = ../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj; sourceTree = ""; };
00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = ../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj; sourceTree = ""; };
00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = ../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj; sourceTree = ""; };
00E356EE1AD99517003FC87E /* HackerWebTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = HackerWebTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; };
00E356F21AD99517003FC87E /* HackerWebTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = HackerWebTests.m; sourceTree = ""; };
139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = ../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj; sourceTree = ""; };
139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = ../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj; sourceTree = ""; };
13B07F961A680F5B00A75B9A /* HackerWeb.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = HackerWeb.app; sourceTree = BUILT_PRODUCTS_DIR; };
13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = HackerWeb/AppDelegate.h; sourceTree = ""; };
13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = HackerWeb/AppDelegate.m; sourceTree = ""; };
13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; };
13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = HackerWeb/Images.xcassets; sourceTree = ""; };
13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = HackerWeb/Info.plist; sourceTree = ""; };
13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = HackerWeb/main.m; sourceTree = ""; };
146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = ../node_modules/react-native/React/React.xcodeproj; sourceTree = ""; };
78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = ../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj; sourceTree = ""; };
832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = ../node_modules/react-native/Libraries/Text/RCTText.xcodeproj; sourceTree = ""; };
9B47A3841C5E056200228361 /* SafariViewManager.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = SafariViewManager.xcodeproj; path = "../node_modules/react-native-safari-view/SafariViewManager.xcodeproj"; sourceTree = ""; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
00E356EB1AD99517003FC87E /* Frameworks */ = {
isa = PBXFrameworksBuildPhase;
buildActionMask = 2147483647;
files = (
);
runOnlyForDeploymentPostprocessing = 0;
};
13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
isa = PBXFrameworksBuildPhase;
buildActionMask = 2147483647;
files = (
9B47A38C1C5E057600228361 /* libSafariViewManager.a in Frameworks */,
146834051AC3E58100842450 /* libReact.a in Frameworks */,
00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */,
00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */,
00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */,
133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */,
00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */,
139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */,
832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */,
00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
);
runOnlyForDeploymentPostprocessing = 0;
};
/* End PBXFrameworksBuildPhase section */
/* Begin PBXGroup section */
00C302A81ABCB8CE00DB3ED1 /* Products */ = {
isa = PBXGroup;
children = (
00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */,
);
name = Products;
sourceTree = "";
};
00C302B61ABCB90400DB3ED1 /* Products */ = {
isa = PBXGroup;
children = (
00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */,
);
name = Products;
sourceTree = "";
};
00C302BC1ABCB91800DB3ED1 /* Products */ = {
isa = PBXGroup;
children = (
00C302C01ABCB91800DB3ED1 /* libRCTImage.a */,
);
name = Products;
sourceTree = "";
};
00C302D41ABCB9D200DB3ED1 /* Products */ = {
isa = PBXGroup;
children = (
00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */,
);
name = Products;
sourceTree = "";
};
00C302E01ABCB9EE00DB3ED1 /* Products */ = {
isa = PBXGroup;
children = (
00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */,
);
name = Products;
sourceTree = "";
};
00E356EF1AD99517003FC87E /* HackerWebTests */ = {
isa = PBXGroup;
children = (
00E356F21AD99517003FC87E /* HackerWebTests.m */,
00E356F01AD99517003FC87E /* Supporting Files */,
);
path = HackerWebTests;
sourceTree = "";
};
00E356F01AD99517003FC87E /* Supporting Files */ = {
isa = PBXGroup;
children = (
00E356F11AD99517003FC87E /* Info.plist */,
);
name = "Supporting Files";
sourceTree = "";
};
139105B71AF99BAD00B5F7CC /* Products */ = {
isa = PBXGroup;
children = (
139105C11AF99BAD00B5F7CC /* libRCTSettings.a */,
);
name = Products;
sourceTree = "";
};
139FDEE71B06529A00C62182 /* Products */ = {
isa = PBXGroup;
children = (
139FDEF41B06529B00C62182 /* libRCTWebSocket.a */,
);
name = Products;
sourceTree = "";
};
13B07FAE1A68108700A75B9A /* HackerWeb */ = {
isa = PBXGroup;
children = (
008F07F21AC5B25A0029DE68 /* main.jsbundle */,
13B07FAF1A68108700A75B9A /* AppDelegate.h */,
13B07FB01A68108700A75B9A /* AppDelegate.m */,
13B07FB51A68108700A75B9A /* Images.xcassets */,
13B07FB61A68108700A75B9A /* Info.plist */,
13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
13B07FB71A68108700A75B9A /* main.m */,
);
name = HackerWeb;
sourceTree = "";
};
146834001AC3E56700842450 /* Products */ = {
isa = PBXGroup;
children = (
146834041AC3E56700842450 /* libReact.a */,
);
name = Products;
sourceTree = "";
};
78C398B11ACF4ADC00677621 /* Products */ = {
isa = PBXGroup;
children = (
78C398B91ACF4ADC00677621 /* libRCTLinking.a */,
);
name = Products;
sourceTree = "";
};
832341AE1AAA6A7D00B99B32 /* Libraries */ = {
isa = PBXGroup;
children = (
9B47A3841C5E056200228361 /* SafariViewManager.xcodeproj */,
146833FF1AC3E56700842450 /* React.xcodeproj */,
00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */,
00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */,
00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */,
78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */,
00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */,
139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */,
832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */,
00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,
139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
);
name = Libraries;
sourceTree = "";
};
832341B11AAA6A8300B99B32 /* Products */ = {
isa = PBXGroup;
children = (
832341B51AAA6A8300B99B32 /* libRCTText.a */,
);
name = Products;
sourceTree = "";
};
83CBB9F61A601CBA00E9B192 = {
isa = PBXGroup;
children = (
13B07FAE1A68108700A75B9A /* HackerWeb */,
832341AE1AAA6A7D00B99B32 /* Libraries */,
00E356EF1AD99517003FC87E /* HackerWebTests */,
83CBBA001A601CBA00E9B192 /* Products */,
);
indentWidth = 2;
sourceTree = "";
tabWidth = 2;
};
83CBBA001A601CBA00E9B192 /* Products */ = {
isa = PBXGroup;
children = (
13B07F961A680F5B00A75B9A /* HackerWeb.app */,
00E356EE1AD99517003FC87E /* HackerWebTests.xctest */,
);
name = Products;
sourceTree = "";
};
9B47A3851C5E056200228361 /* Products */ = {
isa = PBXGroup;
children = (
9B47A3891C5E056200228361 /* libSafariViewManager.a */,
);
name = Products;
sourceTree = "";
};
/* End PBXGroup section */
/* Begin PBXNativeTarget section */
00E356ED1AD99517003FC87E /* HackerWebTests */ = {
isa = PBXNativeTarget;
buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "HackerWebTests" */;
buildPhases = (
00E356EA1AD99517003FC87E /* Sources */,
00E356EB1AD99517003FC87E /* Frameworks */,
00E356EC1AD99517003FC87E /* Resources */,
);
buildRules = (
);
dependencies = (
00E356F51AD99517003FC87E /* PBXTargetDependency */,
);
name = HackerWebTests;
productName = HackerWebTests;
productReference = 00E356EE1AD99517003FC87E /* HackerWebTests.xctest */;
productType = "com.apple.product-type.bundle.unit-test";
};
13B07F861A680F5B00A75B9A /* HackerWeb */ = {
isa = PBXNativeTarget;
buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "HackerWeb" */;
buildPhases = (
13B07F871A680F5B00A75B9A /* Sources */,
13B07F8C1A680F5B00A75B9A /* Frameworks */,
13B07F8E1A680F5B00A75B9A /* Resources */,
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
);
buildRules = (
);
dependencies = (
);
name = HackerWeb;
productName = "Hello World";
productReference = 13B07F961A680F5B00A75B9A /* HackerWeb.app */;
productType = "com.apple.product-type.application";
};
/* End PBXNativeTarget section */
/* Begin PBXProject section */
83CBB9F71A601CBA00E9B192 /* Project object */ = {
isa = PBXProject;
attributes = {
LastUpgradeCheck = 0610;
ORGANIZATIONNAME = Facebook;
TargetAttributes = {
00E356ED1AD99517003FC87E = {
CreatedOnToolsVersion = 6.2;
TestTargetID = 13B07F861A680F5B00A75B9A;
};
13B07F861A680F5B00A75B9A = {
DevelopmentTeam = 7WDVUPXAPH;
};
};
};
buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "HackerWeb" */;
compatibilityVersion = "Xcode 3.2";
developmentRegion = English;
hasScannedForEncodings = 0;
knownRegions = (
en,
Base,
);
mainGroup = 83CBB9F61A601CBA00E9B192;
productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
projectDirPath = "";
projectReferences = (
{
ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */;
ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */;
},
{
ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */;
ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */;
},
{
ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */;
ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */;
},
{
ProductGroup = 78C398B11ACF4ADC00677621 /* Products */;
ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */;
},
{
ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */;
ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */;
},
{
ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */;
ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */;
},
{
ProductGroup = 832341B11AAA6A8300B99B32 /* Products */;
ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */;
},
{
ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */;
ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;
},
{
ProductGroup = 139FDEE71B06529A00C62182 /* Products */;
ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
},
{
ProductGroup = 146834001AC3E56700842450 /* Products */;
ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */;
},
{
ProductGroup = 9B47A3851C5E056200228361 /* Products */;
ProjectRef = 9B47A3841C5E056200228361 /* SafariViewManager.xcodeproj */;
},
);
projectRoot = "";
targets = (
13B07F861A680F5B00A75B9A /* HackerWeb */,
00E356ED1AD99517003FC87E /* HackerWebTests */,
);
};
/* End PBXProject section */
/* Begin PBXReferenceProxy section */
00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTActionSheet.a;
remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTGeolocation.a;
remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTImage.a;
remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTNetwork.a;
remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTVibration.a;
remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTSettings.a;
remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTWebSocket.a;
remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
146834041AC3E56700842450 /* libReact.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libReact.a;
remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTLinking.a;
remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
832341B51AAA6A8300B99B32 /* libRCTText.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRCTText.a;
remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
9B47A3891C5E056200228361 /* libSafariViewManager.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libSafariViewManager.a;
remoteRef = 9B47A3881C5E056200228361 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
/* End PBXReferenceProxy section */
/* Begin PBXResourcesBuildPhase section */
00E356EC1AD99517003FC87E /* Resources */ = {
isa = PBXResourcesBuildPhase;
buildActionMask = 2147483647;
files = (
);
runOnlyForDeploymentPostprocessing = 0;
};
13B07F8E1A680F5B00A75B9A /* Resources */ = {
isa = PBXResourcesBuildPhase;
buildActionMask = 2147483647;
files = (
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
);
runOnlyForDeploymentPostprocessing = 0;
};
/* End PBXResourcesBuildPhase section */
/* Begin PBXShellScriptBuildPhase section */
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
);
inputPaths = (
);
name = "Bundle React Native code and images";
outputPaths = (
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh";
showEnvVarsInLog = 1;
};
/* End PBXShellScriptBuildPhase section */
/* Begin PBXSourcesBuildPhase section */
00E356EA1AD99517003FC87E /* Sources */ = {
isa = PBXSourcesBuildPhase;
buildActionMask = 2147483647;
files = (
00E356F31AD99517003FC87E /* HackerWebTests.m in Sources */,
);
runOnlyForDeploymentPostprocessing = 0;
};
13B07F871A680F5B00A75B9A /* Sources */ = {
isa = PBXSourcesBuildPhase;
buildActionMask = 2147483647;
files = (
13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
13B07FC11A68108700A75B9A /* main.m in Sources */,
);
runOnlyForDeploymentPostprocessing = 0;
};
/* End PBXSourcesBuildPhase section */
/* Begin PBXTargetDependency section */
00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
isa = PBXTargetDependency;
target = 13B07F861A680F5B00A75B9A /* HackerWeb */;
targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
};
/* End PBXTargetDependency section */
/* Begin PBXVariantGroup section */
13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
isa = PBXVariantGroup;
children = (
13B07FB21A68108700A75B9A /* Base */,
);
name = LaunchScreen.xib;
path = HackerWeb;
sourceTree = "";
};
/* End PBXVariantGroup section */
/* Begin XCBuildConfiguration section */
00E356F61AD99517003FC87E /* Debug */ = {
isa = XCBuildConfiguration;
buildSettings = {
BUNDLE_LOADER = "$(TEST_HOST)";
FRAMEWORK_SEARCH_PATHS = (
"$(SDKROOT)/Developer/Library/Frameworks",
"$(inherited)",
);
GCC_PREPROCESSOR_DEFINITIONS = (
"DEBUG=1",
"$(inherited)",
);
INFOPLIST_FILE = HackerWebTests/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 8.2;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
PRODUCT_NAME = "$(TARGET_NAME)";
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/HackerWeb.app/HackerWeb";
};
name = Debug;
};
00E356F71AD99517003FC87E /* Release */ = {
isa = XCBuildConfiguration;
buildSettings = {
BUNDLE_LOADER = "$(TEST_HOST)";
COPY_PHASE_STRIP = NO;
FRAMEWORK_SEARCH_PATHS = (
"$(SDKROOT)/Developer/Library/Frameworks",
"$(inherited)",
);
INFOPLIST_FILE = HackerWebTests/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 8.2;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
PRODUCT_NAME = "$(TARGET_NAME)";
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/HackerWeb.app/HackerWeb";
};
name = Release;
};
13B07F941A680F5B00A75B9A /* Debug */ = {
isa = XCBuildConfiguration;
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CODE_SIGN_IDENTITY = "iPhone Developer";
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
DEAD_CODE_STRIPPING = NO;
HEADER_SEARCH_PATHS = (
"$(inherited)",
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
"$(SRCROOT)/../node_modules/react-native/React/**",
"$(SRCROOT)/../node_modules/react-native/Libraries/**",
);
INFOPLIST_FILE = "HackerWeb/Info.plist";
IPHONEOS_DEPLOYMENT_TARGET = 9.0;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
OTHER_LDFLAGS = (
"-ObjC",
"-lc++",
);
PRODUCT_BUNDLE_IDENTIFIER = cheeaun.hackerweb;
PRODUCT_NAME = HackerWeb;
PROVISIONING_PROFILE = "";
};
name = Debug;
};
13B07F951A680F5B00A75B9A /* Release */ = {
isa = XCBuildConfiguration;
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CODE_SIGN_IDENTITY = "iPhone Developer";
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
DEAD_CODE_STRIPPING = NO;
HEADER_SEARCH_PATHS = (
"$(inherited)",
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
"$(SRCROOT)/../node_modules/react-native/React/**",
"$(SRCROOT)/../node_modules/react-native/Libraries/**",
);
INFOPLIST_FILE = "HackerWeb/Info.plist";
IPHONEOS_DEPLOYMENT_TARGET = 9.0;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
OTHER_LDFLAGS = (
"-ObjC",
"-lc++",
);
PRODUCT_BUNDLE_IDENTIFIER = cheeaun.hackerweb;
PRODUCT_NAME = HackerWeb;
PROVISIONING_PROFILE = "";
};
name = Release;
};
83CBBA201A601CBA00E9B192 /* Debug */ = {
isa = XCBuildConfiguration;
buildSettings = {
ALWAYS_SEARCH_USER_PATHS = NO;
CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
CLANG_CXX_LIBRARY = "libc++";
CLANG_ENABLE_MODULES = YES;
CLANG_ENABLE_OBJC_ARC = YES;
CLANG_WARN_BOOL_CONVERSION = YES;
CLANG_WARN_CONSTANT_CONVERSION = YES;
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
CLANG_WARN_EMPTY_BODY = YES;
CLANG_WARN_ENUM_CONVERSION = YES;
CLANG_WARN_INT_CONVERSION = YES;
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
CLANG_WARN_UNREACHABLE_CODE = YES;
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
COPY_PHASE_STRIP = NO;
ENABLE_STRICT_OBJC_MSGSEND = YES;
GCC_C_LANGUAGE_STANDARD = gnu99;
GCC_DYNAMIC_NO_PIC = NO;
GCC_OPTIMIZATION_LEVEL = 0;
GCC_PREPROCESSOR_DEFINITIONS = (
"DEBUG=1",
"$(inherited)",
);
GCC_SYMBOLS_PRIVATE_EXTERN = NO;
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
GCC_WARN_UNDECLARED_SELECTOR = YES;
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
GCC_WARN_UNUSED_FUNCTION = YES;
GCC_WARN_UNUSED_VARIABLE = YES;
HEADER_SEARCH_PATHS = (
"$(inherited)",
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
"$(SRCROOT)/../node_modules/react-native/React/**",
);
IPHONEOS_DEPLOYMENT_TARGET = 9.0;
MTL_ENABLE_DEBUG_INFO = YES;
ONLY_ACTIVE_ARCH = YES;
SDKROOT = iphoneos;
};
name = Debug;
};
83CBBA211A601CBA00E9B192 /* Release */ = {
isa = XCBuildConfiguration;
buildSettings = {
ALWAYS_SEARCH_USER_PATHS = NO;
CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
CLANG_CXX_LIBRARY = "libc++";
CLANG_ENABLE_MODULES = YES;
CLANG_ENABLE_OBJC_ARC = YES;
CLANG_WARN_BOOL_CONVERSION = YES;
CLANG_WARN_CONSTANT_CONVERSION = YES;
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
CLANG_WARN_EMPTY_BODY = YES;
CLANG_WARN_ENUM_CONVERSION = YES;
CLANG_WARN_INT_CONVERSION = YES;
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
CLANG_WARN_UNREACHABLE_CODE = YES;
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
COPY_PHASE_STRIP = YES;
ENABLE_NS_ASSERTIONS = NO;
ENABLE_STRICT_OBJC_MSGSEND = YES;
GCC_C_LANGUAGE_STANDARD = gnu99;
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
GCC_WARN_UNDECLARED_SELECTOR = YES;
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
GCC_WARN_UNUSED_FUNCTION = YES;
GCC_WARN_UNUSED_VARIABLE = YES;
HEADER_SEARCH_PATHS = (
"$(inherited)",
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
"$(SRCROOT)/../node_modules/react-native/React/**",
);
IPHONEOS_DEPLOYMENT_TARGET = 9.0;
MTL_ENABLE_DEBUG_INFO = NO;
SDKROOT = iphoneos;
VALIDATE_PRODUCT = YES;
};
name = Release;
};
/* End XCBuildConfiguration section */
/* Begin XCConfigurationList section */
00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "HackerWebTests" */ = {
isa = XCConfigurationList;
buildConfigurations = (
00E356F61AD99517003FC87E /* Debug */,
00E356F71AD99517003FC87E /* Release */,
);
defaultConfigurationIsVisible = 0;
defaultConfigurationName = Release;
};
13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "HackerWeb" */ = {
isa = XCConfigurationList;
buildConfigurations = (
13B07F941A680F5B00A75B9A /* Debug */,
13B07F951A680F5B00A75B9A /* Release */,
);
defaultConfigurationIsVisible = 0;
defaultConfigurationName = Release;
};
83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "HackerWeb" */ = {
isa = XCConfigurationList;
buildConfigurations = (
83CBBA201A601CBA00E9B192 /* Debug */,
83CBBA211A601CBA00E9B192 /* Release */,
);
defaultConfigurationIsVisible = 0;
defaultConfigurationName = Release;
};
/* End XCConfigurationList section */
};
rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
}
================================================
FILE: ios/HackerWeb.xcodeproj/xcshareddata/xcschemes/HackerWeb.xcscheme
================================================
================================================
FILE: ios/HackerWebTests/HackerWebTests.m
================================================
/**
* Copyright (c) 2015-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
#import
#import
#import "RCTLog.h"
#import "RCTRootView.h"
#define TIMEOUT_SECONDS 600
#define TEXT_TO_LOOK_FOR @"Welcome to React Native!"
@interface HackerWebTests : XCTestCase
@end
@implementation HackerWebTests
- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
{
if (test(view)) {
return YES;
}
for (UIView *subview in [view subviews]) {
if ([self findSubviewInView:subview matching:test]) {
return YES;
}
}
return NO;
}
- (void)testRendersWelcomeScreen
{
UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController];
NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
BOOL foundElement = NO;
__block NSString *redboxError = nil;
RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
if (level >= RCTLogLevelError) {
redboxError = message;
}
});
while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
[[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
[[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
return YES;
}
return NO;
}];
}
RCTSetLogFunction(RCTDefaultLogFunction);
XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
}
@end
================================================
FILE: ios/HackerWebTests/Info.plist
================================================
CFBundleDevelopmentRegion
en
CFBundleExecutable
$(EXECUTABLE_NAME)
CFBundleIdentifier
org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)
CFBundleInfoDictionaryVersion
6.0
CFBundleName
$(PRODUCT_NAME)
CFBundlePackageType
BNDL
CFBundleShortVersionString
1.0
CFBundleSignature
????
CFBundleVersion
1
================================================
FILE: package.json
================================================
{
"name": "HackerWeb",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node_modules/react-native/packager/packager.sh"
},
"dependencies": {
"alt": "~0.18.4",
"buffer": "~4.6.0",
"events": "~1.1.0",
"htmlparser2": "~3.9.0",
"react": "~15.1.0",
"react-addons-pure-render-mixin": "~15.1.0",
"react-native": "~0.27.2",
"react-native-android-share": "https://github.com/haydenth/react-native-android-share.git",
"react-native-cache-store": "~1.0.2",
"react-native-chrome-custom-tabs": "~0.0.2",
"react-native-safari-view": "~0.4.1",
"stream": "~0.0.2",
"url-parse": "~1.1.1"
}
}
================================================
FILE: stores/LinkStore.js
================================================
'use strict';
import alt from '../alt';
import LinkActions from '../actions/LinkActions';
class LinkStore {
constructor(){
this.links = [];
this.bindListeners({
handleGetLinks: LinkActions.GET_LINKS,
handleAddLink: LinkActions.ADD_LINK,
});
}
handleGetLinks(links){
this.links = links;
}
handleAddLink(link){
this.links.push(link);
}
}
export default alt.createStore(LinkStore, 'LinkStore');
================================================
FILE: stores/StoryStore.js
================================================
'use strict';
import alt from '../alt';
import StoryActions from '../actions/StoryActions';
class StoryStore {
constructor(){
this.stories = [];
this.storiesLoading = false;
this.storiesError = false;
this.story = null;
this.storyLoading = false;
this.storyError = false;
this.hasMoreStories = false;
this.bindListeners({
handleFetchStories: StoryActions.FETCH_STORIES,
handleFetchMoreStories: StoryActions.FETCH_MORE_STORIES,
handleUpdateStories: StoryActions.UPDATE_STORIES,
handleUpdateMoreStories: StoryActions.UPDATE_MORE_STORIES,
handleHasMoreStories: StoryActions.HAS_MORE_STORIES,
handleStoriesFailed: StoryActions.STORIES_FAILED,
handleFetchStory: StoryActions.FETCH_STORY,
handleUpdateStory: StoryActions.UPDATE_STORY,
handleStoryFailed: StoryActions.STORY_FAILED,
});
}
handleFetchStories(){
this.storiesLoading = true;
this.storiesError = false;
this.hasMoreStories = false;
}
handleFetchMoreStories(){
}
handleUpdateStories(stories){
this.stories = stories;
this.storiesLoading = false;
this.storiesError = false;
}
handleHasMoreStories(){
this.hasMoreStories = true;
}
handleUpdateMoreStories(stories){
this.stories = this.stories.concat(stories);
}
handleStoriesFailed(error){
this.storiesLoading = false;
this.storiesError = error;
}
handleFetchStory(id){
if (this.story && this.story.id != id){
this.story = null;
this.storyLoading = true;
}
if (!this.story) this.storyLoading = true;
this.storyError = false;
}
handleUpdateStory(story){
this.story = story;
this.storyLoading = false;
this.storyError = false;
// Update story in stories
const stories = this.stories;
for (let i=0, l=stories.length; i {
if (!url) return;
var link = urlparse(url);
var domain = link.hostname.replace(/^www\./, '');
var pathname = link.pathname.replace(/^\//, '').split('/')[0];
var pathnameLen = pathname.length;
var firstPath = domain.length <= 25 && pathnameLen > 3 && pathnameLen <= 15 && /^[^0-9][^.]+$/.test(pathname) ? ('/' + pathname) : '';
return domain + firstPath;
};
================================================
FILE: utils/showActivity.android.js
================================================
'use strict';
import AndroidShare from 'react-native-android-share';
export default (url, message) => {
if (!url) return;
AndroidShare.openChooserWithOptions({
subject: message || url,
text: (message ? (message + ' ') : '') + url,
}, 'Share via');
}
================================================
FILE: utils/showActivity.ios.js
================================================
'use strict';
import { ActionSheetIOS } from 'react-native';
export default (url, message) => {
if (!url) return;
ActionSheetIOS.showShareActionSheetWithOptions({
url: url,
message: message || '',
}, () => {}, () => {});
}
================================================
FILE: utils/showBrowser.android.js
================================================
'use strict';
import ChromeCustomTabsClient from 'react-native-chrome-custom-tabs';
import LinkActions from '../actions/LinkActions';
export default (url) => {
if (!url) return;
ChromeCustomTabsClient.launchCustomTab(url);
// Log link visit to History
setTimeout(() => LinkActions.addLink(url), 1000);
}
================================================
FILE: utils/showBrowser.ios.js
================================================
'use strict';
import { Linking, AlertIOS } from 'react-native';
import SafariView from 'react-native-safari-view';
import LinkActions from '../actions/LinkActions';
export default (url) => {
if (!url) return;
SafariView.isAvailable()
.then(() => {
SafariView.show({
url: url,
});
// Log link visit to History
setTimeout(() => LinkActions.addLink(url), 1000);
})
.catch(() => {
Linking.canOpenURL(url, (supported) => {
if (!supported){
AlertIOS.alert('Can\'t handle URL: ' + url);
} else {
Linking.openURL(url);
// Log link visit to History
setTimeout(() => LinkActions.addLink(url), 1000);
}
});
});
}
================================================
FILE: views/AboutView.js
================================================
'use strict';
import React from 'react';
import {
StyleSheet,
View,
Text,
Image,
ScrollView,
TouchableOpacity,
TouchableNativeFeedback,
Linking,
Platform,
} from 'react-native';
const isIOS = Platform.OS === 'ios';
const CrossTouchable = isIOS ? TouchableOpacity : TouchableNativeFeedback;
// import SafariView from 'react-native-safari-view';
import colors from '../colors';
const hairlineWidth = isIOS ? StyleSheet.hairlineWidth : 1;
const styles = StyleSheet.create({
aboutContainer: {
marginTop: isIOS ? 34 : 0,
paddingVertical: isIOS ? 10 : 32,
paddingHorizontal: isIOS ? 15 : 16,
borderTopWidth: isIOS ? hairlineWidth : 0,
borderTopColor: colors.separatorColor,
borderBottomWidth: hairlineWidth,
borderBottomColor: colors.separatorColor,
backgroundColor: colors.sectionBackgroundColor,
flexDirection: 'row',
},
appIcon: {
width: 60,
height: 60,
marginRight: 10,
borderColor: colors.separatorColor,
borderWidth: hairlineWidth,
borderRadius: isIOS ? 14 : 2,
},
aboutTextContainer: {
flex: 1,
},
aboutHeading: {
color: colors.primaryTextColor,
fontWeight: '500',
fontSize: 17,
},
aboutDescription: {
fontSize: 15,
color: colors.insignificantColor,
},
listContainer: {
marginTop: 34,
borderTopWidth: hairlineWidth,
borderTopColor: colors.separatorColor,
borderBottomWidth: hairlineWidth,
borderBottomColor: colors.separatorColor,
backgroundColor: colors.sectionBackgroundColor,
},
listItem: {
paddingVertical: isIOS ? 13 : 16,
paddingHorizontal: isIOS ? 15 : 16,
},
listItemSeparator: {
marginLeft: 15,
marginTop: -1,
height: hairlineWidth,
backgroundColor: colors.separatorColor,
},
link: {
color: colors.linkColor,
fontSize: isIOS ? 17 : 16,
},
disclaimer: {
paddingVertical: 27,
paddingHorizontal: 15,
},
disclaimerText: {
color: colors.sectionInsignificantColor,
}
});
var linkPress = function(url){
Linking.openURL(url);
/* BUG: Once is open, SafariView can't work anymore.
if (/^mailto:/.test(url)){
// Note: won't work in Simulator because there's no Mail there
Linking.openURL(url);
} else {
SafariView.show({
url: url
});
}
*/
};
function linksContainer(links){
return
{links.map((link, i) => {
return (
{link.text}
{i < links.length-1 && }
);
})}
};
export default (props) => {
return (
HackerWeb
A simply readable Hacker News app.
{linksContainer([
isIOS ? {
text: '🌟 Rate HackerWeb on the App Store',
url: 'http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewContentsUserReviews?id=1084209377&pageNumber=0&sortOrdering=2&type=Purple+Software&mt=8'
} : {
text: '🌟 Rate HackerWeb on Google Play',
url: 'https://play.google.com/store/apps/details?id=cheeaun.hackerweb'
},
{ text: '☕️ Buy me a cup of coffee', url: 'https://donorbox.org/support-cheeaun' },
])}
{linksContainer([
{ text: 'HackerWeb homepage', url: 'https://hackerwebapp.com/' },
{ text: 'Hacker News homepage', url: 'https://news.ycombinator.com/' },
{ text: 'Hacker News FAQ', url: 'https://news.ycombinator.com/newsfaq.html' },
{ text: 'HackerWeb on GitHub', url: 'https://github.com/cheeaun/hackerweb-native' },
{ text: 'Follow @cheeaun', url: 'https://twitter.com/cheeaun' },
{ text: 'Send Feedback', url: 'mailto:cheeaun+hackerweb@gmail.com?subject=HackerWeb feedback' },
])}
Built by Lim Chee Aun.
Not affiliated with Hacker News or YCombinator.
);
}
================================================
FILE: views/CommentsView.js
================================================
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
ActivityIndicatorIOS,
View,
Text,
TouchableHighlight,
TouchableOpacity,
TouchableWithoutFeedback,
Image,
ActionSheetIOS,
ListView,
LayoutAnimation,
Platform,
} from 'react-native';
const isIOS = Platform.OS === 'ios';
const isAndroid = Platform.OS === 'android';
import ChromeCustomTabsClient from 'react-native-chrome-custom-tabs';
import StoryStore from '../stores/StoryStore';
import StoryActions from '../actions/StoryActions';
import CommentRow from '../components/CommentRow';
import LoadingIndicator from '../components/LoadingIndicator';
import HTMLView from '../components/HTMLView';
import ProgressBar from '../components/ProgressBar';
import showBrowser from '../utils/showBrowser';
import showActivity from '../utils/showActivity';
import domainify from '../utils/domainify';
import colors from '../colors';
const hairlineWidth = isIOS ? StyleSheet.hairlineWidth : 1;
const styles = StyleSheet.create({
viewCommentsBlank: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
padding: 50,
backgroundColor: colors.sectionBackgroundColor,
},
footer: {
borderTopColor: colors.separatorColor,
borderTopWidth: hairlineWidth,
height: 30,
},
errorContainer: {
alignItems: 'center',
},
errorText: {
opacity: .6,
textAlign: 'center',
},
retryText: {
color: colors.linkColor,
textAlign: 'center',
},
noCommentsText: {
opacity: .6,
},
externalArrowIcon: {
width: isIOS ? 12 : 10,
height: isIOS ? 9 : 10,
marginLeft: 2,
marginRight: 4,
opacity: isIOS ? 1 : .54,
},
storyLink: {
backgroundColor: colors.viewBackgroundColor,
},
storyTitle: {
color: colors.primaryTextColor,
fontSize: 17,
},
storySection: {
padding: 15,
},
storyDomain: {
fontSize: isIOS ? 13 : 14,
color: colors.domainColor,
},
storyMetadataWrap: {
flexWrap: 'wrap',
flexDirection: 'row',
marginBottom: 2,
},
storyMetadata: {
fontSize: isIOS ? 13 : 14,
color: colors.insignificantColor,
},
storyContent: {
backgroundColor: colors.sectionBackgroundColor,
padding: isIOS ? 15 : 16,
borderTopColor: colors.separatorColor,
borderTopWidth: hairlineWidth,
borderBottomColor: colors.separatorColor,
borderBottomWidth: hairlineWidth,
marginBottom: 30,
},
separator: {
backgroundColor: colors.separatorColor,
height: hairlineWidth,
},
externalLink: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
backgroundColor: colors.viewBackgroundColor,
},
pollContainer: {
flexDirection: 'row',
marginTop: 9,
marginBottom: 2,
alignItems: 'flex-end',
},
pollItem: {
color: colors.primaryTextColor,
flex: 1,
},
pollPoints: {
color: colors.insignificantColor,
},
touchableLink: {
borderRadius: 3,
transform: [
{translateX: -2},
{translateY: -2}
]
},
touchableLinkInner: {
padding: 2
},
});
export default class CommentsView extends Component {
constructor(props){
super(props);
var { story, storyLoading, storyError } = StoryStore.getState();
this.state = {
data: story,
dataSource: new ListView.DataSource({rowHasChanged: (row1, row2) => row1 !== row2}),
loading: storyLoading,
error: storyError,
pollDisplay: 'points',
};
this._onChange = this._onChange.bind(this);
this._fetchStory = this._fetchStory.bind(this);
}
componentDidMount(){
StoryStore.listen(this._onChange);
this._fetchStory();
}
componentWillUnmount(){
StoryStore.unlisten(this._onChange);
}
_fetchStory(){
StoryActions.fetchStory(this.props.data.id);
}
_onChange(state){
const {story} = state;
const comments = (story && story.comments) || [];
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
this.setState({
data: story,
dataSource: this.state.dataSource.cloneWithRows(comments),
loading: state.storyLoading,
error: state.storyError,
});
if (isAndroid && story && story.url){
const externalLink = !/^item/i.test(story.url);
const url = externalLink ? story.url : `https://news.ycombinator.com/item?id=${story.id}`;
ChromeCustomTabsClient.mayLaunchUrl(url);
}
/* Note:
Title update doesn't work yet due to https://github.com/facebook/react-native/issues/476
Hopefully this works https://github.com/bjornco/react-native/commit/5fcb2a8673a2c17f4fdb03327008397a10a9c53a
*/
if (state.story && state.story.title){
var route = this.props.navigator.navigationContext.currentRoute;
if (!route) return;
if (route.title != state.story.title){
const {story} = state;
route.title = story.title;
if (!route.rightButtonIcon) route.rightButtonIcon = require('../images/share-icon.png');
route.onRightButtonPress = showActivity.bind(null, `https://news.ycombinator.com/item?id=${story.id}`, story.title);
this.props.navigator.replace(route);
}
}
}
_togglePollDisplay(){
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
this.setState({
pollDisplay: this.state.pollDisplay == 'points' ? 'percentage' : 'points',
});
}
_renderHeader(){
let {data, loading, error, pollDisplay} = this.state;
data = data || this.props.data;
const commentsText = · {data.comments_count} comment{data.comments_count != 1 && 's'};
const url = data.url;
const externalLink = !/^item/i.test(url);
let domainText = null;
let storyHeader = null;
if (externalLink){
domainText = {domainify(data.url)};
storyHeader = (
{data.title}
{domainText}
);
} else {
storyHeader = {data.title};
}
const hnShortURL = `news.ycombinator.com/item?id=${data.id}`;
const hnURL = `https://${hnShortURL}`;
let contentSection;
if (data.content){
let pollElements;
if (data.poll && data.poll.length){
let maxPoints = Math.max.apply(null, data.poll.map((p) => p.points ));
let totalPoints = data.poll.reduce((a, b) => a + b.points, 0);
pollElements = data.poll.map((p) => {
let {points} = p;
let pointsText;
if (pollDisplay == 'points'){
pointsText = `${points} point${points != 1 ? 's' : ''}`;
} else {
pointsText = `${(points/totalPoints*100).toFixed(1)}%`;
}
return (
{p.item}
{pointsText}
);
});
}
contentSection = (
{pollElements}
);
}
let commentsSection;
if (data && data.comments && data.comments.length){
commentsSection = null;
} else if (loading){
commentsSection = (
);
} else if (error){
commentsSection = (
Couldn't load comments.
Try again
);
} else {
commentsSection = (
No comments.
);
}
return (
{storyHeader}
{data.points} points by {data.user}
{data.time_ago} {data.comments_count>0 && commentsText}
{hnShortURL}
{contentSection}
{commentsSection}
);
}
render(){
const {data, dataSource} = this.state;
const comments = (data && data.comments) || [];
const hasManyComments = JSON.stringify(comments).length > 20*1000;
const op = data && data.user;
return (
}
renderSeparator={(sectionID, rowID) => }
renderFooter={() => }
/>
);
}
}
================================================
FILE: views/StoriesView.js
================================================
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
View,
Text,
ListView,
TouchableOpacity,
TouchableNativeFeedback,
ActionSheetIOS,
LayoutAnimation,
Platform,
} from 'react-native';
const isIOS = Platform.OS === 'ios';
const CrossTouchable = isIOS ? TouchableOpacity : TouchableNativeFeedback;
import StoryStore from '../stores/StoryStore';
import StoryActions from '../actions/StoryActions';
import LinkActions from '../actions/LinkActions';
import StoryRow from '../components/StoryRow';
import LoadingIndicator from '../components/LoadingIndicator';
import CommentsView from './CommentsView';
import showBrowser from '../utils/showBrowser';
import showActivity from '../utils/showActivity';
import colors from '../colors';
const hairlineWidth = isIOS ? StyleSheet.hairlineWidth : 1;
const styles = StyleSheet.create({
container: {
flex: 1,
},
navbarSpacing: {
marginTop: 64,
},
viewLoading: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
},
viewError: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
errorText: {
opacity: .6,
},
itemSeparator: {
height: hairlineWidth,
backgroundColor: colors.separatorColor,
marginLeft: isIOS ? 15 : 0,
marginTop: -hairlineWidth,
},
itemHighligtedSeparator: {
opacity: 0,
},
wrapper: {
backgroundColor: colors.viewBackgroundColor,
},
moreLink: {
padding: 19,
textAlign: 'center',
color: colors.linkColor,
fontSize: 17,
textAlignVertical: 'center',
},
});
export default class StoriesView extends Component {
constructor(props){
super(props);
const { stories, storiesLoading, storiesError, hasMoreStories } = StoryStore.getState();
this.state = {
stories,
loading: storiesLoading,
error: storiesError,
dataSource: new ListView.DataSource({rowHasChanged: (row1, row2) => row1 !== row2}),
hasMoreStories,
};
this._onChange = this._onChange.bind(this);
}
componentDidMount(){
StoryStore.listen(this._onChange);
StoryActions.fetchStories();
}
componentWillUnmount(){
StoryStore.unlisten(this._onChange);
}
_onChange(state){
const {stories, storiesLoading, storiesError, hasMoreStories} = state;
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
this.setState({
stories,
dataSource: this.state.dataSource.cloneWithRows([].concat(stories)),
loading: storiesLoading,
error: storiesError,
hasMoreStories,
});
}
_navigateToComments(data){
this.props.navigator.push({
id: 'Comments',
title: data.title,
component: CommentsView,
wrapperStyle: styles.wrapper,
rightButtonIcon: require('../images/share-icon.png'),
onRightButtonPress: showActivity.bind(null, `https://news.ycombinator.com/item?id=${data.id}`, data.title),
passProps: {
data: data,
}
});
// Log link visit to History
const {url} = data;
if (/^item/i.test(url)) LinkActions.addLink(url);
}
_renderRow(row, sectionID, rowID, highlightRow){
const position = parseInt(rowID, 10) + 1;
const {url} = row;
const externalLink = !/^item/i.test(url);
const navToComments = this._navigateToComments.bind(this, row);
const linkPress = externalLink ? showBrowser.bind(null, url) : navToComments;
return (
highlightRow(sectionID, rowID)} onHideUnderlay={() => highlightRow(null, null)}/>
);
}
_renderSeparator(sectionID, rowID, adjacentRowHighlighted){
return ;
}
_fetchMoreStories(){
// Delay the fetching a bit to create that sense of something's happening in the background
if (this._fetchingMore) return;
this._fetchingMore = true;
setTimeout(() => {
StoryActions.fetchMoreStories();
this._fetchingMore = false;
}, 300);
}
_renderFooter(){
const {hasMoreStories, stories} = this.state;
if (hasMoreStories && stories && stories.length <= 30){
return (
More…
);
}
return null;
}
render(){
const {loading, error, dataSource} = this.state;
if (loading){
return (
);
}
if (error){
return (
Couldn't load stories.
{error && error.message ? error.message : '😭'}
);
}
return (
{/* Temporary FIX: Prevent the taps on NavigatorIOS buttons "leaking" into the ListView rows' taps */}
{isIOS && false} style={{width: 100, height: 10, position: 'absolute', top: styles.navbarSpacing-2}} />}
{isIOS && false} style={{width: 60, height: 10, position: 'absolute', top: styles.navbarSpacing-2, right: 0}} />}
);
}
}