'; 110 | }); 111 | 112 | html += '
144 |
156 |
157 |
158 |
--------------------------------------------------------------------------------
/dist/404.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Not found :(
145 |Sorry, but the page you were trying to view does not exist.
146 |It looks like this was the result of either:
147 |-
148 |
- a mistyped address 149 |
- an out-of-date link 150 |
144 |
156 |
157 |
158 |
--------------------------------------------------------------------------------
/app/styles/_storyPanel.scss:
--------------------------------------------------------------------------------
1 | .story-panel {
2 | transition: $move-dur; //turned off while dragging
3 | position: absolute;
4 | display: none; //overridden on startup
5 | left: 100%; //overridden on startup
6 | height: 100%;
7 | @include shadow();
8 | right: 0px;
9 | padding-left: 28px;
10 | background-color: white;
11 | z-index: 1;
12 |
13 | .story-panel-resizer {
14 | position: absolute;
15 | left: 0;
16 | top: 0;
17 | height: 100%;
18 | width: 28px;
19 | /* background-color: $primary-color; */
20 | background-color: white;
21 | overflow-y: hidden;
22 | cursor: ew-resize;
23 | &.active .story-panel-resizer-dots {
24 | border: 2px dotted lighten($primary-color, 20%);
25 | }
26 | &-dots {
27 | float: left;
28 | margin-top: -10%;
29 | height: 120%;
30 | width: 8px;
31 | margin-left: 4px;
32 | border: 2px dotted lighten($primary-color, 30%);
33 | }
34 | .story-panel-toggle {
35 | position: absolute;
36 | top: 50%;
37 | left: 0px;
38 | margin-top: -50px;
39 | width: 100%;
40 | height: 100px;
41 | font-size: 40px;
42 | line-height: 95px;
43 | text-align: center;
44 | color: $primary-color;
45 | cursor: pointer;
46 | background-color: white;
47 | }
48 | }
49 |
50 | .story-wrapper {
51 | height: 100%;
52 | min-width: 200px;
53 | overflow-y: scroll;
54 | -webkit-overflow-scrolling: touch;
55 | padding: 10px 20px 50px 10px;
56 | background-color: white;
57 | z-index: 0;
58 | @media (max-width: 500px) {
59 | padding: 7px;
60 | }
61 |
62 | .story-title {
63 | .active .line-art {
64 | fill-opacity: 1;
65 | }
66 |
67 | .vote-button-wrapper {
68 | display: none;
69 | position: absolute;
70 | padding-left: 3px;
71 | left: 0;
72 | width: 30px;
73 |
74 | .vote-button {
75 | transition: 300ms;
76 | color: $primary-color;
77 | opacity: 0.3;
78 |
79 | &:hover {
80 | opacity: 1;
81 | }
82 |
83 | }
84 | &.up .vote-button.up {
85 | opacity: 1;
86 | }
87 | &.down .vote-button.down {
88 | opacity: 1;
89 | }
90 | body.user-rdt.rdt & {
91 | display: block;
92 | }
93 | }
94 | .meta-data {
95 | position: absolute;
96 | left: 0;
97 | top: 2px;
98 |
99 | body.user-rdt.rdt & {
100 | left: 50px;
101 | }
102 | }
103 | h1 {
104 | font-size: 24px;
105 | font-weight: 300;
106 | color: #222;
107 | line-height: 26px;
108 | a {
109 | text-decoration: none;
110 | font-size: inherit;
111 | }
112 | }
113 | .sub-title {
114 | position: relative;
115 | height: 65px;
116 |
117 | .category-dot {
118 | display: inline-block;
119 | position: relative;
120 | top: -3px;
121 | width: 13px;
122 | height: 13px;
123 | border-radius: 50%;
124 | margin-right: 7px;
125 | vertical-align: bottom;
126 | }
127 | a {
128 | text-decoration: none;
129 | }
130 | p {
131 | margin-bottom: 6px;
132 | margin-top: 0;
133 | }
134 | font-size: 12px;
135 | line-height: 2;
136 | margin-bottom: 10px;
137 | color: #777;
138 | }
139 | }
140 | p {
141 | line-height: 1.5;
142 | margin-bottom: 30px;
143 | }
144 | img {
145 | display: block;
146 | max-width: 100%;
147 | height: auto;
148 | }
149 | figcaption {
150 | margin-bottom: 20px;
151 | font-style: italic;
152 | }
153 | .comment-separator {
154 | border-bottom: 1px solid $primary-color;
155 | margin-top: 40px;
156 | padding: 9px 0;
157 | text-align: center;
158 | }
159 |
160 | .comment-list {
161 | list-style-type: none;
162 | margin: 0;
163 | padding: 0 0 0 10px;
164 |
165 | &-title {
166 | font-style: italic;
167 | margin: 15px 0;
168 | }
169 | &.level-1 {
170 | padding: 0;
171 | }
172 | &-item {
173 | border-left: 1px dotted #ccc;
174 | padding-left: 5px;
175 | margin-top: 25px;
176 |
177 | blockquote {
178 | border-left: 2px solid $primary-color;
179 | margin: 10px 0 10px 10px;
180 | padding-left: 10px;
181 | }
182 |
183 | &-text {
184 | margin: 0;
185 | padding: 0;
186 | &.meta {
187 | padding: 3px 0 0 10px;
188 | font-size: 13px;
189 | color: #999;
190 | a.reply {
191 | color: #999;
192 | &:hover {
193 | color: $primary-color;
194 | }
195 | }
196 | }
197 | &.body p {
198 | margin: 0;
199 | }
200 | }
201 | }
202 | }
203 | }
204 | }
205 |
206 | .show-story-panel {
207 | .story-panel {
208 | margin-right: 0px;
209 | &-grabber-inner {
210 | transform: scaleX(1);
211 | }
212 | &-closer:before {
213 | content: '»';
214 | }
215 | }
216 | #more-btn {
217 | right: 425px;
218 | }
219 | }
220 |
--------------------------------------------------------------------------------
/server/controllers/user.controller.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var path = require('path')
4 | , User = require(path.join(__dirname, '..', 'models', 'User.model'))
5 | , utils = require(path.join(__dirname, '..', 'utils'))
6 | , devLog = utils.devLog
7 | , request = require('request')
8 | ;
9 |
10 |
11 | //add this id to the read list for the user
12 | function markAsRead(data) {
13 | // devLog('will add to read list:', data.userId, 'and', data.storyId);
14 | var userId = data.userId
15 | , storyId = data.storyId
16 | ;
17 | User.findById(userId, function(err, user) {
18 | if (err) { return; } //TODO feed back to client
19 | if (!user) { return; } //perhaps user was deleted in another session? TODO hande better
20 |
21 | var foundMatch = false
22 | , i
23 | ;
24 |
25 | if (user.stories) { //older stories won't have this. Can go if I do a DB wipe
26 | for (i = 0; i < user.stories.length; i++) {
27 | if (user.stories[i].storyId === storyId) {
28 | user.stories[i].read = true;
29 | foundMatch = true;
30 | break;
31 | }
32 | }
33 | }
34 |
35 | if (!foundMatch) {
36 | user.stories.push({
37 | storyId: storyId,
38 | read: true
39 | });
40 | }
41 | user.save();
42 |
43 |
44 | });
45 | // User.findById(userId, function(err, user) {
46 | // if (err) { return; } //TODO feed back to client
47 | // if (!user) { return; } //perhaps user was deleted in another session? TODO hande better
48 |
49 | // if (user.readList.indexOf(storyId) === -1) {
50 | // // console.log('Adding', storyId, 'to the list of read things for user', userId);
51 | // user.readList.push(storyId);
52 | // user.save();
53 | // }
54 |
55 | // });
56 | }
57 | //add this id to the read list for the user
58 | function markAsUnread(data) {
59 | // devLog('will remove from read list:', data.userId, 'and', data.storyId);
60 | var userId = data.userId
61 | , storyId = data.storyId
62 | ;
63 | User.findById(userId, function(err, user) {
64 | if (err) { return; } //TODO feed back to client
65 | if (!user) { return; } //perhaps user was deleted in another session? TODO hande better
66 | var i;
67 |
68 | if (user.stories) { //older stories won't have this. Can go if I do a DB wipe
69 | for (i = 0; i < user.stories.length; i++) {
70 | if (user.stories[i].storyId === storyId) {
71 | user.stories[i].read = false;
72 | break;
73 | }
74 | }
75 | }
76 | user.save();
77 |
78 | // var pos = user.readList.indexOf(storyId);
79 | // if (pos > -1) {
80 | // // devLog('Marking this story as not read:', user.readList[pos]);
81 | // user.readList.splice(pos, 1);
82 | // user.save();
83 | // } else {
84 | // devLog('No story with id', storyId, 'is in the read list. That is odd.');
85 | // }
86 |
87 | });
88 | }
89 |
90 | function addToFavs(data) {
91 | //TODO for now I'm adding the entire story to the user object.
92 | //Eventually just store the ID, then generate the fav list when a user navigates to fav tab.
93 | // devLog('will add to favs:', data.userId, 'and', data.story.name);
94 | var userId = data.userId
95 | , story = data.story
96 | ;
97 | User.findById(userId, function(err, user) {
98 | if (err) { return; } //TODO feed back to client
99 | if (!user) { return; } //perhaps user was deleted in another session? TODO hande better
100 | var storyExists = false;
101 | user.favs.forEach(function(fav) {
102 | if (fav.id === story.id) { storyExists = true; }
103 | });
104 | if (storyExists) {
105 | return;
106 | } else {
107 | user.favs.push(story);
108 | user.save();
109 | }
110 |
111 | });
112 | }
113 |
114 | function updateSettings(data) {
115 | var userId = data.userId
116 | , settings = data.settings
117 | ;
118 | User.findById(userId, function(err, user) {
119 | if (err) { return; } //TODO feed back to client
120 | if (!user) { return; } //perhaps user was deleted in another session? TODO hande better
121 |
122 | //TODO the settings sent from the client that aren't the schema will be ignored
123 | //but still, I should be less brutal about what I save here.
124 | user.settings = settings;
125 | user.save();
126 | });
127 |
128 | }
129 |
130 | function removeFromFavs(data) {
131 | var userId = data.userId
132 | , storyId = data.storyId
133 | ;
134 | User.findById(userId, function(err, user) {
135 | if (err) { return; } //TODO feed back to client
136 | if (!user) { return; } //perhaps user was deleted in another session? TODO hande better
137 | user.favs.forEach(function(fav, i) {
138 | if (fav.id === storyId) {
139 | user.favs.splice(i, 1);
140 | user.save();
141 | return;
142 | }
143 | });
144 | });
145 |
146 | }
147 |
148 | function updateToken(userId, token, done) {
149 | console.log('updateToken(', userId, token, ')');
150 | User.findById(userId, function(err, userDoc) {
151 | console.log('saving for user:', userDoc);
152 | userDoc.reddit.token = token;
153 | userDoc.save(function(err) {
154 | done(err);
155 | });
156 | });
157 | }
158 |
159 | function rdtVote(req, res) {
160 | }
161 |
162 | exports.markAsRead = markAsRead;
163 | exports.markAsUnread = markAsUnread;
164 | exports.addToFavs = addToFavs;
165 | exports.updateSettings = updateSettings;
166 | exports.removeFromFavs = removeFromFavs;
167 | exports.rdtVote = rdtVote;
168 | exports.updateToken = updateToken;
169 |
170 |
--------------------------------------------------------------------------------
/app/about.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Not found :(
145 |Sorry, but the page you were trying to view does not exist.
146 |It looks like this was the result of either:
147 |-
148 |
- a mistyped address 149 |
- an out-of-date link 150 |
Release Notes
19 |20 |
Version 0.4.5
21 |11 October 2014
22 |New
23 |-
24 |
- Links to YouTube videos in comments will be replaced with in-line YouTube players. 25 |
- Hacker News stories now real-time (using the new FireBase API). 26 |
- Links to reply to comments for Hacker News and Reddit. 27 |
- Pretty new icons. 28 |
Fixed
30 |-
31 |
- Hacker News bubbles with zero comments are not showing. 32 |
- Deleted Reddit comments are showing. 33 |
- Vote buttons show when voting isn't possible. 34 |
36 |
37 | 38 |
Version 0.4.0
39 |7 October 2014
40 |New
41 |-
42 |
- Sign in with Reddit to vote (comments and comment voting coming soon). 43 |
Fixed
45 |-
46 |
- Oh heaps of stuff. 47 |
49 |
50 | 51 |
Version 0.3.7
52 |2 October 2014
53 |New
54 |-
55 |
- Sign in with Facebook to sync across devices: settings, already read items and favourites. 56 |
- Pictures in comments show in-line (only direct links to images for now, not imgur pages, etc.) 57 |
Fixed
59 |-
60 |
- Database fails to store new stories. 61 |
- Tooltip covers circle in IE. 62 |
- Tooltip shows on touch devices. 63 |
- Header items don't fit on small devices. 64 |
- If comments are slow to load, they can take focus of the story panel 65 |
- "\n" showing in comments. 66 |
- [Deleted] reddit comments showing 67 |
69 |
70 | 71 |
Version 0.3.6
72 |24 September 2014
73 |New
74 |-
75 |
- The name. Bye bye 'News bubbles', hello 'Bubble Reader'. 76 |
Fixed
78 |-
79 |
- Database reached the max allowed size because I'm storing a whole lot of crap that I don't need to be. 80 |
- Subreddit links in story comments (e.g. /r/dogs_and_cats) don't work. 81 |
- Links in comments open in the same page (yes, I'm calling that a bug). 82 |
- Page can take several seconds to load even on fast connection. 83 |
- Memory leak on server causes intermittent shutdown. 84 |
86 |
87 | 88 |
Version 0.3.5
89 |19 September 2014
90 |New
91 |-
92 |
- Favorites! Star an item in the story panel and it will appear on the favourites page. 93 |
Fixed
95 |-
96 |
- Right click doesn't send circle to back. 97 |
- 'null' shows below images from imgur gallery if there is no title. 98 |
100 |
101 | 102 |
Version 0.3.3
103 |16 September 2014
104 |New
105 |-
106 |
- Comments for Reddit stories now show below image/article in the story panel. 107 |
- imgur.com galleries display with inline captions. 108 |
Fixed
110 |-
111 |
- Nuthin' 112 |
114 |
115 | 116 |
Version 0.3.2
117 |15 September 2014
118 |New
119 |-
120 |
- Moved hosting from MongoHQ (Compose) to MongoLab. 121 |
- Dynamic y-axis exponent keeps bubbles more evenly distributed. 122 |
Fixed
124 |-
125 |
- Crawler error when forcing a crawl. 126 |
128 |
129 | 130 |
Version 0.3.1
131 |14 September 2014, in the afternoon
132 |New
133 |-
134 |
- Better animations for bubbles 135 |
Fixed
137 |-
138 |
- Reddit crawler error when reddit times out. 139 |
141 |
142 | 143 |
Version 0.3.0
144 |14 September 2014
145 |New
146 |-
147 |
- Customize the minimum score for Reddit or HN sotires 148 |
- Customize the number of bubbles to show 149 |
- These release notes right here! 150 |
Fixed
152 |-
153 |
- Slow load time 154 |
- Insane crawler frequency for reddit 155 |
- Plurals for single values (e.g. '1 comments') 156 |
- Chart doesn't load if socket returns before the first fetch 157 |
- Chart zoom resets when opening 158 |
160 |
161 |
Pre version 0.3.0
162 |New
163 |-
164 |
- Oh so much 165 |
Fixed
167 |-
168 |
- Oh so much 169 |
Release Notes
19 |20 |
Version 0.4.5
21 |11 October 2014
22 |New
23 |-
24 |
- Links to YouTube videos in comments will be replaced with in-line YouTube players. 25 |
- Hacker News stories now real-time (using the new FireBase API). 26 |
- Links to reply to comments for Hacker News and Reddit. 27 |
- Pretty new icons. 28 |
Fixed
30 |-
31 |
- Hacker News bubbles with zero comments are not showing. 32 |
- Deleted Reddit comments are showing. 33 |
- Vote buttons show when voting isn't possible. 34 |
36 |
37 | 38 |
Version 0.4.0
39 |7 October 2014
40 |New
41 |-
42 |
- Sign in with Reddit to vote (comments and comment voting coming soon). 43 |
Fixed
45 |-
46 |
- Oh heaps of stuff. 47 |
49 |
50 | 51 |
Version 0.3.7
52 |2 October 2014
53 |New
54 |-
55 |
- Sign in with Facebook to sync across devices: settings, already read items and favourites. 56 |
- Pictures in comments show in-line (only direct links to images for now, not imgur pages, etc.) 57 |
Fixed
59 |-
60 |
- Database fails to store new stories. 61 |
- Tooltip covers circle in IE. 62 |
- Tooltip shows on touch devices. 63 |
- Header items don't fit on small devices. 64 |
- If comments are slow to load, they can take focus of the story panel 65 |
- "\n" showing in comments. 66 |
- [Deleted] reddit comments showing 67 |
69 |
70 | 71 |
Version 0.3.6
72 |24 September 2014
73 |New
74 |-
75 |
- The name. Bye bye 'News bubbles', hello 'Bubble Reader'. 76 |
Fixed
78 |-
79 |
- Database reached the max allowed size because I'm storing a whole lot of crap that I don't need to be. 80 |
- Subreddit links in story comments (e.g. /r/dogs_and_cats) don't work. 81 |
- Links in comments open in the same page (yes, I'm calling that a bug). 82 |
- Page can take several seconds to load even on fast connection. 83 |
- Memory leak on server causes intermittent shutdown. 84 |
86 |
87 | 88 |
Version 0.3.5
89 |19 September 2014
90 |New
91 |-
92 |
- Favorites! Star an item in the story panel and it will appear on the favourites page. 93 |
Fixed
95 |-
96 |
- Right click doesn't send circle to back. 97 |
- 'null' shows below images from imgur gallery if there is no title. 98 |
100 |
101 | 102 |
Version 0.3.3
103 |16 September 2014
104 |New
105 |-
106 |
- Comments for Reddit stories now show below image/article in the story panel. 107 |
- imgur.com galleries display with inline captions. 108 |
Fixed
110 |-
111 |
- Nuthin' 112 |
114 |
115 | 116 |
Version 0.3.2
117 |15 September 2014
118 |New
119 |-
120 |
- Moved hosting from MongoHQ (Compose) to MongoLab. 121 |
- Dynamic y-axis exponent keeps bubbles more evenly distributed. 122 |
Fixed
124 |-
125 |
- Crawler error when forcing a crawl. 126 |
128 |
129 | 130 |
Version 0.3.1
131 |14 September 2014, in the afternoon
132 |New
133 |-
134 |
- Better animations for bubbles 135 |
Fixed
137 |-
138 |
- Reddit crawler error when reddit times out. 139 |
141 |
142 | 143 |
Version 0.3.0
144 |14 September 2014
145 |New
146 |-
147 |
- Customize the minimum score for Reddit or HN sotires 148 |
- Customize the number of bubbles to show 149 |
- These release notes right here! 150 |
Fixed
152 |-
153 |
- Slow load time 154 |
- Insane crawler frequency for reddit 155 |
- Plurals for single values (e.g. '1 comments') 156 |
- Chart doesn't load if socket returns before the first fetch 157 |
- Chart zoom resets when opening 158 |
160 |
161 |
Pre version 0.3.0
162 |New
163 |-
164 |
- Oh so much 165 |
Fixed
167 |-
168 |
- Oh so much 169 |
Whoa!
', 37 | 'This is far too good for this little panel. Better go see the whole thing ', 38 | 'here.', 39 | '
' 40 | ].join(''); 41 | cb(msg); 42 | } else { 43 | cb(data.content); 44 | } 45 | 46 | }); 47 | } 48 | 49 | 50 | function renderRdt(story) { 51 | var dom = story.rdt.domain.toLowerCase(); 52 | currentStoryId = story.sourceId; //To check when comments come back 53 | story.content = ''; 54 | 55 | //get comments and append. NB done() is not needed. 56 | function appendComments() { 57 | NB.Comments.getForRdtStory(story, function(commentTree) { 58 | story.content += 'Comments
'; 59 | story.content += [ 60 | 'Head on over to ', 61 | 'Reddit to comment.', 62 | '
' 63 | ].join(''); 64 | story.content += commentTree.html(); 65 | 66 | //Because a user can click one story, then another before the first story comments are loaded 67 | //Check that the expected story is still the active one. 68 | if (story.sourceId === currentStoryId) { 69 | NB.StoryModel.setCurrentStory(story); 70 | } else { 71 | console.log('The story has already changed, dumping these comments'); 72 | } 73 | 74 | }); 75 | } 76 | 77 | function done(thenAppendComments) { 78 | NB.StoryModel.setCurrentStory(story); 79 | if (thenAppendComments) { 80 | appendComments(); 81 | } 82 | } 83 | 84 | 85 | if (story.rdt.self) { 86 | NB.Comments.getForRdtStory(story, function(commentTree) { 87 | story.content = commentTree.html(); 88 | done(); 89 | }); 90 | 91 | } else if (story.url.match(/(gif|png|jpg)$/)) { //any old image link, might be imgur 92 | story.content = '';
107 |
108 | response.data.forEach(function(img) {
109 | html += '
'; 110 | }); 111 | 112 | html += '
';
113 |
114 | story.content = html;
115 | done(true);
116 |
117 | });
118 | } else if (story.url.match(/\imgur\.com\/gallery\//)) {
119 | var id = story.url.match(/imgur\.com\/gallery\/([^?]*)/)[1];
120 |
121 | NB.Data.getImgurGalleryAsHtml(id, function(html) {
122 | story.content = ''; 110 | }); 111 | 112 | html += '
' + html + '
';
123 | done(true);
124 | });
125 |
126 | } else {
127 | var imgUrl = story.url.replace('imgur.com', 'i.imgur.com') + '.jpg';
128 |
129 | story.content = [
130 | '',
131 | '
',
132 | '
'
133 | ].join('');
134 | done(true);
135 | }
136 |
137 | } else {
138 |
139 | getReadability(story, function(content) {
140 | story.content = content;
141 | done(true);
142 | });
143 |
144 | }
145 |
146 |
147 | } //END renderRdt
148 |
149 |
150 |
151 |
152 | function renderHxn(story) {
153 |
154 | function appendComments() {
155 | NB.Comments.getForHxnStory(story, function(commentTree) {
156 | story.content += '',
132 | '