{{data.title}}
{{data.domain}}
{{data.subreddit}}
{{#data.over_18}}NSFW{{/data.over_18}}{{#data.stickied}}Stickied{{/data.stickied}}"+q(b)+"
\n\n"});b=b.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm,function(a,b){return""+q(b)+"
\n\n"});a=b=b.replace(/^(\#{1,6})[ \t]*(.+?)[ \t]*\#*\n+/gm,function(a,b,c){a=b.length;return"\n");a=a.replace(/^[ ]{0,2}([ ]?-[ ]?){3,}[ \t]*$/gm, 17 | "
\n");a=a.replace(/^[ ]{0,2}([ ]?_[ ]?){3,}[ \t]*$/gm,"
\n");a=B(a);b=a+"~0";b=b.replace(/(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g,function(a,b,c){a=C(w(b));a=D(a);a=a.replace(/^\n+/g,"");a=a.replace(/\n+$/g,"");a="
"+a+"\n[^\r]+?<\/pre>)/gm,function(a,b){var c;c=b.replace(/^ /mg,"~0");return c=c.replace(/~0/g,"")});c="\n"+c+"\n
";c=c.replace(/(^\n+|\n+$)/g,"");return"\n\n~K"+(r.push(c)-1)+"K\n\n"});a=e(a);b=a.replace(/^\n+/g,"");b=b.replace(/\n+$/g,"");b=b.split(/\n{2,}/g);for(var d=[],g=/~K(\d+)K/,x=b.length,j=0;j"),f+="",d.push(f))}if(!c){x=d.length;
19 | for(j=0;j"+a+""});a=a.replace(/(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|-]|-[^>])(?:[^-]|-[^-])*)--)>)/gi,function(a){var b=a.replace(/(.)<\/?code>(?=.)/g,"$1`");return b=m(b,"!"==
20 | a.charAt(1)?"\\`*_/":"\\`*_")});a=a.replace(/\\(\\)/g,y);a=a.replace(/\\([`*_{}\[\]()>#+-.!])/g,y);a=a.replace(/(!\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g,p);a=a.replace(/(!\[(.*?)\]\s?\([ \t]*()?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,p);a=a.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g,z);a=a.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\]\([ \t]*()?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,z);a=a.replace(/(\[([^\[\]]+)\])()()()()()/g,z);a=a.replace(/(^|\s)(https?|ftp)(:\/\/[-A-Z0-9+&@#\/%?=~_|\[\]\(\)!:,\.;]*[-A-Z0-9+&@#\/%=~_|\[\]])($|\W)/gi,
21 | "$1<$2$3>$4");a=a.replace(/<((https?|ftp):[^'">\s]+)>/gi,function(a,b){return''+k.plainLinkText(b)+""});a=a.replace(/~P/g,"://");a=E(a);a=a.replace(/([\W_]|^)(\*\*|__)(?=\S)([^\r]*?\S[\*_]*)\2([\W_]|$)/g,"$1$3$4");a=a.replace(/([\W_]|^)(\*|_)(?=\S)([^\r\*_]*?\S)\2([\W_]|$)/g,"$1$3$4");return a=a.replace(/ +\n/g,"
\n")}function z(a,c,b,d,g,e,h,f){void 0==f&&(f="");a=b.replace(/:\/\//g,"~P");d=d.toLowerCase();if(""==g)if(""==d&&(d=a.toLowerCase().replace(/ ?\n/g,
22 | " ")),void 0!=l.get(d))g=l.get(d),void 0!=n.get(d)&&(f=n.get(d));else if(-1"+a+"")}function A(a){return a.replace(/>/g,">").replace(/"}function B(a){var a=a+"~0",c=/^(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm;s?a=a.replace(c,function(a,c,g){a=-1"+c+"\n"}):(c=/(\n\n|^\n?)(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/g,a=a.replace(c,function(a,c,g,e){a=-1\n"+g+"\n"}));return a=a.replace(/~0/,"")}function F(a,c){s++;var a=a.replace(/\n{2,}$/,"\n"),b=t[c],d=!1,a=(a+"~0").replace(RegExp("(^[ \\t]*)("+b+")[ \\t]+([^\\r]+?(\\n+))(?=(~0|\\1("+b+")[ \\t]+))","gm"),function(a,b,c,f){a=f;(b=/\n\n$/.test(a))||-1"+a+"\n"}),a=a.replace(/~0/g,"");s--;return a}function C(a){a=a.replace(/&/g,"&");a=a.replace(//g,">");return a=m(a,"*_{}[]\\",!1)}function E(a){a=a.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g,"&");return a=a.replace(/<(?![a-z\/?\$!])/gi,"<")}function w(a){a=a.replace(/^(\t|[ ]{1,4})/gm,"~0");return a=a.replace(/~0/g,"")}function D(a){if(!/\t/.test(a))return a;var c=[" "," "," ",
26 | " "],b=0,d;return a.replace(/[\n\t]/g,function(a,e){if("\n"===a)return b=e+1,a;d=(e-b)%4;b=e+1;return c[d]})}function m(a,c,b){c="(["+c.replace(/([\[\]\\])/g,"\\$1")+"])";b&&(c="\\\\"+c);return a=a.replace(RegExp(c,"g"),y)}function y(a,c){return"~E"+c.charCodeAt(0)+"E"}var k=this.hooks=new u;k.addNoop("plainLinkText");k.addNoop("preConversion");k.addNoop("postConversion");var l,n,r,s;this.makeHtml=function(a){if(l)throw Error("Recursive call to converter.makeHtml");l=new v;n=new v;r=[];s=0;a=k.preConversion(a);
27 | a=a.replace(/~/g,"~T");a=a.replace(/\$/g,"~D");a=a.replace(/\r\n/g,"\n");a=a.replace(/\r/g,"\n");a=D("\n\n"+a+"\n\n");a=a.replace(/^[ \t]+$/mg,"");a=e(a);a=a.replace(/^[ ]{0,3}\[(.+)\]:[ \t]*\n?[ \t]*?(?=\s|$)[ \t]*\n?[ \t]*((\n*)["(](.+?)[")][ \t]*)?(?:\n+)/gm,function(a,b,d,e,h,i){b=b.toLowerCase();l.set(b,E(d));if(h)return e;i&&n.set(b,i.replace(/"/g,"""));return""});a=i(a);a=a.replace(/~E(\d+)E/g,function(a,b){var d=parseInt(b);return String.fromCharCode(d)});a=a.replace(/~D/g,"$$");
28 | a=a.replace(/~T/g,"~");a=k.postConversion(a);r=n=l=null;return a};var t={ol:"\\d+[.]",ul:"[*+-]"},G=/(?:["'*()[\]:]|~D)/g}})();
29 | // resizeEnd
30 | (function(a,b){"use strict";if(!(a.addEventListener&&b.createEvent&&a.dispatchEvent)){return}var c=function(){var c=b.createEvent("Event");c.initEvent("resizeend",false,false);a.dispatchEvent(c)};var d=function(){return Math.abs(+a.orientation||0)%180};var e=d();var f;var g;a.addEventListener("resize",function(){f=d();if(f!==e){c();e=f}else{clearTimeout(g);g=setTimeout(c,100)}},false)})(window,document);
31 | // TimeSince
32 | function timeSince(c,d){var b=Math.floor(c/1E3-d),a=b/31536E3;if(1=0)xhr.responseJSON=JSON.parse(xhr.responseText);if(o.success)o.success($._xhrResp(xhr),"success",xhr)}else if(o.error)o.error(xhr,xhr.status,xhr.statusText);
38 | if(o.complete)o.complete(xhr,xhr.statusText)}else if(o.progress)o.progress(++n)};var url=o.url,data=null;xhr.open(o.type,url);xhr.send(data)}})(window);
--------------------------------------------------------------------------------
/js/reeddit.js:
--------------------------------------------------------------------------------
1 | (function (win) {
2 |
3 | var T = { // Templates
4 |
5 | Posts: "{{#children}}{{.}}
Subreddits
{{#.}}{{.}}
{{/.}}
",
12 |
13 | toAddList: "{{#children}}{{data.display_name}}
{{data.public_description}}
{{/children}}"
14 | },
15 |
16 | Channels: {
17 |
18 | singleEditItem: "{{name}}
",
19 |
20 | single: '{{name}}
{{#subs}}{{.}}
{{/subs}}{{name}}
{{#subs}}{{.}}
{{/subs}}{{title}}
{{domain}}
{{#over_18}}NSFW{{/over_18}}{{#stickied}}Stickied{{/stickied}}{{subreddit}}
{{num_comments}} comments",
26 |
27 | formAgregarSubManual: 'Add Subredditclose',
28 |
29 | formAddNewChannel: 'Add ChannelcloseAdd additional subreddit',
30 |
31 | formEditChannel: 'Update ChannelcloseAdd additional subreddit',
32 |
33 | botonCargarMasSubs: "More",
34 |
35 | noLink: "No Post Selected",
36 |
37 | moveData: "closeExport & Backup
Tip: save on your Dropbox folder, so you can import your subscriptions to any other Reeddit instance (e.g. your mobile or tablet).
Save DataImport & Restore
Load your subscription from any other Reeddit instance - after choosing the file, Reedit will refresh.
",
38 |
39 | updater: "close{{version.label}} available
Updated on: {{update.date}}
• {{update.title}}:
{{update.message}}
Download new version",
40 |
41 | notification: '{{text}}'
42 | };
43 |
44 | var doc = win.document,
45 | body = doc.body;
46 |
47 | var gui = require('nw.gui'),
48 | mainWindow = gui.Window.get(),
49 | version = 1960;
50 |
51 | // Pseudo-Globals
52 | var editingSubs = false,
53 | urlInit = "http://www.reddit.com/",
54 | urlEnd = ".json",
55 | urlLimitEnd = ".json?limit=30",
56 | loadedLinks = {},
57 | replies = {},
58 | showingMenu = false,
59 | store = win.localStorage,
60 | esModal = false,
61 | loadingComments = false,
62 | loadingLinks = false,
63 | currentThread, isWideScreen = checkWideScreen(),
64 | isLargeScreen = checkLargeScreen(),
65 | currentSortingChoice = 'hot',
66 | // Pseudo-Enums
67 | move = {
68 | left: 1,
69 | right: 2
70 | },
71 | view = {
72 | main: 1,
73 | comments: 2
74 | },
75 | selection = {
76 | sub: 1,
77 | channel: 2
78 | },
79 | css = {
80 | showView: "show-view",
81 | showMenu: "show-menu",
82 | hide: "hide"
83 | },
84 | currentView = view.main;
85 |
86 | var defaultSubs = ["frontPage", "IAmA", "AskReddit", "worldNews", "todayilearned", "reactiongifs", "FanTheories", "ShowerThoughts", "ExplainLikeImFive", "Philosophy", "DataIsBeautiful", "InternetIsBeautiful", "Documentaries", "history", "DIY", "personalfinance"];
87 |
88 | var defaultChannel = [{
89 | name: "Media",
90 | subs: ["music", "movies", "television", "games", "books", "videos"]
91 | }, {
92 | name: "Technology",
93 | subs: ["Tech", "Futurology", "space", "gadgets"]
94 | }, {
95 | name: "Science",
96 | subs: ["Science", "AskScience"]
97 | }, {
98 | name: "Pictures",
99 | subs: ["pics", "photoshopbattles", "EarthPorn", "aww"]
100 | }, {
101 | name: "Meta",
102 | subs: ["announcements", "blog"]
103 | }];
104 |
105 | var M = { // Model
106 |
107 | Posts: {
108 |
109 | list: {},
110 |
111 | setList: function (posts) {
112 | for (var i = 0; i < posts.children.length; i++) {
113 | var post = posts.children[i];
114 | if (M.Posts.list[post.data.id]) { // Si ya se ha cargado este link localmente
115 | // Se actualizan los datos dinamicos
116 | M.Posts.list[post.data.id].num_comments = post.data.num_comments;
117 | M.Posts.list[post.data.id].created_utc = post.data.created_utc;
118 | } else { // Si no se han cargado los links localmente
119 | M.Posts.list[post.data.id] = {
120 | title: post.data.title,
121 | selftext: post.data.selftext,
122 | created_utc: post.data.created_utc,
123 | domain: post.data.domain,
124 | subreddit: post.data.subreddit,
125 | num_comments: post.data.num_comments,
126 | url: post.data.url,
127 | self: post.data.is_self,
128 | link: post.data.permalink,
129 | author: post.data.author,
130 | over_18: post.data.over_18,
131 | stickied: post.data.stickied
132 | };
133 | }
134 | }
135 | },
136 |
137 | idLast: '',
138 | shareTitle: '',
139 | shareURL: ''
140 | },
141 |
142 | Subreddits: {
143 |
144 | list: [],
145 |
146 | add: function (sub) {
147 | if (!M.Subreddits.listHasSub(sub)) {
148 | M.Subreddits.list.push(sub);
149 | store.setItem("subreeddits", JSON.stringify(M.Subreddits.list));
150 | }
151 | },
152 |
153 | setList: function (subs) {
154 | M.Subreddits.list = subs;
155 | store.setItem("subreeddits", JSON.stringify(M.Subreddits.list));
156 | },
157 |
158 | remove: function (sub) {
159 | var idx = M.Subreddits.list.indexOf(sub);
160 | M.Subreddits.list.splice(idx, 1);
161 | store.setItem("subreeddits", JSON.stringify(M.Subreddits.list));
162 | },
163 |
164 | listHasSub: function (sub) {
165 | if (M.Subreddits.list) {
166 | var i = M.Subreddits.list.indexOf(sub);
167 | return i > -1;
168 | }
169 | return false;
170 | },
171 |
172 | getAllString: function () {
173 | var allSubs = '';
174 | for (var i = 0; i < M.Subreddits.list.length; i++) {
175 | var sub = M.Subreddits.list[i];
176 | if (sub.toUpperCase() === 'frontPage'.toUpperCase()) continue;
177 | allSubs += sub + '+';
178 | }
179 | return allSubs.substring(0, allSubs.length - 1);
180 | },
181 |
182 | idLast: ''
183 | },
184 |
185 | Channels: {
186 |
187 | list: [],
188 |
189 | getURL: function (channel) {
190 | if (channel.subs.length === 1) { // Reddit API-related hack
191 | // If there's one subreddit in a "Channel", and this subreddit name's invalid, reddit.com responds with a search-results HTML - not json data - and throws a hard-to-catch error...
192 | return "r/" + channel.subs[0] + "+" + channel.subs[0]; // Repeating the one subreddit in the URL avoids this problem :)
193 | } else {
194 | return "r/" + channel.subs.join("+");
195 | }
196 | },
197 |
198 | add: function (channel) {
199 | M.Channels.list.push(channel);
200 | store.setItem('channels', JSON.stringify(M.Channels.list));
201 | },
202 |
203 | remove: function (name) {
204 | for (var j = 0; j < M.Channels.list.length; j++) {
205 | if (M.Channels.list[j].name === name) {
206 | M.Channels.list.splice(j, 1);
207 | break;
208 | }
209 | }
210 | store.setItem('channels', JSON.stringify(M.Channels.list));
211 | },
212 |
213 | getByName: function (name) {
214 | var foundChannel;
215 | for (var i = 0; i < M.Channels.list.length; i++) {
216 | if (M.Channels.list[i].name.toLowerCase() === name.toLowerCase()) {
217 | foundChannel = M.Channels.list[i];
218 | break;
219 | }
220 | }
221 | return foundChannel;
222 | }
223 | },
224 |
225 | currentSelection: {
226 |
227 | loadSaved: function () {
228 | var loadedSelection = store.getItem('currentSelection');
229 | if (loadedSelection) loadedSelection = JSON.parse(loadedSelection);
230 | M.currentSelection.name = loadedSelection ? loadedSelection.name : 'frontPage';
231 | M.currentSelection.type = loadedSelection ? loadedSelection.type : selection.sub;
232 | },
233 |
234 | setSubreddit: function (sub) {
235 | M.currentSelection.name = sub;
236 | M.currentSelection.type = selection.sub;
237 | store.setItem('currentSelection', JSON.stringify(M.currentSelection));
238 | },
239 |
240 | setChannel: function (channel) {
241 | M.currentSelection.name = channel.name;
242 | M.currentSelection.type = selection.channel;
243 | store.setItem('currentSelection', JSON.stringify(M.currentSelection));
244 | }
245 | }
246 | };
247 |
248 | var V = { // View
249 | mainWrap: $id("main-wrap"),
250 | detailWrap: $id("detail-wrap"),
251 | mainView: $q(".main-view"),
252 | detailView: $q(".detail-view"),
253 | subtitle: $id("main-title"),
254 | subtitleText: $id("sub-title"),
255 | headerSection: $id("title-head"),
256 | title: $id("title"),
257 | headerIcon: $id("header-icon"),
258 | container: $id("container"),
259 | btnNavBack: $id("nav-back"),
260 | footerSub: $id("footer-sub"),
261 | footerPost: $id("footer-post"),
262 |
263 | Channels: {
264 |
265 | menuContainer: $id("channels"),
266 |
267 | add: function (channel) {
268 | $append(V.Channels.menuContainer, Mustache.to_html(T.Channels.single, channel));
269 | if (editingSubs) V.Channels.addToEditList(channel.name);
270 | },
271 |
272 | loadList: function () {
273 | $html(V.Channels.menuContainer, Mustache.to_html(T.Channels.list, M.Channels.list));
274 | },
275 |
276 | remove: function (name) {
277 | var deletedChannel = $q('.channel-to-remove[data-title="' + name + '"]');
278 | $addClass(deletedChannel, "anim-delete");
279 | setTimeout(function () {
280 | $remove(deletedChannel);
281 | }, 200);
282 | $remove($q('.channel[data-title="' + name + '"]').parentNode);
283 | },
284 |
285 | showNewChannelForm: function () {
286 | V.Actions.showModal(T.formAddNewChannel, function () {
287 | $id('txt-channel').focus();
288 | });
289 | },
290 |
291 | addToEditList: function (name) {
292 | $append($q(".channel-edit-list"), T.Channels.singleEditItem.replace(/\{\{name\}\}/g, name));
293 | }
294 | },
295 |
296 | Subreddits: {
297 |
298 | listContainer: $id("subs"),
299 |
300 | insert: function (subs, active) {
301 | var subsList = V.Subreddits.listContainer;
302 | if (subs instanceof Array) {
303 | $append(subsList, Mustache.to_html(T.Subreddits.list, subs));
304 | } else {
305 | if (!M.Subreddits.listHasSub(subs)) {
306 | var li = $el("li"),
307 | p = $el("p", "sub");
308 | li.setAttribute("data-name", subs);
309 | if (active) $addClass(p, "sub-active");
310 | $text(p, subs);
311 | $append(li, p);
312 | $append(subsList, li);
313 | M.Subreddits.add(subs);
314 | V.Actions.showNotification("'" + subs + "' added");
315 | } else {
316 | V.Actions.showNotification("Subreddit already added");
317 | }
318 | }
319 | },
320 |
321 | remove: function (sub) {
322 | var deletedSub = $q(".sub-to-remove[data-name='" + sub + "']");
323 | $addClass(deletedSub, "anim-delete");
324 | setTimeout(function () {
325 | $remove(deletedSub);
326 | }, 200);
327 | $remove($q("#subs > li[data-name='" + sub + "']"));
328 | },
329 |
330 | cleanSelected: function () {
331 | $removeClass($q(".sub-active"), "sub-active");
332 | $removeClass($q(".channel-active"), "channel-active");
333 | },
334 |
335 | showManualInput: function () {
336 | V.Actions.showModal(T.formAgregarSubManual, function () {
337 | $id('txt-new-sub').focus();
338 | });
339 | },
340 |
341 | showAddingList: function () {
342 | var main = V.mainWrap;
343 | $empty(main);
344 | $append(main, V.Subreddits.addingList);
345 | $append(main, T.botonCargarMasSubs);
346 | V.Anims.reveal(main);
347 | },
348 |
349 | addingList: ''
350 | },
351 |
352 | Posts: {
353 |
354 | show: function (links, paging) { // links: API raw data
355 | var linksCount = links.children.length,
356 | main = V.mainWrap;
357 |
358 | if (paging) $remove($q(".loader"));
359 | else $empty(main);
360 |
361 | if (linksCount === 0) {
362 | var message = $q('.loader');
363 | if (message) {
364 | $text(message, "No Links available.");
365 | $addClass(message, "loader-error");
366 | $append(main, $el("div", "", "main-overflow"));
367 | } else {
368 | $prepend(main, 'No Links available.');
369 | }
370 | } else {
371 | $append(main, Mustache.to_html(T.Posts, links)); // Add new links to the list
372 |
373 | // Remove thumbnail space for those links with invalid backgrounds.
374 | var thumbs = $qAll('.link-thumb > div'),
375 | bgImg = 'background-image: ';
376 | for (var i = 0; i < thumbs.length; i++) {
377 | var thumb = thumbs[i],
378 | bg = thumb.getAttribute('style');
379 | if (bg === bgImg + 'url()' || bg === bgImg + 'url(default)' || bg === bgImg + 'url(nsfw)' || bg === bgImg + 'url(self)') {
380 | $remove(thumb.parentNode);
381 | }
382 | }
383 | }
384 | // Remove 'More links' button if there are less than 30 links
385 | if (linksCount < 30) $remove($id("more-links"));
386 | if (!paging) V.Anims.reveal(main);
387 | }
388 | },
389 |
390 | Actions: {
391 |
392 | setSubTitle: function (title) {
393 | $text(V.subtitleText, title);
394 | $text(V.footerSub, title);
395 | },
396 |
397 | backToMainView: function () {
398 | $addClass(V.btnNavBack, "invisible");
399 | $removeClass(V.subtitle, "invisible");
400 | $empty(V.headerSection);
401 | $append(V.headerSection, V.headerIcon);
402 | V.Anims.slideFromLeft();
403 | },
404 |
405 | moveMenu: function (direction) {
406 | if (direction === move.left) {
407 | $removeClass(V.mainView, css.showMenu);
408 | setTimeout(function () {
409 | showingMenu = false;
410 | });
411 | }
412 | if (direction === move.right) {
413 | $addClass(V.mainView, css.showMenu);
414 | setTimeout(function () {
415 | showingMenu = true;
416 | });
417 | }
418 | },
419 |
420 | loadForAdding: function () {
421 | if (!isLargeScreen) V.Actions.moveMenu(move.left);
422 | if (currentView === view.comments) V.Actions.backToMainView();
423 |
424 | setTimeout(function () {
425 | var main = V.mainWrap;
426 | main.scrollTop = 0; // Go to the container top
427 |
428 | if (V.Subreddits.addingList) { // is cache'd
429 | V.Subreddits.showAddingList();
430 | } else {
431 | var loader = $el("div", "loader");
432 | $prepend(main, loader);
433 |
434 | JSONP.get(urlInit + "reddits/.json?limit=50", function (list) {
435 | M.Subreddits.idLast = list.data.after;
436 | V.Subreddits.addingList = Mustache.to_html(T.Subreddits.toAddList, list.data);
437 | V.Subreddits.showAddingList();
438 | }, function () { // On Error
439 | $addClass(loader, "loader-error");
440 | $text(loader, "Error loading subreddits.");
441 | });
442 | }
443 | loadingLinks = false;
444 | }, isLargeScreen ? 1 : 301);
445 | V.Subreddits.cleanSelected();
446 | V.Actions.setSubTitle("Add Subs");
447 | setEditingSubs(true);
448 | },
449 |
450 | loadForEditing: function () {
451 | if (!isLargeScreen) V.Actions.moveMenu(move.left);
452 | if (currentView === view.comments) V.Actions.backToMainView();
453 |
454 | setTimeout(function () {
455 | V.mainWrap.scrollTop = 0; // Up to container top
456 | var htmlSubs = Mustache.to_html(T.Subreddits.toRemoveList, M.Subreddits.list);
457 | var htmlChannels = '';
458 | if (M.Channels.list && M.Channels.list.length > 0) {
459 | htmlChannels = Mustache.to_html("Channels
{{#.}} " + T.Channels.singleEditItem + "{{/.}}
", M.Channels.list);
460 | }
461 | var html = '' + htmlChannels + htmlSubs + "";
462 | $html(V.mainWrap, html);
463 | V.Anims.reveal(V.mainWrap);
464 |
465 | V.Subreddits.cleanSelected();
466 | loadingLinks = false;
467 | }, isLargeScreen ? 1 : 301);
468 | V.Actions.setSubTitle('Edit Subs');
469 | setEditingSubs(true);
470 | },
471 |
472 | showModal: function (template, callback) {
473 | var delay = 1;
474 | if (!isLargeScreen && showingMenu) {
475 | V.Actions.moveMenu(move.left);
476 | delay = 301;
477 | }
478 | setTimeout(function () {
479 | if (esModal) return;
480 | var modal = $el("div", '', "modal");
481 | $append(modal, template);
482 | $append(body, modal);
483 | esModal = true;
484 | setTimeout(function () {
485 | modal.style.opacity = 1;
486 | V.Anims.bounceInDown($q(".new-form"));
487 | }, 1);
488 | if (callback) callback();
489 | }, delay);
490 | },
491 |
492 | removeModal: function () {
493 | var modal = $id('modal');
494 | modal.style.opacity = '';
495 | esModal = false;
496 | setTimeout(function () {
497 | $remove(modal);
498 | }, 301);
499 | },
500 |
501 | setDetailFooter: function (title) {
502 | $text(V.footerPost, title ? title : T.noLink);
503 | var btns = $qAll("#detail-footer .btn-footer");
504 | for (var i = 0, l = btns.length; i < l; i++) {
505 | if (title) $removeClass(btns[i], css.hide);
506 | else $addClass(btns[i], css.hide);
507 | }
508 | },
509 |
510 | showNotification: function (text) {
511 | $append(body, T.notification.replace('{{text}}', text));
512 | var notification = $q('.notification');
513 | V.Anims.bounceInDown(notification);
514 | setTimeout(function () {
515 | V.Anims.dismiss(notification, function () {
516 | $remove($q('.notification'));
517 | });
518 | }, (1500 + 500));
519 | }
520 | },
521 |
522 | Anims: {
523 |
524 | slideFromLeft: function () {
525 | var show = css.showView;
526 | $addClass(V.mainView, show);
527 | $removeClass(V.detailView, show);
528 | currentView = view.main;
529 | },
530 |
531 | slideFromRight: function () {
532 | var show = css.showView;
533 | $removeClass(V.mainView, show);
534 | $addClass(V.detailView, show);
535 | currentView = view.comments;
536 | },
537 |
538 | reveal: function (el) {
539 | var reveal = "anim-reveal";
540 | $addClass(el, reveal);
541 | setTimeout(function () {
542 | $removeClass(el, reveal);
543 | }, 700);
544 | },
545 |
546 | shake: function (el) {
547 | var shake = "anim-shake";
548 | $addClass(el, shake);
549 | setTimeout(function () {
550 | $removeClass(el, shake);
551 | }, 350);
552 | },
553 |
554 | shakeForm: function () {
555 | V.Anims.shake($q(".new-form"));
556 | },
557 |
558 | bounceOut: function (el, callback) {
559 | var bounceOut = "anim-bounce-out";
560 | $addClass(el, bounceOut);
561 | if (callback) setTimeout(callback, 1000);
562 | },
563 |
564 | bounceInDown: function (el) {
565 | $addClass(el, "anim-bounceInDown");
566 | setTimeout(function () {
567 | el.style.opacity = 1;
568 | $removeClass(el, "anim-bounceInDown");
569 | }, 500);
570 | },
571 |
572 | dismiss: function (el, callback) {
573 | el.style.opacity = '';
574 | $addClass(el, "anim-dismiss");
575 | if (callback) setTimeout(callback, 200);
576 | }
577 | }
578 | };
579 |
580 | var C = { // "Controller"
581 |
582 | Posts: {
583 |
584 | load: function (baseUrl, paging) {
585 | if (loadingLinks) return;
586 | loadingLinks = true;
587 | loadingComments = false;
588 | setEditingSubs(false);
589 | var main = V.mainWrap,
590 | loader = $el("div", "loader");
591 | if (paging) {
592 | // Se quita el boton de 'More' actual
593 | $remove($id("more-links"));
594 | $append(main, loader);
595 | } else {
596 | main.scrollTop = 0; // Sube al top del contenedor
597 | setTimeout(function () {
598 | $prepend(main, loader);
599 | }, showingMenu ? 301 : 1);
600 | paging = ''; // Si no hay paginacion, se pasa una cadena vacia, para no paginar
601 | }
602 | JSONP.get(baseUrl + C.Sorting.get() + urlLimitEnd + paging, function (result) {
603 | C.Posts.show(result, paging);
604 | }, function () { // On error
605 | loadingLinks = false;
606 | $addClass(loader, "loader-error");
607 | $text(loader, "Error loading links. Refresh to try again.");
608 | });
609 | },
610 |
611 | loadFromManualInput: function (loadedLinks) {
612 | C.Posts.show(loadedLinks);
613 | setEditingSubs(false);
614 | },
615 |
616 | show: function (result, paging) {
617 | var links = result.data;
618 | loadingLinks = false;
619 | M.Posts.idLast = links.after;
620 |
621 | V.Posts.show(links, paging);
622 | M.Posts.setList(links);
623 | }
624 | },
625 |
626 | Comments: {
627 |
628 | load: function (data, baseElement, idParent) {
629 | var now = new Date().getTime(),
630 | converter = new Markdown.Converter(),
631 | comments = $el("section", "comments-level");
632 |
633 | for (var i = 0; i < data.length; i++) {
634 | var c = data[i];
635 |
636 | if (c.kind !== "t1") continue;
637 |
638 | var html = converter.makeHtml(c.data.body),
639 | isPoster = M.Posts.list[currentThread].author === c.data.author,
640 | permalink = "http://reddit.com" + M.Posts.list[currentThread].link + c.data.id;
641 |
642 | var comment = $el("div", "comment-wrap"),
643 | wrap = $el("div"),
644 | cData = $el("div", "comment-data"),
645 | cPoster = $el("div", isPoster ? "comment-poster" : "comment-author"),
646 | pPoster = $el("p"),
647 | cInfo = $el("div", "comment-info"),
648 | aSince = $el("a"),
649 | cBody = $el("div", "comment-body");
650 |
651 | $text(pPoster, c.data.author);
652 |
653 | aSince.setAttribute("href", permalink);
654 | aSince.setAttribute("target", "_blank");
655 | $text(aSince, timeSince(now, c.data.created_utc));
656 |
657 | $html(cBody, html);
658 |
659 | // Piece together
660 | $append(cPoster, pPoster);
661 | $append(cData, cPoster);
662 | $append(cInfo, aSince);
663 | $append(cData, cInfo);
664 | $append(wrap, cData);
665 | $append(comment, wrap);
666 | $append(comment, cBody);
667 |
668 | if (c.data.replies && c.data.replies.data.children[0].kind !== "more") {
669 | var btnReply = $el("span", "comments-button");
670 | $addClass(btnReply, "replies-button");
671 | btnReply.setAttribute("data-comment-id", c.data.id);
672 | $text(btnReply, "See replies");
673 |
674 | $append(comment, btnReply);
675 |
676 | replies[c.data.id] = c.data.replies.data.children;
677 | }
678 |
679 | $append(comments, comment);
680 | }
681 |
682 | $append(baseElement, comments);
683 |
684 | if (idParent) loadedLinks[idParent] = comments;
685 |
686 | },
687 |
688 | show: function (id, refresh) {
689 | var delay = 0;
690 | if (showingMenu) {
691 | V.Actions.moveMenu(move.left);
692 | delay = 301;
693 | }
694 | if (!M.Posts.list[id]) return; // Quick fix for missing id
695 | setTimeout(function () {
696 |
697 | // Stop if it hasn't finished loading this comments for the first time before trying to load them again
698 | if (loadingComments && currentThread && currentThread === id) return;
699 |
700 | loadingComments = true;
701 | currentThread = id;
702 |
703 | $removeClass(V.btnNavBack, "invisible"); // Show
704 |
705 | var detail = V.detailWrap;
706 | $empty(detail);
707 |
708 | if (loadedLinks[id] && !refresh) {
709 | $append(detail, M.Posts.list[id].summary);
710 | $append($id("comments-container"), loadedLinks[id]);
711 | C.Misc.updatePostSummary(M.Posts.list[id], id);
712 | loadingComments = false;
713 | } else {
714 | C.Misc.setPostSummary(M.Posts.list[id], id);
715 | var url = "http://www.reddit.com" + M.Posts.list[id].link + urlEnd,
716 | loader = $el("div", "loader");
717 | $append(detail, loader);
718 | JSONP.get(url, function (result) {
719 | loadingComments = false;
720 | if (currentThread !== id || currentView === view.main) return; // In case of trying to load a different thread before this one loaded.
721 | C.Misc.updatePostSummary(result[0].data.children[0].data, id);
722 | $remove(loader);
723 | var comments = result[1].data.children;
724 | C.Comments.load(comments, $id("comments-container"), id);
725 | }, function () { // On Error
726 | loadingComments = false;
727 | $addClass(loader, "loader-error");
728 | $text(loader, "Error loading comments. Refresh to try again.");
729 | });
730 | }
731 |
732 | if (!refresh) V.Actions.setDetailFooter(M.Posts.list[id].title);
733 |
734 | if (!refresh && currentView !== view.comments) V.Anims.slideFromRight();
735 |
736 | if (isWideScreen) {
737 | // Refresh active link indicator
738 | $removeClass($q(".link.link-selected"), "link-selected");
739 | $addClass($q('.link[data-id="' + id + '"]'), "link-selected");
740 | }
741 |
742 | $empty(V.headerSection);
743 | $append(V.headerSection, V.title);
744 | $text(V.title, M.Posts.list[id].title);
745 | $addClass(V.subtitle, "invisible");
746 | }, delay);
747 | }
748 | },
749 |
750 | Subreddits: {
751 |
752 | loadSaved: function () { // Only should execute when first loading the app
753 | var subs = store.getItem("subreeddits");
754 | if (subs) subs = JSON.parse(subs);
755 | M.Subreddits.list = subs;
756 | if (!M.Subreddits.list) M.Subreddits.setList(defaultSubs); // If it hasn't been loaded to the 'local store', save default subreddits
757 | V.Subreddits.insert(M.Subreddits.list);
758 | },
759 |
760 | loadPosts: function (sub) {
761 | if (sub !== M.currentSelection.name || editingSubs) {
762 | var url;
763 | if (sub.toUpperCase() === 'frontPage'.toUpperCase()) url = urlInit + "r/" + M.Subreddits.getAllString() + "/";
764 | else url = urlInit + "r/" + sub + "/";
765 | C.Posts.load(url);
766 | C.currentSelection.setSubreddit(sub);
767 | }
768 | V.Actions.setSubTitle(sub);
769 | },
770 |
771 | remove: function (sub) {
772 | M.Subreddits.remove(sub);
773 | V.Subreddits.remove(sub);
774 | if (M.currentSelection.type === selection.sub && M.currentSelection.name === sub) C.currentSelection.setSubreddit('frontPage'); // If it was the current selection
775 | },
776 |
777 | addFromNewForm: function () {
778 | var txtSub = $id("txt-new-sub"),
779 | subName = txtSub.value;
780 | if (!subName) {
781 | txtSub.setAttribute("placeholder", "Enter a subreddit title!");
782 | V.Anims.shakeForm();
783 | return;
784 | }
785 |
786 | V.Anims.bounceOut($q(".new-form"), V.Actions.removeModal);
787 |
788 | JSONP.get(urlInit + "r/" + subName + "/" + C.Sorting.get() + urlLimitEnd, function (data) {
789 | C.Posts.loadFromManualInput(data);
790 | V.Actions.setSubTitle(subName);
791 | V.Subreddits.cleanSelected();
792 | C.currentSelection.setSubreddit(subName);
793 | V.Subreddits.insert(subName, true);
794 | }, function () { // On Error
795 | alert('Oh oh, the subreddit you entered is not valid...');
796 | });
797 | }
798 | },
799 |
800 | Channels: {
801 |
802 | add: function (title, subreddits) {
803 | var channel = {
804 | name: title,
805 | subs: subreddits
806 | };
807 | M.Channels.add(channel);
808 | V.Channels.add(channel);
809 | },
810 |
811 | loadSaved: function () { // Should only execute when first loading the app
812 | M.Channels.list = store.getItem('channels');
813 | if (M.Channels.list) M.Channels.list = JSON.parse(M.Channels.list);
814 | else M.Channels.list = defaultChannel; // Load default channel(s)
815 | V.Channels.loadList();
816 | },
817 |
818 | loadPosts: function (channel) {
819 | C.Posts.load(urlInit + M.Channels.getURL(channel) + '/');
820 | V.Actions.setSubTitle(channel.name);
821 | C.currentSelection.setChannel(channel);
822 | },
823 |
824 | remove: function (name) {
825 | M.Channels.remove(name);
826 | V.Channels.remove(name);
827 | // If it was the current selection
828 | if (M.currentSelection.type === selection.channel && M.currentSelection.name === name) C.currentSelection.setSubreddit('frontPage');
829 | },
830 |
831 | edit: function (name) {
832 | var channelToEdit = M.Channels.getByName(name);
833 | V.Actions.showModal(T.formEditChannel, function () {
834 | // Fill form with current values
835 | $id("txt-channel").value = channelToEdit.name;
836 |
837 | M.Channels.editing = channelToEdit.name;
838 | var inputsContainer = $id("subs-for-channel");
839 |
840 | for (var i = 0, l = channelToEdit.subs.length; i < l; i++) {
841 |
842 | var inputTemplate = "";
843 |
844 | $append(inputsContainer, inputTemplate.replace("{{subName}}", channelToEdit.subs[i]));
845 | }
846 | });
847 | }
848 | },
849 |
850 | currentSelection: {
851 |
852 | setSubreddit: function (sub) {
853 | M.currentSelection.setSubreddit(sub);
854 | },
855 |
856 | setChannel: function (channel) {
857 | M.currentSelection.setChannel(channel);
858 | }
859 | },
860 |
861 | Sorting: {
862 |
863 | get: function () {
864 | return (currentSortingChoice !== 'hot' ? (currentSortingChoice + '/') : '');
865 | },
866 |
867 | change: function (sorting) {
868 | currentSortingChoice = sorting;
869 | if (editingSubs) return; // No subreddit or channel selected - just change the sorting type
870 | // Only refresh with the new sorting, when a subreddit or channel is selected
871 | var delay = 1;
872 | if (showingMenu) {
873 | V.Actions.moveMenu(move.left);
874 | delay = 301;
875 | }
876 | setTimeout(function () {
877 | refreshCurrentStream();
878 | }, delay);
879 | }
880 | },
881 |
882 | Misc: {
883 |
884 | setPostSummary: function (data, postID) {
885 | // Main content
886 | var summaryHTML = Mustache.to_html(T.linkSummary, data);
887 | var imageLink = checkImageLink(M.Posts.list[postID].url);
888 | if (imageLink) { // If it's an image link
889 | summaryHTML += "![](" + imageLink + ")
" + selfText + " ";
902 | }
903 | summaryHTML += "";
904 | $append(V.detailWrap, summaryHTML);
905 | C.Misc.updatePostTime(data.created_utc);
906 | M.Posts.list[postID].summary = summaryHTML;
907 | $text(V.footerPost, data.title);
908 | },
909 |
910 | updatePostSummary: function (data, postID) {
911 | $id("summary-comment-num").innerText = data.num_comments + (data.num_comments === 1 ? ' comment' : ' comments');
912 | // Time ago
913 | C.Misc.updatePostTime(data.created_utc);
914 | M.Posts.list[postID].num_comments = data.num_comments;
915 | M.Posts.list[postID].created_utc = data.created_utc;
916 | },
917 |
918 | updatePostTime: function (time) {
919 | $id("summary-time").innerText = timeSince(new Date().getTime(), time);
920 | }
921 | }
922 | };
923 |
924 | function checkWideScreen() {
925 | return mainWindow.width >= 1000;
926 | }
927 |
928 | function checkLargeScreen() {
929 | return mainWindow.width >= 490;
930 | }
931 |
932 | function checkImageLink(url) {
933 | var matching = url.match(/\.(svg|jpe?g|png|gif)(?:[?#].*)?$|(?:imgur\.com|www.quickmeme\.com\/meme|qkme\.me)\/([^?#\/.]*)(?:[?#].*)?(?:\/)?$/);
934 | if (!matching) return '';
935 | if (matching[1]) { // normal image link
936 | return url;
937 | } else if (matching[2]) { // imgur or quickmeme link
938 | if (matching[0].slice(0, 5) === "imgur") return 'http://imgur.com/' + matching[2] + '.jpg';
939 | else return 'http://i.qkme.me/' + matching[2] + '.jpg';
940 | } else {
941 | return null;
942 | }
943 | }
944 |
945 | function setEditingSubs(editing) { // editing: boolean
946 | editingSubs = editing;
947 | if (isWideScreen) {
948 | // If it's showing the add or remove subreddits/channels panel, hide the refresh button
949 | var refreshBtn = $q('#main-footer .footer-refresh');
950 | refreshBtn.style.display = editing ? 'none' : '';
951 | }
952 | }
953 |
954 | function doByCurrentSelection(caseSub, caseChannel) {
955 | switch (M.currentSelection.type) {
956 | case selection.sub:
957 | caseSub();
958 | break;
959 | case selection.channel:
960 | caseChannel();
961 | break;
962 | }
963 | }
964 |
965 | body.addEventListener("submit", function (ev) {
966 | if (ev.target.parentNode.id === "form-new-sub") {
967 | ev.preventDefault();
968 | C.Subreddits.addFromNewForm();
969 | }
970 | });
971 |
972 | function goToComments(id) {
973 | location.hash = '#comments:' + id;
974 | }
975 |
976 | function refreshCurrentStream() {
977 | if (editingSubs) return;
978 | doByCurrentSelection(function () { // if it's subreddit
979 | if (M.currentSelection.name.toUpperCase() === 'frontPage'.toUpperCase()) C.Posts.load(urlInit + "r/" + M.Subreddits.getAllString() + "/");
980 | else C.Posts.load(urlInit + "r/" + M.currentSelection.name + "/");
981 | }, function () { // if it's channel
982 | C.Channels.loadPosts(M.Channels.getByName(M.currentSelection.name));
983 | });
984 | }
985 |
986 | var openURL = function (url) {
987 | gui.Shell.openExternal(url);
988 | };
989 |
990 | var openWindow = function (url, width, height) {
991 | gui.Window.open(url, {
992 | position: 'center',
993 | width: width || 800,
994 | height: height || 600,
995 | frame: true,
996 | toolbar: false,
997 | resize: true
998 | });
999 | };
1000 |
1001 | var importExportData = function () {
1002 | V.Actions.showModal(T.moveData);
1003 | };
1004 |
1005 | var saveData = function () {
1006 | var data = "{\"channels\": " + store.getItem("channels") + ", \"subreddits\": " + store.getItem("subreeddits") + "}";
1007 | fs.writeFile("data.json", data, function (err) {
1008 | if (err) alert(err);
1009 | else {
1010 | if (!saveLink) {
1011 | saveLink = document.createElement("a");
1012 | saveLink.href = "data.json";
1013 | saveLink.setAttribute("download", "reedditdata.json");
1014 | }
1015 | saveLink.click();
1016 | }
1017 | });
1018 | };
1019 |
1020 | // Clicks
1021 |
1022 | clickable(body, "#btn-save-data", saveData);
1023 |
1024 | clickable(body, "#btn-add-new-sub", C.Subreddits.addFromNewForm);
1025 |
1026 | delegate(body, ".btn-share", "click", function (e) {
1027 | M.Posts.shareTitle = M.Posts.list[currentThread].title;
1028 | M.Posts.shareURL = M.Posts.list[currentThread].url;
1029 | shareMenu.popup(e.x, e.y);
1030 | });
1031 |
1032 | V.detailWrap.addEventListener("click", function (e) {
1033 | // All link anchors from the detail view
1034 | if (e.target.tagName === "A") {
1035 | e.preventDefault();
1036 | openURL(e.target.getAttribute("href"));
1037 | }
1038 | });
1039 |
1040 | clickable(body, "#header-link", function (target) {
1041 | openURL(target.getAttribute("href"));
1042 | });
1043 |
1044 | clickable(body, "#btn-submit-channel", function (target) {
1045 | var txtChannelName = $id("txt-channel"),
1046 | operation = target.getAttribute("data-op");
1047 | var channelName = txtChannelName.value;
1048 | if (!channelName) {
1049 | txtChannelName.placeholder = "Enter a Channel name!";
1050 | V.Anims.shakeForm();
1051 | return;
1052 | }
1053 |
1054 | var subreddits = [];
1055 | var subs = $qAll("#subs-for-channel input");
1056 | for (var i = 0; i < subs.length; i++) {
1057 | var sub = subs[i].value;
1058 | if (!sub) continue;
1059 | subreddits.push(sub);
1060 | }
1061 | if (subreddits.length === 0) {
1062 | subs[0].placeholder = "Enter at least one subreddit!";
1063 | V.Anims.shakeForm();
1064 | return;
1065 | }
1066 |
1067 | switch (operation) {
1068 | case "save":
1069 | // Look for Channel name in the saved ones
1070 | var savedChannel = M.Channels.getByName(channelName);
1071 | if (savedChannel) { // If it's already saved
1072 | txtChannelName.value = "";
1073 | txtChannelName.placeholder = "'" + channelName + "' already exists.";
1074 | V.Anims.shakeForm();
1075 | return;
1076 | }
1077 |
1078 | C.Channels.add(channelName, subreddits);
1079 |
1080 | break;
1081 |
1082 | case "update":
1083 | // Remove current and add new
1084 | C.Channels.remove(M.Channels.editing);
1085 | C.Channels.add(channelName, subreddits);
1086 |
1087 | break;
1088 | }
1089 |
1090 | // confirmation feedback
1091 | $remove(target);
1092 | $append($q(".form-left-corner"), "'" + channelName + "' " + operation + "d. Cool!
");
1093 |
1094 | V.Anims.bounceOut($q(".new-form"), V.Actions.removeModal);
1095 | });
1096 |
1097 | clickable(body, "#btn-add-another-sub", function () {
1098 | var container = $id("subs-for-channel");
1099 | $append(container, "");
1100 | container.scrollTop = container.innerHeight;
1101 | });
1102 |
1103 | clickable(V.detailWrap, ".replies-button", function (target) {
1104 | var parent = target,
1105 | commentID = parent.getAttribute('data-comment-id'),
1106 | comments = replies[commentID];
1107 | C.Comments.load(comments, parent.parentNode);
1108 | $remove(parent);
1109 | });
1110 |
1111 | clickable(V.Subreddits.listContainer, ".sub", function (target) {
1112 | var sub = target;
1113 | V.Actions.moveMenu(move.left);
1114 | C.Subreddits.loadPosts(sub.firstChild.textContent);
1115 | V.Subreddits.cleanSelected();
1116 | $addClass(sub, "sub-active");
1117 | if (currentView === view.comments) V.Actions.backToMainView();
1118 | });
1119 |
1120 | clickable(V.Channels.menuContainer, ".channel", function (target) {
1121 | var channel = target;
1122 | var channelName = channel.getAttribute("data-title");
1123 | V.Actions.moveMenu(move.left);
1124 | if (channelName === M.currentSelection.name && !editingSubs) return;
1125 | V.Subreddits.cleanSelected();
1126 | $addClass(channel, "channel-active");
1127 | if (currentView === view.comments) V.Actions.backToMainView();
1128 | C.Channels.loadPosts(M.Channels.getByName(channelName));
1129 | });
1130 |
1131 | clickable(body, ".btn-to-main", function () {
1132 | location.hash = "#";
1133 | });
1134 |
1135 | clickable(body, ".btn-refresh", function (target) {
1136 | var origin = target.getAttribute("data-origin");
1137 | switch (origin) {
1138 | case "footer-main":
1139 | refreshCurrentStream();
1140 | break;
1141 | case "footer-detail":
1142 | if (!currentThread) return;
1143 | C.Comments.show(currentThread, true);
1144 | break;
1145 | default:
1146 | if (currentView === view.comments) {
1147 | if (!currentThread) return;
1148 | C.Comments.show(currentThread, true);
1149 | }
1150 | if (currentView === view.main) {
1151 | refreshCurrentStream();
1152 | }
1153 | }
1154 | });
1155 |
1156 | clickable(V.mainWrap, ".link", function (target) {
1157 | var comm = target,
1158 | id = comm.getAttribute("data-id"),
1159 | link = M.Posts.list[id];
1160 | if (link.self || isWideScreen) {
1161 | goToComments(id);
1162 | } else {
1163 | var url = comm.getAttribute("href");
1164 | openURL(url);
1165 | }
1166 | });
1167 |
1168 | clickable(V.mainWrap, ".to-comments", function (target) {
1169 | var id = target.getAttribute('data-id');
1170 | goToComments(id);
1171 | });
1172 |
1173 | V.subtitleText.addEventListener("click", function () {
1174 | if (isLargeScreen) return;
1175 | V.Actions.moveMenu(showingMenu ? move.left : move.right);
1176 | });
1177 |
1178 | $id("btn-add-subs").addEventListener("click", function (e) {
1179 | subsMenu.popup(e.x, e.y - 70);
1180 | });
1181 |
1182 | $id("btn-edit-subs").addEventListener("click", V.Actions.loadForEditing);
1183 |
1184 | clickable(V.mainWrap, "#more-links", function () {
1185 | doByCurrentSelection(function () {
1186 | var url;
1187 | if (M.currentSelection.name.toUpperCase() === 'frontPage'.toUpperCase()) url = urlInit + "r/" + M.Subreddits.getAllString() + "/";
1188 | else url = urlInit + "r/" + M.currentSelection.name + "/";
1189 | C.Posts.load(url, '&after=' + M.Posts.idLast);
1190 | }, function () {
1191 | var channel = M.Channels.getByName(M.currentSelection.name);
1192 | C.Posts.load(urlInit + M.Channels.getURL(channel) + '/', '&after=' + M.Posts.idLast);
1193 | });
1194 | }
1195 | );
1196 |
1197 | clickable(V.mainWrap, '#more-subs', function (target) {
1198 | $remove(target);
1199 | var main = V.mainWrap,
1200 | loader = $el("div", "loader");
1201 | $append(main, loader);
1202 | JSONP.get(urlInit + 'reddits/' + urlEnd + '?&after=' + M.Subreddits.idLast, function (list) {
1203 | var nuevosSubs = Mustache.to_html(T.Subreddits.toAddList, list.data);
1204 | M.Subreddits.idLast = list.data.after;
1205 | $remove(loader);
1206 | $append(main, nuevosSubs);
1207 | $append(main, T.botonCargarMasSubs);
1208 | V.Subreddits.addingList += nuevosSubs;
1209 | }, function () {
1210 | $addClass(loader, "loader-error");
1211 | $text(loader, 'Error loading more subreddits.');
1212 | });
1213 | }
1214 | );
1215 |
1216 | clickable(V.mainWrap, ".btn-add-sub", function (target) {
1217 | var parent = target.parentNode,
1218 | subTitle = parent.querySelector(".subreddit-title"),
1219 | newSub = subTitle.innerText;
1220 | V.Subreddits.insert(newSub);
1221 | }
1222 | );
1223 |
1224 | clickable(V.mainWrap, ".btn-remove-subreddit", function (target) {
1225 | C.Subreddits.remove(target.getAttribute('data-name'));
1226 | }
1227 | );
1228 |
1229 | clickable(V.mainWrap, ".btn-remove-channel", function (target) {
1230 | C.Channels.remove(target.getAttribute('data-title'));
1231 | }
1232 | );
1233 |
1234 | clickable(V.mainWrap, ".btn-edit-channel", function (target) {
1235 | C.Channels.edit(target.getAttribute('data-title'));
1236 | }
1237 | );
1238 |
1239 | clickable(body, ".close-form", V.Actions.removeModal);
1240 |
1241 | delegate($id("sorting"), ".sort-option", "click", function (e) {
1242 | e.preventDefault();
1243 | var choice = e.target;
1244 | var sortingChoice = choice.textContent;
1245 | if (sortingChoice === currentSortingChoice) return;
1246 | var choices = $qAll(".sorting-choice");
1247 | for (var i = 0, l = choices.length; i < l; i++) {
1248 | $removeClass(choices[i], "sorting-choice");
1249 | }
1250 | $addClass(choice, "sorting-choice");
1251 | C.Sorting.change(sortingChoice);
1252 | });
1253 |
1254 | $id("imp-exp").addEventListener("click", importExportData);
1255 |
1256 | body.addEventListener("change", function (ev) {
1257 | if (ev.target.id === "btn-import-data") {
1258 | var importPath = ev.target.value;
1259 | if (!importPath) return;
1260 | fs.readFile(importPath, function (err, cont) {
1261 | if (err) throw err;
1262 | else {
1263 | try {
1264 | data = JSON.parse(cont.toString());
1265 | if (data.subreddits) {
1266 | refresh = true;
1267 | store.setItem("subreeddits", JSON.stringify(data.subreddits));
1268 | }
1269 | if (data.channels) {
1270 | refresh = true;
1271 | store.setItem("channels", JSON.stringify(data.channels));
1272 | }
1273 | if (refresh) win.location.reload();
1274 | } catch (e) {
1275 | alert("Oops. Wrong file, maybe? - Try choosing another one!");
1276 | }
1277 | }
1278 | });
1279 | }
1280 | });
1281 |
1282 | // Do stuff after finishing resizing the windows
1283 | win.addEventListener("resizeend", function () {
1284 | isWideScreen = checkWideScreen();
1285 | isLargeScreen = checkLargeScreen();
1286 | if (isLargeScreen && showingMenu) V.Actions.moveMenu(move.left);
1287 | viewOnlyPosts.checked = false;
1288 | viewMenuAndPosts.checked = false;
1289 | viewMenuPostsAndComments.checked = false;
1290 | if (!isLargeScreen) viewOnlyPosts.checked = true;
1291 | else if (isLargeScreen && !isWideScreen) viewMenuAndPosts.checked = true;
1292 | else viewMenuPostsAndComments.checked = true;
1293 | }, false);
1294 |
1295 | // Pseudo-hash-router
1296 | win.addEventListener('hashchange', function () {
1297 | if (location.hash === "") {
1298 | V.Actions.backToMainView();
1299 | $removeClass($q('.link-selected'), 'link-selected');
1300 | V.Actions.setDetailFooter("");
1301 | setTimeout(function () {
1302 | $empty(V.detailWrap);
1303 | }, isWideScreen ? 1 : 301);
1304 | } else {
1305 | var match = location.hash.match(/(#comments:)((?:[a-zA-Z0-9]*))/);
1306 | if (match && match[2]) {
1307 | var id = match[2];
1308 | C.Comments.show(id);
1309 | }
1310 | }
1311 | }, false);
1312 |
1313 | V.headerIcon.addEventListener("dblclick", function () {
1314 | mainWindow.height = 1048;
1315 | });
1316 |
1317 | delegate(V.mainWrap, ".link", "contextmenu", function (e, target) {
1318 | M.Posts.shareURL = target.href;
1319 | M.Posts.shareTitle = target.querySelector(".link-title").innerText;
1320 | shareMenu.popup(e.x + 1, e.y);
1321 | });
1322 |
1323 | $id("btn-new-sub").addEventListener("click", function () {
1324 | V.Subreddits.showManualInput();
1325 | });
1326 |
1327 | $id("btn-new-channel").addEventListener("click", function () {
1328 | V.Channels.showNewChannelForm();
1329 | });
1330 |
1331 | // App init
1332 | win.onload = function () {
1333 |
1334 | $remove(V.title);
1335 |
1336 | var winConfig = store.getItem("win:config");
1337 |
1338 | if (winConfig) {
1339 | winConfig = JSON.parse(winConfig);
1340 |
1341 | var mainWinWidth = winConfig.w,
1342 | mainWinHeight = winConfig.h,
1343 | mainWinX = winConfig.x,
1344 | mainWinY = winConfig.y;
1345 |
1346 | if (mainWinHeight && mainWinWidth) {
1347 | mainWindow.width = mainWinWidth;
1348 | mainWindow.height = mainWinHeight;
1349 | }
1350 |
1351 | if (mainWinX && mainWinY) {
1352 | mainWindow.x = mainWinX;
1353 | mainWindow.y = mainWinY;
1354 | }
1355 | }
1356 |
1357 | if (checkWideScreen()) $text(V.footerPost, T.noLink);
1358 |
1359 | M.currentSelection.loadSaved();
1360 |
1361 | C.Subreddits.loadSaved();
1362 | C.Channels.loadSaved();
1363 |
1364 | // Cargar links y marcar como activo al subreddit actual - la 1ra vez sera el 'frontPage'
1365 | doByCurrentSelection(function () { // En caso de ser un subreddit
1366 | var i = M.Subreddits.list.indexOf(M.currentSelection.name);
1367 | if (i > -1) {
1368 | var activeSub = doc.getElementsByClassName('sub')[i];
1369 | $addClass(activeSub, "sub-active");
1370 | }
1371 | // Load links
1372 | if (M.currentSelection.name.toUpperCase() === 'frontPage'.toUpperCase()) {
1373 | C.currentSelection.setSubreddit('frontPage');
1374 | C.Posts.load(urlInit + "r/" + M.Subreddits.getAllString() + "/");
1375 | } else {
1376 | C.Posts.load(urlInit + "r/" + M.currentSelection.name + "/");
1377 | }
1378 | V.Actions.setSubTitle(M.currentSelection.name);
1379 | }, function () { // If it's a channel
1380 | var channel;
1381 | for (var i = 0; i < M.Channels.list.length; i++) {
1382 | channel = M.Channels.list[i];
1383 | if (channel.name === M.currentSelection.name) {
1384 | var active = doc.getElementsByClassName('channel')[i];
1385 | $addClass(active, 'channel-active');
1386 | break;
1387 | }
1388 | }
1389 | C.Channels.loadPosts(channel);
1390 | });
1391 |
1392 | // Check for Yosemite
1393 | if (/10_1\d_/.test(navigator.userAgent)) {
1394 | $addClass(body, "yosemite");
1395 | }
1396 |
1397 | mainWindow.show();
1398 | mainWindow.focus();
1399 | };
1400 |
1401 | // Share Menu
1402 | var shareMenu = new gui.Menu();
1403 | shareMenu.append(new gui.MenuItem({
1404 | label: 'Reading List',
1405 | click: function () {
1406 | sharing.readingList(M.Posts.shareURL, function () {
1407 | V.Actions.showNotification("Added to Reading List");
1408 | });
1409 | }
1410 | }));
1411 |
1412 | shareMenu.append(new gui.MenuItem({
1413 | label: 'Twitter',
1414 | click: function () {
1415 | var url = M.Posts.shareURL,
1416 | title = M.Posts.shareTitle;
1417 | openWindow("https://twitter.com/intent/tweet?text=\"" + encodeURI(title) + "\" —&url=" + url + "&via=ReedditApp&related=ReedditApp", 520, 430);
1418 | }
1419 | }));
1420 |
1421 | shareMenu.append(new gui.MenuItem({
1422 | label: 'Email',
1423 | click: function () {
1424 | var title = M.Posts.shareTitle,
1425 | url = M.Posts.shareURL;
1426 | openURL("mailto:?subject=" + title + "&body=" + url + "%0A%0a%0A%0aShared via @ReedditApp.");
1427 | }
1428 | }));
1429 |
1430 | shareMenu.append(new gui.MenuItem({
1431 | label: 'Copy Link',
1432 | click: function () {
1433 | sharing.clipboard(M.Posts.shareURL);
1434 | V.Actions.showNotification("Copied to Clipboard");
1435 | }
1436 | }));
1437 |
1438 | var subsMenu = new gui.Menu();
1439 | subsMenu.append(new gui.MenuItem({
1440 | label: "Add Subreddit from List",
1441 | click: V.Actions.loadForAdding
1442 | }));
1443 |
1444 | subsMenu.append(new gui.MenuItem({
1445 | label: "Add Subreddit Manually",
1446 | click: V.Subreddits.showManualInput
1447 | }));
1448 |
1449 | subsMenu.append(new gui.MenuItem({
1450 | type: 'separator'
1451 | }));
1452 |
1453 | subsMenu.append(new gui.MenuItem({
1454 | label: 'Create Channel',
1455 | click: V.Channels.showNewChannelForm
1456 | }));
1457 |
1458 | // Title Menu
1459 | var submenu = new gui.Menu();
1460 | submenu.append(new gui.MenuItem({
1461 | label: 'Add Subreddits',
1462 | click: V.Actions.loadForAdding
1463 | }));
1464 |
1465 | submenu.append(new gui.MenuItem({
1466 | type: 'separator'
1467 | }));
1468 |
1469 | submenu.append(new gui.MenuItem({
1470 | label: 'Insert Subreddit Manually',
1471 | click: V.Subreddits.showManualInput
1472 | }));
1473 |
1474 | submenu.append(new gui.MenuItem({
1475 | label: 'Create Channel',
1476 | click: V.Channels.showNewChannelForm
1477 | }));
1478 |
1479 | submenu.append(new gui.MenuItem({
1480 | type: 'separator'
1481 | }));
1482 |
1483 | submenu.append(new gui.MenuItem({
1484 | label: 'Edit Subscriptions',
1485 | click: V.Actions.loadForEditing
1486 | }));
1487 | submenu.append(new gui.MenuItem({
1488 | type: 'separator'
1489 | }));
1490 |
1491 | submenu.append(new gui.MenuItem({
1492 | label: 'Import & Export Data',
1493 | click: importExportData
1494 | }));
1495 |
1496 | var menu = new gui.Menu({
1497 | type: 'menubar'
1498 | });
1499 |
1500 | menu.append(new gui.MenuItem({
1501 | label: 'Subscriptions',
1502 | submenu: submenu
1503 | }));
1504 |
1505 | var viewSubmenu = new gui.Menu(),
1506 | viewOnlyPosts = new gui.MenuItem({
1507 | label: 'Only Posts',
1508 | type: 'checkbox',
1509 | click: function () {
1510 | mainWindow.width = 354;
1511 | }
1512 | }),
1513 | viewMenuAndPosts = new gui.MenuItem({
1514 | label: 'Sidebar and Posts',
1515 | type: 'checkbox',
1516 | click: function () {
1517 | mainWindow.width = 490;
1518 | }
1519 | }),
1520 | viewMenuPostsAndComments = new gui.MenuItem({
1521 | label: 'Sidebar, Posts and Comments',
1522 | type: 'checkbox',
1523 | click: function () {
1524 | mainWindow.width = 1000;
1525 | }
1526 | });
1527 |
1528 | viewSubmenu.append(viewOnlyPosts);
1529 | viewSubmenu.append(viewMenuAndPosts);
1530 | viewSubmenu.append(viewMenuPostsAndComments);
1531 | menu.append(new gui.MenuItem({
1532 | label: 'View',
1533 | submenu: viewSubmenu
1534 | }));
1535 |
1536 | gui.Window.get().menu = menu; // Add menu to main app window/title bar
1537 |
1538 | mainWindow.on("close", function () {
1539 | // Save latest window size and position before closing
1540 |
1541 | var winConfig = {
1542 | w: mainWindow.width,
1543 | h: mainWindow.height,
1544 | x: mainWindow.x,
1545 | y: mainWindow.y
1546 | };
1547 |
1548 | store.setItem("win:config", JSON.stringify(winConfig));
1549 |
1550 | mainWindow.close(true);
1551 | });
1552 |
1553 | mainWindow.on("blur", function () {
1554 | $addClass(body, "inactive");
1555 | });
1556 |
1557 | mainWindow.on("focus", function () {
1558 | $removeClass(body, "inactive");
1559 | });
1560 |
1561 | var fs = require("fs"),
1562 | saveLink;
1563 |
1564 | // Check updates
1565 | setTimeout(function () {
1566 | ajax({
1567 | url: "http://mac.reedditapp.com/version.json",
1568 | dataType: "json",
1569 | success: function (data) {
1570 | if (!data.update.trigger || data.version.number <= version) return;
1571 | // show update button
1572 | var btnShowUpdate = $el("div", "btn-general");
1573 | btnShowUpdate.innerText = "New Reeddit version available";
1574 | btnShowUpdate.style.margin = "10px";
1575 | btnShowUpdate.addEventListener("click", function () {
1576 | V.Actions.showModal(Mustache.to_html(T.updater, data), function () {
1577 | $id("btn-download").addEventListener("click", function () {
1578 | openURL(this.getAttribute("data-link"));
1579 | });
1580 | });
1581 | });
1582 | $prepend(V.mainWrap, btnShowUpdate);
1583 | }
1584 | });
1585 | }, 3000);
1586 |
1587 | })(window);
1588 |
--------------------------------------------------------------------------------
/js/sharing.js:
--------------------------------------------------------------------------------
1 | var sharing = (function() {
2 |
3 | var scriptString = 'tell application "Safari" to add reading list item "{{URL}}"',
4 | applescript,
5 | clipboard;
6 |
7 | var getAppleScript = function() {
8 | if (!applescript) {
9 | applescript = require('applescript');
10 | }
11 | return applescript;
12 | };
13 |
14 | var getClipboard = function() {
15 | if (!clipboard) {
16 | var gui = require('nw.gui');
17 | clipboard = gui.Clipboard.get();
18 | }
19 | return clipboard;
20 | };
21 |
22 | var addToReadingList = function(url, next) {
23 | var script = scriptString.replace('{{URL}}', url);
24 | getAppleScript().execString(script, function(err, succ) {
25 | if (next) next();
26 | });
27 | };
28 |
29 | var copyToClipboard = function(url) {
30 | getClipboard().set(url, 'text');
31 | };
32 |
33 | return {
34 | readingList: addToReadingList,
35 | clipboard: copyToClipboard
36 | };
37 |
38 | })();
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "main": "index.html",
3 | "name": "Reeddit",
4 | "description": "Minimal, elastic Reddit reader client",
5 | "version": "1.9.2",
6 | "maintainers": [{
7 | "name": "Bernardo Baquero Stand",
8 | "web": "http://berbaquero.com"
9 | }],
10 | "window": {
11 | "title": " ",
12 | "icon": "img/icon.png",
13 | "toolbar": false,
14 | "frame": true,
15 | "width": 491,
16 | "height": 825,
17 | "position": "center",
18 | "min_width": 354,
19 | "min_height": 480,
20 | "max_width": 3000,
21 | "max_height": 2500,
22 | "resizable": true,
23 | "show": false
24 | },
25 | "devDependencies": {
26 | "applescript": "~0.2.1"
27 | }
28 | }
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # Reeddit for Mac
2 |
3 | This is a version of [Reeddit](https://github.com/berbaquero/reeddit/), built for OS X, using [node-webkit](https://github.com/rogerwang/node-webkit).
4 |
5 | [Download Reeddit.app](https://github.com/berbaquero/Reeddit-app/releases/download/v1.9.6/Reeddit.app.zip).
6 |
7 | For now, you will need to update manually - download each new version. I hope to work on a way to auto-update later.
8 |
9 | # Reeddit
10 |
11 | * #### Minimalist
12 | While aiming for simplicity, Reeddit cares to show you only the most important information from the posts and comments. No upvotes or points.
13 |
14 | * #### Elastic
15 | Reeddit has 3 different elastic layouts - you can use it on any window size. So it's comfortable to use on a smartphone, tablet or desktop.
16 |
17 | * #### Read-only
18 | Being a personal side-project of mine, Reeddit can be used for browsing subreddits and viewing links/post and its comments, but not for voting or commenting... for now ;) -- However, the subreddits and channels you add are saved locally, so you don't lose any of that data.
19 |
20 | * #### Channels
21 | You can group different subreddits into a Channel, so you can browse their links in a single view, instead of having to browse each one separately. This is specially useful when you add subject-related subreddits.
22 |
23 | For screenshots and additional info, visit [Reeddit's Homepage](http://berbaquero.github.com/reeddit/about).
24 |
25 | ## Tools
26 |
27 | To build Reeddit, I used these awesome resources:
28 |
29 | * [pagedown](http://code.google.com/p/pagedown/) -- Client-side Markdown-to-HTML conversion.
30 | * [Mustache.js](https://github.com/janl/mustache.js/) -- Lightweigth client-side templating.
31 | * [reziseend.js](https://github.com/porada/resizeend) -- Better 'resize' handler.
32 | * [Iconmonstr](http://iconmonstr.com/) -- Awesome icons.
33 |
34 | ### Compatibility
35 |
36 | Reeddit.app works on OS X 10.7 and up.
37 |
38 | ### License
39 |
40 | Licensed under the [MIT License](http://berbaquero.mit-license.org/).
41 |
--------------------------------------------------------------------------------