├── .babelrc ├── .buckconfig ├── .codeclimate.yml ├── .eslintignore ├── .eslintrc ├── .flowconfig ├── .gitignore ├── .travis.yml ├── .watchmanconfig ├── LICENSE ├── Procfile ├── README.md ├── android ├── README.md ├── app │ ├── BUCK │ ├── build.gradle │ ├── proguard-rules.pro │ └── src │ │ └── main │ │ ├── AndroidManifest.xml │ │ ├── java │ │ └── com │ │ │ └── reactizer │ │ │ └── MainActivity.java │ │ └── res │ │ ├── mipmap-hdpi │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ └── ic_launcher.png │ │ └── values │ │ ├── strings.xml │ │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── keystores │ ├── BUCK │ └── debug.keystore.properties └── settings.gradle ├── etc ├── .babelrc ├── .eslintrc ├── config.js ├── devserver │ ├── assets.json │ ├── index.js │ └── server.dev.js ├── gulp │ ├── assets.js │ ├── build.js │ ├── clean.js │ ├── messages.js │ └── sprites.js └── webpack │ ├── webpack.base.js │ ├── webpack.build.js │ └── webpack.dev.js ├── gulpfile.babel.js ├── index.android.js ├── index.ios.js ├── ios ├── reactizer.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ │ └── xcschemes │ │ └── reactizer.xcscheme ├── reactizer │ ├── AppDelegate.h │ ├── AppDelegate.m │ ├── Base.lproj │ │ └── LaunchScreen.xib │ ├── Images.xcassets │ │ └── AppIcon.appiconset │ │ │ └── Contents.json │ ├── Info.plist │ └── main.m └── reactizerTests │ ├── Info.plist │ └── reactizerTests.m ├── locales ├── en.json └── sk.json ├── nodemon.json ├── package.json ├── src ├── browser │ ├── .eslintrc │ ├── Root.jsx │ ├── app.jsx │ ├── assets │ │ ├── favicon.ico │ │ ├── favicon.png │ │ ├── images │ │ │ ├── icons │ │ │ │ └── github-mark.svg │ │ │ └── sprite.png │ │ └── sprites │ │ │ └── octocat.png │ ├── clientStore.js │ ├── components │ │ └── TextInput.jsx │ ├── css │ │ ├── app.scss │ │ ├── core │ │ │ ├── _container.scss │ │ │ ├── _fonts.scss │ │ │ ├── _icons.scss │ │ │ ├── _reset.scss │ │ │ └── _sprite.scss │ │ └── variables │ │ │ ├── _breakpoints.scss │ │ │ └── _layout.scss │ ├── getRoutes.jsx │ ├── index.js │ ├── middleware │ │ └── globalsMiddleware.js │ └── modules │ │ ├── Home │ │ └── Home.jsx │ │ ├── Index.jsx │ │ ├── Profile │ │ └── Profile.jsx │ │ ├── Sidebar │ │ └── Sidebar.jsx │ │ ├── Signup │ │ ├── LoginForm.jsx │ │ ├── RegisterForm.jsx │ │ ├── Signup.jsx │ │ └── _Signup.scss │ │ └── Todos │ │ ├── TodoItem.jsx │ │ ├── Todos.jsx │ │ ├── TodosForm.jsx │ │ ├── _Todos.scss │ │ └── todoSelector.js ├── native │ ├── .eslintrc │ ├── app │ │ └── App.jsx │ └── index.jsx ├── server │ ├── .babelrc │ ├── config.js │ ├── lib │ │ └── logger.js │ ├── markup │ │ ├── Html.jsx │ │ └── index.jsx │ ├── middleware │ │ └── logMiddleware.js │ ├── server.js │ ├── setupApp.js │ └── tools │ │ ├── fetchData.js │ │ ├── fetchNeeds.js │ │ └── getInitialState.js └── universal │ ├── .eslintrc │ ├── consts │ ├── apiConsts.js │ ├── formConsts.js │ ├── phaseConsts.js │ └── todoConsts.js │ ├── containers │ ├── Todo.js │ └── User.js │ ├── decorators │ └── intlProvider.jsx │ ├── messages │ ├── formMessages.js │ ├── homeMessages.js │ ├── index.js │ ├── indexMessages.js │ ├── profileMessages.js │ ├── sidebarMessages.js │ ├── signupMessages.js │ ├── todoMessages.js │ └── userMessages.js │ ├── modules │ ├── config │ │ └── configDuck.js │ ├── intl │ │ ├── __tests__ │ │ │ └── intlDuck.spec.js │ │ └── intlDuck.js │ ├── todo │ │ ├── __tests__ │ │ │ ├── todoDuck.spec.js │ │ │ └── todoMapper.spec.js │ │ ├── todoApi.js │ │ ├── todoDuck.js │ │ └── todoMapper.js │ ├── ui │ │ ├── __tests__ │ │ │ └── uiDuck.spec.js │ │ └── uiDuck.js │ └── user │ │ ├── __tests__ │ │ └── userDuck.spec.js │ │ ├── userApi.js │ │ └── userDuck.js │ ├── reduxRoot.js │ └── tools │ └── validator.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /.codeclimate.yml: -------------------------------------------------------------------------------- 1 | languages: 2 | JavaScript: true 3 | 4 | exclude_paths: 5 | - "**/__tests__/**" 6 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | coverage/** 2 | data/** 3 | dist/** 4 | .tmp/** 5 | android/** 6 | ios/** 7 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "parser": "babel-eslint", 3 | "extends": ["airbnb"], 4 | "env": { 5 | "node": true, 6 | "jasmine": true 7 | }, 8 | "globals": { 9 | "jest": true 10 | }, 11 | "rules": { 12 | "generator-star-spacing": ["off"] // see https://github.com/babel/babel-eslint/issues/357 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | # We fork some components by platform. 4 | .*/*.android.js 5 | 6 | # Ignore templates with `@flow` in header 7 | .*/local-cli/generator.* 8 | 9 | # Ignore malformed json 10 | .*/node_modules/y18n/test/.*\.json 11 | 12 | # Ignore the website subdir 13 | /website/.* 14 | 15 | # Ignore BUCK generated dirs 16 | /\.buckd/ 17 | 18 | # Ignore unexpected extra @providesModule 19 | .*/node_modules/commoner/test/source/widget/share.js 20 | 21 | # Ignore duplicate module providers 22 | # For RN Apps installed via npm, "Libraries" folder is inside node_modules/react-native but in the source repo it is in the root 23 | .*/Libraries/react-native/React.js 24 | .*/Libraries/react-native/ReactNative.js 25 | .*/node_modules/jest-runtime/build/__tests__/.* 26 | 27 | [include] 28 | 29 | [libs] 30 | node_modules/react-native/Libraries/react-native/react-native-interface.js 31 | node_modules/react-native/flow 32 | flow/ 33 | 34 | [options] 35 | module.system=haste 36 | 37 | esproposal.class_static_fields=enable 38 | esproposal.class_instance_fields=enable 39 | 40 | experimental.strict_type_args=true 41 | 42 | munge_underscores=true 43 | 44 | module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub' 45 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 46 | 47 | suppress_type=$FlowIssue 48 | suppress_type=$FlowFixMe 49 | suppress_type=$FixMe 50 | 51 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-9]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 52 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-9]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 53 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 54 | 55 | unsafe.enable_getters_and_setters=true 56 | 57 | [version] 58 | ^0.29.0 59 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IJ 26 | # 27 | *.iml 28 | .idea 29 | .gradle 30 | local.properties 31 | 32 | # node.js 33 | # 34 | node_modules/ 35 | npm-debug.log 36 | 37 | # BUCK 38 | buck-out/ 39 | \.buckd/ 40 | android/app/libs 41 | android/keystores/debug.keystore 42 | 43 | # custom 44 | .tmp/ 45 | dist/ 46 | coverage/ 47 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | 3 | node_js: 4 | - "6" 5 | - "stable" 6 | 7 | script: 8 | - npm test 9 | - npm run lint 10 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Boris Petrenko 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Procfile: -------------------------------------------------------------------------------- 1 | web: npm run server 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # REACTIZER 2 | 3 | ![Project status](https://img.shields.io/badge/status-not%20maintained-red.svg) 4 | 5 | > Please note that this project, while it served its purpose well, is no longer maintained. Thank you for understanding. 6 | ___ 7 | 8 | A React boilerplate that's always ahead! Click [here](http://reactizer.herokuapp.com/) to check out the live demo. 9 | 10 | [![Build Status](https://travis-ci.org/oreqizer/reactizer.svg?branch=develop)](https://travis-ci.org/oreqizer/reactizer) 11 | [![Code Climate](https://codeclimate.com/github/oreqizer/reactizer/badges/gpa.svg)](https://codeclimate.com/github/oreqizer/reactizer) 12 | [![Dependency Status](https://david-dm.org/oreqizer/reactizer.svg)](https://david-dm.org/oreqizer/reactizer) 13 | [![devDependency Status](https://david-dm.org/oreqizer/reactizer/dev-status.svg)](https://david-dm.org/oreqizer/reactizer#info=devDependencies) 14 | [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/oreqizer/reactizer/develop/LICENSE) 15 | 16 | > This boilerplate has one thing in mind - use as few dependencies as possible, while having all the best features. If something is not absolutely necessary, you won't find it here. 17 | > 18 | > **Reactizer**'s goal is mainly to provide you with the best practices of building a modern **React** application. Feel free to open an issue or a pull request! 19 | > 20 | > All the tech I chose is super new, sometimes even in an *alpha* version - thus if you'd like to use it for production, I recommend scaling those unstable versions down. 21 | 22 | To check out the backend, click [here](https://github.com/oreqizer/reactizer-api)! 23 | 24 | # Features: 25 | 26 | The features currently present in the demo are as follows: 27 | 28 | * Server-side rendering, data fetching and *i18n* 29 | * Persistent, real-world example - your registration and TODOs are saved on my [heroku app](https://reactizer.herokuapp.com). Mind: it's just a demo. I recommend making up some arbitary username/email/password. I use `test`, with password `Testtest1`. 30 | * Truly *universal* architecture - shared Redux code in mobile, browser and server 31 | * Protected routes with *JWT authentication* 32 | * Immutable data 33 | * Full-out Webpack: hot-reloading, tree-shaking 34 | 35 | # Tech stack 36 | 37 | * [React](https://github.com/facebook/react) and [React Native](https://github.com/facebook/react-native) as the core libs 38 | * [React Router](https://github.com/reactjs/react-router) for web routing 39 | * [Redux](https://github.com/reactjs/redux) with [React Redux](https://github.com/reactjs/react-redux) data flow 40 | * [Reselect](https://github.com/reactjs/reselect) derives the data 41 | * [Redux Observable](https://github.com/redux-observable/redux-observable) for async flow 42 | * [Redux Form Lite](https://github.com/oreqizer/redux-form-lite) makes forms uber-easy 43 | * [React Intl](https://github.com/yahoo/react-intl) i18n 44 | * [Immutable](https://github.com/facebook/immutable-js) data 45 | * [Jest](https://github.com/facebook/jest) testing 46 | * [Babel](https://github.com/babel/babel) for all the ES6+ goodness 47 | * [Material UI](https://github.com/callemall/material-ui) makes the web sexy 48 | * [Webpack 2](https://github.com/webpack/webpack) client compilation + Hot Reloading 49 | * [ESlint](https://github.com/eslint/eslint) and Airbnb level code quality 50 | * [Gulp](https://github.com/gulpjs/gulp) tasks, because `npm` just doesn't scale 51 | 52 | **Also in the bundle:** 53 | 54 | * Sprites with `gulp.spritesmith` 55 | * Translation message collection with `babel-plugin-react-intl` 56 | * Server compilation with Babel, because that's the way it's [supposed to be](https://medium.com/@Cuadraman/how-to-use-babel-for-production-5b95e7323c2f#.qer1pvtrg) 57 | * No `react-hot-loader`, `react-transform` nor `webpack-isomorphic-tools` - I keep HMR and Webpack vanilla 58 | 59 | ### Known issues: 60 | 61 | React Native requires (due to it's Babel 5 dependency) `babel-core` and `babel-cli` to be placed in dependencies, instead of dev dependencies. 62 | 63 | Having problems? Try running `watchman watch-del-all` 64 | 65 | ### Tasks 66 | 67 | Simply `npm i`. Then you have these following tasks available: 68 | 69 | **CORE** 70 | 71 | Web: 72 | * `npm start` - starts HMR and server (default at *:8080*) 73 | * `npm run server` - runs the server 74 | * `npm run bundle` - prepares all assets and builds the client and server code 75 | 76 | Native: 77 | * `npm run ios` - runs react native ios 78 | * `npm run android` - runs react native android 79 | * `npm run native` - runs react native server 80 | * `npm run native:clean` - runs react native server and clears the cache 81 | 82 | Common: 83 | * `npm test` - runs tests 84 | * `npm run lint` - runs eslint 85 | 86 | **OTHER** 87 | 88 | * `npm run messages` - fetch all messages 89 | * `npm run lint:fix` - runs eslint and fixes problems, if it can 90 | * `npm run test:coverage` - runs tests and generates coverage info 91 | * `npm run test:watch` - runs tests in watch mode 92 | 93 | ### TODO: 94 | 95 | * Koa2 (once Node supports `async await`) 96 | -------------------------------------------------------------------------------- /android/README.md: -------------------------------------------------------------------------------- 1 | ### Troubleshooting 2 | 3 | when having problems, go to `./build.gradle` and add this 4 | 5 | ```gradle 6 | // is >=1.3.1 by default 7 | // see: https://facebook.github.io/react-native/docs/android-setup.html#content 8 | classpath 'com.android.tools.build:gradle:1.2.3' 9 | ``` 10 | 11 | into `buildscript.dependencies`. 12 | -------------------------------------------------------------------------------- /android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.reactizer', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.reactizer', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.reactizer" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile fileTree(dir: "libs", include: ["*.jar"]) 130 | compile "com.android.support:appcompat-v7:23.0.1" 131 | compile "com.facebook.react:react-native:+" // From node_modules 132 | } 133 | 134 | // Run this once to be able to run the application with BUCK 135 | // puts all compile dependencies into folder libs for BUCK to use 136 | task copyDownloadableDepsToLibs(type: Copy) { 137 | from configurations.compile 138 | into 'libs' 139 | } 140 | -------------------------------------------------------------------------------- /android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 18 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /android/app/src/main/java/com/reactizer/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.reactizer; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "reactizer"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | reactizer 3 | 4 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'reactizer' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /etc/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"], 3 | "plugins": ["add-module-exports"] 4 | } 5 | -------------------------------------------------------------------------------- /etc/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "rules": { 3 | "import/no-extraneous-dependencies": ["error", { "devDependencies": true }] 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /etc/config.js: -------------------------------------------------------------------------------- 1 | import { join } from 'path'; 2 | 3 | const production = process.env.NODE_ENV === 'production'; 4 | 5 | export default { 6 | production, 7 | output: join(__dirname, '../', production ? 'dist' : '.tmp'), 8 | }; 9 | -------------------------------------------------------------------------------- /etc/devserver/assets.json: -------------------------------------------------------------------------------- 1 | { 2 | "main": { 3 | "js": "/bundle.js" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /etc/devserver/index.js: -------------------------------------------------------------------------------- 1 | // TODO: find a way to have sourcemaps with 'babel-node' 2 | require('babel-polyfill'); 3 | require('babel-register')({ 4 | sourceMaps: true, 5 | }); 6 | 7 | require('./server.dev'); 8 | -------------------------------------------------------------------------------- /etc/devserver/server.dev.js: -------------------------------------------------------------------------------- 1 | import { join } from 'path'; 2 | import express from 'express'; 3 | import cookieParser from 'cookie-parser'; 4 | import webpack from 'webpack'; 5 | import webpackDev from 'webpack-dev-middleware'; 6 | import webpackHot from 'webpack-hot-middleware'; 7 | 8 | import webpackConfig from '../webpack/webpack.dev'; 9 | 10 | import setupApp from '../../src/server/setupApp'; 11 | import fetchData from '../../src/server/tools/fetchData'; 12 | import logger from '../../src/server/lib/logger'; 13 | import { portDev, locales } from '../../src/server/config'; 14 | 15 | const app = express(); 16 | 17 | const compiler = webpack(webpackConfig); 18 | 19 | // serve assets not processed by Webpack 20 | app.use(express.static(join(__dirname, '../../.tmp/static'))); 21 | 22 | // enables recompilation 23 | app.use(webpackDev(compiler, { 24 | noInfo: true, 25 | })); 26 | 27 | // enables hot-reloading 28 | app.use(webpackHot(compiler, { 29 | noInfo: true, 30 | })); 31 | 32 | // allows getting cookies on server 33 | app.use(cookieParser()); 34 | 35 | // fetch required data 36 | const data = fetchData({ 37 | locales, 38 | localesFolder: join(__dirname, '../../locales'), 39 | assetsFile: join(__dirname, 'assets.json'), 40 | }); 41 | 42 | // setup react middleware 43 | app.use(setupApp(data)); 44 | 45 | app.listen(portDev, () => 46 | logger.info(`[devserver] listening at port: ${portDev}`)); 47 | -------------------------------------------------------------------------------- /etc/gulp/assets.js: -------------------------------------------------------------------------------- 1 | import gulp from 'gulp'; 2 | import plumber from 'gulp-plumber'; 3 | 4 | import config from '../config'; 5 | 6 | const statics = () => 7 | gulp.src([ 8 | './src/browser/assets/**', 9 | '!./**/sprites/**', 10 | '!./**/sprites', // fixes copying empty 'sprites' folder 11 | ], { base: './src/browser/assets' }) 12 | .pipe(plumber()) 13 | .pipe(gulp.dest(`${config.output}/static`)); 14 | 15 | const locales = () => 16 | gulp.src('./locales/**', { base: '.' }) 17 | .pipe(plumber()) 18 | .pipe(gulp.dest(config.output)); 19 | 20 | export default gulp.series(statics, locales); 21 | -------------------------------------------------------------------------------- /etc/gulp/build.js: -------------------------------------------------------------------------------- 1 | import gulp from 'gulp'; 2 | import plumber from 'gulp-plumber'; 3 | import gutil from 'gulp-util'; 4 | import babel from 'gulp-babel'; 5 | import sourcemaps from 'gulp-sourcemaps'; 6 | import webpack from 'webpack'; 7 | 8 | import config from '../config'; 9 | import buildConfig from '../webpack/webpack.build'; 10 | 11 | const buildServer = () => 12 | gulp.src([ 13 | './src/**/*.{js,jsx}', 14 | '!./src/native/**', 15 | '!./**/__tests__/**', 16 | ]) 17 | .pipe(plumber()) 18 | .pipe(sourcemaps.init()) 19 | .pipe(babel()) 20 | .pipe(sourcemaps.write('.')) 21 | .pipe(gulp.dest(config.output)); 22 | 23 | const buildBrowser = cb => 24 | webpack(buildConfig, (err, stats) => { 25 | if (err) { 26 | throw new gutil.PluginError('webpack', err); 27 | } 28 | 29 | gutil.log('[webpack]', stats.toString({ 30 | colors: true, 31 | version: false, 32 | hash: false, 33 | timings: false, 34 | chunks: false, 35 | chunkModules: false, 36 | })); 37 | 38 | cb(); 39 | }); 40 | 41 | export default gulp.parallel(buildServer, buildBrowser); 42 | -------------------------------------------------------------------------------- /etc/gulp/clean.js: -------------------------------------------------------------------------------- 1 | import gulp from 'gulp'; 2 | import plumber from 'gulp-plumber'; 3 | import rimraf from 'gulp-rimraf'; 4 | 5 | const clean = () => 6 | gulp.src(['.tmp/*', 'dist/*'], { read: false }) 7 | .pipe(plumber()) 8 | .pipe(rimraf()); 9 | 10 | export default clean; 11 | -------------------------------------------------------------------------------- /etc/gulp/messages.js: -------------------------------------------------------------------------------- 1 | import { outputJsonSync } from 'fs-extra'; 2 | import { transform } from 'babel-core'; 3 | import gulp from 'gulp'; 4 | import plumber from 'gulp-plumber'; 5 | import through from 'through2'; 6 | 7 | const messages = () => { 8 | let msgs = []; 9 | 10 | const getMessages = code => transform(code, { 11 | presets: ['react', 'es2015', 'stage-1'], 12 | plugins: ['react-intl', 'transform-decorators-legacy'], 13 | }).metadata['react-intl'].messages; 14 | 15 | return gulp.src('./src/**/*.{js,jsx}') 16 | .pipe(plumber()) 17 | .pipe(through.obj((file, enc, cb) => { 18 | msgs = msgs.concat(getMessages(file.contents.toString())); 19 | cb(); 20 | })) 21 | .on('end', () => { 22 | msgs.sort((a, b) => a.id.localeCompare(b.id)); 23 | outputJsonSync('./locales/_default.json', msgs, { spaces: 2 }); 24 | }); 25 | }; 26 | 27 | export default messages; 28 | -------------------------------------------------------------------------------- /etc/gulp/sprites.js: -------------------------------------------------------------------------------- 1 | import gulp from 'gulp'; 2 | import plumber from 'gulp-plumber'; 3 | import spritesmith from 'gulp.spritesmith'; 4 | import mergestream from 'merge-stream'; 5 | 6 | function sprites() { 7 | const spriteData = gulp.src('./src/browser/assets/sprites/*') 8 | .pipe(plumber()) 9 | .pipe(spritesmith({ 10 | imgPath: '../assets/images/sprite.png', 11 | imgName: 'sprite.png', 12 | cssName: '_sprite.scss', 13 | })); 14 | 15 | const imgStream = spriteData.img 16 | .pipe(gulp.dest('./src/browser/assets/images')); 17 | 18 | const cssStream = spriteData.css 19 | .pipe(gulp.dest('./src/browser/css/core')); 20 | 21 | return mergestream(imgStream, cssStream); 22 | } 23 | 24 | export default sprites; 25 | -------------------------------------------------------------------------------- /etc/webpack/webpack.base.js: -------------------------------------------------------------------------------- 1 | import webpack from 'webpack'; 2 | import autoprefixer from 'autoprefixer'; 3 | 4 | import config from '../config'; 5 | 6 | export const loaders = [{ 7 | test: /\.jsx?$/, 8 | exclude: /node_modules/, 9 | loader: 'babel-loader', 10 | query: { 11 | babelrc: false, 12 | presets: ['react', ['es2015', { modules: false }], 'stage-1'], 13 | }, 14 | }, { 15 | test: /\.(jpe?g|png|gif|svg)$/i, 16 | loaders: [ 17 | 'url-loader?limit=10000&name=[name].[hash].[ext]', 18 | 'image-webpack-loader?bypassOnDebug&optimizationLevel=7&interlaced=false', 19 | ], 20 | }]; 21 | 22 | export const plugins = [ 23 | new webpack.DefinePlugin({ 24 | 'process.env': { NODE_ENV: JSON.stringify(config.production ? 'production' : 'dev') }, 25 | }), 26 | new webpack.LoaderOptionsPlugin({ 27 | test: /\.scss$/, 28 | options: { 29 | postcss: () => [autoprefixer], 30 | }, 31 | }), 32 | ]; 33 | 34 | export default { 35 | context: __dirname, 36 | entry: ['../../src/browser/index.js'], 37 | resolve: { 38 | extensions: ['.js', '.jsx', '.styl'], 39 | }, 40 | }; 41 | -------------------------------------------------------------------------------- /etc/webpack/webpack.build.js: -------------------------------------------------------------------------------- 1 | import webpack from 'webpack'; 2 | import ExtractText from 'extract-text-webpack-plugin'; 3 | import Assets from 'assets-webpack-plugin'; 4 | 5 | import base, { loaders, plugins } from './webpack.base'; 6 | 7 | import config from '../config'; 8 | 9 | const styleLoader = { 10 | test: /\.scss$/, 11 | loader: ExtractText.extract('css-loader!postcss-loader!sass-loader'), 12 | }; 13 | 14 | export default { 15 | ...base, 16 | output: { 17 | path: `${config.output}/static`, 18 | publicPath: '/', 19 | filename: 'bundle.[hash].js', 20 | }, 21 | module: { 22 | loaders: [...loaders, styleLoader], 23 | }, 24 | plugins: [ 25 | ...plugins, 26 | new Assets({ path: config.output }), 27 | new ExtractText('styles.[hash].css'), 28 | new webpack.optimize.UglifyJsPlugin({ 29 | sourceMap: true, 30 | mangle: { 31 | screw_ie8: true, 32 | }, 33 | compress: { 34 | warnings: false, 35 | }, 36 | }), 37 | new webpack.optimize.OccurrenceOrderPlugin(), 38 | ], 39 | devtool: 'cheap-source-map', 40 | }; 41 | -------------------------------------------------------------------------------- /etc/webpack/webpack.dev.js: -------------------------------------------------------------------------------- 1 | import { join } from 'path'; 2 | import webpack from 'webpack'; 3 | 4 | import base, { loaders, plugins } from './webpack.base'; 5 | 6 | const styleLoader = { 7 | test: /\.scss$/, 8 | loader: 'style-loader!css-loader!postcss-loader!sass-loader', 9 | }; 10 | 11 | export default { 12 | ...base, 13 | entry: [ 14 | 'webpack-hot-middleware/client', 15 | ...base.entry, 16 | ], 17 | output: { 18 | path: join(__dirname, '.tmp/static'), 19 | publicPath: '/', 20 | filename: 'bundle.js', 21 | }, 22 | module: { 23 | loaders: [...loaders, styleLoader], 24 | }, 25 | plugins: [ 26 | ...plugins, 27 | new webpack.SourceMapDevToolPlugin(), 28 | new webpack.optimize.OccurrenceOrderPlugin(), 29 | new webpack.HotModuleReplacementPlugin(), 30 | new webpack.NoErrorsPlugin(), 31 | ], 32 | }; 33 | -------------------------------------------------------------------------------- /gulpfile.babel.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/no-extraneous-dependencies */ 2 | import gulp from 'gulp'; 3 | 4 | import assets from './etc/gulp/assets'; 5 | import build from './etc/gulp/build'; 6 | import clean from './etc/gulp/clean'; 7 | import messages from './etc/gulp/messages'; 8 | import sprites from './etc/gulp/sprites'; 9 | 10 | // -------- 11 | // subtasks 12 | // -------- 13 | 14 | export { 15 | assets, 16 | build, 17 | clean, 18 | messages, 19 | sprites, 20 | }; 21 | 22 | // ---------- 23 | // core tasks 24 | // ---------- 25 | 26 | // prepares all data for the web app 27 | export const prepare = gulp.series(clean, sprites, assets); 28 | 29 | // prepares and builds the web app 30 | export const bundle = gulp.series(prepare, build); 31 | 32 | // watch browser asset changes 33 | export default gulp.series(prepare, () => 34 | gulp.watch([ 35 | './src/browser/assets/**', 36 | '!./src/browser/assets/sprites/**', 37 | ], assets)); 38 | -------------------------------------------------------------------------------- /index.android.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry } from 'react-native'; 2 | 3 | import Index from './src/native'; 4 | 5 | AppRegistry.registerComponent('reactizer', () => Index); 6 | -------------------------------------------------------------------------------- /index.ios.js: -------------------------------------------------------------------------------- 1 | import { AppRegistry } from 'react-native'; 2 | 3 | import Index from './src/native'; 4 | 5 | AppRegistry.registerComponent('reactizer', () => Index); 6 | -------------------------------------------------------------------------------- /ios/reactizer.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* reactizerTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* reactizerTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 26 | /* End PBXBuildFile section */ 27 | 28 | /* Begin PBXContainerItemProxy section */ 29 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 30 | isa = PBXContainerItemProxy; 31 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 32 | proxyType = 2; 33 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 34 | remoteInfo = RCTActionSheet; 35 | }; 36 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 37 | isa = PBXContainerItemProxy; 38 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 39 | proxyType = 2; 40 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 41 | remoteInfo = RCTGeolocation; 42 | }; 43 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 44 | isa = PBXContainerItemProxy; 45 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 46 | proxyType = 2; 47 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 48 | remoteInfo = RCTImage; 49 | }; 50 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 51 | isa = PBXContainerItemProxy; 52 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 53 | proxyType = 2; 54 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 55 | remoteInfo = RCTNetwork; 56 | }; 57 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 58 | isa = PBXContainerItemProxy; 59 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 60 | proxyType = 2; 61 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 62 | remoteInfo = RCTVibration; 63 | }; 64 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 65 | isa = PBXContainerItemProxy; 66 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 67 | proxyType = 1; 68 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 69 | remoteInfo = reactizer; 70 | }; 71 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 72 | isa = PBXContainerItemProxy; 73 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 74 | proxyType = 2; 75 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 76 | remoteInfo = RCTSettings; 77 | }; 78 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 79 | isa = PBXContainerItemProxy; 80 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 81 | proxyType = 2; 82 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 83 | remoteInfo = RCTWebSocket; 84 | }; 85 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 86 | isa = PBXContainerItemProxy; 87 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 88 | proxyType = 2; 89 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 90 | remoteInfo = React; 91 | }; 92 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 93 | isa = PBXContainerItemProxy; 94 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 95 | proxyType = 2; 96 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 97 | remoteInfo = RCTLinking; 98 | }; 99 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 100 | isa = PBXContainerItemProxy; 101 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 102 | proxyType = 2; 103 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 104 | remoteInfo = RCTText; 105 | }; 106 | /* End PBXContainerItemProxy section */ 107 | 108 | /* Begin PBXFileReference section */ 109 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = main.jsbundle; path = main.jsbundle; sourceTree = ""; }; 110 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = ../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj; sourceTree = ""; }; 111 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = ../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj; sourceTree = ""; }; 112 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = ../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj; sourceTree = ""; }; 113 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = ../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj; sourceTree = ""; }; 114 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = ../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj; sourceTree = ""; }; 115 | 00E356EE1AD99517003FC87E /* reactizerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = reactizerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 116 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 117 | 00E356F21AD99517003FC87E /* reactizerTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = reactizerTests.m; sourceTree = ""; }; 118 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = ../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj; sourceTree = ""; }; 119 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = ../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj; sourceTree = ""; }; 120 | 13B07F961A680F5B00A75B9A /* reactizer.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = reactizer.app; sourceTree = BUILT_PRODUCTS_DIR; }; 121 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = reactizer/AppDelegate.h; sourceTree = ""; }; 122 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = reactizer/AppDelegate.m; sourceTree = ""; }; 123 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 124 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = reactizer/Images.xcassets; sourceTree = ""; }; 125 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = reactizer/Info.plist; sourceTree = ""; }; 126 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = reactizer/main.m; sourceTree = ""; }; 127 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = ../node_modules/react-native/React/React.xcodeproj; sourceTree = ""; }; 128 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = ../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj; sourceTree = ""; }; 129 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = ../node_modules/react-native/Libraries/Text/RCTText.xcodeproj; sourceTree = ""; }; 130 | /* End PBXFileReference section */ 131 | 132 | /* Begin PBXFrameworksBuildPhase section */ 133 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 134 | isa = PBXFrameworksBuildPhase; 135 | buildActionMask = 2147483647; 136 | files = ( 137 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 138 | ); 139 | runOnlyForDeploymentPostprocessing = 0; 140 | }; 141 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 142 | isa = PBXFrameworksBuildPhase; 143 | buildActionMask = 2147483647; 144 | files = ( 145 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 146 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 147 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 148 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 149 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 150 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 151 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 152 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 153 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 154 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 155 | ); 156 | runOnlyForDeploymentPostprocessing = 0; 157 | }; 158 | /* End PBXFrameworksBuildPhase section */ 159 | 160 | /* Begin PBXGroup section */ 161 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 162 | isa = PBXGroup; 163 | children = ( 164 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 165 | ); 166 | name = Products; 167 | sourceTree = ""; 168 | }; 169 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 170 | isa = PBXGroup; 171 | children = ( 172 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 173 | ); 174 | name = Products; 175 | sourceTree = ""; 176 | }; 177 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 178 | isa = PBXGroup; 179 | children = ( 180 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 181 | ); 182 | name = Products; 183 | sourceTree = ""; 184 | }; 185 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 186 | isa = PBXGroup; 187 | children = ( 188 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 189 | ); 190 | name = Products; 191 | sourceTree = ""; 192 | }; 193 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 194 | isa = PBXGroup; 195 | children = ( 196 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 197 | ); 198 | name = Products; 199 | sourceTree = ""; 200 | }; 201 | 00E356EF1AD99517003FC87E /* reactizerTests */ = { 202 | isa = PBXGroup; 203 | children = ( 204 | 00E356F21AD99517003FC87E /* reactizerTests.m */, 205 | 00E356F01AD99517003FC87E /* Supporting Files */, 206 | ); 207 | path = reactizerTests; 208 | sourceTree = ""; 209 | }; 210 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 211 | isa = PBXGroup; 212 | children = ( 213 | 00E356F11AD99517003FC87E /* Info.plist */, 214 | ); 215 | name = "Supporting Files"; 216 | sourceTree = ""; 217 | }; 218 | 139105B71AF99BAD00B5F7CC /* Products */ = { 219 | isa = PBXGroup; 220 | children = ( 221 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 222 | ); 223 | name = Products; 224 | sourceTree = ""; 225 | }; 226 | 139FDEE71B06529A00C62182 /* Products */ = { 227 | isa = PBXGroup; 228 | children = ( 229 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 230 | ); 231 | name = Products; 232 | sourceTree = ""; 233 | }; 234 | 13B07FAE1A68108700A75B9A /* reactizer */ = { 235 | isa = PBXGroup; 236 | children = ( 237 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 238 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 239 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 240 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 241 | 13B07FB61A68108700A75B9A /* Info.plist */, 242 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 243 | 13B07FB71A68108700A75B9A /* main.m */, 244 | ); 245 | name = reactizer; 246 | sourceTree = ""; 247 | }; 248 | 146834001AC3E56700842450 /* Products */ = { 249 | isa = PBXGroup; 250 | children = ( 251 | 146834041AC3E56700842450 /* libReact.a */, 252 | ); 253 | name = Products; 254 | sourceTree = ""; 255 | }; 256 | 78C398B11ACF4ADC00677621 /* Products */ = { 257 | isa = PBXGroup; 258 | children = ( 259 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 260 | ); 261 | name = Products; 262 | sourceTree = ""; 263 | }; 264 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 265 | isa = PBXGroup; 266 | children = ( 267 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 268 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 269 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 270 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 271 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 272 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 273 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 274 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 275 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 276 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 277 | ); 278 | name = Libraries; 279 | sourceTree = ""; 280 | }; 281 | 832341B11AAA6A8300B99B32 /* Products */ = { 282 | isa = PBXGroup; 283 | children = ( 284 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 285 | ); 286 | name = Products; 287 | sourceTree = ""; 288 | }; 289 | 83CBB9F61A601CBA00E9B192 = { 290 | isa = PBXGroup; 291 | children = ( 292 | 13B07FAE1A68108700A75B9A /* reactizer */, 293 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 294 | 00E356EF1AD99517003FC87E /* reactizerTests */, 295 | 83CBBA001A601CBA00E9B192 /* Products */, 296 | ); 297 | indentWidth = 2; 298 | sourceTree = ""; 299 | tabWidth = 2; 300 | }; 301 | 83CBBA001A601CBA00E9B192 /* Products */ = { 302 | isa = PBXGroup; 303 | children = ( 304 | 13B07F961A680F5B00A75B9A /* reactizer.app */, 305 | 00E356EE1AD99517003FC87E /* reactizerTests.xctest */, 306 | ); 307 | name = Products; 308 | sourceTree = ""; 309 | }; 310 | /* End PBXGroup section */ 311 | 312 | /* Begin PBXNativeTarget section */ 313 | 00E356ED1AD99517003FC87E /* reactizerTests */ = { 314 | isa = PBXNativeTarget; 315 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "reactizerTests" */; 316 | buildPhases = ( 317 | 00E356EA1AD99517003FC87E /* Sources */, 318 | 00E356EB1AD99517003FC87E /* Frameworks */, 319 | 00E356EC1AD99517003FC87E /* Resources */, 320 | ); 321 | buildRules = ( 322 | ); 323 | dependencies = ( 324 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 325 | ); 326 | name = reactizerTests; 327 | productName = reactizerTests; 328 | productReference = 00E356EE1AD99517003FC87E /* reactizerTests.xctest */; 329 | productType = "com.apple.product-type.bundle.unit-test"; 330 | }; 331 | 13B07F861A680F5B00A75B9A /* reactizer */ = { 332 | isa = PBXNativeTarget; 333 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "reactizer" */; 334 | buildPhases = ( 335 | 13B07F871A680F5B00A75B9A /* Sources */, 336 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 337 | 13B07F8E1A680F5B00A75B9A /* Resources */, 338 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 339 | ); 340 | buildRules = ( 341 | ); 342 | dependencies = ( 343 | ); 344 | name = reactizer; 345 | productName = "Hello World"; 346 | productReference = 13B07F961A680F5B00A75B9A /* reactizer.app */; 347 | productType = "com.apple.product-type.application"; 348 | }; 349 | /* End PBXNativeTarget section */ 350 | 351 | /* Begin PBXProject section */ 352 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 353 | isa = PBXProject; 354 | attributes = { 355 | LastUpgradeCheck = 0610; 356 | ORGANIZATIONNAME = Facebook; 357 | TargetAttributes = { 358 | 00E356ED1AD99517003FC87E = { 359 | CreatedOnToolsVersion = 6.2; 360 | TestTargetID = 13B07F861A680F5B00A75B9A; 361 | }; 362 | }; 363 | }; 364 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "reactizer" */; 365 | compatibilityVersion = "Xcode 3.2"; 366 | developmentRegion = English; 367 | hasScannedForEncodings = 0; 368 | knownRegions = ( 369 | en, 370 | Base, 371 | ); 372 | mainGroup = 83CBB9F61A601CBA00E9B192; 373 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 374 | projectDirPath = ""; 375 | projectReferences = ( 376 | { 377 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 378 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 379 | }, 380 | { 381 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 382 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 383 | }, 384 | { 385 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 386 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 387 | }, 388 | { 389 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 390 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 391 | }, 392 | { 393 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 394 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 395 | }, 396 | { 397 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 398 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 399 | }, 400 | { 401 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 402 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 403 | }, 404 | { 405 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 406 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 407 | }, 408 | { 409 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 410 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 411 | }, 412 | { 413 | ProductGroup = 146834001AC3E56700842450 /* Products */; 414 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 415 | }, 416 | ); 417 | projectRoot = ""; 418 | targets = ( 419 | 13B07F861A680F5B00A75B9A /* reactizer */, 420 | 00E356ED1AD99517003FC87E /* reactizerTests */, 421 | ); 422 | }; 423 | /* End PBXProject section */ 424 | 425 | /* Begin PBXReferenceProxy section */ 426 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 427 | isa = PBXReferenceProxy; 428 | fileType = archive.ar; 429 | path = libRCTActionSheet.a; 430 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 431 | sourceTree = BUILT_PRODUCTS_DIR; 432 | }; 433 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 434 | isa = PBXReferenceProxy; 435 | fileType = archive.ar; 436 | path = libRCTGeolocation.a; 437 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 438 | sourceTree = BUILT_PRODUCTS_DIR; 439 | }; 440 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 441 | isa = PBXReferenceProxy; 442 | fileType = archive.ar; 443 | path = libRCTImage.a; 444 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 445 | sourceTree = BUILT_PRODUCTS_DIR; 446 | }; 447 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 448 | isa = PBXReferenceProxy; 449 | fileType = archive.ar; 450 | path = libRCTNetwork.a; 451 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 452 | sourceTree = BUILT_PRODUCTS_DIR; 453 | }; 454 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 455 | isa = PBXReferenceProxy; 456 | fileType = archive.ar; 457 | path = libRCTVibration.a; 458 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 459 | sourceTree = BUILT_PRODUCTS_DIR; 460 | }; 461 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 462 | isa = PBXReferenceProxy; 463 | fileType = archive.ar; 464 | path = libRCTSettings.a; 465 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 466 | sourceTree = BUILT_PRODUCTS_DIR; 467 | }; 468 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 469 | isa = PBXReferenceProxy; 470 | fileType = archive.ar; 471 | path = libRCTWebSocket.a; 472 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 473 | sourceTree = BUILT_PRODUCTS_DIR; 474 | }; 475 | 146834041AC3E56700842450 /* libReact.a */ = { 476 | isa = PBXReferenceProxy; 477 | fileType = archive.ar; 478 | path = libReact.a; 479 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 480 | sourceTree = BUILT_PRODUCTS_DIR; 481 | }; 482 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 483 | isa = PBXReferenceProxy; 484 | fileType = archive.ar; 485 | path = libRCTLinking.a; 486 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 487 | sourceTree = BUILT_PRODUCTS_DIR; 488 | }; 489 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 490 | isa = PBXReferenceProxy; 491 | fileType = archive.ar; 492 | path = libRCTText.a; 493 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 494 | sourceTree = BUILT_PRODUCTS_DIR; 495 | }; 496 | /* End PBXReferenceProxy section */ 497 | 498 | /* Begin PBXResourcesBuildPhase section */ 499 | 00E356EC1AD99517003FC87E /* Resources */ = { 500 | isa = PBXResourcesBuildPhase; 501 | buildActionMask = 2147483647; 502 | files = ( 503 | ); 504 | runOnlyForDeploymentPostprocessing = 0; 505 | }; 506 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 507 | isa = PBXResourcesBuildPhase; 508 | buildActionMask = 2147483647; 509 | files = ( 510 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 511 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 512 | ); 513 | runOnlyForDeploymentPostprocessing = 0; 514 | }; 515 | /* End PBXResourcesBuildPhase section */ 516 | 517 | /* Begin PBXShellScriptBuildPhase section */ 518 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 519 | isa = PBXShellScriptBuildPhase; 520 | buildActionMask = 2147483647; 521 | files = ( 522 | ); 523 | inputPaths = ( 524 | ); 525 | name = "Bundle React Native code and images"; 526 | outputPaths = ( 527 | ); 528 | runOnlyForDeploymentPostprocessing = 0; 529 | shellPath = /bin/sh; 530 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 531 | showEnvVarsInLog = 1; 532 | }; 533 | /* End PBXShellScriptBuildPhase section */ 534 | 535 | /* Begin PBXSourcesBuildPhase section */ 536 | 00E356EA1AD99517003FC87E /* Sources */ = { 537 | isa = PBXSourcesBuildPhase; 538 | buildActionMask = 2147483647; 539 | files = ( 540 | 00E356F31AD99517003FC87E /* reactizerTests.m in Sources */, 541 | ); 542 | runOnlyForDeploymentPostprocessing = 0; 543 | }; 544 | 13B07F871A680F5B00A75B9A /* Sources */ = { 545 | isa = PBXSourcesBuildPhase; 546 | buildActionMask = 2147483647; 547 | files = ( 548 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 549 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 550 | ); 551 | runOnlyForDeploymentPostprocessing = 0; 552 | }; 553 | /* End PBXSourcesBuildPhase section */ 554 | 555 | /* Begin PBXTargetDependency section */ 556 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 557 | isa = PBXTargetDependency; 558 | target = 13B07F861A680F5B00A75B9A /* reactizer */; 559 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 560 | }; 561 | /* End PBXTargetDependency section */ 562 | 563 | /* Begin PBXVariantGroup section */ 564 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 565 | isa = PBXVariantGroup; 566 | children = ( 567 | 13B07FB21A68108700A75B9A /* Base */, 568 | ); 569 | name = LaunchScreen.xib; 570 | path = reactizer; 571 | sourceTree = ""; 572 | }; 573 | /* End PBXVariantGroup section */ 574 | 575 | /* Begin XCBuildConfiguration section */ 576 | 00E356F61AD99517003FC87E /* Debug */ = { 577 | isa = XCBuildConfiguration; 578 | buildSettings = { 579 | BUNDLE_LOADER = "$(TEST_HOST)"; 580 | GCC_PREPROCESSOR_DEFINITIONS = ( 581 | "DEBUG=1", 582 | "$(inherited)", 583 | ); 584 | INFOPLIST_FILE = reactizerTests/Info.plist; 585 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 586 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 587 | PRODUCT_NAME = "$(TARGET_NAME)"; 588 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/reactizer.app/reactizer"; 589 | }; 590 | name = Debug; 591 | }; 592 | 00E356F71AD99517003FC87E /* Release */ = { 593 | isa = XCBuildConfiguration; 594 | buildSettings = { 595 | BUNDLE_LOADER = "$(TEST_HOST)"; 596 | COPY_PHASE_STRIP = NO; 597 | INFOPLIST_FILE = reactizerTests/Info.plist; 598 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 599 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 600 | PRODUCT_NAME = "$(TARGET_NAME)"; 601 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/reactizer.app/reactizer"; 602 | }; 603 | name = Release; 604 | }; 605 | 13B07F941A680F5B00A75B9A /* Debug */ = { 606 | isa = XCBuildConfiguration; 607 | buildSettings = { 608 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 609 | DEAD_CODE_STRIPPING = NO; 610 | HEADER_SEARCH_PATHS = ( 611 | "$(inherited)", 612 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 613 | "$(SRCROOT)/../node_modules/react-native/React/**", 614 | ); 615 | INFOPLIST_FILE = "reactizer/Info.plist"; 616 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 617 | OTHER_LDFLAGS = ( 618 | "$(inherited)", 619 | "-ObjC", 620 | "-lc++", 621 | ); 622 | PRODUCT_NAME = reactizer; 623 | }; 624 | name = Debug; 625 | }; 626 | 13B07F951A680F5B00A75B9A /* Release */ = { 627 | isa = XCBuildConfiguration; 628 | buildSettings = { 629 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 630 | HEADER_SEARCH_PATHS = ( 631 | "$(inherited)", 632 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 633 | "$(SRCROOT)/../node_modules/react-native/React/**", 634 | ); 635 | INFOPLIST_FILE = "reactizer/Info.plist"; 636 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 637 | OTHER_LDFLAGS = ( 638 | "$(inherited)", 639 | "-ObjC", 640 | "-lc++", 641 | ); 642 | PRODUCT_NAME = reactizer; 643 | }; 644 | name = Release; 645 | }; 646 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 647 | isa = XCBuildConfiguration; 648 | buildSettings = { 649 | ALWAYS_SEARCH_USER_PATHS = NO; 650 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 651 | CLANG_CXX_LIBRARY = "libc++"; 652 | CLANG_ENABLE_MODULES = YES; 653 | CLANG_ENABLE_OBJC_ARC = YES; 654 | CLANG_WARN_BOOL_CONVERSION = YES; 655 | CLANG_WARN_CONSTANT_CONVERSION = YES; 656 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 657 | CLANG_WARN_EMPTY_BODY = YES; 658 | CLANG_WARN_ENUM_CONVERSION = YES; 659 | CLANG_WARN_INT_CONVERSION = YES; 660 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 661 | CLANG_WARN_UNREACHABLE_CODE = YES; 662 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 663 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 664 | COPY_PHASE_STRIP = NO; 665 | ENABLE_STRICT_OBJC_MSGSEND = YES; 666 | GCC_C_LANGUAGE_STANDARD = gnu99; 667 | GCC_DYNAMIC_NO_PIC = NO; 668 | GCC_OPTIMIZATION_LEVEL = 0; 669 | GCC_PREPROCESSOR_DEFINITIONS = ( 670 | "DEBUG=1", 671 | "$(inherited)", 672 | ); 673 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 674 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 675 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 676 | GCC_WARN_UNDECLARED_SELECTOR = YES; 677 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 678 | GCC_WARN_UNUSED_FUNCTION = YES; 679 | GCC_WARN_UNUSED_VARIABLE = YES; 680 | HEADER_SEARCH_PATHS = ( 681 | "$(inherited)", 682 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 683 | "$(SRCROOT)/../node_modules/react-native/React/**", 684 | ); 685 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 686 | MTL_ENABLE_DEBUG_INFO = YES; 687 | ONLY_ACTIVE_ARCH = YES; 688 | SDKROOT = iphoneos; 689 | }; 690 | name = Debug; 691 | }; 692 | 83CBBA211A601CBA00E9B192 /* Release */ = { 693 | isa = XCBuildConfiguration; 694 | buildSettings = { 695 | ALWAYS_SEARCH_USER_PATHS = NO; 696 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 697 | CLANG_CXX_LIBRARY = "libc++"; 698 | CLANG_ENABLE_MODULES = YES; 699 | CLANG_ENABLE_OBJC_ARC = YES; 700 | CLANG_WARN_BOOL_CONVERSION = YES; 701 | CLANG_WARN_CONSTANT_CONVERSION = YES; 702 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 703 | CLANG_WARN_EMPTY_BODY = YES; 704 | CLANG_WARN_ENUM_CONVERSION = YES; 705 | CLANG_WARN_INT_CONVERSION = YES; 706 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 707 | CLANG_WARN_UNREACHABLE_CODE = YES; 708 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 709 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 710 | COPY_PHASE_STRIP = YES; 711 | ENABLE_NS_ASSERTIONS = NO; 712 | ENABLE_STRICT_OBJC_MSGSEND = YES; 713 | GCC_C_LANGUAGE_STANDARD = gnu99; 714 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 715 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 716 | GCC_WARN_UNDECLARED_SELECTOR = YES; 717 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 718 | GCC_WARN_UNUSED_FUNCTION = YES; 719 | GCC_WARN_UNUSED_VARIABLE = YES; 720 | HEADER_SEARCH_PATHS = ( 721 | "$(inherited)", 722 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 723 | "$(SRCROOT)/../node_modules/react-native/React/**", 724 | ); 725 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 726 | MTL_ENABLE_DEBUG_INFO = NO; 727 | SDKROOT = iphoneos; 728 | VALIDATE_PRODUCT = YES; 729 | }; 730 | name = Release; 731 | }; 732 | /* End XCBuildConfiguration section */ 733 | 734 | /* Begin XCConfigurationList section */ 735 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "reactizerTests" */ = { 736 | isa = XCConfigurationList; 737 | buildConfigurations = ( 738 | 00E356F61AD99517003FC87E /* Debug */, 739 | 00E356F71AD99517003FC87E /* Release */, 740 | ); 741 | defaultConfigurationIsVisible = 0; 742 | defaultConfigurationName = Release; 743 | }; 744 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "reactizer" */ = { 745 | isa = XCConfigurationList; 746 | buildConfigurations = ( 747 | 13B07F941A680F5B00A75B9A /* Debug */, 748 | 13B07F951A680F5B00A75B9A /* Release */, 749 | ); 750 | defaultConfigurationIsVisible = 0; 751 | defaultConfigurationName = Release; 752 | }; 753 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "reactizer" */ = { 754 | isa = XCConfigurationList; 755 | buildConfigurations = ( 756 | 83CBBA201A601CBA00E9B192 /* Debug */, 757 | 83CBBA211A601CBA00E9B192 /* Release */, 758 | ); 759 | defaultConfigurationIsVisible = 0; 760 | defaultConfigurationName = Release; 761 | }; 762 | /* End XCConfigurationList section */ 763 | }; 764 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 765 | } 766 | -------------------------------------------------------------------------------- /ios/reactizer.xcodeproj/xcshareddata/xcschemes/reactizer.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /ios/reactizer/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /ios/reactizer/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import "RCTBundleURLProvider.h" 13 | #import "RCTRootView.h" 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"reactizer" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /ios/reactizer/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /ios/reactizer/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /ios/reactizer/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSTemporaryExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /ios/reactizer/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /ios/reactizerTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /ios/reactizerTests/reactizerTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface reactizerTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation reactizerTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /locales/en.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "id": "form.error.invalid", 4 | "defaultMessage": "Invalid value" 5 | }, 6 | { 7 | "id": "form.error.required", 8 | "defaultMessage": "This field is required" 9 | }, 10 | { 11 | "id": "form.error.weak_password", 12 | "defaultMessage": "Password too weak" 13 | }, 14 | { 15 | "id": "form.submit", 16 | "defaultMessage": "Submit" 17 | }, 18 | { 19 | "id": "home.description", 20 | "defaultMessage": "This is a demo of {appName}, with all the React has to offer in one package! Be sure to check out the sidebar and explore this mini 'todo' demo. The registration and your todos are persistent, feel free to use at work." 21 | }, 22 | { 23 | "id": "home.list_intro", 24 | "defaultMessage": "The demo contains:" 25 | }, 26 | { 27 | "id": "home.login_registration", 28 | "description": "List item with the title \"The demo contains:\"", 29 | "defaultMessage": "Login and registration" 30 | }, 31 | { 32 | "id": "home.todos", 33 | "description": "List item with the title \"The demo contains:\"", 34 | "defaultMessage": "Persistent todos" 35 | }, 36 | { 37 | "id": "home.welcome", 38 | "defaultMessage": "Welcome" 39 | }, 40 | { 41 | "id": "index.seo.description", 42 | "description": "In EN, the \"Teh\" is intentional", 43 | "defaultMessage": "Teh best boilerplate" 44 | }, 45 | { 46 | "id": "index.seo.title", 47 | "defaultMessage": "Index" 48 | }, 49 | { 50 | "id": "profile.email", 51 | "defaultMessage": "Email: {email}" 52 | }, 53 | { 54 | "id": "profile.heading", 55 | "defaultMessage": "Profile" 56 | }, 57 | { 58 | "id": "profile.username", 59 | "defaultMessage": "Username: {username}" 60 | }, 61 | { 62 | "id": "sidebar.logout", 63 | "defaultMessage": "Log out" 64 | }, 65 | { 66 | "id": "sidebar.profile", 67 | "defaultMessage": "Profile" 68 | }, 69 | { 70 | "id": "sidebar.signup", 71 | "defaultMessage": "Sign up" 72 | }, 73 | { 74 | "id": "sidebar.todos", 75 | "defaultMessage": "Todos" 76 | }, 77 | { 78 | "id": "signup.header", 79 | "defaultMessage": "Sign up" 80 | }, 81 | { 82 | "id": "signup.logged_in_as", 83 | "defaultMessage": "Hi {name}, you are already logged in." 84 | }, 85 | { 86 | "id": "todos.filters.active", 87 | "defaultMessage": "Active" 88 | }, 89 | { 90 | "id": "todos.filters.all", 91 | "defaultMessage": "All" 92 | }, 93 | { 94 | "id": "todos.filters.done", 95 | "defaultMessage": "Done" 96 | }, 97 | { 98 | "id": "todos.form_prompt", 99 | "defaultMessage": "Enter a TODO" 100 | }, 101 | { 102 | "id": "todos.header", 103 | "defaultMessage": "Todos" 104 | }, 105 | { 106 | "id": "todos.overview", 107 | "defaultMessage": "Displaying {todos, plural, =0 {no todos} one {one todo} other {# todos}}." 108 | }, 109 | { 110 | "id": "todos.seo.title", 111 | "defaultMessage": "Todos" 112 | }, 113 | { 114 | "id": "todos.show", 115 | "description": "Followed by filter options", 116 | "defaultMessage": "Show:" 117 | }, 118 | { 119 | "id": "user.email", 120 | "defaultMessage": "E-mail" 121 | }, 122 | { 123 | "id": "user.login", 124 | "defaultMessage": "Log in" 125 | }, 126 | { 127 | "id": "user.password", 128 | "defaultMessage": "Password" 129 | }, 130 | { 131 | "id": "user.register", 132 | "defaultMessage": "Register" 133 | }, 134 | { 135 | "id": "user.username", 136 | "defaultMessage": "Username" 137 | } 138 | ] 139 | -------------------------------------------------------------------------------- /locales/sk.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "id": "form.error.invalid", 4 | "defaultMessage": "Zlá hodnota" 5 | }, 6 | { 7 | "id": "form.error.required", 8 | "defaultMessage": "Povinné políčko" 9 | }, 10 | { 11 | "id": "form.error.weak_password", 12 | "defaultMessage": "Slabé heslo" 13 | }, 14 | { 15 | "id": "form.submit", 16 | "defaultMessage": "Odoslať" 17 | }, 18 | { 19 | "id": "home.description", 20 | "defaultMessage": "Toto je demo {appName}, so všetkým čo má React ponúknuť v jednom balíku! Pozrite sa do bočného menu, a pokochajte sa touto mini demo aplikáciou na úlohy. Registrácia aj úlohy sú trvalé, kľudne používajte v práci." 21 | }, 22 | { 23 | "id": "home.list_intro", 24 | "defaultMessage": "Demo obsahuje:" 25 | }, 26 | { 27 | "id": "home.login_registration", 28 | "description": "List item with the title \"The demo contains:\"", 29 | "defaultMessage": "Prihlásenie a registráciu" 30 | }, 31 | { 32 | "id": "home.todos", 33 | "description": "List item with the title \"The demo contains:\"", 34 | "defaultMessage": "Pretrvávajúce úlohy" 35 | }, 36 | { 37 | "id": "home.welcome", 38 | "defaultMessage": "Vitajte" 39 | }, 40 | { 41 | "id": "index.seo.description", 42 | "description": "In EN, the \"Teh\" is intentional", 43 | "defaultMessage": "Najlepší pekáč" 44 | }, 45 | { 46 | "id": "index.seo.title", 47 | "defaultMessage": "Domov" 48 | }, 49 | { 50 | "id": "profile.email", 51 | "defaultMessage": "Email: {email}" 52 | }, 53 | { 54 | "id": "profile.heading", 55 | "defaultMessage": "Profil" 56 | }, 57 | { 58 | "id": "profile.username", 59 | "defaultMessage": "Užívateľské meno: {username}" 60 | }, 61 | { 62 | "id": "sidebar.logout", 63 | "defaultMessage": "Odhlásiť" 64 | }, 65 | { 66 | "id": "sidebar.profile", 67 | "defaultMessage": "Profil" 68 | }, 69 | { 70 | "id": "sidebar.signup", 71 | "defaultMessage": "Prihlásiť" 72 | }, 73 | { 74 | "id": "sidebar.todos", 75 | "defaultMessage": "Úlohy" 76 | }, 77 | { 78 | "id": "signup.header", 79 | "defaultMessage": "Prihlásenie" 80 | }, 81 | { 82 | "id": "signup.logged_in_as", 83 | "defaultMessage": "Ahoj {name}, už si prihlásený." 84 | }, 85 | { 86 | "id": "todos.filters.active", 87 | "defaultMessage": "Aktívne" 88 | }, 89 | { 90 | "id": "todos.filters.all", 91 | "defaultMessage": "Všetky" 92 | }, 93 | { 94 | "id": "todos.filters.done", 95 | "defaultMessage": "Hotové" 96 | }, 97 | { 98 | "id": "todos.form_prompt", 99 | "defaultMessage": "Zadaj úlohu" 100 | }, 101 | { 102 | "id": "todos.header", 103 | "defaultMessage": "Úlohy" 104 | }, 105 | { 106 | "id": "todos.overview", 107 | "defaultMessage": "{todos, plural, =0 {Žiadne úlohy niesu zobrazené} one {Zobrazená jedna úloha} few {Zobrazené # úlohy} other {Zobrazených # úloh}}." 108 | }, 109 | { 110 | "id": "todos.seo.title", 111 | "defaultMessage": "Úlohy" 112 | }, 113 | { 114 | "id": "todos.show", 115 | "description": "Followed by filter options", 116 | "defaultMessage": "Zobraziť:" 117 | }, 118 | { 119 | "id": "user.email", 120 | "defaultMessage": "E-mail" 121 | }, 122 | { 123 | "id": "user.login", 124 | "defaultMessage": "Prihlásiť" 125 | }, 126 | { 127 | "id": "user.password", 128 | "defaultMessage": "Heslo" 129 | }, 130 | { 131 | "id": "user.register", 132 | "defaultMessage": "Registrovať" 133 | }, 134 | { 135 | "id": "user.username", 136 | "defaultMessage": "Užívateľské meno" 137 | } 138 | ] 139 | -------------------------------------------------------------------------------- /nodemon.json: -------------------------------------------------------------------------------- 1 | { 2 | "verbose": false, 3 | "watch": ["src/server/*"], 4 | "ignore": ["*.spec.js", "*.mock.js"] 5 | } 6 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "reactizer", 3 | "version": "0.10.3", 4 | "description": "The most hipster React boilerplate", 5 | "repository": { 6 | "type": "git", 7 | "url": "https://github.com/oreqizer/reactizer.git" 8 | }, 9 | "scripts": { 10 | "start": "run-p start:gulp start:nodemon", 11 | "start:gulp": "gulp", 12 | "start:nodemon": "nodemon ./etc/devserver --verbose", 13 | "server": "node ./dist/server/server.js", 14 | "server:tmp": "node ./.tmp/server/server.js", 15 | "bundle": "gulp bundle", 16 | "test": "jest --verbose", 17 | "test:watch": "jest --watch=all", 18 | "test:coverage": "jest --coverage", 19 | "lint": "eslint \"./**/*.{js,jsx}\"", 20 | "lint:fix": "eslint \"./**/*.{js,jsx}\" --fix", 21 | "messages": "gulp messages", 22 | "ios": "node node_modules/react-native/local-cli/cli.js run-ios", 23 | "android": "node node_modules/react-native/local-cli/cli.js run-android", 24 | "native": "node node_modules/react-native/local-cli/cli.js start", 25 | "native:clean": "node node_modules/react-native/local-cli/cli.js start --reset-cache", 26 | "postinstall": "npm run bundle" 27 | }, 28 | "author": "oreqizer", 29 | "license": "MIT", 30 | "engines": { 31 | "node": ">=6" 32 | }, 33 | "dependencies": { 34 | "axios": "^0.15.3", 35 | "babel-cli": "^6.23.0", 36 | "babel-core": "^6.23.1", 37 | "babel-polyfill": "^6.23.0", 38 | "chalk": "^1.1.3", 39 | "cookie-parser": "^1.4.3", 40 | "express": "^4.15.2", 41 | "fs-extra": "^2.0.0", 42 | "github-markdown-css": "^2.4.1", 43 | "immutable": "^3.8.1", 44 | "js-cookie": "^2.1.3", 45 | "material-ui": "^0.17.0", 46 | "moment": "^2.17.1", 47 | "nconf": "^0.8.4", 48 | "node-sass": "^4.5.0", 49 | "normalize.css": "^5.0.0", 50 | "react": "^15.4.2", 51 | "react-dom": "^15.4.2", 52 | "react-helmet": "^4.0.0", 53 | "react-intl": "^2.2.3", 54 | "react-native": "^0.42.0", 55 | "react-redux": "^5.0.3", 56 | "react-router": "^3.0.2", 57 | "react-router-redux": "^4.0.8", 58 | "react-tap-event-plugin": "^2.0.1", 59 | "redux": "^3.6.0", 60 | "redux-form-lite": "^0.8.1", 61 | "redux-logger": "^2.8.2", 62 | "redux-observable": "^0.14.0", 63 | "reselect": "^2.5.4", 64 | "rxjs": "5.2.0", 65 | "sass-loader": "^6.0.2", 66 | "source-map-support": "^0.4.11", 67 | "validator": "^7.0.0" 68 | }, 69 | "devDependencies": { 70 | "assets-webpack-plugin": "^3.5.1", 71 | "autoprefixer": "^6.7.6", 72 | "babel-eslint": "^7.1.1", 73 | "babel-jest": "^19.0.0", 74 | "babel-loader": "^6.4.0", 75 | "babel-plugin-add-module-exports": "^0.2.1", 76 | "babel-plugin-react-intl": "^2.3.1", 77 | "babel-preset-es2015": "^6.22.0", 78 | "babel-preset-react": "^6.23.0", 79 | "babel-preset-stage-1": "^6.22.0", 80 | "babel-register": "^6.23.0", 81 | "css-loader": "^0.26.2", 82 | "eslint": "^3.17.0", 83 | "eslint-config-airbnb": "^14.1.0", 84 | "eslint-plugin-import": "^2.2.0", 85 | "eslint-plugin-jsx-a11y": "^4.0.0", 86 | "eslint-plugin-react": "^6.10.0", 87 | "extract-text-webpack-plugin": "^2.1.0", 88 | "gulp": "github:gulpjs/gulp#4.0", 89 | "gulp-babel": "^6.1.2", 90 | "gulp-plumber": "^1.1.0", 91 | "gulp-rename": "^1.2.2", 92 | "gulp-rimraf": "^0.2.1", 93 | "gulp-sourcemaps": "^2.4.1", 94 | "gulp-util": "^3.0.8", 95 | "gulp.spritesmith": "^6.3.0", 96 | "image-webpack-loader": "^3.2.0", 97 | "immutable-devtools": "0.0.7", 98 | "jest-cli": "^19.0.2", 99 | "json-loader": "^0.5.4", 100 | "merge-stream": "^1.0.1", 101 | "nodemon": "^1.11.0", 102 | "npm-run-all": "^4.0.2", 103 | "postcss-loader": "^1.3.3", 104 | "style-loader": "^0.13.2", 105 | "stylus": "^0.54.5", 106 | "stylus-loader": "^2.5.0", 107 | "through2": "^2.0.3", 108 | "url-loader": "^0.5.8", 109 | "webpack": "^2.2.1", 110 | "webpack-dev-middleware": "^1.10.1", 111 | "webpack-hot-middleware": "^2.17.1" 112 | } 113 | } 114 | -------------------------------------------------------------------------------- /src/browser/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "node": false, 4 | "browser": true 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /src/browser/Root.jsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-children-prop */ 2 | import React from 'react'; 3 | import { Router, browserHistory } from 'react-router'; 4 | import { Provider } from 'react-redux'; 5 | import { syncHistoryWithStore } from 'react-router-redux'; 6 | import { MuiThemeProvider, getMuiTheme } from 'material-ui/styles'; 7 | 8 | import store from './clientStore'; 9 | import getRoutes from './getRoutes'; 10 | 11 | const routes = getRoutes(store); 12 | const history = syncHistoryWithStore(browserHistory, store); 13 | const muiTheme = getMuiTheme(); 14 | 15 | const Root = () => ( 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | 23 | export default Root; 24 | -------------------------------------------------------------------------------- /src/browser/app.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { render } from 'react-dom'; 3 | import injectTapEventPlugin from 'react-tap-event-plugin'; 4 | import immutable from 'immutable'; 5 | import immutableDevtools from 'immutable-devtools'; // eslint-disable-line import/no-extraneous-dependencies 6 | import { addLocaleData } from 'react-intl'; 7 | import en from 'react-intl/locale-data/en'; 8 | import sk from 'react-intl/locale-data/sk'; 9 | 10 | import Root from './Root'; 11 | 12 | // Needed for onTouchTap 13 | // Check this repo: 14 | // https://github.com/zilverline/react-tap-event-plugin 15 | injectTapEventPlugin(); 16 | 17 | // react-intl locale data 18 | addLocaleData([...en, ...sk]); 19 | 20 | if (process.env.NODE_ENV !== 'production') { // eslint-disable-line no-undef 21 | // immutable: logging to the console and debugging 22 | immutableDevtools(immutable); 23 | } 24 | 25 | const view = document.getElementById('react-view'); 26 | 27 | render( 28 | , 29 | view, 30 | ); 31 | 32 | // ------------------- 33 | // Hot-reloading React 34 | // ------------------- 35 | 36 | /* eslint-disable no-undef */ 37 | if (module.hot) { 38 | module.hot.accept('./Root', () => { 39 | render( 40 | , 41 | view, 42 | ); 43 | }); 44 | } 45 | -------------------------------------------------------------------------------- /src/browser/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/src/browser/assets/favicon.ico -------------------------------------------------------------------------------- /src/browser/assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/src/browser/assets/favicon.png -------------------------------------------------------------------------------- /src/browser/assets/images/icons/github-mark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/browser/assets/images/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/src/browser/assets/images/sprite.png -------------------------------------------------------------------------------- /src/browser/assets/sprites/octocat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oreqizer/reactizer-2016/88d062f47b9fa93c8ecc96d63c0d8347b7628dc9/src/browser/assets/sprites/octocat.png -------------------------------------------------------------------------------- /src/browser/clientStore.js: -------------------------------------------------------------------------------- 1 | import { browserHistory } from 'react-router'; 2 | import { routerMiddleware } from 'react-router-redux'; 3 | import { createStore, applyMiddleware, compose } from 'redux'; 4 | import { createEpicMiddleware } from 'redux-observable'; 5 | import createLogger from 'redux-logger'; 6 | 7 | import { reducer, epic } from '../universal/reduxRoot'; 8 | 9 | import globalsMiddleware from './middleware/globalsMiddleware'; 10 | 11 | 12 | const __DEV__ = process.env.NODE_ENV !== 'production'; // eslint-disable-line no-undef, no-underscore-dangle 13 | 14 | const epicMiddleware = createEpicMiddleware(epic); 15 | const historyMiddleware = routerMiddleware(browserHistory); 16 | const loggerMiddleware = createLogger({ 17 | collapsed: true, 18 | }); 19 | 20 | const initialState = JSON.parse(document.body.getAttribute('data-redux-state')); 21 | 22 | const middlewares = [ 23 | epicMiddleware, 24 | historyMiddleware, 25 | globalsMiddleware, 26 | ]; 27 | 28 | // chrome Redux extension: https://github.com/zalmoxisus/redux-devtools-extension 29 | const chromeDevtool = __DEV__ && window.devToolsExtension ? window.devToolsExtension() : f => f; 30 | 31 | if (__DEV__) { 32 | // console logging for debugging 33 | middlewares.push(loggerMiddleware); 34 | } 35 | 36 | const middleware = compose(applyMiddleware(...middlewares), chromeDevtool); 37 | 38 | const store = createStore(reducer, initialState, middleware); 39 | 40 | export default store; 41 | 42 | // ------------------- 43 | // Hot-reloading Redux 44 | // ------------------- 45 | 46 | /* eslint-disable no-undef */ 47 | if (module.hot) { 48 | module.hot.accept('../universal/reduxRoot', () => { 49 | store.replaceReducer(reducer); 50 | epicMiddleware.replaceEpic(epic); 51 | }); 52 | } 53 | /* eslint-enable no-undef */ 54 | -------------------------------------------------------------------------------- /src/browser/components/TextInput.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react'; 2 | import { injectIntl, intlShape } from 'react-intl'; 3 | import { TextField } from 'material-ui'; 4 | 5 | 6 | function maybeError(props) { 7 | return props.meta.error && props.meta.touched 8 | ? props.intl.formatMessage(props.meta.error) 9 | : ''; 10 | } 11 | 12 | const TextInput = props => ( 13 | 24 | ); 25 | 26 | TextInput.propTypes = { 27 | input: PropTypes.object.isRequired, // eslint-disable-line 28 | meta: PropTypes.object.isRequired, // eslint-disable-line 29 | id: PropTypes.string, 30 | type: PropTypes.string, 31 | floatingLabelText: PropTypes.string, 32 | // connected 33 | intl: intlShape.isRequired, // eslint-disable-line 34 | }; 35 | 36 | export default injectIntl(TextInput); 37 | -------------------------------------------------------------------------------- /src/browser/css/app.scss: -------------------------------------------------------------------------------- 1 | @import '~normalize.css'; 2 | @import '~github-markdown-css/github-markdown.css'; 3 | 4 | @import 'variables/breakpoints'; 5 | @import 'variables/layout'; 6 | 7 | @import 'core/container'; 8 | @import 'core/fonts'; 9 | @import 'core/icons'; 10 | @import 'core/reset'; 11 | @import 'core/sprite'; 12 | 13 | @import '../modules/Todos/Todos'; 14 | @import '../modules/Signup/Signup'; 15 | -------------------------------------------------------------------------------- /src/browser/css/core/_container.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/breakpoints'; 2 | @import '../variables/layout'; 3 | 4 | #container { 5 | position: relative; 6 | max-width: $layout-container; 7 | padding: $layout-padding-xs $layout-padding-xs; 8 | margin: 0 auto; 9 | 10 | @media screen and ($bp-gt-s) { 11 | padding: $layout-padding-s $layout-padding-s; 12 | } 13 | 14 | @media screen and ($bp-gt-m) { 15 | padding: $layout-padding-s $layout-padding-m; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/browser/css/core/_fonts.scss: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,100,100italic,300,300italic,400italic,500,500italic,900,900italic&subset=latin,latin-ext); 2 | 3 | @font-face { 4 | font-family: 'Roboto', sans-serif; 5 | } 6 | -------------------------------------------------------------------------------- /src/browser/css/core/_icons.scss: -------------------------------------------------------------------------------- 1 | @mixin iconSize($side) { 2 | width: $side; 3 | height: $side; 4 | background-size: $side $side; 5 | } 6 | 7 | // TODO resolve icon as relative path to this file 8 | .octocat { 9 | @include iconSize(24px); 10 | background: url('../assets/images/icons/github-mark.svg') no-repeat; 11 | } 12 | -------------------------------------------------------------------------------- /src/browser/css/core/_reset.scss: -------------------------------------------------------------------------------- 1 | // normalize.css's button styling 2 | button, html [type='button'], [type='reset'], [type='submit'] { 3 | appearance: none; 4 | } 5 | 6 | // autofill yellow: http://stackoverflow.com/questions/2781549 7 | input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { 8 | box-shadow: 0 0 0 1000px white inset; 9 | } 10 | -------------------------------------------------------------------------------- /src/browser/css/core/_sprite.scss: -------------------------------------------------------------------------------- 1 | // SCSS variables are information about icon's compiled state, stored under its original file name 2 | // 3 | // .icon-home { 4 | // width: $icon-home-width; 5 | // } 6 | // 7 | // The large array-like variables contain all information about a single icon 8 | // $icon-home: x y offset_x offset_y width height total_width total_height image_path; 9 | // 10 | // At the bottom of this section, we provide information about the spritesheet itself 11 | // $spritesheet: width height image $spritesheet-sprites; 12 | $octocat-name: 'octocat'; 13 | $octocat-x: 0px; 14 | $octocat-y: 0px; 15 | $octocat-offset-x: 0px; 16 | $octocat-offset-y: 0px; 17 | $octocat-width: 64px; 18 | $octocat-height: 64px; 19 | $octocat-total-width: 64px; 20 | $octocat-total-height: 64px; 21 | $octocat-image: '../assets/images/sprite.png'; 22 | $octocat: (0px, 0px, 0px, 0px, 64px, 64px, 64px, 64px, '../assets/images/sprite.png', 'octocat', ); 23 | $spritesheet-width: 64px; 24 | $spritesheet-height: 64px; 25 | $spritesheet-image: '../assets/images/sprite.png'; 26 | $spritesheet-sprites: ($octocat, ); 27 | $spritesheet: (64px, 64px, '../assets/images/sprite.png', $spritesheet-sprites, ); 28 | 29 | // The provided mixins are intended to be used with the array-like variables 30 | // 31 | // .icon-home { 32 | // @include sprite-width($icon-home); 33 | // } 34 | // 35 | // .icon-email { 36 | // @include sprite($icon-email); 37 | // } 38 | // 39 | // Example usage in HTML: 40 | // 41 | // `display: block` sprite: 42 | //
43 | // 44 | // To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: 45 | // 46 | // // CSS 47 | // .icon { 48 | // display: inline-block; 49 | // } 50 | // 51 | // // HTML 52 | // 53 | @mixin sprite-width($sprite) { 54 | width: nth($sprite, 5); 55 | } 56 | 57 | @mixin sprite-height($sprite) { 58 | height: nth($sprite, 6); 59 | } 60 | 61 | @mixin sprite-position($sprite) { 62 | $sprite-offset-x: nth($sprite, 3); 63 | $sprite-offset-y: nth($sprite, 4); 64 | background-position: $sprite-offset-x $sprite-offset-y; 65 | } 66 | 67 | @mixin sprite-image($sprite) { 68 | $sprite-image: nth($sprite, 9); 69 | background-image: url(#{$sprite-image}); 70 | } 71 | 72 | @mixin sprite($sprite) { 73 | @include sprite-image($sprite); 74 | @include sprite-position($sprite); 75 | @include sprite-width($sprite); 76 | @include sprite-height($sprite); 77 | } 78 | 79 | // The `sprites` mixin generates identical output to the CSS template 80 | // but can be overridden inside of SCSS 81 | // 82 | // @include sprites($spritesheet-sprites); 83 | @mixin sprites($sprites) { 84 | @each $sprite in $sprites { 85 | $sprite-name: nth($sprite, 10); 86 | .#{$sprite-name} { 87 | @include sprite($sprite); 88 | } 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /src/browser/css/variables/_breakpoints.scss: -------------------------------------------------------------------------------- 1 | $bp-s: 480px; 2 | $bp-lt-s: 'max-width: #{$bp-s}'; 3 | $bp-gt-s: 'min-width: #{$bp-s}'; 4 | 5 | $bp-m: 768px; 6 | $bp-lt-m: 'max-width: #{$bp-m}'; 7 | $bp-gt-m: 'min-width: #{$bp-m}'; 8 | 9 | $bp-l: 1024px; 10 | $bp-lt-l: 'max-width: #{$bp-l}'; 11 | $bp-gt-l: 'min-width: #{$bp-l}'; 12 | 13 | $bp-xl: 1440px; 14 | $bp-lt-xl: 'max-width: #{$bp-xl}'; 15 | $bp-gt-xl: 'min-width: #{$bp-xl}'; 16 | -------------------------------------------------------------------------------- /src/browser/css/variables/_layout.scss: -------------------------------------------------------------------------------- 1 | $layout-padding-xs: 10px; 2 | $layout-padding-s: 30px; 3 | $layout-padding-m: 60px; 4 | 5 | $layout-container: 1440px; 6 | -------------------------------------------------------------------------------- /src/browser/getRoutes.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Route, IndexRoute } from 'react-router'; 3 | 4 | import Index from './modules/Index'; 5 | import Home from './modules/Home/Home'; 6 | import Profile from './modules/Profile/Profile'; 7 | import Signup from './modules/Signup/Signup'; 8 | import Todos from './modules/Todos/Todos'; 9 | 10 | 11 | export default function getRoutes(store) { 12 | function checkAuth(nextState, replace) { 13 | if (!store.getState().user.token) { 14 | replace({ 15 | pathname: '/signup', 16 | state: { nextPathname: nextState.location.pathname }, 17 | }); 18 | } 19 | } 20 | 21 | return ( 22 | 23 | 24 | 25 | 26 | 27 | 28 | ); 29 | } 30 | -------------------------------------------------------------------------------- /src/browser/index.js: -------------------------------------------------------------------------------- 1 | import 'babel-polyfill'; 2 | import 'rxjs'; // all operators 3 | // ready 4 | import './app'; 5 | import './css/app.scss'; 6 | -------------------------------------------------------------------------------- /src/browser/middleware/globalsMiddleware.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable dot-notation */ 2 | import axios from 'axios'; 3 | 4 | import * as user from '../../universal/modules/user/userDuck'; 5 | 6 | const globalsMiddleware = () => next => (action) => { 7 | switch (action.type) { 8 | case user.LOGIN_SUCCESS: 9 | case user.REGISTER_SUCCESS: 10 | axios.defaults.headers.common['Authorization'] = action.payload.token; 11 | break; 12 | 13 | case user.LOGIN: 14 | case user.REGISTER: 15 | case user.LOGOUT: 16 | axios.defaults.headers.common['Authorization'] = null; 17 | break; 18 | 19 | default: 20 | break; 21 | } 22 | 23 | return next(action); 24 | }; 25 | 26 | export default globalsMiddleware; 27 | -------------------------------------------------------------------------------- /src/browser/modules/Home/Home.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes, Component } from 'react'; 2 | import { connect } from 'react-redux'; 3 | import { push } from 'react-router-redux'; 4 | import { FormattedMessage } from 'react-intl'; 5 | import { List, ListItem } from 'material-ui'; 6 | 7 | import { homeMessages } from '../../../universal/messages'; 8 | 9 | 10 | class Home extends Component { 11 | static propTypes = { 12 | appName: PropTypes.string.isRequired, 13 | push: PropTypes.func.isRequired, 14 | }; 15 | 16 | constructor(props) { 17 | super(props); 18 | 19 | this.linkSignup = this.linkSignup.bind(this); 20 | this.linkTodos = this.linkTodos.bind(this); 21 | } 22 | 23 | linkSignup() { 24 | this.props.push('/signup'); 25 | } 26 | 27 | linkTodos() { 28 | this.props.push('/todos'); 29 | } 30 | 31 | render() { 32 | const { appName } = this.props; 33 | 34 | return ( 35 |
36 |

37 | 38 |

39 |

40 | 41 |

42 |

43 | 44 |

45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
54 | ); 55 | } 56 | } 57 | 58 | export default connect(state => ({ 59 | appName: state.config.appName, 60 | }), { push })(Home); 61 | -------------------------------------------------------------------------------- /src/browser/modules/Index.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes, Component } from 'react'; 2 | import { compose } from 'redux'; 3 | import { connect } from 'react-redux'; 4 | import { push } from 'react-router-redux'; 5 | import { injectIntl, intlShape } from 'react-intl'; 6 | import { AppBar, FontIcon } from 'material-ui'; 7 | import Helmet from 'react-helmet'; 8 | 9 | import intlProvider from '../../universal/decorators/intlProvider'; 10 | import * as actions from '../../universal/modules/ui/uiDuck'; 11 | import { indexMessages } from '../../universal/messages'; 12 | 13 | import Sidebar from './Sidebar/Sidebar'; 14 | 15 | 16 | const pointerStyle = { cursor: 'pointer' }; 17 | 18 | const octocatStyle = { margin: 12 }; 19 | 20 | class Index extends Component { 21 | static propTypes = { 22 | intl: intlShape.isRequired, 23 | appName: PropTypes.string.isRequired, 24 | push: PropTypes.func.isRequired, 25 | toggleSidebar: PropTypes.func.isRequired, 26 | children: PropTypes.node.isRequired, 27 | }; 28 | 29 | constructor(props) { 30 | super(props); 31 | 32 | this.linkHome = this.linkHome.bind(this); 33 | 34 | this.meta = [ 35 | { charset: 'utf-8' }, 36 | { name: 'viewport', content: 'width=device-width, initial-scale=1' }, 37 | { name: 'description', content: props.intl.formatMessage(indexMessages.description) }, 38 | { property: 'og:type', content: 'boilerplate' }, 39 | ]; 40 | 41 | this.octocat = ( 42 | 43 | 44 | 45 | ); 46 | 47 | this.title = ( 48 | {props.appName} 49 | ); 50 | } 51 | 52 | linkHome() { 53 | this.props.push('/'); 54 | } 55 | 56 | render() { 57 | const { intl, appName, toggleSidebar, children } = this.props; 58 | 59 | return ( 60 |
61 | 66 | 72 | 73 |
74 | {children} 75 |
76 |
77 | ); 78 | } 79 | } 80 | 81 | export default compose( 82 | intlProvider, 83 | injectIntl, 84 | connect(state => ({ 85 | appName: state.config.appName, 86 | }), { push, toggleSidebar: actions.toggleSidebar }), 87 | )(Index); 88 | -------------------------------------------------------------------------------- /src/browser/modules/Profile/Profile.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react'; 2 | import { connect } from 'react-redux'; 3 | import { FormattedMessage } from 'react-intl'; 4 | 5 | import { profileMessages } from '../../../universal/messages'; 6 | 7 | const Profile = ({ username, email }) => ( 8 |
9 |

10 | 11 |

12 |

13 | 14 |

15 |

16 | 17 |

18 |
19 | ); 20 | 21 | Profile.propTypes = { 22 | username: PropTypes.string.isRequired, 23 | email: PropTypes.string.isRequired, 24 | }; 25 | 26 | export default connect(state => ({ 27 | username: state.user.user.username, 28 | email: state.user.user.email, 29 | }))(Profile); 30 | -------------------------------------------------------------------------------- /src/browser/modules/Sidebar/Sidebar.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes, PureComponent } from 'react'; 2 | import { compose, bindActionCreators } from 'redux'; 3 | import { connect } from 'react-redux'; 4 | import { injectIntl, FormattedMessage } from 'react-intl'; 5 | import { push } from 'react-router-redux'; 6 | import { AppBar, Drawer, MenuItem, Divider, DropDownMenu } from 'material-ui'; 7 | 8 | import { SUCCESS } from '../../../universal/consts/phaseConsts'; 9 | import { toggleSidebar } from '../../../universal/modules/ui/uiDuck'; 10 | import { logoutUser } from '../../../universal/modules/user/userDuck'; 11 | import { setLocale } from '../../../universal/modules/intl/intlDuck'; 12 | 13 | import { sidebarMessages } from '../../../universal/messages'; 14 | 15 | 16 | // TODO to stylus 17 | const styles = { 18 | localeMenu: { 19 | width: '100%', 20 | marginBottom: 50, 21 | }, 22 | }; 23 | 24 | class Sidebar extends PureComponent { 25 | static propTypes = { 26 | sidebar: PropTypes.bool.isRequired, 27 | locales: PropTypes.arrayOf(PropTypes.string).isRequired, 28 | locale: PropTypes.string.isRequired, 29 | // connect 30 | user: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types 31 | actions: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types 32 | }; 33 | 34 | constructor(props) { 35 | super(props); 36 | 37 | this.handleClickProfile = this.handleClickProfile.bind(this); 38 | this.handleClickTodos = this.handleClickTodos.bind(this); 39 | this.handleClickSignup = this.handleClickSignup.bind(this); 40 | this.handleLogout = this.handleLogout.bind(this); 41 | this.handleChangeLocale = this.handleChangeLocale.bind(this); 42 | this.handleToggleDrawer = this.handleToggleDrawer.bind(this); 43 | } 44 | 45 | handleClickProfile() { 46 | const { actions } = this.props; 47 | 48 | actions.toggleSidebar(); 49 | actions.push('/profile'); 50 | } 51 | 52 | handleClickTodos() { 53 | const { actions } = this.props; 54 | 55 | actions.toggleSidebar(); 56 | actions.push('/todos'); 57 | } 58 | 59 | handleClickSignup() { 60 | const { actions } = this.props; 61 | 62 | actions.toggleSidebar(); 63 | actions.push('/signup'); 64 | } 65 | 66 | handleLogout() { 67 | const { actions } = this.props; 68 | 69 | actions.toggleSidebar(); 70 | actions.logoutUser(); 71 | actions.push('/'); 72 | } 73 | 74 | handleChangeLocale(ev, target, value) { 75 | this.props.actions.setLocale(value); 76 | } 77 | 78 | handleToggleDrawer() { 79 | this.props.actions.toggleSidebar(); 80 | } 81 | 82 | render() { 83 | const { sidebar, locale, locales, user } = this.props; 84 | 85 | const success = user.phase === SUCCESS; 86 | 87 | return ( 88 | 93 | 94 | 95 | 101 | {locales.map(loc => 102 | , 107 | )} 108 | 109 | 110 | {success && 111 | 112 | 113 | 114 | } 115 | {success && 116 | 117 | 118 | 119 | } 120 | {success && } 121 | {success ? 122 | 123 | 124 | : 125 | 126 | 127 | 128 | } 129 | 130 | ); 131 | } 132 | } 133 | 134 | const actionCreators = { 135 | toggleSidebar, 136 | logoutUser, 137 | setLocale, 138 | push, 139 | }; 140 | 141 | export default compose( 142 | injectIntl, 143 | connect(state => ({ 144 | sidebar: state.ui.sidebar, 145 | appName: state.config.appName, 146 | locales: state.intl.locales, 147 | locale: state.intl.locale, 148 | user: state.user, 149 | }), dispatch => ({ 150 | actions: bindActionCreators(actionCreators, dispatch), 151 | })), 152 | )(Sidebar); 153 | -------------------------------------------------------------------------------- /src/browser/modules/Signup/LoginForm.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react'; 2 | import { connect } from 'react-redux'; 3 | import { Form, Field } from 'redux-form-lite'; 4 | import { isSubmitting } from 'redux-form-lite/selectors'; 5 | import { RaisedButton } from 'material-ui'; 6 | 7 | import TextInput from '../../components/TextInput'; 8 | 9 | import { formMessages, userMessages } from '../../../universal/messages'; 10 | import { LOGIN } from '../../../universal/consts/formConsts'; 11 | 12 | 13 | const LoginForm = props => ( 14 |
19 |
20 | 26 |
27 |
28 | 35 |
36 | 42 | 43 | ); 44 | 45 | LoginForm.propTypes = { 46 | formatMessage: PropTypes.func.isRequired, 47 | onSubmit: PropTypes.func.isRequired, 48 | submitting: PropTypes.bool.isRequired, 49 | }; 50 | 51 | export default connect(state => ({ 52 | submitting: isSubmitting(LOGIN, state), 53 | }))(LoginForm); 54 | -------------------------------------------------------------------------------- /src/browser/modules/Signup/RegisterForm.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react'; 2 | import { connect } from 'react-redux'; 3 | import { Form, Field } from 'redux-form-lite'; 4 | import { isSubmitting } from 'redux-form-lite/selectors'; 5 | import { RaisedButton } from 'material-ui'; 6 | 7 | import TextInput from '../../components/TextInput'; 8 | 9 | import { formMessages, userMessages } from '../../../universal/messages'; 10 | import { REGISTER } from '../../../universal/consts/formConsts'; 11 | import { isRequired, isEmail, isPassword } from '../../../universal/tools/validator'; 12 | 13 | 14 | const RegisterForm = props => ( 15 |
20 |
21 | 28 |
29 |
30 | 38 |
39 |
40 | 48 |
49 | 55 | 56 | ); 57 | 58 | RegisterForm.propTypes = { 59 | formatMessage: PropTypes.func.isRequired, 60 | onSubmit: PropTypes.func.isRequired, 61 | submitting: PropTypes.bool.isRequired, 62 | }; 63 | 64 | export default connect(state => ({ 65 | submitting: isSubmitting(REGISTER, state), 66 | }))(RegisterForm); 67 | -------------------------------------------------------------------------------- /src/browser/modules/Signup/Signup.jsx: -------------------------------------------------------------------------------- 1 | import React, { Component, PropTypes } from 'react'; 2 | import { compose } from 'redux'; 3 | import { connect } from 'react-redux'; 4 | import { injectIntl, intlShape, FormattedMessage } from 'react-intl'; 5 | import { Paper, Tabs, Tab, Snackbar } from 'material-ui'; 6 | 7 | import RegisterForm from './RegisterForm'; 8 | import LoginForm from './LoginForm'; 9 | 10 | import * as userActions from '../../../universal/modules/user/userDuck'; 11 | import { userMessages, signupMessages } from '../../../universal/messages'; 12 | import { LOGIN, REGISTER } from '../../../universal/consts/formConsts'; 13 | 14 | import User from '../../../universal/containers/User'; 15 | 16 | 17 | class Signup extends Component { 18 | static propTypes = { 19 | intl: intlShape.isRequired, 20 | user: PropTypes.instanceOf(User).isRequired, 21 | loginUser: PropTypes.func.isRequired, 22 | registerUser: PropTypes.func.isRequired, 23 | clearError: PropTypes.func.isRequired, 24 | }; 25 | 26 | constructor(props) { 27 | super(props); 28 | 29 | this.state = { 30 | tab: LOGIN, 31 | }; 32 | 33 | this.handleSignup = this.handleSignup.bind(this); 34 | this.handleTabSwitch = this.handleTabSwitch.bind(this); 35 | } 36 | 37 | handleSignup({ email, username, password }) { 38 | const { loginUser, registerUser } = this.props; 39 | const { tab } = this.state; 40 | 41 | if (tab === LOGIN) { 42 | loginUser({ username, password }); 43 | } else { 44 | registerUser({ email, username, password }); 45 | } 46 | } 47 | 48 | handleTabSwitch(tab) { 49 | this.setState({ tab }); 50 | } 51 | 52 | render() { 53 | const { intl, user, clearError } = this.props; 54 | const { tab } = this.state; 55 | 56 | const login = intl.formatMessage(userMessages.login); 57 | const register = intl.formatMessage(userMessages.register); 58 | 59 | return ( 60 |
61 |
62 |

63 | 64 |

65 | {user.user && 66 | 70 | } 71 |
72 | 73 | 74 | 75 | 79 | 80 | 81 | 85 | 86 | 87 | 92 | 93 |
94 | ); 95 | } 96 | } 97 | 98 | export default compose( 99 | injectIntl, 100 | connect(state => ({ 101 | user: state.user, 102 | }), userActions), 103 | )(Signup); 104 | -------------------------------------------------------------------------------- /src/browser/modules/Signup/_Signup.scss: -------------------------------------------------------------------------------- 1 | .Signup { 2 | .Signup-header { 3 | margin-bottom: 20px; 4 | } 5 | 6 | .Signup-form { 7 | padding: 20px; 8 | min-height: 280px; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/browser/modules/Todos/TodoItem.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes, PureComponent } from 'react'; 2 | import { ListItem, IconButton, FontIcon } from 'material-ui'; 3 | 4 | import Todo from '../../../universal/containers/Todo'; 5 | 6 | 7 | const doneStyle = { 8 | textDecoration: 'line-through', 9 | }; 10 | 11 | const notDoneStyle = { 12 | textDecoration: 'none', 13 | }; 14 | 15 | export default class TodoItem extends PureComponent { 16 | static propTypes = { 17 | todo: PropTypes.instanceOf(Todo).isRequired, 18 | index: PropTypes.number.isRequired, 19 | onEdit: PropTypes.func.isRequired, 20 | onDelete: PropTypes.func.isRequired, 21 | }; 22 | 23 | constructor(props) { 24 | super(props); 25 | 26 | this.handleToggle = this.handleToggle.bind(this); 27 | this.handleDelete = this.handleDelete.bind(this); 28 | } 29 | 30 | handleToggle() { 31 | const { todo, index, onEdit } = this.props; 32 | 33 | onEdit(todo.set('done', !todo.done), index); 34 | } 35 | 36 | handleDelete() { 37 | const { todo, index, onDelete } = this.props; 38 | 39 | onDelete(todo.id, index); 40 | } 41 | 42 | render() { 43 | const { todo, index } = this.props; 44 | 45 | return ( 46 | 52 | delete 53 | 54 | } 55 | style={todo.done ? doneStyle : notDoneStyle} 56 | /> 57 | ); 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /src/browser/modules/Todos/Todos.jsx: -------------------------------------------------------------------------------- 1 | import React, { PureComponent, PropTypes } from 'react'; 2 | import { compose } from 'redux'; 3 | import { connect } from 'react-redux'; 4 | import { Link } from 'react-router'; 5 | import { injectIntl, intlShape, FormattedMessage } from 'react-intl'; 6 | import Helmet from 'react-helmet'; 7 | import MaterialList from 'material-ui/List'; 8 | import { List } from 'immutable'; 9 | 10 | import TodoItem from './TodoItem'; 11 | import TodosForm from './TodosForm'; 12 | import todosSelector from './todoSelector'; 13 | 14 | import * as todoActions from '../../../universal/modules/todo/todoDuck'; 15 | import { SUCCESS } from '../../../universal/consts/phaseConsts'; 16 | import { ACTIVE, DONE } from '../../../universal/consts/todoConsts'; 17 | import { todoMessages } from '../../../universal/messages'; 18 | 19 | 20 | const underline = { textDecoration: 'underline' }; 21 | 22 | class Todos extends PureComponent { 23 | static propTypes = { 24 | intl: intlShape.isRequired, 25 | todos: PropTypes.instanceOf(List).isRequired, 26 | phase: PropTypes.string.isRequired, 27 | fetchTodos: PropTypes.func.isRequired, 28 | createTodo: PropTypes.func.isRequired, 29 | editTodo: PropTypes.func.isRequired, 30 | deleteTodo: PropTypes.func.isRequired, 31 | }; 32 | 33 | constructor(props) { 34 | super(props); 35 | 36 | this.handleSubmit = this.handleSubmit.bind(this); 37 | } 38 | 39 | componentDidMount() { 40 | const { phase, fetchTodos } = this.props; 41 | 42 | if (phase !== SUCCESS) { 43 | fetchTodos(); 44 | } 45 | } 46 | 47 | handleSubmit({ todo }) { 48 | const { createTodo } = this.props; 49 | 50 | createTodo(todo); 51 | } 52 | 53 | render() { 54 | const { 55 | todos, 56 | intl, 57 | editTodo, 58 | deleteTodo, 59 | } = this.props; 60 | 61 | return ( 62 |
63 | 64 |
65 |

66 | 67 |

68 |

69 | 70 |

71 |
72 |
73 | 74 | {todos.map((todo, index) => ( 75 | 82 | ))} 83 | 84 |
85 |
86 | 90 |
91 |

92 | 93 |

94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 |
104 |
105 |
106 | ); 107 | } 108 | } 109 | 110 | export default compose( 111 | injectIntl, 112 | connect((state, props) => ({ 113 | todos: todosSelector(state, props), 114 | phase: state.todo.phase, 115 | }), todoActions), 116 | )(Todos); 117 | -------------------------------------------------------------------------------- /src/browser/modules/Todos/TodosForm.jsx: -------------------------------------------------------------------------------- 1 | import React, { PropTypes } from 'react'; 2 | import { Form, Field } from 'redux-form-lite'; 3 | 4 | import TextInput from '../../components/TextInput'; 5 | 6 | import { TODO } from '../../../universal/consts/formConsts'; 7 | import { todoMessages } from '../../../universal/messages'; 8 | 9 | 10 | const TodosForm = props => ( 11 |
12 | 18 | 19 | ); 20 | 21 | TodosForm.propTypes = { 22 | formatMessage: PropTypes.func.isRequired, 23 | onSubmit: PropTypes.func.isRequired, 24 | }; 25 | 26 | export default TodosForm; 27 | -------------------------------------------------------------------------------- /src/browser/modules/Todos/_Todos.scss: -------------------------------------------------------------------------------- 1 | .Todos { 2 | .Todos-filters { 3 | margin-top: 20px; 4 | 5 | a { 6 | margin-left: 10px; 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/browser/modules/Todos/todoSelector.js: -------------------------------------------------------------------------------- 1 | import { createSelector } from 'reselect'; 2 | 3 | import { ALL, ACTIVE, DONE } from '../../../universal/consts/todoConsts'; 4 | 5 | const todoSelector = state => state.todo.todos; 6 | const filterSelector = (state, props) => props.params.filter; 7 | 8 | export default createSelector( 9 | [todoSelector, filterSelector], 10 | (todos, filter = ALL) => { 11 | switch (filter) { 12 | case ALL: 13 | return todos; 14 | 15 | case ACTIVE: 16 | return todos.filter(todo => !todo.done); 17 | 18 | case DONE: 19 | return todos.filter(todo => todo.done); 20 | 21 | default: 22 | return todos; 23 | } 24 | }, 25 | ); 26 | -------------------------------------------------------------------------------- /src/native/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "browser": false, 4 | "node": false 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /src/native/app/App.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | StyleSheet, 4 | Text, 5 | View, 6 | } from 'react-native'; 7 | 8 | const styles = StyleSheet.create({ 9 | container: { 10 | flex: 1, 11 | justifyContent: 'center', 12 | alignItems: 'center', 13 | backgroundColor: '#F5FCFF', 14 | }, 15 | welcome: { 16 | fontSize: 20, 17 | textAlign: 'center', 18 | margin: 10, 19 | }, 20 | instructions: { 21 | textAlign: 'center', 22 | color: '#333333', 23 | marginBottom: 5, 24 | }, 25 | }); 26 | 27 | const App = () => 28 | 29 | 30 | Welcome to Reactizer Native! 31 | 32 | 33 | To get started, edit ./src/native/index.js 34 | 35 | 36 | Press Cmd+R to reload,{'\n'} 37 | Cmd+D or shake for dev menu 38 | 39 | ; 40 | 41 | export default App; 42 | -------------------------------------------------------------------------------- /src/native/index.jsx: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { createStore } from 'redux'; 3 | import { Provider } from 'react-redux'; 4 | 5 | import { reducer } from '../universal/reduxRoot'; 6 | 7 | import App from './app/App'; 8 | 9 | const store = createStore(reducer); 10 | 11 | // Provider needs to be wrapped in a Root component 12 | // otherwise, this happens: https://github.com/oreqizer/reactizer/issues/5 13 | const Root = () => 14 | 15 | 16 | ; 17 | 18 | // ---------------------------------------- 19 | // Hot-reloading: Index needs to be a class 20 | // ---------------------------------------- 21 | 22 | /* eslint-disable react/prefer-stateless-function, class-methods-use-this */ 23 | export default class Index extends Component { 24 | render() { 25 | return ( 26 | 27 | ); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /src/server/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"], 3 | "plugins": ["add-module-exports"] 4 | } 5 | -------------------------------------------------------------------------------- /src/server/config.js: -------------------------------------------------------------------------------- 1 | const production = process.env.NODE_ENV === 'production'; 2 | const port = process.env.PORT || 3000; 3 | 4 | // DEV: secrets in some JSON file, TODO: add one 5 | // PRODUCTION: secrets from environment variables 6 | // see: https://github.com/este/este/blob/master/src/server/config.js 7 | 8 | const locales = ['en', 'sk']; 9 | 10 | export default { 11 | appName: 'reactizer', 12 | production, 13 | defaultLocale: 'en', 14 | locales, 15 | port, 16 | portDev: 8080, 17 | }; 18 | -------------------------------------------------------------------------------- /src/server/lib/logger.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-console */ 2 | import util from 'util'; 3 | import chalk from 'chalk'; 4 | import moment from 'moment'; 5 | 6 | const time = () => chalk.gray(moment().format('DD-MM-YYYY HH:mm:ss')); 7 | 8 | function info(...args) { 9 | process.stdout.write(`[${time()}] ${chalk.cyan('[INFO] ')} ${util.format(...args)}\n`); 10 | } 11 | 12 | function warn(...args) { 13 | process.stdout.write(`[${time()}] ${chalk.yellow('[WARN] ')} ${util.format(...args)}\n`); 14 | } 15 | 16 | function error(...args) { 17 | process.stderr.write(`[${time()}] ${chalk.red('[ERROR]')} ${util.format(...args)}\n`); 18 | } 19 | 20 | export default { 21 | info, 22 | warn, 23 | error, 24 | }; 25 | -------------------------------------------------------------------------------- /src/server/markup/Html.jsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-danger */ 2 | import React, { PropTypes } from 'react'; 3 | 4 | const Html = props => 5 | 6 | 7 | {props.head.title.toComponent()} 8 | {props.head.base.toComponent()} 9 | {props.head.meta.toComponent()} 10 | {props.head.link.toComponent()} 11 | {props.head.script.toComponent()} 12 | 13 | 14 | 15 | 16 | 17 |
21 |