├── .meteor ├── .finished-upgraders ├── .gitignore ├── .id ├── packages ├── platforms ├── release └── versions ├── both ├── collections.jsx ├── components │ ├── post_list.jsx │ └── post_page.jsx ├── layouts │ └── blog.jsx └── router.jsx ├── server ├── config.js └── publications.js └── style.css /.meteor/.finished-upgraders: -------------------------------------------------------------------------------- 1 | # This file contains information which helps Meteor properly upgrade your 2 | # app when you run 'meteor update'. You should check it into version control 3 | # with your project. 4 | 5 | notices-for-0.9.0 6 | notices-for-0.9.1 7 | 0.9.4-platform-file 8 | notices-for-facebook-graph-api-2 9 | 1.2.0-standard-minifiers-package 10 | 1.2.0-meteor-platform-split 11 | 1.2.0-cordova-changes 12 | 1.2.0-breaking-changes 13 | -------------------------------------------------------------------------------- /.meteor/.gitignore: -------------------------------------------------------------------------------- 1 | local 2 | -------------------------------------------------------------------------------- /.meteor/.id: -------------------------------------------------------------------------------- 1 | # This file contains a token that is unique to your project. 2 | # Check it into your repository along with the rest of this directory. 3 | # It can be used for purposes such as: 4 | # - ensuring you don't accidentally deploy one app on top of another 5 | # - providing package authors with aggregated statistics 6 | 7 | 1ajknmhsy05n714urb9s 8 | -------------------------------------------------------------------------------- /.meteor/packages: -------------------------------------------------------------------------------- 1 | # Meteor packages used by this project, one per line. 2 | # Check this file (and the other files in this directory) into your repository. 3 | # 4 | # 'meteor add' and 'meteor remove' will edit this file for you, 5 | # but you can also edit it by hand. 6 | 7 | insecure 8 | react 9 | kadira:flow-router-ssr 10 | kadira:react-layout 11 | standard-minifiers 12 | meteor-base 13 | mobile-experience 14 | mongo 15 | blaze-html-templates 16 | session 17 | jquery 18 | tracker 19 | logging 20 | reload 21 | random 22 | ejson 23 | spacebars 24 | check 25 | ecmascript 26 | -------------------------------------------------------------------------------- /.meteor/platforms: -------------------------------------------------------------------------------- 1 | server 2 | browser 3 | -------------------------------------------------------------------------------- /.meteor/release: -------------------------------------------------------------------------------- 1 | METEOR@1.2.1 2 | -------------------------------------------------------------------------------- /.meteor/versions: -------------------------------------------------------------------------------- 1 | accounts-base@1.2.2 2 | autoupdate@1.2.4 3 | babel-compiler@5.8.24_1 4 | babel-runtime@0.1.4 5 | base64@1.0.4 6 | binary-heap@1.0.4 7 | blaze@2.1.3 8 | blaze-html-templates@1.0.1 9 | blaze-tools@1.0.4 10 | boilerplate-generator@1.0.4 11 | caching-compiler@1.0.0 12 | caching-html-compiler@1.0.2 13 | callback-hook@1.0.4 14 | check@1.1.0 15 | chuangbo:cookie@1.1.0 16 | coffeescript@1.0.11 17 | cosmos:browserify@0.9.3 18 | ddp@1.2.2 19 | ddp-client@1.2.1 20 | ddp-common@1.2.2 21 | ddp-rate-limiter@1.0.0 22 | ddp-server@1.2.2 23 | deps@1.0.9 24 | diff-sequence@1.0.1 25 | ecmascript@0.1.6 26 | ecmascript-runtime@0.2.6 27 | ejson@1.0.7 28 | fastclick@1.0.7 29 | geojson-utils@1.0.4 30 | hot-code-push@1.0.0 31 | html-tools@1.0.5 32 | htmljs@1.0.5 33 | http@1.1.1 34 | id-map@1.0.4 35 | insecure@1.0.4 36 | jquery@1.11.4 37 | jsx@0.2.3 38 | kadira:flow-router-ssr@3.11.0 39 | kadira:react-layout@1.5.3 40 | launch-screen@1.0.4 41 | livedata@1.0.15 42 | localstorage@1.0.5 43 | logging@1.0.8 44 | meteor@1.1.10 45 | meteor-base@1.0.1 46 | meteorhacks:fast-render@2.12.0 47 | meteorhacks:inject-data@2.0.0 48 | meteorhacks:picker@1.0.3 49 | minifiers@1.1.7 50 | minimongo@1.0.10 51 | mobile-experience@1.0.1 52 | mobile-status-bar@1.0.6 53 | mongo@1.1.3 54 | mongo-id@1.0.1 55 | npm-mongo@1.4.39_1 56 | observe-sequence@1.0.7 57 | ordered-dict@1.0.4 58 | promise@0.5.1 59 | random@1.0.5 60 | rate-limit@1.0.0 61 | react@0.14.3 62 | react-meteor-data@0.2.4 63 | react-runtime@0.14.4 64 | react-runtime-dev@0.14.4 65 | react-runtime-prod@0.14.4 66 | reactive-dict@1.1.3 67 | reactive-var@1.0.6 68 | reload@1.1.4 69 | retry@1.0.4 70 | routepolicy@1.0.6 71 | service-configuration@1.0.5 72 | session@1.1.1 73 | spacebars@1.0.7 74 | spacebars-compiler@1.0.7 75 | standard-minifiers@1.0.2 76 | templating@1.1.5 77 | templating-tools@1.0.0 78 | tracker@1.0.9 79 | ui@1.0.8 80 | underscore@1.0.4 81 | url@1.0.5 82 | webapp@1.2.3 83 | webapp-hashing@1.0.5 84 | -------------------------------------------------------------------------------- /both/collections.jsx: -------------------------------------------------------------------------------- 1 | Posts = new Meteor.Collection('posts'); 2 | if(Meteor.isServer) { 3 | Posts.remove({}); 4 | Posts.insert({ 5 | _id: 'one', title: 'New Meteor Rocks', content: 'Yeah! Check our Meteor Blog for more!' 6 | }); 7 | Posts.insert({_id: 'two', title: 'MeteorHacks + Kadira => Kadira++', content: 'Something new soon.'}); 8 | Posts.insert({_id: 'three', title: 'My Secret Post', category: 'private'}); 9 | } -------------------------------------------------------------------------------- /both/components/post_list.jsx: -------------------------------------------------------------------------------- 1 | PostList = React.createClass({ 2 | mixins: [ReactMeteorData], 3 | getMeteorData() { 4 | const handle = Meteor.subscribe('posts'); 5 | const data = {}; 6 | if(handle.ready()) { 7 | data.posts = Posts.find({}, {sort: {_id: 1}}).fetch(); 8 | } 9 | 10 | return data; 11 | }, 12 | getList() { 13 | return ; 19 | }, 20 | render() { 21 | return
22 | This is the post list 23 | {(this.data.posts)? this.getList() : "loading..."} 24 |
; 25 | } 26 | }); -------------------------------------------------------------------------------- /both/components/post_page.jsx: -------------------------------------------------------------------------------- 1 | PostPage = React.createClass({ 2 | mixins: [ReactMeteorData], 3 | getMeteorData() { 4 | const handle = Meteor.subscribe('singlePost', this.props._id); 5 | const data = {}; 6 | if(handle.ready()) { 7 | data.post = Posts.findOne({_id: this.props._id}); 8 | } 9 | 10 | return data; 11 | }, 12 | getContent() { 13 | return
14 | Back 15 |

{this.data.post.title}

16 |

{this.data.post.content}

17 |
; 18 | }, 19 | render() { 20 | return (this.data.post)? this.getContent() :
loading...
; 21 | } 22 | }); -------------------------------------------------------------------------------- /both/layouts/blog.jsx: -------------------------------------------------------------------------------- 1 | BlogLayout = React.createClass({ 2 | render() { 3 | return
4 |
5 | Home 6 |
7 |

My Blog

8 | {this.props.content} 9 |
; 10 | } 11 | }); -------------------------------------------------------------------------------- /both/router.jsx: -------------------------------------------------------------------------------- 1 | FlowRouter.route("/", { 2 | name: "home", 3 | action() { 4 | ReactLayout.render(BlogLayout, { 5 | content: 6 | }); 7 | } 8 | }); 9 | 10 | FlowRouter.route('/post/:_id', { 11 | name: 'post', 12 | action(params) { 13 | ReactLayout.render(BlogLayout, { 14 | content: 15 | }); 16 | } 17 | }); 18 | -------------------------------------------------------------------------------- /server/config.js: -------------------------------------------------------------------------------- 1 | FlowRouter.setDeferScriptLoading(true); 2 | FlowRouter.setPageCacheTimeout(1000 * 60 * 10); -------------------------------------------------------------------------------- /server/publications.js: -------------------------------------------------------------------------------- 1 | Meteor.publish('posts', () => { 2 | const selector = {category: {$ne: "private"}}; 3 | return Posts.find(selector); 4 | }); 5 | 6 | Meteor.publish('singlePost', _id => { 7 | return Posts.find({_id}); 8 | }); -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body, div, a, p, ul, li { 2 | font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; 3 | } 4 | 5 | body { 6 | margin: 20px; 7 | } 8 | 9 | .navigation a { 10 | padding-right: 20px; 11 | } 12 | 13 | li { 14 | margin-bottom: 10px; 15 | } --------------------------------------------------------------------------------